/*
Theme Name: DiviPro
Theme URI: https://divizoom.com/products/divipro
Template: Divi
Author: Divizoom
Author URI: https://divizoom.com
Description: Smart. Flexible. Beautiful. Divi child theme pro is the most powerful child theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.0
Updated: 2021-05-28

*/

:root{
/*--divipro-primary-color: #443be5;*/
--divipro-primary-color: #3571ff;
--divipro-pricing-tag-bg: #1273EB;
}
/*====== Section divider animation ===========*/
.dizo_section_divider_animation .et_pb_bottom_inside_divider,
.dizo_image_animation img{
    animation: movingDivider 5.25s linear infinite;
}
.dizo_image_animation img{
   animation: zoomIn 5.25s linear infinite; 
}
@keyframes movingDivider{
  0%{
      background-size: 90% 85px;
  }
  20%{
      background-size: 120% 90px;
  }
  40%{
      background-size: 140% 102px;
  }
  80%{
      background-size: 150% 90px;
  }
  100%{
      background-size: 170% 85px;
  }
}
@media all and (min-width:981px){
.dizo_home1_hero_section .et_pb_row{
    display:flex;
    justify-content:center;
    align-items:center;
}
}
/*====== Our Services  =====*/


/* Service-page-2 All features section */

.dizo_features_module.et_pb_blurb::after{
	content: '';
	position: absolute;
	right: -15%;
	bottom: 0;
	opacity: 0.2;
	z-index: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: transparent transparent transparent transparent;
	transform: scaleX(0);
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
	transition: all 0.4s ease;	
}

.dizo_features_module.et_pb_blurb:hover::after{
	transform:scaleX(1);
	border-color: transparent #000000 transparent #000000;
	right: 0;
}

/* Blog & Portfolio Category text */

.dizo-blog-module .et_pb_post{
	position:relative;
}

.dizo-blog-module .et_pb_post .post-meta{
	width: fit-content;
	padding: 5px 10px;
	background:var(--divipro-primary-color);
	border-radius: 5px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 10px;
}

.dizo-portfolio-module .post-meta a{
    background-color: var(--divipro-primary-color);
	color: #ffffff!important;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 20px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.dizo-blog-module .et_pb_post a.entry-featured-image-url{
	overflow: hidden;
	background-color: black;
}

.dizo-blog-module .et_pb_post img{
	transition: all 0.4s ease 0s;
}

.dizo-blog-module .et_pb_post:hover img{
	opacity: 0.5;
	transform: scale(1.2, 1.2);
	transition: all 0.4s ease 0s;
}

.dizo-blog-advance .et_pb_post a.entry-featured-image-url{
	overflow: hidden;
	background-color: var(--divipro-primary-color);
}

.dizo-blog-advance .et_pb_post img{
	transition: all 0.4s ease 0s;
}

.dizo-blog-advance .et_pb_post:hover img{
	opacity: 0.5;
	transform: scale(1.2, 1.2);
	transition: all 0.4s ease 0s;
}

/*============ post comment form design ============ */

.dizo-comment-form #comment-wrap .comment-form p.comment-form-author{
	width: 49%;
	float: left;
	margin-right: 18px;
}

.dizo-comment-form #comment-wrap .comment-form p.comment-form-author input{
	width: 100%;
}

.dizo-comment-form #comment-wrap .comment-form p.comment-form-email{
	width: 49%;
	display: inline-block;
}

.dizo-comment-form #comment-wrap .comment-form p.comment-form-email input{
	width: 100%;
}

.dizo-comment-form #comment-wrap .comment-form p.comment-form-url input{
	width: 100%;
}

@media (max-width: 1250px){
	.dizo-comment-form #comment-wrap .comment-form p.comment-form-author{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.dizo-comment-form #comment-wrap .comment-form p.comment-form-email{
		width: 100%;
		display: block;
	}
}

/*============ footer item ============ */

.dizo-footer-item p{
	width: fit-content;
	padding-bottom: 5px;
	transition: all .4s linear!important;
	background: linear-gradient(to bottom,#fff 0%,#fff 98%);
	background-size: 0 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.dizo-footer-item:hover p{
	background-size: 100% 2px;
	transition: all .4s linear!important;
}

/*=============== pricing page - pricing table ===================*/

.dizo-inactive-content{
display:none!important;
}
.dizo-active-button,
.dizo-inactive-button{
    cursor:pointer;    
}
.dizo_active {
	background-color:var(--divipro-primary-color);
}
.dizo_active .et_pb_text_inner,
.dizo_active.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.dizo_active .et_pb_blurb_description,
.dizo_active .et-pb-icon{
    color:#fff!important;    
}

/*================= single project page gallery slider arrows design =============*/

.dizo-single-project-gallery .et-pb-slider-arrows a {
	background-color: var(--divipro-primary-color);
	color: #ffffff!important;
	border-radius: 5px;
}

.dizo-single-project-gallery .et-pb-controllers a {
	background-color: var(--divipro-primary-color)!important;
	width: 10px;
	height: 10px;
}


/*=======================================
============= Home 2 ====================*/


/*== Hero section icon ====*/

.dizo-soft-button .et_contact_bottom_container{
    width:100%;
    float:none;
    padding-left:3%;
}
.dizo_home_2_icon .et-pb-icon{
    position:relative!important; 
    cursor:pointer;
}
.dizo_home_2_icon .et-pb-icon:before,
.dizo_home_2_icon .et-pb-icon:after{
    content: '';
    position: absolute;
    border: 2px solid;
    border-color: var(--divipro-primary-color);
    animation: zoomBig 3.25s linear infinite;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    margin-left: -24px;
    margin-top: -24px;
    z-index: -1;
    background-position: center;
}

.dizo_home_2_icon.divipro_landing_page_icon .et-pb-icon:before,
.dizo_home_2_icon.divipro_landing_page_icon .et-pb-icon:after{
  border-color: #fff;  
}
.dizo_home_2_icon .et-pb-icon:before{
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}
.dizo_home_2_icon .et-pb-icon:after{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
@keyframes zoomBig{
  0%   {transform: scale(0); opacity:0}
  20%  {transform: scale(0.2); opacity:0.5;}
  40%  {transform: scale(0.5);opacity:1;}
  60%  {transform: scale(0.7);opacity:0.5;}
  80%  {transform: scale(0.9);opacity:0.3;}
  100% {transform: scale(1);opacity:0.2;}
}
.dizo_home_2_services_color{
background-position:50% 0%;
transition:750ms!important;
}
.dizo_home_2_services_color:hover{
color:#fff!important; 
background-position:0%; 
}
.dizo_home_2_services_color:hover .et_pb_module_header{
color:inherit!important; 
}

/*===== Home 2 image shape ======*/

.dizo_home2_image_shape:after{
content:'';
background: var(--divipro-primary-color);
width: 86%;
/*height: 70%;*/
/*bottom: 42px;*/
height: 85%;
bottom: 25px;
left: -9px;
position: absolute;
z-index: -1;
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
animation: morph 8s ease-in-out infinite;   

}
.dizo_home2_image_shape:before{
content:'';
background: #273540;
position: absolute;
width: 76%;
height: 97%;
left: 13px;
top: 13px;
bottom: 42px;
z-index: -1;
border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
animation: morph 5s ease-in-out infinite;
}

@keyframes morph{
0% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}
50% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
}
100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}    
}
/*===== Sub text divider =====*/

.dizo_sub_text_divider:before{
content: '';
position: absolute;
left: 0;
top: 12px;
height: 4px;
width: 76px;
background: var(--divipro-primary-color);    
}
.dizo_sub_text_divider:after{
content: '';
position: absolute;
left: 15px;
top: 11px;
height: 6px;
width: 12px;
background: #fff;    
}
/*==== Image hover===*/ 

.dizo_home2_img{
overflow:hidden;
}
.dizo_home2_img .et_pb_image_wrap img{
transform:scale(1);
transition:0.75s ease;
}
.dizo_home2_img:hover .et_pb_image_wrap img{
transform:scale(1.3);
}

/*==== pricing ======*/
.dizo_home2_pricing .et_pb_blurb_content,
.dizo_home2_pricing_text .et_pb_blurb_content{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row-reverse;
margin-bottom:0;
}
.dizo_home2_pricing_text .et_pb_main_blurb_image{
margin-bottom:0;    
}
.dizo_home2_pricing .et_pb_module_header{
padding: 10px 23px 11px 23px;
background-color: var(--divipro-pricing-tag-bg);
border-radius: 0px 30px 30px 0px;
}
.dizo_home2_pricing_text .et_pb_blurb_content{
 justify-content: space-around;   
}
.dizo_home2_pricing_text .et_pb_main_blurb_image{
margin-top:-10px;    
}

/*=============================== Magnific popup ==================================*/

.mfp-content{
max-width:1200px;
}
button.mfp-close, button.mfp-arrow{
background:#fff!important;    
}
.mfp-wrap .mfp-container .mfp-content button:not(.et_pb_button){
transition:0.4s ease;
top: 27px;
}
.mfp-wrap .mfp-container .mfp-content button:hover:not(.et_pb_button){
background:#ffe2e2!important;    
}
.dizo_video_popup,
.dizo_popup_form,
.dizo_popup_form_menu,
.dizo_popup_form_1,
.dizo_popup_form_2,
.dizo_popup_form_3,
.dizo_popup_form_4,
.dizo_popup_form_5,
.dizo_map_popup{
display:none!important;    
}
.mfp-wrap .dizo_video_popup,
.mfp-wrap .dizo_map_popup{
display:block!important;    
}
.mfp-wrap .dizo_popup_form,
.mfp-wrap .dizo_popup_form_menu,
.mfp-wrap .dizo_popup_form_1,
.mfp-wrap .dizo_popup_form_2,
.mfp-wrap .dizo_popup_form_3,
.mfp-wrap .dizo_popup_form_4,
.mfp-wrap .dizo_popup_form_5{
display:flex!important;    
}
@media all and (max-width:767px){
.mfp-wrap .dizo_popup_form,
.mfp-wrap .dizo_popup_form_menu,
.mfp-wrap .dizo_popup_form_1,
.mfp-wrap .dizo_popup_form_2,
.mfp-wrap .dizo_popup_form_3,
.mfp-wrap .dizo_popup_form_4,
.mfp-wrap .dizo_popup_form_5{
flex-direction:column;
width:100%!important;
}  
}


/*=========== magnific popup Divi form button ==========*/

.mfp-wrap .mfp-container .mfp-content button.et_pb_button{
background: var(--divipro-primary-color);
color: #fff;
border: 2px solid var(--divipro-primary-color);
border-radius: 5px;
padding: 8px 35px;   
}

.mfp-wrap .mfp-container .mfp-content button.et_pb_button:hover{
background:#fff!important;
color:var(--divipro-primary-color);
border-color:#fff;
}

/*======= Home 2 About us ==========*/

.dizo_eliminate_padding_bottom h1,
.dizo_eliminate_padding_bottom h2,
.dizo_eliminate_padding_bottom h3,
.dizo_eliminate_padding_bottom h4,
.dizo_eliminate_padding_bottom h5,
.dizo_eliminate_padding_bottom h6{
    padding-bottom:0;    
}
.dizo_home2_image img{
object-fit:cover;    
}
.dizo_pattern{
position:absolute;
z-index:0;
animation:zoomIn 5s linear infinite;
} 
.pattern_1{
top:0;
left:-100px;  
}
.pattern_2{
bottom:0;
right:-50px;
}

@keyframes zoomIn{
    0%{transform:scale(0.8);}
    50% {transform:scale(1);}
    100% {transform:scale(0.8);}
}

.dizo_image_padding img{
  padding:15px;  
}

/*=========== Home 2 Services ================*/

.dizo_services_rotate .et_pb_blurb{
  perspective:1500px;
  backface-visibility:hidden;
}
.dizo_services_rotate .et_pb_blurb,
.dizo_services_rotate .et_pb_main_blurb_image,
.dizo_services_rotate .et_pb_blurb .et_pb_module_header,
.dizo_services_rotate .dizo_services_btn{
transition: all 0.45s;
}
.dizo_services_rotate:hover .et_pb_blurb{
  transform: translate3d(0%, -10%, 0px);
}
.dizo_services_rotate:hover .et_pb_main_blurb_image{
transform:scale(0);    
}
.dizo_services_rotate:hover .et_pb_blurb,
.dizo_services_rotate:hover .et_pb_blurb .et_pb_module_header{
  color:#fff!important;
}
.dizo_services_btn{
padding: 12px 35px;
background: #f7f7f7;
color: var(--divipro-primary-color);
border-radius: 40px;
opacity:0;
}
.dizo_services_rotate:hover .dizo_services_btn{
opacity:1;

}
/*========= single services page==========*/

.dizo_home_2_single_services_page_navigation .et_pb_blurb_content{
   display:flex; 
}
.dizo_home_2_single_services_page_navigation .et_pb_main_blurb_image{
   order:2;
   margin-bottom:0;
}
.dizo_home_2_single_services_page_navigation .et_pb_blurb_container{
  order:1  
}

/*=============Blog==============*/

.dizo_home2_blog .et_pb_post{
box-shadow:0 2px 20px rgb(0 0 0 / 8%);
padding:20px;
}
.dizo_home2_blog .et_pb_post a img,
.dizo_home2_blog .et_pb_post{
border-radius:15px!important;      
}
.dizo_home2_blog a[rel='tag']{
position: absolute;
top: 27px;
right: 30px;
background: #06155f!important;
padding: 6px 35px;
color: #fff!important;
border-radius: 30px;
font-weight: 700;    
}
.dizo_home2_blog .more-link{
margin-top:20px;    
}
.dizo_home2_blurb_image_size .et_pb_blurb_content{
  display:flex;  
}
.dizo_home2_blurb_image_size .et_pb_main_blurb_image{
  flex-basis:30% ; 
}
.dizo_home2_blurb_image_size .et_pb_blurb_container{
   flex-basis:70%; 
}
/*===================== Project page ============================*/

.dizo-portfolio-module .et_pb_portfolio_filter a {
border: 1px solid #f5f6f7!important;
border-radius: 30px!important;
box-shadow: 0px 20px 80px 0px rgb(109 112 222 / 49%);
margin:10px!important;
}


/*====================================================================
=================== Element page blurb icon position ================*/


.dizo_element_blurb.et_pb_blurb{
overflow:visible!important;    
}
.dizo_element_blurb .et_pb_blurb_content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position:unset;
}
.dizo_element_blurb .et_pb_main_blurb_image{
position: absolute;
top: -30px;
}

.dizo_element_blurb .et_pb_blurb_container{
padding-top:25px;    
}
.dizo_element_blurb .et-pb-icon-circle {
border-radius: 75% 82% 76% 64%;
padding:15px;
}


/*======================================================================
======================== Tab design horizontal =========================
========================================================================*/

.divipro_tab ul.et_pb_tabs_controls{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
}
.divipro_tab .et_pb_all_tabs{
padding-top:20px;    
}
.divipro_tab ul.et_pb_tabs_controls li{
flex:1;
text-align:center;
display: flex;
justify-content: center;
align-items: center;
padding: 22px 0px;
height:0!important;
}

/*======== Horizontal Design 1 ==========*/

.et_pb_tabs.divipro_tab_horizontal_1{
border:none;    
}
.divipro_tab_horizontal_1 ul.et_pb_tabs_controls{
background:transparent;
}

.divipro_tab_horizontal_1 ul.et_pb_tabs_controls li{
border-radius: 36px;
box-shadow: 0px 5px 20px -10px rgb(0 0 0 / 20%);
border-right:none;
margin-bottom:20px;
margin-right:30px;
}

@media (max-width: 767px){
.divipro_tab_horizontal_1 .et_pb_tabs_controls {
margin-left:20px;    
}
.divipro_tab_horizontal_1 .et_pb_tabs_controls li {
 border-bottom:none;
}
   
}

/*==================== Horizontal Design 2 =====================*/

.divipro_tab_horizontal_2 ul.et_pb_tabs_controls li{
border-right:1px solid #fdf4f457;
border-bottom:1px solid #fdf4f457;
padding:26px;
}


/*==================================================
===================== Tab design Vertical ==========*/

.divipro_tab_vertical.et_pb_tabs{
display: flex;
justify-content: flex-start;
align-items: flex-start;  
}
.divipro_tab_vertical.et_pb_tabs ul.et_pb_tabs_controls{
justify-content: flex-start;
align-items: flex-start;
flex-direction:column;   
}

.divipro_tab_vertical.et_pb_tabs ul.et_pb_tabs_controls li{
margin-bottom:10px;
width:100%;   
}
.divipro_tab_vertical.et_pb_tabs .et_pb_all_tabs{
padding-top:0;
}

@media (max-width:767px){
.divipro_tab_vertical.et_pb_tabs ul.et_pb_tabs_controls {
  flex-direction:row;
    }
}

/*=============================  Left Menu =====================*/


.divipro_tab_left_vertical.et_pb_tabs ul.et_pb_tabs_controls{
flex:1;
}
.divipro_tab_left_vertical.et_pb_tabs .et_pb_all_tabs{
flex:4;      
}

@media (max-width:767px){
 .divipro_tab_left_vertical.et_pb_tabs{
   flex-direction:column;
}
}
/*=============================  Right Menu =====================*/
.divipro_tab_right_vertical.et_pb_tabs{
flex-direction:row-reverse;
}

.divipro_tab_right_vertical.et_pb_tabs ul.et_pb_tabs_controls{
flex:1;
}
.divipro_tab_right_vertical.et_pb_tabs .et_pb_all_tabs{
flex:4;      
}
@media (max-width:767px){
 .divipro_tab_right_vertical.et_pb_tabs{
   flex-direction:column;
}
}




/*======================================================================
======================== Carousel Design ===============================
========================================================================*/
.dipro_carousel{
--arrow-position-desktop:-225px;
--arrow-position-mobile:-350px;
}

.dipro_pagination {
position:relative;
display: flex;
justify-content: center;
align-items: center;  
}
.dipro_pagination .swiper-pagination-bullet{
margin-right:10px;     
}
.dipro_pagination .swiper-pagination-bullet-active{
background:var(--divipro-primary-color);       
}

.dipro_carousel .swiper-button-next,
.dipro_carousel .swiper-button-prev{
position: absolute;
top: var(--arrow-position-desktop);
background: var(--divipro-primary-color);
padding: 30px;    
}
@media  (max-width:767px){
 .dipro_carousel .swiper-button-next,
 .dipro_carousel .swiper-button-prev{
    top:var(--arrow-position-mobile);     
}
.dipro_carousel .swiper-button-next{
 right:10px;   
}
.dipro_carousel .swiper-button-prev{
left:auto;
right:90px;
    } 
}

.dipro_carousel .swiper-button-next:after, 
.dipro_carousel .swiper-button-prev:after{
color: #fff;
font-size: 18px;
font-weight: 700;    
}
.dipro_carousel_arrow_position .swiper-button-next{
 right:10px;     
}
.dipro_carousel_arrow_position .swiper-button-prev{
left:auto;
right:90px;    
}

/*==== bottom arrow ====*/
.dipro_carousel_bottom_arrow .swiper-button-next,
.dipro_carousel_bottom_arrow .swiper-button-prev{
   top:-15px;     
}


/*============== Multicolumn Carousel =========*/

.swiper-container.dipro_multicolumnSwiper{
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}

.dipro_multicolumnSwiper.swiper-container-multirow-column>.swiper-wrapper{
flex-direction:row!important;    
}

/*========= Coverflow Effect Carousel ==========*/

.dipro_coverflow_effect_carousel .swiper-slide{
width:300px!important;
height:300px;
}


/*======================= Custom Download btn ===============*/

.divipro_btn_wrapper{
 display:flex;
 justify-content:flex-start;
 align-items:center;
}
.divipro_btn_wrapper .divipro_btn{
  flex:1;
  padding:12px 25px;
  background:#134c5f;
  color:#fff;
  margin-right:15px;
  border-radius:10px;
  font-weight:700;
  text-align:center;
  transition:0.4s ease;
}
.divipro_btn_wrapper .divipro_btn:hover{
background:#196782;
transform: translateY(-10px);
}

.divipro_btn_wrapper .divipro_btn[title='Elegantthemes']{
flex:2;    
}

.divipro_image_fit img{
object-fit:cover;    
}


/**============================== Image hover design =============================*/

/*==== Content reveal =====*/
.divipro_image_hover_content_reveal{
overflow:hidden;    
}
.divipro_image_hover_content_reveal .et_pb_module_header{
transition:0.4s ease-in-out;
}
.divipro_image_hover_content_reveal .et_pb_blurb_description{
  transform: translateY(-100%);
  opacity:0;
  transition:0.4s ease-in-out;
  
}
.divipro_image_hover_content_reveal:hover .et_pb_blurb_description{
  transform: translateY(0);
  opacity:1;
}
.divipro_image_hover_content_reveal:hover .et_pb_module_header{
 transform: translateY(-100%);
 opacity:0;
}

/*========= image swap ===========*/
.divipro_image_hover_swap{
overflow:hidden;
}

.divipro_image_hover_swap img{
transform:scale(1.2);
transition:0.5s ease-in-out;
}
.divipro_image_hover_swap:hover img{
transform:scale(1);
}
/*=== When activate the hover state ========*/

.divipro_image_hover_swap.et_multi_view__hover_selector img{
transform:scale(1.2);
}
.divipro_image_hover_swap.et_multi_view__hovered img{
  transform:scale(1);  
}



/*============================== Menu Design ==========================*/

/*======= vertical menu =========== */


.divipro_vertical_menu{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start; 
position: fixed;
top: 0;
left: 0;
width: 200px;
height: 100vh;
z-index: 999999999999999!important;
}

.divipro_vertical_menu .et-menu{
display:flex;
flex-direction:column;
}

@media (max-width:1024px){
.divipro_vertical_menu{
flex-direction:column;
justify-content:flex-start;
align-items:flex-start; 
position: relative;
width: 100%;
height: auto;
}
.divipro_vertical_menu .et-menu{
    flex-direction:row;
    }
}

@media (min-width:1025px){
.divipro_vertical * .et_pb_section:not(.divipro_vertical_menu){
    margin-left:200px;    
    }   
}


/*=================================================================
============================Mobile Menu ============================*/