/*
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]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


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


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


.container {
    width: 90%;
    max-width: 1140px;
}

.et_pb_row {
    width: 90%;
    max-width: 1140px;
}

#top-menu li {
    font-size: 15px !important;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-weight: 500;
}

#logo {
	max-height: 100%;
}

.et-fixed-header #logo{
	width: 150px;
}

.mobile_menu_bar:before{
    color: #fff;
}

.et_mobile_menu{
    border-top: 3px solid #006FCF;
}

.et_mobile_menu {
    background-color: #fff !important;
}

.et_mobile_menu li a{
    color: #333 !important; 
}


/*-------- Fonts ----------*/

h1,h2,h3,h4,h5,h6{
	font-weight: 600;
/* 	text-transform: uppercase; */
}

h1{
    font-size: 60px;
    line-height: 70px;
}

h2{
    font-size: 32px;
    line-height: 42px;
}

h3{
	font-size: 28px !important;
    line-height: 38px !important;
}

h4{
	font-size: 22px !important;
    line-height: 34px !important;
}

h5{
	font-size: 20px !important;
    line-height: 30px !important;
}

h6{
	font-size: 18px !important;
    line-height: 28px !important;
}

body{
	font-size: 17px !important;
    line-height: 27px !important;
	font-weight: 400;
}

@media screen and (max-width: 980px) {
	h1 {
    	font-size: 34px;
    	line-height: 44px;
	}
	
	h2 {
    	font-size: 28px;
    	line-height: 38px;
	}
	
	h3{
		font-size: 24px !important;
    	line-height: 34px !important;
	}
	
	h4{
		font-size: 20px !important;
    	line-height: 30px !important;
	}
	
	h5{
		font-size: 20px !important;
    	line-height: 30px !important;
	}
	
	h6{
		font-size: 18px !important;
    	line-height: 28px !important;
	}
}

@media screen and (max-width: 767px) {
	h1 {
    	font-size: 30px !important;
    	line-height: 40px !important;
	}
	
	h2 {
    	font-size: 25px;
    	line-height: 35px;
	}
	
	h3{
		font-size: 22px !important;
    	line-height: 32px !important;
	}
	
	h4{
		font-size: 20px !important;
    	line-height: 30px !important;
	}
	
	h5{
		font-size: 19px !important;
    	line-height: 29px !important;
	}
	
	h6{
		font-size: 18px !important;
    	line-height: 28px !important;
	}
	body{
		font-size: 16px !important;
		line-height: 27px !important;
	}
}

.single-post h1.entry-title{
	font-size: 24px;
    line-height: 34px;
}

/*-------- Fonts ----------*/

.banner-text span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
}
.banner-text span:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.tcls-wrap .owl-item img {
    height: auto;
    border: 1px solid #f5f3f3;
}

.et_pb_number_counter.et_pb_with_title .percent {
    margin-bottom: 0px;
}

.number-counter{
	background-attachment: fixed;
}

.number-counter h6 {
    font-size: 15px!important;
    line-height: 25px!important;
	font-weight: 500;
}

.how-add-value .et_pb_module.et_pb_blurb.et_pb_blurb {
    min-height: 370px !important;
}

/*---------- Services -----------*/

.services_box .service_icon{
	background: #1488cc;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 10px;
}

.services_main_wrapp .et_pb_tab_content{
	display:flex;
	flex-wrap:wrap;
}
.services_main_wrapp .et_pb_tab_content .services_box {
    width: 23%;
    padding: 25px;
    background: #fff;
    margin: 0 1%;
    border-radius: 7px;
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
}
.services_main_wrapp .et_pb_tab_content .services_box ul{
	padding-bottom:0;
}
.services_main_wrapp .et_pb_tab_content .services_box ul li{
	font-size:14px;
	line-height:24px;
}
.services_main_wrapp .et-pb-active-slide {
	max-height:100% !important;
}

.services_main_wrapp .et_pb_tab {
    max-height: inherit !important;
}

.tab_section_wrapp ul.et_pb_tabs_controls {
    background: transparent;
    display: flex;
    justify-content: center;
}

.tab_section_wrapp .et_pb_tabs_controls li{
	border:0;
	padding: 0 40px;
}

.tab_section_wrapp .et_pb_tabs {
    border: 0;
}

.tab_section_wrapp .et_pb_tabs_controls li a {
    padding: 35px 0;
	position:relative;
}

.tab_section_wrapp .et_pb_tabs_controls li a:before{
	content:"";
	position:absolute;
	bottom:25px;
	left:0;
	width:0;
	height:2px;
	background:#3e88cc;
	transition: width 0.5s ease;
}
.tab_section_wrapp .et_pb_tabs_controls li.et_pb_tab_active a:before{
	width:100%;
}
.tab_section_wrapp .et_pb_tabs_controls li.et_pb_tab_active {
    background-color: transparent;
}

.tab_section_wrapp .et_pb_tabs_controls li.et_pb_tab_active a{
	color: #3e88cc !important;
}

.services_main_wrapp .et_pb_all_tabs {
    background-color: transparent;
}

.services_main_wrapp .et_pb_tab {
    padding: 0;
}

.services_main_wrapp .services_box h5{
	font-size: 16px !important;
	line-height: 26px !important;
}

.services_box .service_icon {
    margin: 0 0 10px;
}

/*---------- Services -----------*/

.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px;
}


.pp_pic_holder.pp_default{
	z-index: 999999;
}
div.pp_overlay{
	z-index: 99999 !important;
}


/*---------- Gallery -----------*/

.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption span.eg-title {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
}

.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-content-holder .eg-caption {

    background: #55ccb7;
    color: #fff;
}

.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-button-holder a {
    background: #fff;
    color: #3e88cc;
}

.eg-overlay-wrapper {
    border-image-source: linear-gradient(to left, #55ccb7, #3e88cc) !important;
    border: 5px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-radius: 5px !important;
}

.eg-overlay-layout-11 .eg-overlay-wrapper .eg-mask .eg-button-holder a:hover {
    color: #fff;
    background: #00CDB8;
}

/*---------- Gallery -----------*/
.owl-carousel:lang(ar) .owl-item,
.owl-wrapper {
    direction: rtl;
}
.bx-viewport {
    direction: ltr;
}
.owl-carousel:lang(ar) { direction: ltr !important; }
.owl-carousel:lang(fa) .owl-item,
.owl-wrapper {
    direction: rtl;
}
.owl-carousel:lang(fa) { direction: ltr !important; }
.our-team .et_pb_team_member{
	min-height: 572px;
}

.et-pb-contact-message {
    text-align: center;
    color: #136841;
}
.bx-viewport{
        width: 80% !important;    
        margin: 0 auto;
}

.eg-filmstrip-wrap .eg-filmstrip-outer-layout-1 .eg-filmstrip-caption {
    background: #3e88ccc7 !important;
    color: #fff !important;
    font-size: 16px !important;
    text-align: center !important;
}

.eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:before {
    color: #008AC9 !important;
}

.eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .bx-wrapper .bx-controls-direction a {
    background: #3e88cc;
    color: #fff;
}

@media (max-width:1024px){
   .services_main_wrapp .services_box h5 {
        font-size: 14px!important;
        line-height: 22px !important;
    }
    
    #top-menu li {
        font-size: 13px !important;
        padding-right: 18px;
    }
    
    .how-add-value h5{
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    .how-add-value .et_pb_module.et_pb_blurb.et_pb_blurb {
        min-height: 405px !important;
    }
}

@media (max-width:991px){
    .et_pb_column .et_pb_team_member_image {
        width: 100% !important;
        margin: 0 0px 12px 0 !important;
        text-align: center !important;
    }

    .et_pb_column .et_pb_team_member_image img{
        width:100%;    
    }
    .services_main_wrapp .et_pb_tab_content .services_box {
        width: 48%;
        margin-bottom: 20px;
    }
    .eg-filmstrip-outer-layout-1 .eg-filmstrip-items-outerwrap .eg-filmstrip-caption span.eg-title {
        font-size: 16px;
    }
}

@media (max-width:767px){
    .eg-grid-wrap.eg-column-1 .eg-each-item{
        margin: 0 0 20px;
    }
    .services_main_wrapp .services_box h5 {
        font-size: 14px!important;
        line-height: 22px !important;
    }
    .bx-viewport{
        width: 100% !important;    
        margin: 0 auto;
    }
    .eg-filmstrip-outer-layout-1 .eg-filmstrip-pager-outerwrap .bx-controls-direction a:before {
        color: #008AC9 !important;
        display: none;
    }
}

@media (max-width:575px){
    .tab_section_wrapp .et_pb_tabs_controls li {
        padding: 0 20px;
    }    
    .tab_section_wrapp .et_pb_tabs_controls li a {
        font-size: 14px;
    }
}

@media (max-width:481px){
  .services_main_wrapp .et_pb_tab_content .services_box {
        width: 100%;
        margin: 0 0 20px;
    }
}