/*---------------------------------------------------------------------------------
 Theme Name:   ZoDenEngineers
 Theme URI:    https://www.fxvisuals.com/
 Description:  A custom theme for ZoDen Engineers. Powered by fxVisuals.com
 Author:       fxVisuals
 Author URI:   https://www.fxvisuals.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/ 


/**General**/
/* Template-Options */


/*------ General --------*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

.zo-hide { display: none !important; }
.et_builder_inner_content{z-index:auto !important;}

.dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.dct_link .et_pb_text_inner a{color:var(--color-1);}

.dct_divider{height: 12px;
margin: 0 auto;
width: 92px;-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;}

.dct_divider:before{display: none;}
.dct_divider:after{
	content: "\33";
          font-family: ETmodules !important;
font-weight: 900;
font-size: 26px;
line-height: 0px;-webkit-box-sizing: border-box;
box-sizing: border-box;margin: 0;
padding: 0;
	text-shadow: 10px 0px 0 var(--color-1), 20px 0px 0 var(--color-1), 30px 0px 0 var(--color-1), 40px 0px 0 var(--color-1), 50px 0px 0 var(--color-1), 60px 0px 0 var(--color-1), 70px 0px 0 var(--color-1), 80px 0px 0 var(--color-1);
color: var(--color-1);}

.dct_divider .et_pb_divider_internal{display:block;}

.dct_divider.left{margin: 0;}



/*------ Blog --------*/

.dct_blog .et_pb_post {box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.15);background: #fff;padding:0px;border:none;position:relative;}

.dct_blog .et_pb_post .et_pb_image_container{margin:0px;}

.dct_blog .et_pb_post .entry-featured-image-url{margin-bottom:10px;}

.dct_blog .et_pb_post .post-content .more-link{position: absolute;
font-size: 0;bottom: 0;
right: 0;}

.dct_blog .et_pb_post .post-content .more-link:after{content: "\45";
font-family: ETmodules !important;
font-size: 20px;
width: 40px;
height: 40px;
display: inline-block;
background: var(--color-2);
color: #fff;
line-height: 40px;
text-align: center;}
.dct_blog .et_pb_post .entry-title{
padding: 15px 25px;	
font-size: 20px;
line-height: 28px;color:var(--color-2);
font-weight: 700;}
.dct_blog .post-content .entry-title {
    padding:0px !important
}

.dct_blog .et_pb_post .entry-title:hover{color:var(--color-1);}

.dct_blog .et_pb_post .post-meta{padding: 0px 25px;}
.dct_blog .et_pb_post .post-content{padding: 12px 30px 30px;display: inline-grid;}

@media (max-width:1743px){
	.dct_blog .et_pb_post .entry-title{
		font-size: 18px;
	}
}
@media (max-width: 1604px) {
    .dct_blog .et_pb_post .entry-title {
        font-size: 17px;
    }
}
@media (max-width: 1534px) {
    .dct_blog .et_pb_post .entry-title {
        font-size: 16px;
        line-height: 27px;
    }
}
@media (max-width: 1465px) {
    .dct_blog .et_pb_post .entry-title {
        font-size: 15px;
        line-height: 27px;
    }
}
@media (max-width:767px){
	
}

/** Blog Side bar **/

.dct_blog_list{}

.dct_blog_list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}


/*set the text width*/

.dct_blog_list .entry-title,
.dct_blog_list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}


/*make the image square*/

.dct_blog_list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.dct_blog_list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/*adjust the spacing and add a border between the posts*/

.dct_blog_list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.dct_blog_list .et_pb_post .more-link{position: absolute;
font-size: 0;
bottom: 0;
right: 0;}

.dct_blog_list .et_pb_post .more-link:after{content: "\45";
font-family: ETmodules !important;
font-size: 20px;
width: 40px;
height: 40px;
display: inline-block;
background: var(--color-1);
color: #fff;
line-height: 40px;
text-align: center;}



/** Blog 2 Column **/

.dct_blog.clm .et_pb_ajax_pagination_container{display: grid;
grid-gap: 30px;
grid-template-columns: repeat(2, 50%);}

.dct_blog.clm .et_pb_post .entry-featured-image-url img{height: 400px;
object-fit: cover;}

@media only screen and (max-width : 767px){
.dct_blog.clm .et_pb_ajax_pagination_container{grid-template-columns: repeat(1, 100%);}
}



/** Blog List **/

.dct_blog.list .et_pb_post .entry-featured-image-url{
margin-bottom: 0;
width: 50%;
float: left;
overflow: hidden;
position: relative;
}

.dct_blog.list .et_pb_post .entry-featured-image-url img{height: 310px;
object-fit: cover;}


.dct_blog.list .et_pb_post .info{
width: 50%;
float: left;
padding: 0 20px;
}


@media only screen and (max-width: 767px){
	.dct_blog.list .et_pb_post .entry-featured-image-url,
	.dct_blog.list .et_pb_post .info{width: 100% !important;float: none !important;}}
	
	
/** For Right **/

.dct_blog.list.rt .et_pb_post .entry-featured-image-url{width: 50%;
float: right;}
.dct_blog.list.rt .et_pb_post .info{width: 50%;
float: left;
padding: 0 20px;}
	

/*------ Blurb --------*/


.dct_blurb_drm.bg .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:var(--color-1);}

.dct_blurb_drm .et_pb_blurb_content .et_pb_main_blurb_image{box-shadow: inset 0 0 0 5px #e2e2e3;
display:block;padding: 20px;
border-radius: 0;width: 100px;
height: 100px;
line-height: 100px;}

.dct_blurb_drm .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{line-height: 100px;font-size: 40px;
font-weight: 700;text-align: center;
display: block;
	color: var(--color-1);}

.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container{padding-left: 20px;}
.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{position:relative;margin-bottom: 10px;}
.dct_blurb_drm .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before{content:'';background:var(--color-1);width: 45px;
height: 2px;position:absolute;bottom:0;left:0px;}



.dct_video.bg .et_pb_blurb_content{position: relative;
top: 0;
transform: none;
left: 0;}

.dct_video.bg .et_pb_blurb_content .et_pb_main_blurb_image{margin: 0 auto 50px;border-radius: 50%;}



.dct_video .et_pb_blurb_content .et_pb_main_blurb_image img{filter: contrast(200%) invert(100%);
backface-visibility: hidden;padding: 10px;}

.dct_video .et_pb_blurb_content{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;}

.dct_video .et_pb_blurb_content .et_pb_main_blurb_image{height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
background-color: var(--color-1);
display: block;

margin: 0 auto;
transition: all 0.5s;
box-shadow: 0 0 0 20px rgba(198, 164, 126, 0.5);}

.dct_video .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: #fff;
font-size: 42px;text-align: center;line-height: 100px;display:block;}


/*------ Slider --------*/

/* .dct_slider .et_pb_slide{padding: 10% 6% 0 0%;} */
.dct_slider .et_pb_slide{padding: 5% 6% 5% 0%;}

.dct_slider .et_pb_slide_description{background: #fff;
width: 70%;padding: 100px 40px 50px 40px;
float: left;}


.dct_slider .et_pb_slide_description .et_pb_slide_content h1{color: var(--color-2 ) !important;
font-size: 32px;text-transform:uppercase;
line-height: 52px;
font-weight: 800;}

.dct_slider .et_pb_slide_description .et_pb_slide_content {color: #000;}

.dct_slider .et_pb_slide_description .et_pb_slide_content h1 span{color: var(--color-1 ) !important;}

.dct_slider .et-pb-controllers{width:auto;right:30px;left: auto;}
.dct_slider .et-pb-controllers a{width: 15px;height: 15px;opacity: 1;}
.dct_slider .et-pb-controllers .et-pb-active-control{background-color:var(--color-1);}

@media only screen and (max-width : 767px) {
/* .dct_slider .et_pb_slide_description{width:100%;padding: 40px 20px 40px 20px;} */
	.dct_slider .et_pb_slide_description{width:80%;padding: 40px 20px 40px 20px;}
	.dct_slider .et_pb_slide_description .et_pb_slide_content h1{font-size:25px;}	
	.dct_slider .et_pb_slide {
    padding: 10% 6% 10% 0%;
}
}



/*------ Home V2 --------*/

.dct_home_v2 .et_pb_fullwidth_header_container {max-width: 90% !important;width: 90% !important;}

.dct_home_v2 .et_pb_header_content_wrapper h6{color: var(--color-2) !important;
font-size: 50px;
line-height: 60px;
font-weight: 800;}

.dct_home_v2.bg .et_pb_header_content_wrapper h6{color:#fff !important;}

@media only screen and (max-width : 767px) {
.dct_home_v2 .et_pb_header_content_wrapper h6{font-size: 29px;
line-height: 40px;}}

/*------ Counter --------*/

.dct_counter .percent-value{color:var(--color-2);border-bottom: 4px solid var(--color-1);}

.dct_counter.bg .percent-value{color:#fff;}

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

.dct_service_icon{}
.dct_service_icon .et_pb_blurb_content .et_pb_main_blurb_image{height: 60px;
width: 60px;
min-width: 60px;
line-height: 60px;-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_service_icon:hover .et_pb_blurb_content .et_pb_main_blurb_image img{filter: contrast(200%) invert(100%);
backface-visibility: hidden;}

.dct_service_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	-webkit-transition: all 0.8s;text-align: center;
display: block;
font-size: 30px;
-ms-transition: all 0.8s;
transition: all 0.8s;color:var(--color-1);line-height: 60px;}

.dct_service_icon:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.dct_service_icon:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:#fff;}


/*------ Process --------*/

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image{display: block;position: relative;
z-index: 1;}

.dct_process.not .et_pb_blurb_content .et_pb_main_blurb_image:after{display:none;}
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image:after{content: "";
height: 1px;z-index: -1;
border-bottom: 1px dashed var(--color-2);
right: -50%;
top: 55px;-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
width: 75%;}

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{
box-shadow: inset 0 0 0 5px #e2e2e3;
width: 100px;
height: 100px;}

.dct_process .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{padding: 19px;}

.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{position:relative;font-weight: 700;
color: var(--color-1);font-size: 1.5rem;}


.dct_process .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{content:'';width: 45px;height: 2px;}


@media only screen and (max-width : 980px) {
.dct_process .et_pb_blurb_content .et_pb_main_blurb_image:after{display:none;}
}


/*------ Team --------*/

.dct_team{position: relative;
overflow: hidden;} 

.dct_team .et_pb_team_member{position: relative;
overflow: hidden;}

.dct_team .et_pb_team_member:before{position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);-webkit-box-sizing: border-box;
box-sizing: border-box;}

.dct_team:hover .et_pb_team_member:before{-webkit-animation: shine .75s;
animation: shine .75s;}



.dct_team .et_pb_team_member .et_pb_team_member_image {width: 100%;
max-width: 100%;margin: 0;
float: none;}

.dct_team .et_pb_team_member .et_pb_team_member_image img{width: 100%;}


.dct_team .et_pb_team_member .et_pb_team_member_description{position:unset;} 
.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{position: absolute;
right: -100px;
top: 10px;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_team:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{right: 10px;}

.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li{display:block;margin: 0 0 6px 0;}
.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a{background: var(--color-2);
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
display: block;
color: #fff;}

.dct_team .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links li a:hover{background: var(--color-1);}


@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/*------ Service --------*/

.dct_service_v1 {-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;}


.dct_service_v1 .dct_blurb_1  {-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;background-size: cover;
background-position: center;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 370px;
height: auto;
color: #fff;}

.dct_service_v1:hover .dct_blurb_1{-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;}

.dct_service_v1 .dct_blurb_1:before{-webkit-box-sizing: border-box;
box-sizing: border-box;opacity: 0.5;background: #000;content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;margin: 0;
padding: 0;} 

.dct_service_v1 .dct_blurb_1 .et_pb_blurb_content{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;}

.dct_service_v1 .dct_blurb_2{background: var(--color-2);
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
min-height: 370px;
height: auto;
color: #fff;} 

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{width:100%;}
.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-top:50px;}

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{font-size: 40px;color:var(--color-1);}


.dct_service_v1:hover .dct_blurb_1,
.dct_service_v1:hover .dct_blurb_2{-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}


.dct_service_v1:hover .dct_blurb_2{-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;}

.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
height: 100%;}

@media only screen and (max-width : 980px) {
.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content .et_pb_main_blurb_image{margin-top:20px;}
	.dct_service_v1 .dct_blurb_2 .et_pb_blurb_content{padding: 15px;}	
}

/*------ Portfolio --------*/



.et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 24.3%;
        margin-right: 15px;
        margin-bottom: 15px;
    }
.dct_ptf .et_pb_portfolio_filters {
	text-align: center;
	margin-bottom: 10px;
}
.dct_ptf .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
}
.dct_ptf .et_pb_portfolio_filters li a:hover {
	background-color:var(--color-1);
	color:#fff;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background:var(--color-2);
	color:#fff;
	border:none;
	font-size:13px;
	overflow:visible;
	font-weight:600;
	line-height:26px;
	padding:8px 20px 6px;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin:0 5px 20px;
	display:inline-block;
	position:relative;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portfolio_filters li a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	border-radius: 5px !important;
}
.dct_ptf .et_pb_portfolio_filters li a.active {
	border-color:var(--color-2);
	background:var(--color-1);
	color:#fff
}
.dct_ptf .et_pb_portfolio_filters li a.active:before {
	background:var(--color-2);
	left:-7px;
	top:-7px;
	opacity:1;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf .et_pb_portofolio_pagination {
	border:none !important;
	margin-top: 20px;
	text-align: center;
}
.dct_ptf .et_pb_portofolio_pagination ul {
	position:relative;
	display:inline-block;
}
.dct_ptf .et_pb_portofolio_pagination ul:before {
	width:100%;
	height:2px;
	display:none;
	background:#e8e8e8;
	content:'';
	position:absolute;
	top:50%;
	z-index:-1;
	left:0;
	transform:translateY(-50%)
}
.dct_ptf .et_pb_portofolio_pagination ul li {
	margin-right:5px;
	padding: 0;
	
}
.dct_ptf .et_pb_portofolio_pagination ul li:last-child {
	margin-right: 0px;
}
.dct_ptf .et_pb_portofolio_pagination ul li a {
	background: transparent;
	position:relative;
	z-index:1;
	padding:7px 10px !important;
	border: 1px solid #ddd;
	color:#2ea3f2;
	font-size: 14px;
	display:block;
}
.dct_ptf .et_pb_portofolio_pagination ul li a.active{
	background: #2ea3f2;
    color: #fff;
}


.dct_ptf .project{position:relative;overflow:hidden;-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;}

.dct_ptf .project:hover{transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
z-index: 1;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35);}



.dct_ptf .project .et_overlay {opacity:1;z-index:1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;border: none;
padding: 30px;
background: rgba(33, 37, 41, 0.2);}

.dct_ptf .project .post-meta{writing-mode: tb-rl;
float: right;
margin: 0;
color: #fff;
font-weight: 300;position: absolute;
top: 30px;z-index: 9;
right: 30px;
letter-spacing: 3px;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
text-align: left;
display:none;}

.dct_ptf .project .post-meta a{color:#fff;font-weight: 600;}

.dct_ptf .project .et_pb_module_header{position: absolute;
bottom: 20px;
padding-right: 20%;
margin: 0;
-webkit-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
font-weight: 700;
color: #fff;
z-index: 9;
font-size: 18px;
left: 20px;
line-height: 25px;}

.dct_ptf .project .et_overlay:before{width: 50px;
height: 50px;
position: absolute;
top: 30px;
left: 30px;
z-index: 1;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
    transition-delay: 0s;
transition-delay: 0s;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
text-align: center;
line-height: 46px;
margin: 0;
font-size: 23px;
display:none;}

.dct_ptf .project:hover .et_overlay:before{background: var(--color-1);
transition-delay: 0s;}

.dct_ptf.clm2 .alignleft,
.dct_ptf.clm3 .alignleft{position:absolute;left:0px;}
.dct_ptf.clm2 .alignright,
.dct_ptf.clm3 .alignright{position: absolute;right: 0;}


.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}

.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items {display: grid;
grid-gap: 5px;
grid-template-columns: repeat(3, 33.33%);}

.dct_ptf.clm3 .et_pb_portfolio_filters, 
.dct_ptf.clm2 .et_pb_portfolio_filters{text-align: center;
width: 100%;
display: block;
}


.dct_ptf .project .et_portfolio_image:before{
content:'';opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 30px;
background: rgb(33 37 41 / 16%);
position: absolute;
top: 0;display: block;
}

@media only screen and (max-width : 1656px){
	    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 24%;
    }
}
@media only screen and (max-width : 1190px){
	.dct_ptf .project .post-meta a {
		font-size: 11px;
	}
}
@media only screen and (max-width : 1175px){
	    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 23.9%;
    }
	.dct_ptf .project .post-meta a {
		font-size: 10px;
		font-weight: 400 !important;
	}
}
@media only screen and (max-width: 1073px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 23.8%;
    }
}
@media only screen and (max-width: 1073px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 23.7%;
    }
	.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2, .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_module_header {
		width: 137px;
		padding-right: 0;
		font-size: 15px !important;
    bottom: 0px;
	}
}
@media only screen and (max-width: 980px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 31.6%;
    }
	
}
@media only screen and (max-width: 916px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 31.4%;
    }
}
@media only screen and (max-width: 827px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 31.3%;
    }
}
@media only screen and (max-width: 789px) {
    .et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget {
        width: 31.2%;
    }
}
@media only screen and (max-width : 767px) {
.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items,
.dct_ptf.clm2 .et_pb_ajax_pagination_container,
.dct_ptf.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 100%);}
	
	.dct_ptf.clm2 .et_pb_portfolio_filters,
	.dct_ptf.clm3 .et_pb_portfolio_filters{position:relative;top: 0;}
	
	.dct_ptf .et_pb_portfolio_filters li{width:auto !important;}
	.et_portfolio_image img {
		width: 100%;
	}
	.et_pb_gutters1 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters1.et_pb_row .et_pb_column_4_4 .et_pb_widget{
		margin-bottom:15px !important;
	}
	
	.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2, .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_module_header {
        width: 100%;
        padding-right: 20%;
        font-size: 15px !important;
		margin-bottom: 20px;
    }
}
@media only screen and (max-width : 480px){
	.dct_ptf .et_pb_portfolio_filters li a {
		padding: 4px 8px 3px;
        margin: 0 2px 7px;
		font-size: 11px;
	}
	.dct_ptf .project .post-meta {
		top: 17px;
		right: 11px;
	}
	.dct_ptf .project .post-meta a {
        font-size: 9px;
        line-height: 1.6em;
    }
	.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2, .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_module_header {
        padding-right: 34%;
    }
}



@media only screen and (min-width: 768px) and (max-width: 980px){
	
	.dct_ptf.clm3 .et_pb_ajax_pagination_container,
.dct_ptf.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(2, 50%);}} 


/*------ Single Portfolio  --------*/

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container{display:flex;}

.dct_s_ptf .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{margin-right: 50px;}

/*------ Header --------*/

.dct_hdr_v1 .et-menu > li{padding:0 10px;}

.dct_hdr_v1 .et_pb_menu__menu > nav > ul{justify-content:center;}

.dct_txt_hdr.big{width: 100px;
height: 100px;}

.dct_txt_hdr.big .et_pb_text_inner{top: 19px;left: 18px;}
.dct_txt_hdr.big span:nth-child(1){width:40px;}
.dct_txt_hdr.big span:nth-child(2){width:30px;top: 23.5px;}
.dct_txt_hdr.big span:nth-child(3){width:20px;top: 35px;}

.dct_txt_hdr{background: var(--color-1);
width: 45px;
height: 45px;
box-shadow: 0 5px 15px -10px var(--color-1);position: relative;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
border-radius: 0;}

.dct_txt_hdr span{display: block;
position: absolute;
height: 2px;border-radius: 1px;
opacity: 1;-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;cursor: pointer;background: #fff;
left: 10px;}

.dct_txt_hdr span:nth-child(1){top: 14px;
width: 25px;}

.dct_txt_hdr span:nth-child(2){top: 21.5px;
width: 20px;}

.dct_txt_hdr span:nth-child(3){top: 29px;
width: 15px;}


.dct_hdr_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background: var(--color-1);
color: #fff;
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;}




.nav li ul{width:250px;}
.nav li li{padding:0px;display:block;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a{font-weight: 500;
letter-spacing: 1px;width: 100%;
text-transform: uppercase;color: var(--color-2);
display: block;
font-size: 14px;
padding: 10px 25px;position: relative;transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;}

/*.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{color: var(--color-1);
padding: 10px 20px 10px 35px;}*/

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover{color:#000;
padding: 10px 20px 10px 35px;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{content: "";
position: absolute;
width: 0;
height: 1px;box-sizing: border-box;
background: var(--color-1);
left: 20px;
top: 50%;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:hover:after{width: 10px;}
@media (max-width:1567px){
	#menu-main_menu li a {
        font-size: 13px !important;
    }
}
@media (max-width:1559px){
	.dct_hdr_v1 .et-menu > li{
		padding: 0 5px;
	}
	#menu-main_menu li a {
        font-size: 14px !important;
    }
}
@media (max-width:1424px){
	#menu-main_menu li a {
        font-size: 12px !important;
    }
}
@media only screen and (max-width : 980px) {
.dct_hdr_v1 .et_pb_menu__logo-wrap{margin-bottom:10px !important;}
.dct_hdr_v1 .et_pb_menu_inner_container{display:flex;}	
.dct_hdr_v1	.et_pb_menu__logo{width:auto !important;}
.dct_hdr_v1	.et_pb_menu__logo img{width: 135px;}
.dct_hdr_v1.et_pb_menu--style-inline_centered_logo .et_pb_menu__wrap{justify-content:right;}
}
/*------ Bar Counter --------*/

.dct_bar li{margin-bottom: 30px;}
.dct_bar li .et_pb_counter_title{font-weight: 300;
font-size: 17px;padding-bottom: 10px;
letter-spacing: 1px;}

.dct_bar li .et_pb_counter_amount{background:var(--color-1);}


/*------ Testimonials --------*/

.dct_testi .dct_divider_1{height: 45px;
width: 45px;
position: relative;
left: -20px;
}

.dct_testi .dct_divider_1:before{height: 100%;
width: 1px;
left: 10px;
top: 0;-webkit-box-sizing: border-box;
box-sizing: border-box;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .dct_divider_1:after{height: 1px;
width: 100%;
left: 0;
top: 10px;-webkit-box-sizing: border-box;
box-sizing: border-box;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .dct_divider_2{right: 0;
bottom: 20px;height: 45px;
width: 45px;float: right;
position: relative;
right: -20px;
}
.dct_testi .dct_divider_2:before{height: 100%;
width: 1px;
right: 10px;
top: 0;
content: "";
position: absolute;
background-color: var(--color-1);
left: auto;}
.dct_testi .dct_divider_2:after{height: 1px;
width: 100%;
right: 0;
bottom: 10px;content: "";
position: absolute;
background-color: var(--color-1);}

.dct_testi .et_pb_image_wrap {border: 2px solid var(--color-1);
padding: 9px;}


/*------ Header --------*/

.dct_header .et_pb_blurb_description ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

.dct_header .et_pb_blurb_description ul li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: var(--color-1);
	cursor: pointer;
	
	cursor: default;
	padding-right: 9px;
	margin-right: 9px;
	text-transform: uppercase
}

.dct_header .et_pb_blurb_description ul li:last-child{padding-right: 0;
margin-right: 0;}


.dct_header .et_pb_blurb_description ul li:before {
	position: absolute;
right: -9px;
line-height: 25px;
color: var(--color-1);
content: "\5e";
font-family: ETmodules !important;
}

.dct_header .et_pb_blurb_description ul li a {
	color:var(--color-2);
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.dct_header .et_pb_blurb_description ul li:last-child::before {
	display: none;
}

.dct_header .et_pb_blurb_description ul li a:hover {
	color: var(--color-1);
}

@media only screen and (max-width: 480px) {
	.dct_header .et_pb_text_inner h1,
	.dct_header.ctgr .et_pb_text_inner {
		font-size: 30px;
		line-height: 30px;
	}
}


/*------ Footer --------*/


.dct_ft_social li{margin-bottom: 0;}

.dct_ft_email .et_pb_newsletter_field .input{height: 90px;
background-color: #e7e7e7 !important;
border-radius: 0 !important;
color: var(--color-2) !important;
letter-spacing: 2px;margin-bottom: 0 !important;
padding-bottom: 0 !important;} 

.dct_ft_email .et_pb_newsletter_button_wrap{position: absolute;
top: 14px;
right: -30px;}

.dct_ft_email .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{position: relative;}

@media only screen and (max-width : 767px) {
.dct_ft_email .et_pb_newsletter_button_wrap{position: relative;
top: 0;
right: 0;}

}
	

/*------ Footer V2 --------*/

.dct_ft_email_v2 .et_pb_newsletter_button_wrap{position: absolute;
top: 0;
right: 0;}

.dct_ft_email_v2 .et_pb_newsletter_button_wrap .et_pb_newsletter_button:after{position: relative;}


@media only screen and (max-width : 767px) {
.dct_ft_email_v2 .et_pb_newsletter_button_wrap{position:relative;}
}



/*------------------------------------------------------- Template-Options -------------------------------------------*/

.template-options .theme_option_bar:before {
	font-size: 22px;
	content: "\e037";
	cursor: pointer;
	color: #000;
	font-family: ETmodules !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
}
.template-options.opened .theme_option_bar:before {
	content: "\4d";
	font-size: 32px;
}
.template-options {
	position: fixed;
	top: 130px;
	right: -200px;
	width: 200px;
	background: #fff;
 -webkit-transition: right .4s;
 transition: right .4s;
	z-index: 9999999
}
.template-options.opened {
	right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	z-index: 9999999
}
.option-section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1
}
.option-section:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}
.option-section h4 {
	color: #333;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px
}
.option-section .checkbox {
	margin-bottom: 0
}
.options-inner {
	position: relative;
	padding: 20px
}
.cl-toggler {
	position: absolute;
	top: 0;
	left: -48px;
	display: inline-block;
	background: #fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	color: #000;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.cl-toggler i {
	font-size: 20px
}
.cl-toggler:hover {
	color: #000
}
.cl-bg-images, .cl-presets {
	list-style: none;
	padding: 0;
	margin: -5px
}
.cl-bg-images li, .cl-presets li {
	display: block;
	float: left;
	margin: 5px
}
.cl-bg-images li a, .cl-presets li a {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 2px;
	float: left
}
.cl-bg-images li a img {
	width: 100%
}
.cl-bg-images li.active a {
	border: 3px solid #22b8f0
}
.cl-presets li.active a {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}
.switcher-style-list {
	list-style: none;
	overflow: hidden;
}
.switcher-style-list li {
	float: left;
	margin: 2px;
}
.switcher-style-list li a {
	display: block;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background-size: cover;
}
#switcher-theme-custom-color.switcher-style-list li a {
	width: 80px;
	height: 40px;
	border: 2px solid #444;
	position: relative;
}
#switcher-theme-custom-color.switcher-style-list li a .color {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #eee;
}
#switcher-theme-custom-color.switcher-style-list li.active a:after {
	color: #ddd;
	content: "\e052";
	font-family: ETmodules !important;
	font-size: 16px;
	left: 40%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 15%;
}
.layout select {
	width: 100%;
	padding: 5px;
	border: none;
	margin: 0 0 0 -5px;
	color: #666;
	cursor: pointer;
}
 @media (max-width: 980px) {
 .template-options {
 top: 150px;
 width: 100px;
 right: -100px;
}
 .cl-bg-images li a,  .cl-presets li a {
 width: 25px;
 height: 25px;
}
 #switcher-theme-custom-color.switcher-style-list li a {
 width: 65px;
 height: 25px;
}
 #switcher-theme-custom-color.switcher-style-list li.active a::after {
 top: 0px;
}
}
 @media only screen and (max-width: 768px) {
 #switcher-menu-primary-color,  #switcher-menu-secondary-color {
 display: none;
}
}



/* ===== SIDEBAR ======*/

#sidebar .et_pb_widget, #sidebar .widget_calendar {
	position: relative;
	border-radius:5px;
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .1);
	padding:20px;
-webkit-transition:box-shadow .27s cubic-bezier(0, 0, .58, 1);
transition:box-shadow .27s cubic-bezier(0, 0, .58, 1)
}
#sidebar .et_pb_widget:hover, #sidebar .widget_calendar:hover {
	box-shadow:0 10px 20px 0 rgba(0, 0, 0, .2)
}
#sidebar .et_pb_widget .widgettitle {
	text-transform: uppercase;
	position:relative;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:700;
	line-height:28px;
	color:#2d2d2d;
	display: inline-block;
}
#sidebar .et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before {
	content:'';
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #d4d4d4;
	left:0
}
#sidebar .et_pb_widget .widgettitle:after {
	border-top:3px solid var(--color-1);
	display:block;
	position:absolute;
	bottom:-1px;
	width:30px;
-webkit-transition:all .27s cubic-bezier(0, 0, .58, 1);
transition:all .27s cubic-bezier(0, 0, .58, 1)
}
#sidebar .et_pb_widget:hover .widgettitle:after {
	width:60px
}
#sidebar .et_pb_widget ul li {
	position:relative;
	margin-bottom:15px;
	line-height:28px;
	font-size:14px;
}
#sidebar .et_pb_widget ul li:hover:before {
	opacity:1
}
#sidebar .et_pb_widget ul li a {
	color:#2d2d2d;
transition:all .3s
}
#sidebar .et_pb_widget ul li a:hover {
	color:var(--color-1);
-webkit-transition:all .3s;
transition:all .3s
}
#sidebar #wp-calendar {
	margin:0;
}
#sidebar #wp-calendar caption {
	color:var(--color-1);
	font-size:18px;
	font-weight:600;
	line-height:47px;
	text-align:center
}
#sidebar table thead {
	background-color:#f5f5f5;
	color:#2d2d2d;
	text-align:center
}
#sidebar table thead th {
	padding:3px 5px;
	font-style:normal;
	text-transform:capitalize;
	color:#555;
	font-weight:500;
	font-size:13px
}
#sidebar #wp-calendar tfoot {
	display:none
}
#sidebar table td {
	font-weight:400
}
#sidebar table td#today {
	position:relative;
	color:#fff;
	z-index:1;
	font-weight:400!important;
	font-size:14px;
	text-align:center;
	line-height:28px;
	padding:5px
}
#sidebar table td#today::before {
content:'';
width:34px;
height:34px;
border-radius:50%;
position:absolute;
background-color:var(--color-1);
z-index:-1;
top:calc(50% - 17px);
left:calc(50% - 17px);
color:#fff
}
#sidebar #gallery-1 .gallery-item {
	margin-top: 0 !important;
	margin-bottom: 0;
}
#sidebar #gallery-1 img {
	border-radius: 5px;
	border: none;
}
#sidebar .et_pb_widget select {
	height: 40px;
}
#sidebar .widget_search input#s, #sidebar .widget_search input#searchsubmit {
	border-radius: 25px;
}
 #sidebar .widget_search::before {
font-size: 16px;
padding: 27px 40px;
bottom: 0;
}
#sidebar .tagcloud a {
	font-size: 14px !important;
	padding: 5px 10px;
	background: rgba(0, 0, 0, .05);
	display: inline-block;
	margin-bottom: 5px;
	border-radius: 3px;
}


.widget_search input#searchsubmit{background:var(--color-1);color:#fff;}

/* ===== Comment ======*/
#comment-wrap .page_title {
	font-size: 25px;
}
#comment-wrap .commentlist .reply-container .comment-reply-link {
	width:auto;
	display:inline-block;
}
.et_pb_comments_module #commentform textarea, .et_pb_comments_module #commentform input[type="text"], .et_pb_comments_module #commentform input[type="email"], .et_pb_comments_module #commentform input[type="url"] {
	box-shadow:none !important;
}
#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea {
	font-size:14px;
	line-height:1.5;
	border:1px solid rgba(0, 0, 0, .15);
	padding:12px 15px;
	border-radius:0;
	background:0 0!important;
transition:all .3s, ease-in-out
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
	width:32%;
	float:left
}
p.comment-form-author, p.comment-form-email {
	margin-right:2%!important
}
p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {
	width:100%!important;
	display:block
}
#comment-wrap .page_title, #comment-wrap .comment-respond .comment-reply-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	color: #222d35;
	position: relative;
}
#comment-wrap .page_title:after, #comment-wrap .comment-respond .comment-reply-title:after {
	background: linear-gradient(to right, var(--color-1) 0, var(--color-1) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 71%, #333 71%);
	content: '';
	position: absolute;
	height: 2px;
	width: 100px;
	bottom: 0;
	left: 0;
	transform: none;
}


/* ####### SLIDE-IN  ####### */

.slide_in_sidebar {
  position: fixed !important;
  right: 0px !important;
  top: 0px !important;
  left: unset !important;
  bottom: unset !important;
  transform: translateX(100%)!important;  
  transition: all .4s ease-in-out,width .2s ease-in-out,top .4s ease-in-out !important;
}
 
.scroll_show_slide_in,
.exit_intent_slide_in.activate_exit_intent,
.exit_intent_slide_in_bottom.activate_exit_intent  {
  transform: translateX(0px) !important;
}
  
.slide_in_sidebar.dct_activate_slide_in {
	transform: translateX(0px) !important;
}  
  
.slide_in_sidebar .et-waypoint:not(.et_pb_counters) {
  opacity: 1 !important;
} 

/* width */
.slide_in_sidebar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.slide_in_sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/*Close Icon**/

.dct_icon_rd .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{background: var(--color-2);
color: #fff;
padding: 15px;
border-radius: 50%;
font-size: 25px;}

#dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
	background: var(--color-1);
color: #fff;
padding: 10px;
border-radius: 0;
font-size: 30px;
-webkit-transition: 0.45s ease-in-out;
-o-transition: 0.45s ease-in-out;
-moz-transition: 0.45s ease-in-out;
transition: 0.45s ease-in-out;	
}

#dct_side_bar .close_scroll_slide_in .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon:hover{-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}

.dct_blurb_rd .et_pb_main_blurb_image .et-pb-icon{background: var(--color-1);
padding: 12px;
font-size: 25px;}  

.dct_inqy .et_contact_bottom_container{float: none;
padding-left: 3%;}

.service_block_height {height:200px !important;}

/* contact page */
.insurance-yes .wpcf7-list-item-label{
	font-weight:500;
	font-size: 17px;
}
.insurance-yes .wpcf7-list-item.first{
	margin-top: 10px;
}
.contact-main-div{
	    display: flex;
    flex-wrap: wrap;
	    margin-left: -3%;
}
.contact-main-div .form-div{
	    width: 50%;
    padding: 0 0% 0 3%;
    margin-bottom: 3%;
	position: relative;
}
.contact-main-div .form-div-full{
	    width: 100%;
    padding: 0 0% 0 3%;
    margin-bottom: 3%;
	position: relative;
}
.contact-main-div .form-div input{
	border-left-color: #E02B20 !important;
	    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.33);
	color: #3e3e3e;
	font-size: 14px;
    padding: 9px 10px;
	width: 100%;
}
.contact-main-div .form-div-full input[type="text"]{
	border-left-color: #E02B20 !important;
	    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.33);
	color: #3e3e3e;
	font-size: 14px;
    padding: 9px 10px;
	width: 100%;
}
.contact-main-div [data-class="wpcf7cf_group"]{
	width: 100%;
}
.contact-main-div .form input[type="radio"]:checked {
    background: #f4ba31 content-box;
    border-color: #f4ba31;
}
.billing-div{
	margin-bottom: 2% !important;
}
.billing-div .wpcf7-list-item{
	margin-left:0;
}
.contact-main-div .form-div-full select{
	border-left-color: #E02B20 !important;
	    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.33);
	color: #3e3e3e;
	font-size: 14px;
    padding: 9px 10px;
	width: 100%;
}
.contact-main-div .form-div-full textarea{
	border-left-color: #E02B20 !important;
	    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.33);
	color: #3e3e3e;
	font-size: 14px;
    padding: 9px 10px;
	width: 100%;
	 max-height: 80px;
}
.contact-main-div .form-div-full .wpcf7-file{
	border-left-color: #E02B20 !important;
	    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.33);
	color: #3e3e3e;
	font-size: 14px;
    padding: 16px;
	width: 100%;
}
.contact-main-div .wpcf7-list-item-label{
	color: #fff;
	font-size:15px;
}
.contact-main-div .form-div-full label{
	line-height: 25px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}
.contact-main-div .checkbox-label label{
	font-size: 16px !important;
}
.contact-main-div .form-div-submit{
		    width: 100%;
    padding: 0 0% 0 3%;
    margin-bottom: 0%;
}
.contact-main-div .form-div-submit .wpcf7-submit{
	    background: #f1ba05;
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600 !important;
    padding-top: 12px !important;
    padding-right: 30px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    margin-top: 10px !important;
	display: block;
	cursor: pointer;
}
.contact-main-div .codedropz-upload-inner h3{
	color: #fff;
	    font-size: 23px;
    line-height: 20px;
}
.contact-main-div .codedropz-upload-inner .cd-upload-btn{
	color: #fff;
}
.contact-main-div .codedropz-upload-handler{
	color: #fff;
}
.contact-main-div .form-div-submit .wpcf7-submit:hover{
	background: #fff;
    color: #f1ba05 !important;
}
.contact-main-div .form-div-submit:hover p::before{
	color: #f1ba05 !important;
} 
.contact-main-div .form-div-submit p{
	    position: relative;
    display: table;
}
.contact-main-div .form-div-submit p::before {
     content: "\35";
    line-height: inherit;
    font-size: 24px !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
    position: absolute;
    top: 19px;
    right: 7px;
    color: #fff;
	cursor: pointer;
}
.form-div-full .wpcf7-form-control-wrap .codedropz-upload-wrapper{
	    margin-top: 13px;
}
.msg-div{
	margin-bottom: 2% !important;
}
@media (max-width:767px){
	.contact-main-div .form-div {
    width: 100%;
}
}


/* home page question css start */

#topic-question-form{
	width: 70%;
    display: flex;
}
#topic-question-form select{
	width: 50%;
	    padding: 10px;
    font-size: 16px;
    border: 1px solid #c5bbbb;
    margin-right: 15px;
}
#topic-question-form button{
	    background: #f1ba05;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 158px;
	cursor: pointer;
}
.dropdown-container {
    position: relative;
    width: 100% !important;
    margin-bottom: 20px;
}
.dropdown-container input{
	width: 100%;
    padding: 14px 70px 14px 10px;
    font-size: 17px;
    border-radius: 5px;
    border: 1px solid #a1a1a1;
    color: #000;
}
.searchkeyword{
	position: absolute;
    right: 4px;
    top: 4px;
    width: 56px;
    height: 42px;
    text-align: center;
    background-color: #f1ba05;
    color: #fff;
    align-items: center;
    align-content: center;
    border-radius: 5px;
	border: none;
	cursor: pointer;
}
.dropdown-list div {
    padding: 10px 21px !important;
    cursor: pointer;
    border-bottom: 1px solid #e1e1e1;
    color: #000;
	font-weight: 400;
}
.dropdown-list div:hover {
        background: #f1ba05 !important;
	    color: #ffffff;
}
.form .wpcf7-list-item {
   display: block !important;
    margin-top: 15px;
}
.form{
	margin-bottom: 15px;
}
.question-list {
    width: 600px;
}
.question-list p{
	border-bottom: 1px solid #cbcbcb;
    color: #000000;
    font-weight: 400;
}
.question-list p:hover{
	color: #f1ba05;
}
.question-list p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}
.question-list p i{
	float: inline-end;
    padding-top: 4px;
}
#selected-question-title{
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 30px;
    color: #000;
	line-height: 38px;
}
#go-back-button{
	display: inline-block;
    margin-bottom: 30px;
    background-color: #f1ba05;
    border: none;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
}
#go-back-button:hover{
	background-color: #005dc2;
}
.step-div{
	display: flex;
    flex-wrap: wrap;
}
.step-div6{
	flex: 0 0 auto;
    width: 50%;
    padding-left: 17px;
    padding-right: 17px;
	
}
.step-div6 .form{
	margin-bottom: 25px;
    position:relative;
}

.button-div{
	margin-top: 17px;
	padding-left: 17px;
    padding-right: 17px;
}
.button-div p{
	display: flex;
    justify-content: space-between;
}
.button-div .wpcf7-spinner{
	display:none;
}
.button-div p button{
	background-color: #005dc2 ;
    border: none;
    color: #fff;
   padding: 10px 30px 10px 20px;
    font-size: 16px;
    font-weight: 400;
	transition:0.5s;
	cursor:pointer;
	position:relative;
}
.button-div p button:hover{
	background-color: #f1ba05;
}
.button-div p .cf7-prev{
	padding: 10px 20px 10px 30px;
}
.button-div p .cf7-prev::after{
	content: "\34";
	left:0;
}
.button-div p button::after{
	content: "\35";
	line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
	position: absolute;
	top: 11px;
}
.next-button1 p{
	justify-content: end;
}
.button-div p input[type="submit"]{
	background-color: #f1ba05;
    border: none;
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: 400;
	transition:0.5s;
	cursor:pointer;
}
.button-div p input[type="submit"]:hover{
	background-color: #005dc2;
}

.form input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 2px solid #f1ba05;
    padding: 4px;
    margin: 0;
    vertical-align: sub;
  appearance: none;
  cursor:pointer; 
	border-radius: 50%;
	margin-right: 6px;
}
.form input[type="radio"]:checked {
  background: green content-box;
  border-color: green;
}
.form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 2px solid #f1ba05;
    padding: 4px;
    margin: 0;
    vertical-align: sub;
  appearance: none;
  cursor:pointer; 
	margin-right: 6px;
}
.form input[type="checkbox"]:checked {
  background: green content-box;
  border-color: green;
}
.form label{
	line-height: 25px;
	font-weight: 500;
	font-size: 16px;
    color: #000;
}
.form textarea{
	width: 100%;
    font-size: 16px;
    padding: 16px;
    height: 110px;
	border: 1px solid #9d9d9d;
	margin-top: 15px;
	border-radius: 3px;
	color: #000;
}
.form input{
	width: 100%;
    font-size: 16px;
    padding: 16px;
	border: 1px solid #9d9d9d;
	margin-top: 15px;
	border-radius: 3px;
	color: #000;
}
.no-data {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
    line-height: 41px;
    padding: 20px;
    text-align: center;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
}
.project .wpcf7-list-item-label{
	font-weight:500;
	font-size: 17px;
}

@media (max-width:767px){
	.dropdown-container {
		width: 100% !important;
	}
	.step-div6 {
		width: 100%;
		padding: 0;
	}
	.question-list {
		width: 100%;
	}
	.form .wpcf7-list-item {
		margin-top: 9px;
	}
	.button-div {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.dropdown-container {
            position: relative;
            width: 300px;
            margin-bottom: 20px;
	z-index: 10;
        }
.searchrow .dropdown-list div {
    padding: 12px 21px !important;
	font-size: 15px;
}

        .dropdown-list {
            position: absolute;
            top: 50px;
            left: 0;
            right: 0;
           z-index: 9999;
            background: #fff;
            border: 1px solid #ccc;
            display: none;
             max-height: 245px;
    		overflow-y: scroll;
        }

        .dropdown-list div {
            padding: 8px;
            cursor: pointer;
        }

        .dropdown-list div:hover {
            background: #f0f0f0;
        }

     .question-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    cursor: pointer; /* Set cursor to pointer for the entire container */
}

.question-list div {
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    cursor: pointer; /* Pointer cursor for clickable items */
    border-radius: 5px;
}

.question-list div:hover {
    background-color: #e0e0e0;
}
        
        #gravity-form-container {
            margin-top: 20px;
        }
		.question-list div::after {
    content: "\f18e"; /* Unicode for fa-arrow-circle-o-right */
    font-family: "Font Awesome 5 Free"; /* or 4 depending on your version */
    font-weight: 900; /* May be needed for Font Awesome 5 */
    margin-left: 10px;
}
.mt-4
{
	margin-top:80px !important;
	margin-bottom:80px !important;
}
.keylink {
    display: block;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    padding: 15px 15px;
	color: #005dc2;
    font-weight: 600;
}
.keylink:hover{
	background-color: #f1ba05;
    color: #fff;
}
.keylink:hover .keylink-inner i{
	color: #fff;
}
	
.keylink-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 16px;
}
.keylink-inner .topictext{
		padding-right:10px;
	}
.keylink-inner i{
	font-size: 27px;
	    color: #000;
}
.container {
    max-width: 1200px;
}
.searchrow{
	width:800px;
}
.searchcodediv{
	margin-bottom: 50px;
}
.projectheading{
	font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #000;
	line-height: 41px;
}
.questionform{
	background: #f9f9f9;
    padding: 30px 20px;
    border-radius: 10px;
}
#autocomplete-results{
	width:100%;
	min-height: 182px;
	max-height: 182px;
	height:auto;
    overflow-y: scroll;
	top: 98px;
}

#autocomplete-results div{
	padding: 10px !important;
    border-bottom: 1px solid #b0b0b0;
    font-size: 15px;
    color: #000;
}
#autocomplete-results1 div{
	padding: 10px !important;
    border-bottom: 1px solid #b0b0b0;
    font-size: 15px;
    color: #000;
}
#autocomplete-results2 div{
	padding: 10px !important;
    border-bottom: 1px solid #b0b0b0;
    font-size: 15px;
    color: #000;
}
#autocomplete-results3 div{
	padding: 10px !important;
    border-bottom: 1px solid #b0b0b0;
    font-size: 15px;
    color: #000;
}
#autocomplete-results div:hover{
    background-color: #f2f2f2;
}
#autocomplete-results1 div:hover{
    background-color: #f2f2f2;
}
#autocomplete-results2 div:hover{
    background-color: #f2f2f2;
}
#autocomplete-results3 div:hover{
    background-color: #f2f2f2;
}
.address-drop p{
	padding-bottom: 0px;
}
.pagination{
	margin: 40px auto auto auto;
    border: 1px solid #cccccc;
    display: table;
	padding: 10px 0;
}
.pagination .page-numbers{
	padding: 0 20px;
	font-size: 16px;
}
.pagination .page-numbers.current{
	color: #f1ba05;
}

.required-star{
	color: red;
    font-size: 19px;
    padding-left: 2px;
}
.extra-option .wpcf7-form-control-wrap .wpcf7-form-control{
	    columns: 2;
    display: block;
}
@media (max-width:600px){
	.extra-option .wpcf7-form-control-wrap .wpcf7-form-control{
	    columns: 1;
    display: block;
}
}
@media (max-width:980px){
	.searchrow {
    width: 100%;
}
}
@media (max-width:480px){
	.form label {
		font-size: 14px;
	}
	.keylink-inner {
		font-size: 14px;
	}
	.keylink {
		padding: 12px 8px;
	}
	.dropdown-container input {
		font-size: 14px;
	}
	.form textarea {
		font-size: 14px;
	}	
	.form input {
		font-size: 14px;
	}	
	.searchkeyword {
    right: 4px;
    top: 3.5px;
    width: 55px;
    height: 40px;
}
}
.dropdownshow{
	display:block;
}

/* New css add for new forms */

.partnership-programs-form .form-div-full label {
    color: #000000;
}

.partnership-programs-form + .wpcf7-response-output  {
    color: #ffb900 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
	margin: 0 !important;
}

.partnership-programs-form .form-div-submit .wpcf7-submit:hover {
    background: #005dc2 !important;
    color: #ffffff !important;
}
.partnership-programs-form .form-div-submit:hover p::before {
    color: #fff !important;
}

.partnership-programs-form .form-div {
    margin-bottom: 20px !important;
}
.partnership-programs-form .form-div-full {
    margin-bottom: 20px !important;
}



.mf-file-div p{
	padding-bottom:0;
}
.mf-file-div p .wpcf7-form-control-wrap .codedropz-upload-wrapper .codedropz-upload-handler{
	margin-top: 15px;
}
.personal-location{
	position:relative;
}
#autocomplete-results1{
	width:100%;
	min-height: 182px;
	max-height: 182px;
	height:auto;
    overflow-y: scroll;
	top: 69px;
}
#autocomplete-results2{
	width:94%;
	min-height: 182px;
	max-height: 182px;
	height:auto;
    overflow-y: scroll;
	top: 53px;
}
#autocomplete-results3{
	width:97%;
	min-height: 182px;
	max-height: 182px;
	height:auto;
    overflow-y: scroll;
	top: 55px;
}
.searchtype
{
	margin-top: 5px;
    font-size: 15px;
    color: #000;
}
.other-group{
	margin-top:15px;
}
.wpcf7-not-valid-tip {
    display: contents;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #005ec2;
    color: #000;
    font-size: 16px;
	font-weight: 600;
}
.wpcf7 form .wpcf7-response-output{
	color: #ffb900;
    font-size: 16px;
	font-weight: 600;
}
.et_pb_text_inner, p{
	text-align: justify;
}
@media (max-width:1477px){
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 14px !important;
	}
}
@media (max-width:1424px){
	.et_pb_menu_0_tb_header.et_pb_menu ul li{
		padding: 0 5px !important;
	}
}

/* project slider css start */
#slider-project.project-slider .dipi-blog-post {
    height: 100%;
    padding-bottom: 0 !important;
	transition: all 0.8s;
}
.project-slider .dipi-blog-post:hover {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.35);
}
.project-slider .dipi-blog-post-overlay{
	content: '';
    opacity: 1;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 30px;
    background: rgb(33 37 41 / 31%);
    position: absolute;
    top: 0;
    display: block;
}
.project-slider .dipi-post-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project-slider .dipi-post-content .dipi-entry-title{
    position: absolute;
    bottom: 6px;
    padding-right: 20%;
    margin: 0;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    font-weight: 700;
    color: #fff;
    z-index: 9;
    font-size: 18px;
    left: 20px;
    line-height: 25px;
}
.project-slider .dipi-post-content .dipi-categories {
    writing-mode: tb-rl;
    float: right;
    margin: 0;
    color: #fff;
    font-weight: 300;
    position: absolute;
    top: 30px;
    z-index: 9;
    right: 30px;
    letter-spacing: 3px;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    text-align: left;
	padding-bottom: 10px;
	display:none;
}
.project-slider .dipi-post-content .dipi-categories a {
    color: #fff;
	font-weight: 600;
}

@media (max-width:1300px){
	.project-slider .dipi-post-content .dipi-categories{
		top:11px;
	}
	.project-slider .dipi-post-content .dipi-categories a {
		font-weight: 400;
		font-size: 12px;
	}
}

@media (max-width: 1100px) {
    .project-slider .dipi-post-content .dipi-categories a {
        font-weight: 400;
        font-size: 10px;
    }
}

@media (max-width:480px){
	.project-slider .dipi-post-content .dipi-categories a {
		font-size: 10px;
	}
	.project-slider .dipi-post-content .dipi-categories {
        top: 17px;
        right: 11px;
    }
	.project-slider .dipi-post-content .dipi-entry-title {
    	padding-right: 37%;
	}
}

/* Service popup css start*/
#popupFiles-wrap {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  z-index: 1000;
}
#popupFiles-wrap .popup-content {
  background: #fff;
  padding: 20px;
  max-width: 500px;
  margin: 80px auto;
  border-radius: 8px;
  position: relative;
}
#popupFiles-wrap .close-popup {
  position: absolute;
  top: 10px; right: 15px;
  cursor: pointer;
  font-size: 20px;
}
#popupFiles-wrap input[type="file"] {
  border: 2px solid red;
}
.wpcf7-not-valid-tip {
  color: #d00;
  font-size: 14px;
  margin-top: 4px;
  display: block;
}
 .accordion-item { 
	border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    background-color: #f1ba05;

}
        .accordion-title {
            background: #005dc2;
			padding: 12px 15px;
			cursor: pointer;
			font-weight: 600;
			border-radius: 5px;
			transition: background 0.3s;
			color: #fff;
			font-size: 17px;
        }
        .accordion-title:hover { background: #005dc2; }
        .accordion-content {
            display: none;
                padding: 12px 9px;
				border-top: 1px solid #dddddd87;
				background: #cacdcf;
				color: #000;
        	}
        .accordion-content ul { margin: 0; padding-left: 33px; }
        .accordion-content li { margin-bottom: 8px; list-style: circle;}
.accordion-content li a{
	color:#000;
	font-size: 16px;
}
.accordion-content li a:hover{
	color: #005dc2;
}
.dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section {
    background: rgb(255 255 255);
    padding: 18px;
	max-width: 575px;
    width: 100%;
    border-radius: 5px;
	margin: 15px;
}
.servicetitle-popup{
	    font-weight: 700;
    text-transform: uppercase;
    font-size: 33px;
    line-height: 45px;
    margin-bottom: 15px;
    text-align: center;
    color: #f1ba05;
}
.dipi_popup_row{
	padding:0 !important;
}
.dipi-popup-wrapper .dipi_popup_row.et_pb_row .dipi_popup_column.et_pb_column {
    width: 100%;
    width: 100%;
}
.budget-flex {
  display: flex;
  gap: 15px;
 margin-top:5px;
}

.budget-item {
  display: flex;
  flex-direction: column;
  padding:0% !important;
	margin-bottom:0% !important;
}

.currency-box {
  display: flex;
  flex-direction: column;
}
/* Remove CF7 spacing issues */
.currency-box p {
  display: flex;              /* ✅ key fix */
  align-items: stretch;       /* full height */
  margin: 0;
}

.currency-box br {
  display: none;
}

/* $ box */
.currency-box .currency {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: #f5f5f5;
  border: 1px solid #ccc;
  height:38px !important;
}

/* input wrapper */
.currency-box .wpcf7-form-control-wrap {
  flex: 1;
}

/* input */
.currency-box input {
  border: 1px solid #ccc;
  border-left: none;
  padding-left: 10px;
}
/* Make wrapper vertical */
.currency-box .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
}
.custom-project-cats
{
text-align:center;
margin-top:-25px;
}
.custom-project-cats a{
   color: #000;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none;
	
}
.custom-project-cats a:hover{
    opacity:0.8;
}
.clink-seprator
{
	color: #000;
}
/* 🔥 Force CF7 error to behave normally */

.brange label
{
	margin-top:2% !important;
}
@media (max-width:555px){
	.accordion-content li a {
		font-size: 15px;
	}
	.accordion-title {
		font-size: 16px;
	}
}
@media (max-width:400px){
	.dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section {
		max-width: 320px;
	}
	.accordion-title {
        font-size: 14px;
    }
	    .accordion-content li a {
        font-size: 13px;
    }
	.dipi-popup-container .dipi_popup-close{
		    right: -14px;
	}
}
@media (max-width: 350px) {
    .dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section {
        max-width: 283px;
    }
	.servicetitle-popup {
		font-size: 28px;
		margin-bottom: 6px;
	}
	.dipi-popup-container .dipi_popup .dipi-popup-inner .et_pb_section.dipi_popup_section {
		padding: 12px;
	}
	
}
/* Service popup css end*/

/* Custom Homes css start */

.line-span{
	background-color: #f4ba31;
    height: 3px;
    width: 30px;
    margin-right: 8px;
}
.small-heading{
	display: flex;
    align-items: center;
    line-height: 0;
}
.service-atag{
	color: #013e94;
    font-size: 18px;
    font-weight: 700;
}
.service-atag:hover{
    color: #f1ba05;
}
.service-atag i.fa-cog{
	font-size: 26px;
    vertical-align: middle;
    margin-right: 3px;
}
.service-atag i.fa-home{
	font-size: 26px;
    vertical-align: middle;
    margin-right: 3px;
}
.service-atag i.fa-long-arrow-right{
	font-size: 22px;
    vertical-align: middle;
}
.service-atag span{
	 margin-right: 8px;
}
.service-atag img{
	vertical-align: bottom;
}
.design-icon .et_pb_icon_wrap {
	width:70px;
	height:70px;
	border-radius:200px;
	text-align: center;
    align-content: center;
}
.learn-button::after{
	font-size:30px !important;
}
.design-content p{
	text-align:left;
}
.project-div .pagination{
	padding-top: 31px;
    border: 0;
}
.heading-bottom-line{
	width: 50px;
    height: 2px;
    background: #f1ba05;
    display: block;
    margin: auto;
}
.review-img-div{
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.review-div{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    width: 31%;
    align-items: center;
    align-content: center;
    background-color: #fbfcfc;
}
.trusted-text h2, .trusted-text p{
	text-align: left;
}
.footer-icon .et-pb-icon{
	color: #005dc2 !important;
}
#menu-quick-links{
	display: block;
    column-count: 2;
    gap: 75px;
}
#menu-quick-links li{
	    margin-bottom: 8px;
	margin-top:0px;
}
.footer_quick-licks .et_mobile_nav_menu {
    display: none;
}
.footer_quick-licks .et_pb_menu__menu {
    display: block !important;
}
.footer_quick-licks .et_pb_menu__wrap{
	justify-content: flex-start;
}
.priavicy-text-div .et_pb_text_inner{
	 text-align: right;
}
.priavicy-text-div .et_pb_text_inner a{
	color:#fff;
}
.priavicy-text-div .et_pb_text_inner a:hover{
	color:#f1ba05;
}
.recent_project-slider .dipi-post-content{
	padding: 20px 0px 0px 0px;
}
.swiper-pagination-bullet{
    width: 12px !important;
    height: 12px !important;
}
.design-heading-text h2{
	text-align:left;
}
@media (max-width:1696px){
	.dct_hdr_v1 .et-menu > li {
		padding: 0 5px;
	}
}
@media (max-width:1620px){
	#menu-quick-links {
		gap: 57px;
	}
}
@media (max-width:1533px){
	#menu-quick-links {
		gap: 33px;
	}
}

@media (max-width:1447px){
	#menu-quick-links {
		gap: 24px;
	}
}
@media (max-width:1393px){
	#menu-quick-links {
		gap: 16px;
	}
}
@media (max-width:1252px){
	#header-project-button{
		font-size: 12px !important;
		padding-top: 11px !important;
		padding-right: 26px !important;
		padding-bottom: 11px !important;
		padding-left: 11px !important;
	}
	
}
@media (max-width:1173px){
	.et_pb_menu_0_tb_header.et_pb_menu ul li {
        padding: 0 5px !important;
    }
	
}

@media (max-width:980px){
	.priavicy-text-div .et_pb_text_inner, .copyright-text .et_pb_text_inner{
		text-align: center;
	}
}
@media (max-width:600px){
	.review-img-div {
		gap: 15px;
	}
}
@media (max-width:458px){
	.review-img-div {
		gap: 10px;
	}
	.review-div {
		padding: 5px;
	}
}
@media (max-width:366px){
	.service-atag {
		font-size: 16px;
	}
}
@media (max-width:341px){
	#menu-quick-links {
		gap: 8px;
	}
}
@media (max-width:336px){
	.service-atag {
		font-size: 14px;
	}
}