/*---------------------------------------------------------------------------------
Theme Name: Welders Theme
Theme URI: https://diviwelders.divifixer.com
Description: Welders Divi theme for welding companies and metal works related websites, custom metal works companies website, metal and automotive fabrication services websites and other industrial sphere websites. 
Author: Divi-Childthemes.com
Author URI: https://www.divi-childthemes.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
Title
Title Default
Title Center
button
header
Slider
(max-width : 480px)
About us
Services
Service s1
Service s2
Service s3
(max-width : 480px)
Service Details
Portfolio
Portfolio Details
Client
max-width :1299px
Pricing Table
Counter
Counter v1
Faq
Blog
Blog Details + Sidebar
Work Process
Team
Contact us
Mobile Menu
max-width: 980px
(min-width: 783px) and (max-width: 980px)
(max-width: 479px)
Responsive 
Template-Options
max-width: 980px
Single Post - Project - Category
Scroll Bar
Animations
Pulse
*/



/* Max Width & Reverse Column CSS */
/*---Responsive CSS---*/
@media only screen and (min-width:577px) and (max-width:980px) {

    /* Max Width Col */
    .px_max_width.et_pb_column:last-child,
    .px_max_width {
        max-width: 400px;
        margin: auto !important;
        float: none !important;
        margin-bottom: 30px !important;
    }

    /* Reverse Col */
    .px_reverse_row .et_pb_row,
    .px_reverse_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .px_reverse_row .px_reverse_col {
        order: 1;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width:576px) {

    /* Max Width Col */
    .px_max_width.et_pb_column:last-child,
    .px_max_width {
        max-width: 400px;
        margin: auto !important;
        float: none !important;
        margin-bottom: 30px !important;
    }

    /* Reverse Col */
    .px_reverse_row .et_pb_row,
    .px_reverse_row {
        display: flex;
        flex-direction: column-reverse;
    }

    .px_reverse_row .px_reverse_col {
        order: 1;
        margin-bottom: 30px !important;
    }
}
.dct_header_btn {border:0px solid transparent !important;}
/*---Button CSS---*/
.dct_btn,
.dct_blog_v1 .et_pb_post .more-link,
.dct_slider .et_pb_slide .et_pb_more_button,
.dct_pricing .et_pb_pricing_table_button,
.dct_portfolio_v1 .pagination .alignleft a,
.dct_portfolio_v1 .pagination .alignright a,
.dct_blog_v1 .pagination .alignleft a,
.dct_blog_v1 .pagination .alignright a,
.dct_blog_datails_v1 .dct_blog_datails_comment .et_pb_button {
    position: relative;
    display: block;
    border: none;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 20px !important;
    border-radius: 3px;
    z-index: 1;
}

.dct_btn:hover,
.dct_blog_v1 .et_pb_post .more-link:hover,
.dct_slider .et_pb_slide .et_pb_more_button:hover,
.dct_pricing .et_pb_pricing_table_button:hover,
.dct_portfolio_v1 .pagination .alignleft a:hover,
.dct_portfolio_v1 .pagination .alignright a:hover,
.dct_blog_v1 .pagination .alignleft a:hover,
.dct_blog_v1 .pagination .alignright a:hover,
.dct_blog_datails_v1 .dct_blog_datails_comment .et_pb_button:hover {
    color: var(--color-1) !important;
    /* padding: 12px 20px !important; */
    background: var(--color-1) !important;
}

.dct_btn::before,
.dct_blog_v1 .et_pb_post .more-link::before,
.dct_slider .et_pb_slide .et_pb_more_button::before,
.dct_pricing .et_pb_pricing_table_button:before,
.dct_portfolio_v1 .pagination .alignleft a::before,
.dct_portfolio_v1 .pagination .alignright a::before,
.dct_blog_v1 .pagination .alignleft a::before,
.dct_blog_v1 .pagination .alignright a::before,
.dct_blog_datails_v1 .dct_blog_datails_comment .et_pb_button::before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}

.dct_btn:hover::before,
.dct_blog_v1 .et_pb_post .more-link:hover::before,
.dct_slider .et_pb_slide .et_pb_more_button:hover::before,
.dct_pricing .et_pb_pricing_table_button:hover::before,
.dct_portfolio_v1 .pagination .alignleft a:hover::before,
.dct_portfolio_v1 .pagination .alignright a:hover::before,
.dct_blog_v1 .pagination .alignleft a:hover::before,
.dct_blog_v1 .pagination .alignright a:hover::before,
.dct_blog_datails_v1 .dct_blog_datails_comment .et_pb_button:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}

.dct_btn:after,
.dct_blog_v1 .et_pb_post .more-link::after,
.dct_slider .et_pb_slide .et_pb_more_button::after,
.dct_pricing .et_pb_pricing_table_button:after,
.dct_portfolio_v1 .pagination .alignleft a::after,
.dct_portfolio_v1 .pagination .alignright a::after,
.dct_blog_v1 .pagination .alignleft a::after,
.dct_blog_v1 .pagination .alignright a::after,
.dct_blog_datails_v1 .dct_blog_datails_comment .et_pb_button::after {
    content: "";
    position: absolute;
}

.dct_btn.light {
    background-color: #fff;
    color: var(--color-1);
}

.dct_btn.light:hover {
    color: #fff;
    background: #fff !important;
}

.dct_btn.light:before {
    background-color: var(--color-1);
}


/***********All Pagination Btn Css Here*********/

/*------------Blog Pagination Css Btn-------*/

.dct_blog .pagination .alignleft a{	}
.dct_ptf .pagination .alignright,
.dct_ptf .pagination .alignleft {
margin-top:30px !important;	
}

.dct_blog_v2 .pagination .alignright a,
.dct_blog_v2 .pagination .alignleft a,
.dct_ptf .pagination .alignright a,
.dct_ptf .pagination .alignleft a,
.dct_blog .pagination .alignright a,
.dct_blog .pagination .alignleft a{
    background: var(--color-1) !important;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 0px;
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}

.dct_blog_v2 .pagination .alignright a:hover,
.dct_blog_v2 .pagination .alignleft a:hover,
.dct_ptf .pagination .alignright a:hover,
.dct_ptf .pagination .alignleft a:hover,
.dct_blog .pagination .alignright a:hover,
.dct_blog .pagination .alignleft a:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}
.dct_blog_v2 .pagination .alignright a:before,
.dct_blog_v2 .pagination .alignleft a:before,
.dct_ptf .pagination .alignright a:before,
.dct_ptf .pagination .alignleft a:before,
.dct_blog .pagination .alignright a:before,
.dct_blog .pagination .alignleft a:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
    display: block !important;
}
.dct_blog_v2 .pagination .alignright a:hover:before,
.dct_blog_v2 .pagination .alignleft a:hover:before,
.dct_ptf .pagination .alignright a:hover:before,
.dct_ptf .pagination .alignleft a:hover:before,
.dct_blog .pagination .alignright a:hover:before,
.dct_blog .pagination .alignleft a:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}
/*--------- Header Pop Up Btn ------------*/
.Dct_header_pop_btn {
 display: block !important;
background: var(--color-1) !important;
 border: none !important;
 transition: .3s ease-in-out;
 z-index: 1;	
text-align: center;
position: relative;
  margin-left: 0px;	
}

.Dct_header_pop_btn:before {
    content: "";
    position: absolute;
    margin: 0 !important;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
    display: block !important;
}

.Dct_header_pop_btn:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}

.Dct_header_pop_btn::after {
  margin: 0 !important;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.Dct_header_pop_btn:hover::after {
color: var(--color-1) !important;
}

/*--- Filtreble Css Btn-----*/
.dct_ptf .et_pb_portofolio_pagination{
border-top: none !important;	
}
.dct_ptf .et_pb_portofolio_pagination ul {
  text-align: center !important;
  margin-top: 20px !important;
}
.dct_ptf .et_pb_portofolio_pagination ul li a {
    background: var(--color-1);
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 0px;
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}

.dct_ptf .et_pb_portofolio_pagination ul li a:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_ptf .et_pb_portofolio_pagination ul li a:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
    display: block !important;
}

.dct_ptf .et_pb_portofolio_pagination ul li a:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}

/*-------Active Btn Css --------*/
.dct_ptf .et_pb_portofolio_pagination ul li a.active {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}
.dct_ptf .et_pb_portofolio_pagination ul li a.active:before{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;  
}


/* Header */
.nav li li {
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.et-menu li li a {
    width: auto;
}

nav>ul>li>ul {
    border: none;
}

nav>ul>li>ul::after {
    position: absolute;
    left: 20%;
    margin-left: -40px;
    top: -15px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
}

.nav li ul {
    text-align: left;
}

.sub-menu {
    border-radius: 5px;
}

@media only screen and (min-width:1405px) {
    .et-show-dropdown .sub-menu {
        -webkit-animation: scale-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
    }

    .sub-menu {
        -webkit-animation: scale-out-top 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: scale-out-top 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both
    }
}

@media only screen and (min-width:1100px) and (max-width:1405px) {
    .et-show-dropdown .sub-menu {
        -webkit-animation: scale-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-in-top 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
    }

    .sub-menu {
        -webkit-animation: scale-out-top 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: scale-out-top 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

    }
}

@-webkit-keyframes scale-out-top {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }
}

@keyframes scale-out-top {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }
}

@keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1
    }
}

/*set the defautl background color of the header section*/
.dct-header {
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

/*set the background color of the fixed header when scrolling*/
.dct-fixed-header {
    background-color: #fff;
    position: fixed;
    top: 0px;
    width: 100%;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

/* Parallax background */
.parallax_bg_overrely .et_parallax_bg:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #182333;
    opacity: 0.5;
}

/* Title Default*/
/*
    .dct_title .et_pb_text_inner:before {
    width: 30px;
    content: '';
    height: 5px;
    background: var(--color-1);
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    }
    .dct_title .et_pb_text_inner:after {
    content:'';
    border:1px solid #e6e6e6;
    width:100px;
    position:absolute;
    left:20px;
    bottom:0
    }
    */
.dct_title .et_pb_text_inner {
    color: var(--color-1);
    text-transform: uppercase;
}

.dct_title .et_pb_text_inner span {
    background-color: var(--color-1);
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    margin-right: 6px;
    font-weight: 600;
    padding: 3px 7px;
}

.dct_title .et_pb_text_inner h2 strong {
    color: var(--color-1);
}

/* Title Center*/
.dct_title.center .et_pb_text_inner:after,
.dct_title.center .et_pb_text_inner:before {
    display: none
}

.dct_title.center .et_pb_text_inner {
    position: relative;
    display: inline-block
}

.dct_title.center .et_pb_text_inner span {
    width: 14px;
    height: 14px;
    background: var(--color-1);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 5px;
    position: absolute;

}

.dct_title.center .et_pb_text_inner span:before {
    content: '';
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100px;
    position: absolute;
    right: 20px;
    bottom: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dct_title.center .et_pb_text_inner span:after {
    content: '';
    border: 1px solid rgba(255, 255, 255, .5);
    width: 100px;
    position: absolute;
    left: 20px;
    box-sizing: border-box;
    bottom: 6px
}

.dct_title.center.cl .et_pb_text_inner span::before,
.dct_title.center.cl .et_pb_text_inner span::after {
    border-color: #ddd;
}

/*-- Hero Title home_V2 Sub Title Css---*/
.dct_title_hero_v2 .et_pb_text_inner span {
    font-size: 24px !important;
    line-height: 50px !important;
}

.dct_title_hero_v2 .et_pb_text_inner h2 {
    padding-top: 15px !important;
}

/*Header */
.dct_header {
    background: var(--color-2);
    border-radius: 10px 10px 0 0
}

.dct_header .et_pb_text_inner h1 {
    color: #fff;
    position: relative;
    font-size: 40px;
    padding-bottom: 0;
    text-transform: uppercase;
    font-weight: 500
}

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

.dct_header .et_pb_text_inner ul li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    color: #999;
    font-weight: 400;
    cursor: default;
    padding-right: 9px;
    margin-right: 9px;
    text-transform: uppercase
}

.dct_header .et_pb_text_inner ul li::before {
    position: absolute;
    right: -3px;
    font-size: 13px;
    line-height: 25px;
    color: #999;
    content: "/"
}

.dct_header .et_pb_text_inner ul li a {
    color: #999;
    font-weight: 400;
    -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_text_inner ul li a:hover {
    color: var(--color-1)
}

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


/* Social */
.dct_header_v1_social .et_pb_social_network_link {
    margin-bottom: 0 !important;
}

.dct_header_v1_social .et_pb_social_network_link .icon:before {
    font-size: 15px;
}

.dct_header_v1_social .et_pb_social_network_link .icon {
    background: var(--color-1);
    padding: 3px;
    margin: 0 2px;
    border-radius: 0;
}

.dct_header_v1_social .et_pb_social_network_link:hover .icon:before {
    color: var(--color-2);
}

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

    .dct_title.cnt_v2 .et_pb_text_inner h2,
    .dct_title.cnt_v2 .et_pb_text_inner h2 strong {
        font-size: 14px;
        line-height: 25px;
    }
}

/* HEADER V2 */
/* social */
.dct_header_v2_social .et_pb_social_network_link {
    margin-bottom: 0;
}

.dct_header_v2_social .et_pb_social_network_link .icon {
    border: 1px solid #ffffff38;
    background: transparent;
    padding: 4px;
    transition: .3s ease-in-out;
}

.dct_header_v2_social .et_pb_social_network_link .icon:before {
    color: var(--color-1);
    font-size: 13px;
    transition: .3s ease-in-out;
}

/* MENU */
.dct_header_v2_menu .et_pb_menu__wrap {
    justify-content: center;
}

.dct_header_v2_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu li a {
    color: var(--color-2);
}

.dct_header_v2_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu li .sub-menu {
    border-top: 3px solid var(--color-1);
}

.dct_header_v2_menu .et_pb_menu__wrap .et_pb_menu__menu .et-menu li .sub-menu:after {
    content: unset;
}

.dct_header_v2_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {
    color: var(--color-2);
}

.dct_header_v2_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a {
    color: var(--color-2);
}

.dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu ul li a:hover,
.et-db #et-boc .et-l .dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu ul li a:hover,
.dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.et-db #et-boc .et-l .dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.et-db #et-boc .et-l .dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .dct_header_v2_menu.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after {
    color: var(--color-1) !important;
    opacity: 1;
    background: transparent;
}



/* HOVER CSS */
/* social */
.dct_header_v2_social .et_pb_social_network_link:hover .icon {
    border-color: var(--color-1);
    background: var(--color-1);
    transition: .3s ease-in-out;
}

.dct_header_v2_social .et_pb_social_network_link .icon:hover:before {
    color: #fff;
    transition: .3s ease-in-out;
}

@media only screen and (min-width:480px) and (max-width:980px) {
    .dct_header_v2_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
}

@media only screen and (max-width:480px) {
    .dct_header_v2_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
}

/* HEADER V3 */

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

.dct_header_v3_blurb .et_pb_blurb_container .et_pb_blurb_description,
.dct_header_v3_blurb .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-2);
    transition: .3s ease-in-out;
}

.dct_header_v3_blurb:hover .et_pb_blurb_container .et_pb_blurb_description,
.dct_header_v3_blurb:hover .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-1);
    transition: .3s ease-in-out;
}

.dct_header_v3 .et_pb_menu__wrap .et-menu>li {
    padding-left: 30px;
    padding-right: 30px;
}

.dct_header_v3.et_dropdown_animation_fade.et_pb_menu ul li a:hover,
.et-db #et-boc .et-l .dct_header_v3.et_dropdown_animation_fade.et_pb_menu ul li a:hover,
.dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.et-db #et-boc .et-l .dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.et-db #et-boc .et-l .dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .dct_header_v3.et_dropdown_animation_fade.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after {
    color: var(--color-1) !important;
    opacity: 1;
    background: transparent;
}


@media only screen and (min-width:480px) and (max-width:980px) {
    .dct_header_v3 .et_pb_menu_inner_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dct_header_v3 .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
        margin-bottom: 0;
    }

    .dct_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap {
        justify-content: flex-end;
    }
}

@media only screen and (max-width:480px) {
    .dct_header_v3 .et_pb_menu_inner_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dct_header_v3 .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
        margin-bottom: 0;
    }

    .dct_header_v3 .et_pb_menu_inner_container .et_pb_menu__wrap {
        justify-content: flex-end;
    }
}

/* FOOTER v1 */
.dct_footer_v1_form form .et_pb_contact_field {
    width: 35%;
    margin-bottom: 0 !important;
}

.dct_footer_v1_form form .et_pb_contact_field input {
    border-radius: 5px;
}

.dct_footer_v1_form form .et_contact_bottom_container {
    margin-top: 0;
}

.dct_footer_v1_form form .et_contact_bottom_container .et_pb_button {
    color: #fff;
    background: var(--color-1);
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 20px !important;
    border-radius: 3px;
    z-index: 1;
}

.dct_footer_v1_form form .et_contact_bottom_container .et_pb_button:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_footer_v1_form form .et_contact_bottom_container .et_pb_button:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 2px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}

.dct_footer_v1_form form .et_contact_bottom_container .et_pb_button:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}

/* Newslatter */
.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_field {
    margin: 0;
    padding: 0;
}

.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap {
    position: absolute;
    top: 0;
    right: 0;
}

/*----News Latter btn---*/
.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button {
    background: var(--color-1);
    border: 0;
    font-size: 15px;
    border-radius: 0 5px 5px 0;
    transition: .3s ease-in-out;
}

.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap:hover .et_pb_button {
    color: var(--color-2);
    transition: .3s ease-in-out;
}

.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button {
    color: #fff;
    background: var(--color-1);
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    font-size: 16px;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}

.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 2px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}
.dct_footer_v1_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}
/* Gallery */
.dct_footer_v1_gallery .et_pb_gallery_items {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 48%);
}

.dct_footer_v1_gallery .et_pb_gallery_items .et_pb_gallery_item {
    margin-bottom: 0 !important;
}

.dct_footer_v1_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay {
    background: rgba(0, 0, 0, 0.6);
    border-color: var(--color-1);
}

.dct_footer_v1_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image .et_overlay::before {
    content: "\55";
    color: var(--color-1);
    font-size: 20px;
    font-weight: 700;
}


@media only screen and (max-width:480px) {
    .dct_footer_v1_form form .et_pb_contact_field {
        margin-bottom: 15px !important;
    }

    .dct_footer_v1_form form .et_contact_bottom_container {
        width: 100%;
    }

    .dct_footer_v1_form form .et_contact_bottom_container .et_pb_button {
        width: 100%;
        margin-left: 8px;
    }
}

/* FOOTER V2 */
.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
/*----Footer News Latter V2 Btn---*/


.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button{
color: #fff;
background: var(--color-1);
border:none!important;
transition:.3s ease-in-out;
position: relative;
width: fit-content;
text-transform: capitalize;
text-align: center;
background-color: var(--color-1);
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 10px 20px !important;
border-radius: 3px;
 z-index: 1;
}

.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover{
color: var(--color-1) !important;
  background: var(--color-1) !important;
}

.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:before{
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 2px;
  right: 3px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 3px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  transition: all ease .4s;
}
.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover:before{
opacity: 1;
  visibility: visible;
  transform: scale(1);
  margin-left: 0px !important;	
}

.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:after {
    content: unset;
}

.dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_field {
    padding-bottom: 0;
}

@media only screen and (max-width:480px) {
    .dct_footer_v2_newslatter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button {
        font-size: 17px;
        padding: 9px 20px;
    }
}

/* FOOTER V3 */
.dct_footer_v3_blurb .et_pb_blurb_container .et_pb_blurb_description,
.dct_footer_v3_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
}




/* Slider */
.dct_slider:hover .et-pb-arrow-next {
    right: 0
}

.dct_slider:hover .et-pb-arrow-prev {
    left: 0
}

.dct_slider .et-pb-arrow-next:before,
.dct_slider .et-pb-arrow-prev:before {
    background: var(--color-2);
    padding: 15px
}

.dct_slider .et-pb-arrow-next,
.dct_slider .et-pb-arrow-prev {
    font-size: 25px
}

.dct_slider .et-pb-arrow-next:before {
    content: '\23'
}

.dct_slider .et-pb-arrow-prev:before {
    content: '\24'
}

.dct_slider .et-pb-controllers .et-pb-active-control {
    background-color: var(--color-1)
}

.dct_slider .et-pb-controllers a {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    margin-right: 5px;
    background-color: var(--color-2);
    opacity: 1;
    line-height: 8px;
    width: 10px;
    height: 10px
}

@media only screen and (max-width : 480px) {

    .dct_slider .et-pb-arrow-next::before,
    .dct_slider .et-pb-arrow-prev::before {
        padding: 10px;
        font-size: 10px;
    }
}

/** Counter v1 **/
.dct_cnt_v1 {
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: 0.5s;
    padding: 50px 15px !important;
}

.dct_cnt_v1:hover {
    background: var(--color-1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    transform: translatey(-10px);
    transition: 0.5s;
}

/*----Counter title Css----*/
.dct_cnt_v1.et_pb_number_counter h3 {
    transition: all .3s ease;
}

.dct_cnt_v1.et_pb_number_counter h3:hover {
    color: #ffffff !important;
}

.dct_cnt_v1 .percent-value:before {
    content: '+';
    float: right
}

.dct_cnt_v1:hover .percent .percent-value {
    color: #fff
}

.dct_cnt_v1 .percent .percent-value {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: #1a2940;
    line-height: 60px;
    font-weight: 600;
    -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_cnt_v1:before {
    content: "\3a";
    font-family: ETmodules !important;
    font-size: 150px;
    line-height: 1em;
    color: var(--color-1);
    width: 100%;
    font-weight: 400;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    opacity: .1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -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_cnt_v1:before {
    content: '\e028'
}

.dct_cnt_v1.c1:before {
    content: '\e0f5'
}

.dct_cnt_v1.c2:before {
    content: '\5d'
}

.dct_cnt_v1:hover .title {
    color: #fff !important
}

.dct_cnt_v1:hover:before {
    color: #fff
}


/** Counter v2 **/
.dct_title.cnt_v2 .et_pb_text_inner::before,
.dct_title.cnt_v2 .et_pb_text_inner::after {
    display: none;
}

.dct_cnt_v2 .percent {
    margin-bottom: 10px !important;
}

.dct_cnt_v2 .percent .percent-value {
    color: var(--color-1);
}


/* About us */
.dct_info a {
    color: var(--color-1);
}

.dct_info a:hover {
    color: var(--color-2);
}

/* About us v2 */
.dct_about_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    position: absolute;
    top: -20px;
    left: 10px;
}

.dct_about_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff;
    opacity: 0.4;
}

.dct_about_blurb .et_pb_blurb_content .et_pb_blurb_container {
    padding: 0px !important;
}

.dct_about_blurb_v2 .et_pb_blurb_content .et_pb_main_blurb_image {
    vertical-align: middle;
}

.dct_about_blurb_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    padding: 15px;
}

.dct_about_blurb_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
    content: "";
    background: var(--color-1);
    opacity: 0.3;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.dct_about_blurb_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1) !important;
}
.dct_about_blurb_v2 .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header {
    padding: 0px !important;
}

.dct_about_img .et_pb_image_wrap {
    width: 100%;
    max-width: 100%;
}
.dct_about_img .et_pb_image_wrap img {
    object-fit: cover;
    width: 100% !important;
}
.dct_abt_call .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  color: #fff;
  font-size: 25px;
  background: var(--color-1);
  border-radius: 5px;
  padding: 15px;
  outline: 1px solid #EDD9D9;
  outline-offset: 10px;
}
.dct_about_btn::before {
    color: var(--color-1);
    margin-left: -25px !important;
    transition: 0.5s;
	font-family: ETmodules !important;
    font-weight: 400 !important;
   line-height: inherit;
	font-size: inherit !important;
	opacity: 1;
	margin-left: -1.3em;
	right: auto;
	display: inline-block;
	font-family: ETmodules !important;
	font-weight: 400 !important;
	content: "\24";
}
.dct_about_btn::after {display:none; }
.dct_about_btn {
    width: 100%;
    padding: 16px !important;
    color: var(--color-2);
    transition: 0.5s;
	border-width: 0px !important;
  border-color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

 .dct_about_btn:hover {
    transition: 0.5s;
    color:var(--color-1) !important;
	background:transparent !important;
	
}


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

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

.dct_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
    content: "";
    background-color: var(--color-1);
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 20px;
    height: 3px;
    margin-left: -10px;
    transform: rotateX(-180deg);
    transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}

.dct_service:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
    transform: rotate(180deg);
    transition-delay: .3s
}

.dct_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    padding-top: 25px;
}

/* SERVICE V! */
.dct_service_v1 .et_pb_main_blurb_image .et_pb_image_wrap {
    padding: 15px;
}

.dct_service_v1 .et_pb_main_blurb_image .et_pb_image_wrap img {
    filter: invert(1);
}

/*--------  --------Services v2------------------*/
.dct_service_v2 {
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: all 500ms ease !important;
    padding: 30px 55px;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
    border-width: 3px !important;
    border-color: rgba(41, 42, 46, 0.1) !important;
     	padding-top: 40px !important; 
    animation-duration: .2s;
    margin-bottom: 0px !important;
}

.dct_service_v2:hover {
    background-color: var(--color-1) !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    transform: translateY(-10px); 
}

/*-------------Title Css----------------*/
.dct_service_v2 .et_pb_blurb_description {
    text-align: center !important;
}

.dct_service_v2 .et_pb_module_header {
    text-transform: uppercase;
    color: #ffffff !important;
    line-height: 20px;
    text-align: center !important;
}

.dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    padding-top: 25px;
    text-align: center !important;
    color: #fff !important;
}



.dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::after {
    content: "";
    background-color: var(--color-1);
    position: absolute;
    left: 50%;
    top: 120px;
    width: 20px;
    height: 3px;
    margin-left: -10px;
    transform: rotateX(-180deg);
    transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s;
}

.dct_service_v2 :hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::after {
    transform: rotate(180deg);
    transition-delay: .3s;
}

.dct_service_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description,
.dct_service_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,
.dct_service_v2:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff
}

.dct_service_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    content: '\5d';
}

/*-------------- Service s3 ----------------*/
.dct_service_s3 {
transition:all .5s ease;
box-shadow: 0 5px 30px rgba(0,0,0,.1);
transition: all 500ms ease;
padding:10px !important;	
}

.dct_service_s3:hover{
box-shadow: 0 5px 30px rgba(0,0,0,.2);
transform: translateY(-10px);
}
.dct_service_s3 .et_pb_main_blurb_image{
padding-top:40px;
padding-right:15px
}
.dct_service_s3 .et_pb_blurb_content .et_pb_blurb_container {
    padding-left: 20px;
    border-left: 1px solid #dadada
}
.dct_service_s3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
	padding-bottom:10px !important;
	padding-bottom: 10px !important;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0,0,0,0.6) !important;
  line-height: 28px;
}

.dct_service_s3 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header::after {
    content: "";
    background-color: var(--color-1);
    display: block;
    position: absolute;
    width: 10px;
    height: 3px;
    transform: rotateX(-180deg);
    transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}
.dct_service_s3.et_pb_blurb p {
  line-height: 28px !important;
}

/* Service s4 */
.dct_service_s4 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
	
}

/* Service s5 */
.dct_service_s5 {
    transition: 0.5s;
}

.dct_service_s5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-2);
    transition: 0.5s;
}

.dct_service_s5 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:hover {
    color: var(--color-1);
    transition: 0.5s;
}

.dct_service_s5 .et_pb_blurb_content .et_pb_main_blurb_image {
    vertical-align: middle;
}

.dct_service_s5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    background: #fff;
    box-shadow: 0 3px 10px 0 rgb(0, 0, 0, 0.1);
    border-radius: 50%;
    height: 70px;
    width: 70px;
    padding: 8px;
    transition: 0.5s;
}

.dct_service_s5:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    background: var(--color-1);
    transition: 0.5s;
}

.dct_service_s5 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    transition: 0.5s;
}

.dct_service_s5:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    filter: invert(100%);
    transition: 0.5s;
}

.dct_service_s5_img {
    margin: 0px 15px !important;
}

.dct_service_s5_img .et_pb_image_wrap img {
    height: 600px;
    object-fit: cover;
    border-radius: 30px;
}


@media only screen and (max-width:767px) {
    .dct_service_s5_img {
        margin: 20px 0px !important;
    }

    .dct_service_s5_img .et_pb_image_wrap img {
        height: auto;
    }
}



/* Newslatter */
.dct_newslatter_v1_cta .et_pb_promo_description .et_pb_module_header {
    background-color: var(--color-1);
    padding: 10px 15px;
    font-size: 45px;
    font-weight: 600;
}

.dct_newslatter_v1_cta .et_pb_promo_description .et_pb_module_header::before {
    position: absolute;
    content: '';
    top: 0px;
    left: -18px;
    border-right: 18px solid var(--color-1);
    border-top: 55px solid transparent;
    border-bottom: 0px solid transparent;
    z-index: 2;
    opacity: 0.8;
}

.dct_newslatter_v1_cta .et_pb_promo_description .et_pb_module_header::after {
    position: absolute;
    content: '';
    top: 0px;
    right: -18px;
    border-left: 18px solid var(--color-1);
    border-top: 55px solid transparent;
    border-bottom: 0px solid transparent;
    z-index: 2;
    opacity: 0.8;
}

.dct_newslatter_v1_cta .et_pb_promo_description .et_pb_module_header span {
    color: var(--color-2);
    width: 100%;
    display: block;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    line-height: 0;
    padding-top: 15px;
    padding-bottom: 6px;
}

.dct_newslatter_v1_cta .et_pb_promo_description div {
    background-color: #fff;
    text-align: center;
    position: relative;
    padding: 12px 6px 35px 6px;
    clip-path: polygon(100% 0, 100% 100%, 50% 70%, 0 100%, 0 0);
}

.dct_newslatter_v1_cta .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

.dct_newslatter_v1_cta .et_pb_button_wrapper .et_pb_button {}


/* Why Choose Us */
.dct_choose_us_img .et_pb_image_wrap {
    width: 100% !important;
}

.dct_choose_us_img .et_pb_image_wrap img {
    height: 350px;
    width: 100% !important;
    object-fit: cover;
}

.dct_choose_us_blurb {
    margin-bottom: 40px !important;
    transition: 0.5s;
}

.dct_choose_us_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    vertical-align: middle;
    transition: 0.5s;
}

.dct_choose_us_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    transition: 0.5s;
}

.dct_choose_us_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    color: #ffffffd1;
}

.dct_choose_us_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    animation-name: updown;
    animation-duration: 0.9s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    transition: 0.5s;
}

@keyframes updown {
    16.65% {
        transform: translateY(8px);
    }

    33.3% {
        transform: translateY(-6px);
    }

    49.95% {
        transform: translateY(4px);
    }

    66.6% {
        transform: translateY(-2px);
    }

    83.25% {
        transform: translateY(1px);
    }

    100% {
        transform: translateY(0);
    }
}


/* Bar Counter */
.dct_bar_cnt li {
    margin-bottom: 35px;
}

.dct_bar_cnt li .et_pb_counter_title {
    margin-bottom: 10px;
}

.dct_bar_cnt li .et_pb_counter_container {
    background: transparent;
    border: 1px solid var(--color-1);
    padding: 2px;
    overflow: visible;
    height: 12px;
}

.dct_bar_cnt li .et_pb_counter_container .et_pb_counter_amount {
    line-height: 0px;
    overflow: visible;
    background: var(--color-1);
}

.dct_bar_cnt li .et_pb_counter_container .et_pb_counter_amount.overlay {
    opacity: 0;
}

.dct_bar_cnt li .et_pb_counter_container .et_pb_counter_amount .et_pb_counter_amount_number .et_pb_counter_amount_number_inner {
    position: absolute;
    top: -28px;
    font-size: 16px;
}



/* -------------Portfolio ------------------*/
.dct_ptf .et_pb_portfolio_item {
    overflow: hidden;
    border: 5px solid #fff;
    position: relative
}

.dct_ptf .et_pb_portfolio_item .et_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(24, 35, 51, .83);
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.dct_ptf .et_pb_portfolio_item:hover .et_portfolio_image:before,
.dct_ptf .et_pb_portfolio_item:hover .et_pb_portfolio_image:before {
    bottom: 0
}

.dct_ptf .et_pb_portfolio_item .et_portfolio_image,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image {
    margin-bottom: 0;
    position: relative
}

.dct_ptf .et_pb_portfolio_item .et_portfolio_image img,
.dct_ptf .et_pb_portfolio_item .et_pb_portfolio_image img {
    width: 100%;
    height: auto
}

.dct_ptf .et_pb_portfolio_item .post-meta a {
    color: var(--color-1)
}

.dct_ptf .et_pb_portfolio_item:hover .post-meta {
    bottom: 50%
}

.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header {
    opacity: 1;
    bottom: 50% !important;
}

.dct_ptf .et_pb_portfolio_item .et_pb_module_header a:after {
    content: "";
    background-color: var(--color-1);
    position: absolute;
    left: 50%;
    bottom: -22px;
    width: 60px;
    height: 3px;
    margin-left: -25px;
    transform: rotateX(-180deg);
    transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s
}

.dct_ptf .et_pb_portfolio_item:hover .et_pb_module_header a::after {
    transform: rotate(180deg);
    transition-delay: .3s
}

.dct_ptf .et_pb_portfolio_filters ul li a {
    padding: 10px 30px;
    background: var(--color-2);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: all 500ms ease;
}

.dct_ptf .et_pb_portfolio_filters ul li a:hover {
    background: var(--color-1) !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    transform: translateY(-10px);
    color: #fff;
}

.dct_ptf .et_pb_portfolio_filters {}

.dct_ptf .et_pb_portfolio_filters ul li a.active {
    background: var(--color-1) !important;
    color: #fff;
    border-radius: 5px;
}

.dct_ptf .et_pb_portfolio_item .et_overlay {
    background: 0 0;
    border: none
}

.dct_ptf .et_pb_portfolio_item .et_overlay:before {
    color: #fff;
    font-size: 0
}

/*-------------Title Css--------------*/
.dct_ptf .et_pb_portfolio_item .et_pb_module_header  {
 width: 100% !important;
  position: absolute !important;
  bottom: -30% !important;
  z-index: 1  !important;
  transition: all .5s; 
}
.dct_ptf .et_pb_portfolio_item .meta .et_pb_module_header {
    width: 100%;
    position: absolute;
    bottom: -30%;
    z-index: 1;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    color: #fff;
    -ms-transition: all .5s;
    transition: all .5s;
}

.dct_ptf .et_pb_portfolio_item .meta .et_pb_module_header:after {
    content: "";
    background-color: var(--color-1);
    position: absolute;
    left: 50%;
    bottom: -22px;
    width: 60px;
    height: 3px;
    margin-left: -25px;
    transform: rotateX(-180deg);
    transition: width 1s ease-out 0s, transform 1s ease-in-out 0s, opacity 1s ease-out 0s;
}

.dct_ptf .et_pb_portfolio_item:hover .meta .et_pb_module_header:after {
    transform: rotate(180deg);
    transition-delay: .3s;
}

.dct_ptf .et_pb_portfolio_item:hover .meta .et_pb_module_header {
    opacity: 1;
    bottom: 50%;
}

/*--------Post Meta Css----------*/
.dct_ptf .et_pb_portfolio_item .post-meta {
    width: 100%;
    position: absolute;
    bottom: -30%;
    z-index: 1;
    text-align: center;
    margin-bottom: 30px;
    transition: all .5s;
}

.dct_ptf .et_pb_portfolio_item:hover .post-meta {
    bottom: 50%;
}


/* Portfolio v2 */
.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item {
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item::before {
    content: "";
    border-top: 50px solid var(--color-1);
    border-right: 50px solid var(--color-1);
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: 4;
    transition: 0.5s;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item:hover::before {
    right: 0px;
    top: 0px;
    transition: 0.5s;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item::after {
    content: "";
    background: var(--color-1);
    position: absolute;
    left: 0px;
    bottom: -20px;
    width: 100%;
    height: 10px;
    z-index: 3;
    transition: 0.5s;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item:hover::after {
    bottom: 0px;
    transition: 0.5s;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay::before {
    top: auto;
    bottom: 0px;
    left: 50px;
    content: "\55";
    font-size: 20px;
    background: #fff;
    color: var(--color-1);
    font-weight: 600;
    padding: 15px;
    border-radius: 50%;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image .et_overlay {
    background:
        hsla(0, 0%, 0%, .8);
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image .dct_ptf_v2_info {
    bottom: 90px;
    left: 30px;
    position: absolute;
    display: flex;
    flex-direction: column-reverse;
}

.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image .dct_ptf_v2_info .et_pb_module_header,
.dct_ptf_v2 .et_pb_portfolio_items .et_pb_portfolio_item .et_pb_portfolio_image .dct_ptf_v2_info .post-meta {
    margin: 10px 0 0 0;
    padding: 0;
}


@media only screen and (min-width: 768px) and (max-width:980px) {

    .dct_ptf .et_pb_portfolio_item .post-meta,
    .dct_ptf .et_pb_portfolio_item .et_pb_module_header {
        bottom: -100%;
    }
}

@media only screen and (min-width:768px) {
    .dct_ptf .et_pb_portfolio_filters ul {
        text-align: center
    }

    .dct_ptf .et_pb_portfolio_filters ul li {
        display: inline-block;
        float: none !important;
        margin-left: 10px
    }
}

/* Portfolio Details */

.dct_project_d .et-pb-arrow-next,
.dct_project_d .et-pb-arrow-prev {
    background: var(--color-1)
}

.dct_project_d .et-pb-arrow-next:before,
.dct_project_d .et-pb-arrow-prev:before {
    color: #fff
}

.dct_project_d .et_pb_slider:hover .et-pb-arrow-prev {
    left: 0
}

.dct_project_d .et_pb_slider:hover .et-pb-arrow-next {
    right: 0
}

@media only screen and (max-width : 480px) {

    .dct_project_d .et-pb-arrow-next,
    .dct_project_d .et-pb-arrow-prev {
        font-size: 30px;
    }
}

/* Client */
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-item {
    float: left
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

#dct_client .owl-controls {
    width: 100%;
    position: absolute;
    top: 38%;
    margin-top: auto
}

#dct_client .owl-controls .owl-buttons div {
    transform: rotate(-45deg);
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    background: var(--color-1);
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    opacity: 1
}

#dct_client .owl-prev {
    position: absolute;
    left: -7%
}

#dct_client .owl-next {
    position: absolute;
    right: -40px
}

#dct_client .owl-next::after,
#dct_client .owl-prev::after {
    transform: rotate(45deg);
    display: inline-block;
    content: "\23";
    font-family: ETmodules !important;
    font-size: 20px;
    font-weight: 900;
    border-radius: 4px;
}

#dct_client .owl-next::after {
    content: "\24"
}

#dct_client .own-item .et_pb_image_wrap:before {
    content: '';
    height: 1px;
    background: var(--color-2);
    display: block;
    width: 50%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    -webkit-transform: translate(-50%, 0) scale(0);
    -ms-transform: translate(-50%, 0) scale(0);
    -o-transform: translate(-50%, 0) scale(0);
    transform: translate(-50%, 0) scale(0)
}

#dct_client .own-item .et_pb_image_wrap:hover:before {
    -webkit-transform: translate(-50%, 0) scale(1);
    -ms-transform: translate(-50%, 0) scale(1);
    -o-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1)
}

#dct_client .own-item .et_pb_image_wrap img {
    border: 2px solid var(--color-1);
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    height: auto;
    max-width: 100%;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

#dct_client .own-item .et_pb_image_wrap img:hover {
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

#dct_client .own-item {
    max-width: 150px;
    padding-top: 35px;
    padding-bottom: 35px;
    transition: transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s
}

#dct_client .own-item .et_pb_image_wrap:hover img {
    border: 2px solid var(--color-2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5)
}

@media only screen and (max-width :1299px) {
    #dct_client .owl-next {
        position: absolute;
        right: -7%
    }
}

/*------------------ Pricing Table------------------ */

.dct_pricing .et_pb_pricing_table {
    overflow: visible !important;
    padding: 0 30px 30px;
    box-shadow: 0px 0px 0px 0px rgba(42.00000000000001, 54.000000000000036, 122, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	padding: 0 30px 45px !important;
}
.dct_pricing .et_pb_pricing_table li span::before {
  display: none !important;
}
.dct_pricing .et_pb_pricing_table:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.dct_pricing .et_pb_pricing_table:before {
    content: '';
    background: linear-gradient(-45deg, #333 49%, transparent 50%);
    width: 14px;
    height: 14px;
    position: absolute;
    left: 16px;
    top: -15px;
    z-index: -1
}

.dct_pricing .et_pb_pricing_table:after {
    content: '';
    background: linear-gradient(45deg, #333 49%, transparent 50%);
    width: 14px;
    height: 14px;
    position: absolute;
    left: auto;
    right: 16px;
    top: -15px;
    z-index: -1
}

.dct_pricing .et_pb_pricing_heading {
    background: var(--color-2);
    margin: -15px 0 0;
    transition: all .3s;
}

.dct_pricing .et_pb_pricing_content_top {
    background: var(--color-1);
    border-radius: 0px 0px 5px 5px;
}

.dct_pricing .et_pb_et_price {
    position: relative;
    left: 15px;
}

.dct_pricing .et_pb_et_price {
    display: inline-block;
    vertical-align: top
}

.dct_pricing ul.et_pb_pricing li {
    padding: 5px 0px 0px;
    list-style: none;
    display: inline-block
}

/*--------Pricing Btn--------*/
.dct_pricing .et_pb_pricing_table .et_pb_button_wrapper {
    display: inline-block;
}

.dct_pricing .et_pb_button {
    position: relative;
    display: block;
    border: none;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 20px !important;
    border-radius: 3px;
    z-index: 1;
}

.dct_pricing .et_pb_pricing_table_button:hover {
    color: var(--color-1) !important;
    padding: 12px 20px !important;
    background: var(--color-1) !important;
}

.dct_pricing .et_pb_button:brfore {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}

.dct_pricing .et_pb_pricing_table_button:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}


/*--------------- Faq -----------------*/
.dct_faq_text .et_pb_text_inner h3 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
    font-size: 30px
}

.dct_faq_text .et_pb_text_inner h3 span {
    color: var(--color-1)
}

.dct_faq_text .et_pb_text_inner h3:after {
    content: '';
    position: absolute;
    background-color: var(--color-1);
    width: 10px;
    height: 3px;
    left: 0;
    bottom: 0
}

.dct_faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: '\4b'
}

.dct_faq .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title::before {
    content: '\4c'
}


/* FAQ V2 */
.dct_faq_v2 .et_pb_toggle {
    background: #fff;
    box-shadow: 1px 5px 15px 3px rgba(198, 198, 198, 0.2);
    margin-bottom: 30px !important;
    border: 0;
    padding: 0px;
    border-radius: 5px;
}

.dct_faq_v2 .et_pb_toggle .et_pb_toggle_title {
    color: var(--color-2);
    background: #fff;
    border-bottom: 1px solid #E7E7E7;
    padding: 20px;
    border-radius: 5px;
    transition: 0.5s;
}

.dct_faq_v2 .et_pb_toggle .et_pb_toggle_title::before {
    content: "\4c";
    display: block;
    color: var(--color-2);
    font-size: 20px;
    font-weight: 900;
    right: 20px;
}

.dct_faq_v2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    color: var(--color-1);
    background: #fff;
    border-bottom: 1px solid #E7E7E7;
    border-radius: 5px 5px 0px 0px;
    transition: 0.5s;
}

.dct_faq_v2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\4b";
    color: var(--color-1);
    font-size: 26px;
    font-weight: 900;
    right: 20px;
}

.dct_faq_v2 .et_pb_toggle .et_pb_toggle_content {
    padding: 20px;
    color: #61657e;
    border-radius: 0px 0px 5px 5px;
}

.dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap {
    width: 100%;
    max-width: 100%;
}

.dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap img {
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
}

.img2.dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap img {
    border-radius: 15px 80px 15px 15px;
}

.dct_faq_v2_text .et_pb_text_inner h2 {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--color-2);
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    line-height: .8;
}

@media only screen and (max-width: 767px) {
    .img2.dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap img {
        border-radius: 15px 15px 15px 15px;
    }

    .dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap img,
    .img2.dct_service_s5_img.dct_faq_v2_img .et_pb_image_wrap img {
        height: 300px;
    }
}

/* TESTIMONIAL */
.dct_testimonial {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 50px !important;
    padding-left: 30px !important;
    background-color: var(--color-2) !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: all 500ms ease;
    overflow: visible !important;
    background-color: #f5f5f5;
}

.dct_testimonial:hover {
    background-color: var(--color-1) !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    transform: translateY(-10px);
}

.dct_testimonial:before {
    content: "";
    border-top: 40px solid var(--color-1);
    border-right: 125px solid transparent;
    position: absolute;
    bottom: -40px;
    border-radius: 0;
    background: 0 0 !important;
    left: 0;
    top: auto;
    margin-left: 0;
    visibility: visible;
}

.dct_testimonial::after {
    content: "";
    border-top: 40px solid var(--color-1);
    position: absolute;
    bottom: -40px;
    border-radius: 0;
    background: 0 0 !important;
    top: auto;
    margin-left: 0;
    visibility: visible;
    border-right: none;
    border-left: 125px solid transparent;
    left: auto;
    right: 0;
}

.dct_testimonial {
    margin-bottom: 80px !important;
}

/*----- Image--------*/
.dct_testimonial .et_pb_testimonial_portrait {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -65px;
    box-shadow: 0 0 2px 2px #fff;
    overflow: hidden;
    z-index: 111;
}

.dct_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    color: var(--color-1);
    text-align: center !important;
    transition: .3s ease-in-out;
    margin-top: 0px;
    padding-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}

.dct_testimonial .et_pb_testimonial_content {
    font-size: 15px;
    color: #ffffff !important;
    text-align: center;
}

.dct_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta {
    text-align: center !important;
    padding-top: 10px;
    margin-bottom: 10px;
}

.dct_testimonial:hover .et_pb_testimonial_description .et_pb_testimonial_author,
.dct_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta .et_pb_testimonial_position {
    color: #fff;
    text-align: center !important;
    transition: .3s ease-in-out;
}

.dct_testimonial .et_pb_testimonial_portrait {
    margin: auto !important;
}


/* Blog */
.dct_blog .et_pb_post {
    position: relative;
    border: none;
    margin-bottom: 50px !important;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
    transition: all 500ms ease;
    border-radius: 5px;
}

.dct_blog .et_pb_post:hover {
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    transform: translateY(-10px);
}

/* .dct_blog .post-content {
      margin-bottom: 20px;
    } */
/*-----------Blog Title css----------*/
.dct_blog .entry-title {
    color: var(--color-2) !important;
}

.dct_blog .post-content {
    padding-bottom: 25px;
}

.dct_blog .et_pb_post .post-meta .published {
    position: absolute;
    top: 5px;
    left: 10px;
    color: #fff;
    line-height: 1.2;
    z-index: 1;
    background-color: var(--color-1);
    border-radius: 4px;
    padding: 10px 18px 10px;
    display: block;
    width: 70px
}

.dct_blog .et_pb_post .post-meta .published:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    box-sizing: border-box
}

.dct_blog .et_pb_post .post-meta .published:after {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    box-shadow: 0 5px 5px 0 rgba(143, 11, 11, .75);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box
}

.dct_blog .et_pb_post .post-content .post-content-inner {
    margin-bottom: 25px;
}

/*--------Post Meta Css---------*/
.dct_blog .et_pb_post .post-meta a {
    color: var(--color-2);
    padding: 0 35px 0 25px;
    margin-right: 5px;
    position: relative;
}

.dct_blog .post-meta {
    margin: 8px 0px 12px !important;
}

.dct_blog .et_pb_post .post-meta a:before {
    content: '\e07c';
    font-family: 'ETmodules';
    position: absolute;
    color: var(--color-1);
    left: 0;
}

.dct_blog .et_pb_post .post-meta a:after {
    content: '\77';
    font-family: 'ETmodules';
    position: absolute;
    color: var(--color-1);
    right: 0;
}

/*---------Blog V1 link Btn-------*/
.dct_blog .et_pb_post .post-content .more-link {
    background: var(--color-1);
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 0px;
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}

.dct_blog .et_pb_post .post-content .more-link:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_blog .et_pb_post .post-content .more-link:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
    display: block !important;
}

.dct_blog .et_pb_post .post-content .more-link:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}

.dct_blog .et_pb_post .more-link::after {
    background-color: var(--color-2);
    content: "";
    height: 2px;
    margin: auto;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateX(10px);
    transition: all .3s linear;
    width: 100px
}

.dct_blog .et_pb_post:hover .more-link::after {
    width: 150px
}

.dct_blog .et_pb_post .entry-featured-image-url {
    overflow: hidden;
    margin-bottom: 0 !important;
    background-color: #000 !important
}

.dct_blog .et_pb_post .entry-featured-image-url img {
    width: 100% !important;
    transition: 1s;
    background-color: #000 !important;
    opacity: .66;
    border-radius: 5px 5px 0px 0px;
}

.dct_blog .et_pb_post:hover .entry-featured-image-url img {
    opacity: .4
}


/* Blog V2 */
.dct_blog_v2 .et_pb_post {
    border: 0;
    padding: 0;
    overflow: hidden;
}

.dct_blog_v2 .et_pb_post .et_pb_image_container {
    margin: 0px;
    transition: 0.5s;
}

.dct_blog_v2 .et_pb_post .entry-featured-image-url {
    margin: 0px;
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    transition: 0.5s;
}

.dct_blog_v2 .et_pb_post .entry-featured-image-url::before {
    content: "";
    background: #F7F7F7;
    height: 80%;
    width: 110%;
    left: -15px;
    bottom: 0;
    position: absolute;
}

.dct_blog_v2 .et_pb_post .entry-featured-image-url img {
    position: absolute;
    top: 0%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
    width: 94%;
    min-width: auto;
    margin: auto;
    left: 0;
    right: 0;
}

.dct_blog_v2 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1);
    transition: 0.5s;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info {
    padding: 0px 0px 30px 0px;
    display: flex;
    flex-direction: column-reverse;
    background: #F7F7F7;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .entry-title {
    order: 1;
    padding: 25px;
    color: var(--color-2);
    transition: 0.5s;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .entry-title:hover {
    color: var(--color-1);
    transition: 0.5s;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-meta {
    padding: 15px 10px;
    background: #FFF;
    order: 2;
    border-style: solid;
    border-width: 0px 10px 0px 10px;
    border-color: var(--color-1);
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-meta .published::before {
    content: "\e023";
    font-family: ETmodules;
    color: var(--color-1);
    margin-right: 6px;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-meta .published,
.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-meta a {
    margin: 0px 8px;
}

.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-meta a::before {
    content: "\6e";
    font-family: ETmodules;
    color: var(--color-1);
    margin-right: 6px;
}

/*---------Blog V2 link Btn-------*/
.dct_post_list .et_pb_post .post-content .more-link,
.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-content .more-link {
    margin-left: 25px;
    padding: 8px 16px;
    color: #fff;
    background: var(--color-1);
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}
.dct_post_list .et_pb_post .post-content .more-link:hover,
.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-content .more-link:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}
.dct_post_list .et_pb_post .post-content .more-link:before,
.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-content .more-link:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}
.dct_post_list .et_pb_post .post-content .more-link:hover:before,
.dct_blog_v2 .et_pb_post .dct_blog_v2_info .post-content .more-link:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}
/*-----------Blog Listing Css--------------*/
.dct_post_list .et_pb_post {
  margin-bottom: 40px !important;
}
.dct_post_list .et_pb_post .entry-featured-image-url img{
width:100% !important;	
}
.dct_post_list .post-content {
  padding: 0px 25px 10px;
}
.dct_post_list .post-content .post-content-inner {
  padding-bottom: 22px !important;
}
.dct_post_list .et_pb_post .post-content .more-link{
margin-left: 0px !important;	
padding: 15px 16px !important;	
}

/** Blog Details + Sidebar **/
#sidebar .widgettitle:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: var(--color-1);
    position: absolute;
    top: 25px;
    left: 0;
   
}

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

.widget_search input#s {
    border: none;
    box-shadow: 0 0 10px 0 #ddd
}

#sidebar .widget_recent_entries ul li a::before,
#sidebar li.cat-item a::before {
    content: "";
    float: left;
    margin-top: 9px;
    margin-right: 12px;
    width: 6px;
    border-radius: 50%;
    height: 6px;
    border: 1px solid var(--color-1);
    background: var(--color-1);
    box-sizing: border-box
}

#sidebar .et_pb_widget {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    z-index: 9;
    position: relative;
    border: 3px solid rgba(41, 42, 46, .1);
    list-style: none;
    padding: 15px;
    box-sizing: border-box
}

#sidebar .et_pb_widget ul li {
    margin-bottom: 20px
}

#sidebar .et_pb_widget ul li a {
    font-size: 15px;
    display: flex;
    color: var(--color-2)
}

#sidebar .et_pb_widget ul li a:hover {
    color: var(--color-1);
}

/*-------------Post Comment Css Here-----------------*/
.dct_post_Comment{
box-shadow: 0 5px 30px rgba(0,0,0,.1);
transition: all 500ms ease;
padding:30px !important;	
}
.dct_post_Comment:hover{
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
transform: translateY(-10px);
}
.dct_post_Comment .logged-in-as a,
.dct_post_Comment .comment_postinfo a{
    color: var(--color-1) !important;
}
.dct_post_Comment .et_pb_button {
    background: var(--color-1);
    color: #fff;
    padding: 12px 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 0px;
    border: none !important;
    transition: .3s ease-in-out;
    position: relative;
    width: fit-content;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    border-radius: 3px;
    z-index: 1;
}

.dct_post_Comment .et_pb_button:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_post_Comment .et_pb_button:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
    display: block !important;
}

.dct_post_Comment .et_pb_button:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;
}
.dct_post_Comment .et_pb_button:after{
	display:none !important;
	
}


/* Work Process */

.dct_wp.et_pb_blurb .et_pb_module_header {
    position: absolute;
    top: -15px;
    right: -20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 5px;
    background-color: var(--color-1);
    text-align: center !important;
    color: #fff !important;
}

.dct_wp.et_pb_blurb .et_pb_blurb_description {
    font-weight: 600;
    font-size: 22px;
    color: #ffffff !important;
    line-height: 30px;
    text-align: center !important;
}

.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    position: relative;
    border-radius: 10px;
    margin-bottom: 22px;
    display: block;
    position: relative;
    display: inline-block;
    border: 10px solid #fff;
    transition: all .3s ease-in-out
}

.dct_wp.et_pb_blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image {
    border-color: var(--color-1);
    animation: pulse 3s infinite
}

.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
    border-radius: 10px;
    width: 220px;
    height: 150px;
}

.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    left: 100%;
    z-index: -1;
    border-top: 1px dashed;
    top: 50%;
    transform: translateY(-50%);
}

.dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after {
    position: absolute;
    content: "\4b";
    font-family: ETmodules !important;
    display: block;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: -35px;
    font-size: 35px;
    z-index: 1
}

.dct_wp.dc_none .et_pb_blurb_content .et_pb_main_blurb_image::after,
.dct_wp.dc_none .et_pb_blurb_content .et_pb_main_blurb_image::before {
    display: none
}

@media only screen and (min-width:981px) and (max-width:1344px) {
    .dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
        right: 0;
    }

    .dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description h2 {
        font-size: 16px;
    }
}

@media only screen and (max-width : 980px) {

    .dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::after,
    .dct_wp.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image::before {
        display: none;
    }
}
/* -----------Team ------------*/

.dct_team .et_pb_team_member_image {
    margin-bottom: 0px !important;
}

.dct_team .et_pb_team_member_description {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    background-color: var(--color-2);
    opacity: .8;
    border-radius: 0 0 4px 4px;
    padding: 15px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dct_team:hover .et_pb_team_member_description {
    bottom: 0;
    background-color: var(--color-1)
}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li {
    margin-right: 0
}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dct_team .et_pb_team_member_description .et_pb_member_social_links li a:hover {
    color: var(--color-2)
}


/* Team v2 */
.dct_team_v2 {
    overflow: visible !important;
    transition: 0.5s;
}

.dct_team_v2 .et_pb_team_member_image {
    margin: 0px !important;
    max-width: 100%;
    border-radius: 10px;
}

.dct_team_v2 .et_pb_team_member_image img {
    border-radius: 10px;
    width: 100% !important;
}

.dct_team_v2 .et_pb_team_member_description {
    padding: 20px 10px;
    background: var(--color-1);
    width: 95%;
    right: 0;
    position: absolute;
    bottom: -30px;
    border-radius: 10px;
    transition: 0.5s;
}

.dct_team_v2:hover .et_pb_team_member_description {
    background: var(--color-2);
    transition: 0.5s;
}

.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links {
    border-radius: 10px 0px 0px 10px;
    margin: auto !important;
    padding: 15px 10px !important;
    position: absolute;
    display: inline-grid;
    top: -160px;
    left: 75px;
    background: #edf0ff;
    z-index: -1;
    transition: 0.5s;
}

.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li {
    margin: 5px 0px;
}

.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li:last-child {
    margin-bottom: 2px;
}

.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a::before {
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    color: #61657e;
    transition: 0.5s;
    font-size: 12px;
}

.dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover::before {
    color: var(--color-1);
    transition: 0.5s;
}

.dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links {
    left: -60px;
    transition: 0.5s;
}



@media only screen and (max-width:980px) {
    .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links {
        top: -240px;
    }

    .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links {
        left: 14px;
    }
}

@media only screen and (max-width : 480px) {
    .dct_team_v2 .et_pb_team_member_description .et_pb_member_social_links {
        top: -150px;
    }

    .dct_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links {
        left: 0px;
    }

    .dct_team_v2 .et_pb_team_member_description {
        width: 112%;
    }

    .dct_team_section .et_pb_row .et_pb_column {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* Contact Us v3 */
.dc_contact_us_v3{
}
.dc_contact_us_v3 .et_contact_bottom_container {
  width: 100% !important;
}
.dc_contact_us_v3 form .et_contact_bottom_container .et_pb_button{
color: #fff;
background: var(--color-1);
border:none!important;
transition:.3s ease-in-out;
position: relative;
width:100%;
text-transform: capitalize;
text-align: center;
background-color: var(--color-1);
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 12px 20px !important;
border-radius: 3px;
 z-index: 1;
}

.dc_contact_us_v3 form .et_contact_bottom_container .et_pb_button:hover{
color: var(--color-1) !important;
  background: var(--color-1) !important;
}

.dc_contact_us_v3 form .et_contact_bottom_container .et_pb_button:before{
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 2px;
  right: 3px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 3px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  transition: all ease .4s;
}
.dc_contact_us_v3 form .et_contact_bottom_container .et_pb_button:hover:before{
opacity: 1;
  visibility: visible;
  transform: scale(1);
  margin-left: 0px !important;	
}

/* Contact us */
.dc_line.et_pb_blurb .et_pb_image_wrap {
    display: block;
    margin: auto;
    background: var(--color-1);
    padding: 15px;
    border-radius: 3px !important;
	
}

/* Single Post - Project - Category */
/* .dct_post_list .pagination, */
.dct_project_list .pagination {
    margin-top: 50px
}

/* .dct_post_list .pagination .alignleft a,
.dct_project_list .pagination .alignleft a {
    background: var(--color-1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px
}
 */

/* Contact Form */
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field {
    position: relative;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field input,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field select,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
    border: 1px solid #cfcfcf;
    padding: 18px;
    transition: 0.5s;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field select:focus,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {
    border: 1px solid var(--color-1);
    transition: 0.5s;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field::after {
    font-family: ETmodules;
    color: #a4a4aa;
    position: absolute;
    right: 16px;
    top: 15px;
    font-weight: 500;
    font-size: 20px;
    border: 0;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_0::after,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_1::after {
    content: "\e08a";
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_2::after {
    content: "\e090";
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_3::after {
    content: "\e076";
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_4::after {
    content: "\e081";
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_6::after,
.dct_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field_5::after {
    content: "\33";
    right: 40px;
    top:
        10px;
    font-weight: 600;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
    width: 100%;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button {
    width: 100%;
    margin-left: 26px;
    margin-top: 15px;
    padding: 10px;
    position: relative;
    display: block;
    text-transform: capitalize;
    text-align: center;
    background-color: var(--color-1);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 20px !important;
    border-radius: 3px;
    z-index: 1;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover {
    color: var(--color-1) !important;
    background: var(--color-1) !important;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button:before {
    content: "";
    position: absolute;
    display: block;
    left: 3px;
    top: 2px;
    right: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 3px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.2);
    transition: all ease .4s;
}

.dct_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0px !important;

}

@media only screen and (max-width :766px) {
    .dct_project_title .header-content {
        width: 100% !important;
        max-width: 100% !important
    }

    .dct_project_title .et_pb_fullwidth_header_container {
        width: 90%
    }
}

/* Scroll Bar */
.et_pb_scroll_top:after {
    content: "Back To Top";
    /*button text*/
    font-family: "Open Sans", Arial, sans-serif;
    /*text font*/
    font-size: 12px;
    /*text size*/
}

.et_pb_scroll_top:before {
    content: "\21";
    /*select icon*/
    font-family: ETmodules !important;
    font-size: 12px;
    /*icon size*/
    margin-right: 5px;
}

.et_pb_scroll_top.et-pb-icon {
    padding: 0px 20px 17px;
    right: 20px;
    bottom: 30px;
    border-radius: 3px;
    background: var(--color-1);
    /*button color*/
    box-shadow: 0 10px 20px #fff;
    transition: all .1s ease-in-out;
}

.et_pb_scroll_top.et-pb-icon:hover {
    background: var(--color-2);
    /*button color on hover*/
    transition: all .1s ease-in-out;
    /*add transition*/
}

/*Add Animation from Bottom */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50, 0, .160, 1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50, 0, .160, 1);
}

.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77, 0, .175, 1);
}

/* Animations */
/* Pulse Animations */
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    0% {
        -webkit-box-shadow: 0 0 0 0 var(--color-1);
        box-shadow: 0 0 0 0 var(--color-1)
    }

    40% {
        -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 50px rgba(255, 194, 17, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
        box-shadow: 0 0 0 0 rgba(255, 194, 17, 0)
    }
}

/* Mobile Menu */
.logged-in.admin-bar .dct-fixed-header {
    top: 32px;
}

@media screen and (max-width:980px) {

    /*for login user make adminbar fix*/
    #wpadminbar {
        position: fixed;
    }
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}

/*remove the border from the top of the mobile menu*/
.et_mobile_menu {
    border-top: none;
}

/*hide the submenu items on mobile*/
.et_mobile_menu li ul.hide {
    display: none !important;
}

/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children {
    position: relative;
}

/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children>a {
    background: transparent;
}

/*position and style the submenu icons*/
.et_mobile_menu .menu-item-has-children>a+span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
}

/*icon for closed submenu*/
span.menu-closed:before {
    content: "\33";
    display: block;
    color: var(--color-1);
    font-size: 18px;
    font-family: ETmodules;
}

/*icon for open submenu*/
span.menu-closed.menu-open:before {
    content: "\4d";
    color: var(--color-1);
}

/*adjust border under mobile menu items*/
.et_mobile_menu li:not(:last-child) a {
    border-bottom: 2px solid #f3f6fd;
}

/*remove border under last mobile menu item*/
.et_mobile_menu li:last-child a {
    border-bottom: none;
}

/* Responsive */

/* Template-Options */
/*------------------------------------------------------- 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: 10%;
        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;
    }
}


/* POP UP CSS HERE */
/* -----------------------------------
    Slide In CSS Start Here
    ----------------------------------- */
/* Demo Popup CSS */

.dct_slide_In_demo .et_pb_promo_description .et_pb_module_header {
    color: var(--color-2);
    position: relative;
    margin-bottom: 20px;
}

.dct_slide_In_demo .et_pb_promo_description .et_pb_module_header:before {
    content: "";
    background-color: var(--color-1);
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 20px;
    height: 3px;
    margin-left: -10px;
    transform: rotateX(-180deg);
    transition: width .3s ease-out 0s, transform .3s ease-in-out 0s, opacity .3s ease-out 0s;
}

/* HOVER CSS */
.dct_slide_In_demo:hover .et_pb_promo_description .et_pb_module_header:before {
    transform: rotate(180deg);
    transition-delay: .3s;
}

.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button {
    background: var(--color-1);
    color: #fff !important;
}


.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button{
color: #fff;
background: var(--color-1);
border:none!important;
transition:.3s ease-in-out;
position: relative;
width: fit-content;
text-transform: capitalize;
text-align: center;
background-color: var(--color-1);
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 12px 20px !important;
border-radius: 3px;
 z-index: 1;
}

.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button:hover{
color: var(--color-1) !important;
  background: var(--color-1) !important;
}

.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button:before{
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 2px;
  right: 3px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 3px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.2);
  transition: all ease .4s;
}
.dct_slide_In_demo .et_pb_button_wrapper .et_pb_button:hover:before{
opacity: 1;
  visibility: visible;
  transform: scale(1);
  margin-left: 0px !important;	
}


/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */

body:not(.et-fb) .dct-popup-wrapper .dct-popup-content {
    position: fixed;
    z-index: 990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
   opacity: 0;
    visibility: hidden;

}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content {
    opacity: 1;
    visibility: visible;

}

/* Allow the content inside the popup wrapper to scroll */
.dct-popup-inside {
    height: 100%;
    overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.dct-noscroll {
    overflow-y: scroll;
}

/* Center Align Popup Content inside the Section */
.dct-popup-content {
/*     display: flex;
    flex-direction: column;
    justify-content: center; */
}

.dct-popup-content .et_pb_row {
    margin-top: 0;
    margin-bottom: 0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
    body:not(.et-fb).admin-bar .dct-popup-wrapper {
        top: 46px;
    }
}

@media (min-width:783px) {
    body:not(.et-fb).admin-bar .dct-popup-wrapper {
        top: 32px;
    }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
    z-index: 99999;
}

/* Add a hand cursor to the close trigger element */
.dct-popup-close {
    cursor: pointer;
}

/*Slide In Css Start Here*/
.dct_slidein {
    overflow: visible !important;
}

.dct_slidein:after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 10px;
    width: calc(100% - 20px);
    height: 80%;
    background-color: var(--color-1);
    border-radius: inherit;
    z-index: -1;
    transition: all 0.2s;
    opacity: 0;
}

.dct_slidein .et_pb_button_module_wrapper {
    background: #fff;
    padding-bottom: 15px;
}

.dct_slidein:hover:after {
    bottom: -15px;
    transition: all 0.2s;
    opacity: 1;
}

.dct_feature_info .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

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

.dct_feature_info .et_pb_module_header span {
    color: var(--color-1);
}

.dct_scale_in .dct_contact .et_contact_bottom_container {
    margin-top: 10px;
    margin-right: 10px;
}

/* Icon CSS */
.dct_icon_bar:after {
    color: var(--color-1) !important;
    border: 1px solid var(--color-2) !important;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: -15px !important;
    top: -15px;
}

/* HOVER CSS */
.dct_icon_bar:hover {
    background: transparent !important;
}

/*Popup Overlay Css Move Up Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_move_up {
    transform: translateY(100%);
    transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_move_up {
    transform: translateY(-30px);
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap .et-pb-icon {
    color: var(--color-1);
}

.dct-popup-content .dct_footer_info .et_pb_image_wrap img {
    width: 23px;
    border-radius: 0px;
}

.dct-popup-content .dct_footer_info .et_pb_blurb_container {
    vertical-align: middle;
}

.dct-popup-content .dct-popup-map_code iframe {
    display: block;
}

/*Popup Overlay Css Move Down Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_move_downup {
    transform: translateY(-100%);
    transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_move_downup {
    transform: translateY(0%);
}

/*Popup Overlay Css Move right Start Here*/
.dct-popup-wrapper .dct-popup-content.dct_slide_right {
    transform: translateX(-100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_slide_right {
    transform: translateX(0%);
}

/*Popup Overlay Css Move Left Here*/
.dct-popup-wrapper .dct-popup-content.dct_slide_left {
    transform: translateX(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .dct-popup-wrapper.popup-is-visible .dct-popup-content.dct_slide_left {
    transform: translateX(0%);
}

/* Add Row animation when popup is triggered */

.dct-popup-close .et_pb_icon_wrap .et-pb-icon {
    color: var(--color-2) !important;
    transition: all 0.8s;
}

.dct-popup-close:hover .et_pb_icon_wrap .et-pb-icon {
    color: var(--color-1) !important;
    transform: rotate(180deg);
}

/*.dct-popup-wrapper.popup-is-visible .et_pb_row:not(.dct-popup-close)*/
.dct-popup-wrapper.popup-is-visible .dct_scale_in {
    animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both;
    animation-delay: .5s;
}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .dct-popup-wrapper .dct-popup-content.dct_move_up {
    top: unset;
    min-height: auto;
    right: 20px;
}

.dct-popup-wrapper .dct_move_up {
    transform: translateY(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_move_up {
    transform: translateY(-30px);
}


/*Popup Overlay Css Move Down Start Here*/
.dct-popup-wrapper .dct_move_downup {
    transform: translateY(-100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_move_downup {
    transform: translateY(0%);
}

/*Popup Overlay Css Slide Right Start Here*/
.dct-popup-wrapper .dct_slide_right {
    transform: translateX(100%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.dct-popup-wrapper.popup-is-visible .dct_slide_right {
    transform: translateX(0%);
}

/*Popup Overlay Css Slide left Here*/
.dct-popup-wrapper .dct_slide_left {
    transform: translateX(0%);
    transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

/* POPUP BLURB */
.dct_popup_blurb .et_pb_image_wrap {
    border-radius: 5px !important;
}

.dct_popup_blurb .et_pb_blurb_container .et_pb_module_header {
    font-weight: 700;
    transition: .3s ease-in-out;
}

.dct_popup_blurb:hover .et_pb_blurb_container .et_pb_module_header {
    color: var(--color-1) !important;
    transition: .3s ease-in-out;
}

/* -----------------------------------
    Slide In CSS End Here
    ----------------------------------- */