/*---------------------------------------------------------------------------------
Theme Name:   Divi Optometry Theme
Theme URI:    https://divithemeshub.com/optometrytheme/
Description:  Divi Optometry Theme is a professionally designed Divi Child Theme for optometrists, eye care clinics, and vision centers. Ideal for eye exams, contact lens fittings, eyeglasses, pediatric eye care, vision therapy, and other optical services. Includes professionally designed pages, service layouts, appointment forms, and full Divi 5 compatibility to help you launch a modern optometry website quickly and easily.
Author:       Divi-Childthemes.com
Author URI:   https://divi-childthemes.com/
Template:     Divi
Version:      1.0.1
Requires at least: 6.9.4
Requires PHP: 8.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* ================================================== */
/**
 * General
 * Slider
 * Top Menu bar
 * Works We Do
 * About Us
 * Our Projects
 * Client Say's
 * Best Features
 * Our Skills
 * Our Experts
 * Success Counts
 * Blog
 * Comments
 * Sidebar
 * map
 * Get in Touch
 */


/** General **/
#et-boc header.et-l.et-l--header {position: relative;z-index: 99;}
body {overflow-x:hidden;}
.dct_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.dct_link .et_pb_text_inner a{color:var(--gcid-primary-color)}  
.dct_divider:before{border-top-color:var(--gcid-primary-color) !important;}

.dct_icon_big .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: #fff;
background: var(--gcid-primary-color);
padding: 10px;
border-radius: 5px;}

.dct_hover .et_pb_blurb_content .et_pb_main_blurb_image img{width: 100%;
transform: scale(1.01);
transition: all 700ms ease;display: block;}

.dct_hover:hover .et_pb_blurb_content .et_pb_main_blurb_image img{transform: scale(1.07) rotate(0.5deg);}

/* =======================
    Doctor
=========================*/

.dct_doctor .et_pb_blurb_content .et_pb_blurb_container{background: #f6f7f5;
position: absolute;
top: 0;
writing-mode: vertical-rl;
padding: 15px 30px;
width: auto;
height: 100%;
text-align: center !important;
left: 0;font-size: 18px;
color: var(--gcid-secondary-color);
font-weight: 600;}

.dct_doctor .et_pb_blurb_content .et_pb_blurb_container a{color:var(--gcid-primary-color);}



/* =======================
    Slider V2
=========================*/

.dct_slider_v2 .et_pb_slide_description{width: 600px;
float: right;position:relative;z-index:1;
padding: 10% 50px;}


.dct_slider_v2 .et_pb_slide{padding:0px;}

.dct_slider_v2 .et_pb_slide_description:after{opacity: 0.7;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--gcid-primary-color);content:'';z-index:-1;}

.dct_slider_v2 .et_pb_slide_content{text-shadow: none;}
.dct_slider_v2 .et_pb_slide_content h5{font-size: 53px;
line-height: 60px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
padding-bottom: 35px;}

.dct_slider_v2 .et_pb_slide_content h5:after{width: 50px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
content: '';
}

.dct_slider_v2 .et-pb-arrow-next,
.dct_slider_v2 .et-pb-arrow-prev{background: #fff;
color: var(--gcid-secondary-color);
font-size: 25px;
padding: 10px;
border-radius: 50%;
font-weight: 900;
opacity: 1 !important;}

.dct_slider_v2 .et-pb-arrow-next{right: 22px !important;}
.dct_slider_v2 .et-pb-arrow-prev{left: 22px !important;}

@media only screen and (max-width : 767px) {
.dct_slider_v2 .et_pb_slide_description{width:100%;float: none;padding: 30% 20px !important;}
.dct_slider_v2 .et_pb_slide_content h5{font-size: 35px;
line-height: 45px;}	
}

@media only screen and (max-width : 767px)
{.dct_slider_v2 .et-pb-arrow-next, .dct_slider_v2 .et-pb-arrow-prev{bottom:25px;top:auto;}
}


/* =======================
    Slider V3
=========================*/

.dct_slider_v3 .et_pb_container {height: auto !important;}
.dct_slider_v3 .et_pb_slide_description{padding:10% 8%;}
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content{color: var(--gcid-secondary-color);
font-size: 65px;
line-height: 90px;
font-weight: 700;
text-shadow: none;}

.dct_slider_v3 .et_pb_slide_content a{color:var(--gcid-primary-color);}

@media only screen and (max-width : 767px) {
.dct_slider_v3 .et_pb_slide_description .et_pb_slide_content{font-size: 35px !important;
line-height: 50px;}}




/* ======== Tabs ==========*/

.dct_tabs{border:none}
.dct_tabs ul.et_pb_tabs_controls{background:0 0;border:none;vertical-align:top;position:relative}
.dct_tabs ul.et_pb_tabs_controls:after{border:none}
.dct_tabs .et_pb_all_tabs .et_pb_tab{padding:0}
.dct_tabs ul.et_pb_tabs_controls li{margin-bottom: 10px;background-color: transparent;border:none;vertical-align:top}
.dct_tabs ul.et_pb_tabs_controls li a{color:var(--gcid-secondary-color);background-color:transparent;font-size:16px;text-align:center;text-transform:uppercase;letter-spacing:1px;padding:10px 15px;margin:0 10px 10px 0;border-radius:0;border:none;display:block;overflow:hidden;position:relative;z-index:1;transition:all .8s ease 0s}
.dct_tabs ul.et_pb_tabs_controls li a:hover,
.dct_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a,
.dct_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:hover{color:#fff!important;background-color:transparent;border:none}
.dct_tabs ul.et_pb_tabs_controls li a:after,
.dct_tabs ul.et_pb_tabs_controls li a:before{content:'';background-color:var(--gcid-primary-color);height:100%;width:100%;position:absolute;left:0;top:-100%;z-index:-1;transition:all .3s ease 0s}
.dct_tabs ul.et_pb_tabs_controls li a:after{background-color:var(--gcid-secondary-color);height:1px;top:auto;bottom:0}
.dct_tabs ul.et_pb_tabs_controls li a:hover:before,
.dct_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:before{top:0}
.dct_tabs ul.et_pb_tabs_controls li a:hover:after,
.dct_tabs ul.et_pb_tabs_controls li.et_pb_tab_active a:after{transform:scaleX(0)}
.dct_tabs .et_pb_all_tabs{height: 100%;
padding: 20px 15px;
display: table-cell;
position: relative;
font-weight: 400;
line-height: 28px;}

.dct_tabs .et_pb_all_tabs h5{font-size: 20px;
color: var(--gcid-secondary-color);
font-weight: 600;
margin-bottom: 5px;}
.dct_tabs .et_pb_all_tabs h6{color: var(--gcid-primary-color);
font-size: 18px;
margin-bottom: 3px;}

@media only screen and (max-width :480px){
.dct_tabs ul.et_pb_tabs_controls li a{padding:10px;}
.dct_tabs ul.et_pb_tabs_controls{display: block;}
}


/* ===== Testimonial V1 ======*/

.dct_testi_v1 .et_pb_slide_image img {
    float: left;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 5px;
    width: 90px;
    height: 90px;
}
.dct_testi_v1 .et_pb_slide {
    padding-left: 0;
}


.dct_testi_v1 .et_pb_slide_description .et_pb_slide_title:before{content: "\7b";
          font-family: ETmodules !important;
position: absolute;
top: 10px;
left: 0;
color: #fff;
text-align: center;
display: block;
opacity: .1;
font-size: 82px;
font-style: normal;}

.dct_testi_v1 .et_pb_container.clearfix {
    height: auto;
}

.dct_testi_v1 .et_pb_slide_description .et_pb_slide_content {
    margin-top: 30px;
    display: inline-block !important;
    width: 100%;
    margin-left: 110px;
}
.dct_testi_v1 .et_pb_slide_description .et_pb_slide_content h4 {
    color: #fff !important;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 600;
}

.dct_testi_v1 .et_pb_slide_description .et_pb_slide_content h5 {
    color: var(--gcid-primary-color) !important;
    text-shadow: none;
    letter-spacing: 1px;
}

.dct_testi_v1.bg .et_pb_slide_description .et_pb_slide_content h5{color:#fff !important;;}

.dct_testi_v1 .et-pb-arrow-prev {
    left: -120px !important;
}
.dct_testi_v1 .et-pb-arrow-next {
    right: 30px !important;
}
.dct_testi_v1 .et-pb-slider-arrows {
    position: absolute;
    right: 0;
    bottom: 50px;
}

@media only screen and (max-width: 479px) {
    .dct_testi_v1 .et-pb-slider-arrows {
        bottom: -40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .dct_testi_v1 .et_pb_slide_description {
        width: auto;
    }
}



/* ==================================
    Bar counter
=====================================*/
.dct_bar li .et_pb_counter_title {
 
 margin-bottom:5px
}
.dct_bar li .et_pb_counter_container {
 height:20px;
 border:1px solid #e0e0e0;
 background:0 0;
 border-radius:50px;
 box-shadow:none;
 padding:5px 8px;
 overflow:visible;
 margin-bottom:30px
}
.dct_bar li .et_pb_counter_container .et_pb_counter_amount {
 position:relative;
 background:var(--gcid-primary-color);
 height:100%;
 -webkit-animation:animate-positive 2s;
 animation:animate-positive 2s;
 -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
 box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
 -webkit-transition:width .6s ease;
 -o-transition:width .6s ease;
 transition:width .6s ease
}

.dct_bar li .et_pb_counter_container .et_pb_counter_amount_number {
 
 color:var(--gcid-secondary-color);
 position:absolute;
 top:-25px;
 padding:0;
 right:5px
}
@-webkit-keyframes animate-positive {
 0% {
  width:0%
 }
}
@keyframes animate-positive {
 0% {
  width:0%
 }
}


/* =======================
    Work Process
=========================*/

.dct_process .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{background-color: #12b48b;width: 40px;
height: 40px;
border-radius: 50%;
border: none;
display: block;
text-align: center;
position: absolute;
right: 50px;
bottom: 60px;
z-index: 1;
opacity: 0;
padding: 5px;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;}  

.dct_process:hover .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
opacity: 1;}

.dct_process .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header span{color: #fff;
font-size: 13px;
font-weight: 600;
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: transparent;
border: 1px solid rgba(255,255,255,.43);
z-index: -2;
line-height: 30px;
text-align: center;}


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

.dct_blog .et_pb_post{display: flex;padding: 25px 25px 20px 25px;
flex-wrap: wrap;border: 4px solid #f2f2f2;}


.dct_blog .et_pb_post .entry-featured-image-url,
.dct_blog .et_pb_post .et_pb_image_container{margin-bottom:0px;overflow:hidden;}


.dct_blog .et_pb_post .entry-featured-image-url img{-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.dct_blog .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}

.dct_blog .et_pb_post .entry-title{order: 3;
line-height: 25px;
font-weight: 600;
color: var(--gcid-secondary-color);
font-size: 18px;}
.dct_blog .et_pb_post .post-meta{order:2;}
.dct_blog .et_pb_post .post-content{order: 4;
font-weight: 400;line-height:28px;}

.dct_blog .et_pb_post .post-meta{order: 2;
background: var(--gcid-primary-color);
padding: 9px 15px;
border-radius: 4px;
color: #fff;
margin: -22px 0 22px 0;
z-index: 9;}

.dct_blog .et_pb_post .post-meta a{color:#fff;}


.dct_blog .et_pb_post .more-link{border-top: 1px solid #e6e8eb;
padding-top: 13px;
margin-top: 10px;
display: block;
color: var(--gcid-primary-color);
text-transform: capitalize;
font-size: 15px;
letter-spacing: 1px;}

/** Blog 2 Column **/

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

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



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

.dct_blog_list .et_pb_post{border: 4px solid #f2f2f2;}

.dct_blog_list .et_pb_post .entry-title{font-size: 21px;
line-height: 28px;
color: var(--gcid-secondary-color);padding-bottom:10px !important;
text-transform: capitalize;
font-weight: 600;}

.dct_blog_list .et_pb_post .post-meta{font-size:16px;margin-bottom: 10px;}

.dct_blog_list .et_pb_post .post-content{font-weight:400;}

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

.dct_blog_list .et_pb_post .entry-featured-image-url{overflow:hidden;}

.dct_blog_list .et_pb_post .entry-featured-image-url img{-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.dct_blog_list .et_pb_post:hover .entry-featured-image-url img{-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}

.dct_blog_list .et_pb_post .more-link{color: var(--gcid-primary-color);
text-transform: uppercase;
font-size: 16px;
display: block;
margin-top: 7px;
font-weight: 600;
letter-spacing: 0.5px;}

.dct_blog_list .et_pb_post .info{
width: 50%;
float: left;
padding: 30px 20px;
}


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

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



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

#sidebar .et_pb_widget{position:relative;border: 1px solid #e5e5e5;padding: 30px;position: relative;}
#sidebar .et_pb_widget .widgettitle{position:relative;color: var(--gcid-secondary-color);
font-weight: 600;
margin-bottom: 25px;font-size: 20px;}

#sidebar .et_pb_widget .widgettitle:after,
#sidebar .et_pb_widget .widgettitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    left: 0;
}
#sidebar .et_pb_widget .widgettitle:after {
    border-top: 3px solid var(--gcid-primary-color);
    display: block;
    position: absolute;
    bottom: -1px;
    width: 30px;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
#sidebar .et_pb_widget:hover .widgettitle:after {
    width: 60px;
}
#sidebar .et_pb_widget ul li {
    position: relative;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
}

#sidebar .et_pb_widget ul li:hover:before {
    opacity: 1;
}
#sidebar .et_pb_widget ul li a {
    color: #2d2d2d;
    transition: all 0.3s;
}
#sidebar .et_pb_widget ul li a:hover {
    color: var(--gcid-primary-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#sidebar .widget_categories ul li a{display: inline-block;
position: relative;
padding-left: 18px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 16px;
font-weight: 400;
color: var(--gcid-secondary-color);}

#sidebar .widget_categories ul li a:hover{color:var(--gcid-primary-color);}


#sidebar .widget_categories ul li a:before{content: "\4c";
          font-family: ETmodules !important;
position: absolute;
top: 5px;
left: 0;
line-height: 1em;
font-size: 16px;}


#sidebar #wp-calendar {
    margin: 0;
}
#sidebar #wp-calendar caption {
    color: var(--gcid-primary-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 47px;
    text-align: center;
}
#sidebar table thead {
    background-color: #f5f5f5;
    color: #2d2d2d;
    text-align: center;
}
#sidebar table thead th {
    padding: 3px 5px;
    font-style: normal;
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
    font-size: 13px;
}
#sidebar #wp-calendar tfoot {
    display: none;
}
#sidebar table td {
    font-weight: 400;
}
#sidebar table td#today {
    position: relative;
    color: #fff;
    z-index: 1;
    font-weight: 400 !important;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    padding: 5px;
}
#sidebar table td#today::before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: absolute;
    background-color: var(--gcid-primary-color);
    z-index: -1;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
    color: #fff;
}
#sidebar #gallery-1 .gallery-item {
    margin-top: 0 !important;
    margin-bottom: 0;
}
#sidebar #gallery-1 img {
    border-radius: 5px;
    border: none;
}
#sidebar .et_pb_widget select {
    height: 40px;
}
#sidebar .widget_search input#s,
#sidebar .widget_search input#searchsubmit {
    border-radius: 25px;
}

#sidebar .widget_search::before {
    font-size: 16px;
    padding: 8px 20px;
    bottom: 0;
}

#sidebar .tagcloud a {
    font-size: 14px !important;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 3px;
}

/* ===== Comment ======*/

#comment-wrap .page_title {
    font-size: 25px;
}
#comment-wrap .commentlist .reply-container .comment-reply-link {
    width: auto;
    display: inline-block;
}
.et_pb_comments_module #commentform .logged-in-as a {color:var(--gcid-primary-color);}
.et_pb_comments_module #commentform textarea,
.et_pb_comments_module #commentform input[type="text"],
.et_pb_comments_module #commentform input[type="email"],
.et_pb_comments_module #commentform input[type="url"] {
    box-shadow: none !important;
}
#commentform input[type="email"],
#commentform input[type="text"],
#commentform input[type="url"],
#commentform textarea {
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 12px 15px;
    border-radius: 0;
    background: 0 0 !important;
    transition: all 0.3s, ease-in-out;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    width: 32%;
    float: left;
}
p.comment-form-author,
p.comment-form-email {
    margin-right: 2% !important;
}
p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input {
    width: 100% !important;
    display: block;
}



#comment-wrap .page_title,
#comment-wrap .comment-respond .comment-reply-title {
       margin-bottom: 20px;
    position: relative;
}

#comment-wrap .page_title:after,
#comment-wrap .comment-respond .comment-reply-title:after {
    background: linear-gradient(to right, var(--gcid-primary-color) 0, var(--gcid-primary-color) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 71%, #333 71%);
    content: "";
    position: absolute;
    height: 2px;
    width: 100px;
    bottom: 0;
    left: 0;
    transform: none;
}

/* =======================
    Counter
=========================*/

.dct_counter_v1 .percent-value{color:var(--gcid-secondary-color);}

/* =======================
    Intro V2
=========================*/

.dct_intro .et_pb_blurb_content .et_pb_main_blurb_image{-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all 0.9s ease-in-out 0s;
background: #fff;
width: 97px;
height: 97px;
border-radius: 50%;
text-align: center;
line-height: 85px;
vertical-align: middle;
border: 5px solid transparent;
display: inline-block;
text-align: center;}


.dct_intro:hover .et_pb_blurb_content .et_pb_main_blurb_image{width: 97px;
height: 97px;
border: 5px solid #445f7f;
opacity: .9;transform: rotateY(360deg);
color: #204066;}

.dct_intro .et_pb_blurb_content .et_pb_main_blurb_image img{width:50px;vertical-align:middle;}

.dct_intro .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:var(--gcid-secondary-color);}
.dct_intro:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#fff;}


/* =======================
    CTA V1
=========================*/

.dct_cta_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(--gcid-secondary-color);
background: #fff;
padding: 20px;
border-radius: 50%;
font-size: 25px;}



 
@media only screen and (max-width : 480px) {
.dct_cta_icon .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{padding: 10px;
font-size: 20px;}
}
	

/* =======================
    Service V1
=========================*/


.dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{
border: 1px dashed #e3e3e3;
margin-top: -70px;
display: inline-block;
-webkit-transition: 0.5s;
-o-transition: 0.5s;padding: 10px;
-moz-transition: 0.5s;
transition: 0.5s;}

.dct_service_v1:hover .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{border-color:var(--gcid-primary-color);}
.dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img{display: block;
-webkit-box-shadow: 0 0 5px 0 rgb(43,52,59,.2);
-moz-box-shadow: 0 0 5px 0 rgb(43,52,59,.2);
box-shadow: 0 0 5px 0 rgb(43,52,59,.2);padding: 10px;
background-color: #fff;
height: 70px;
width: 70px;
line-height: 71px;
text-align: center;
}

@media only screen and (max-width : 479px) {
.dct_service_v1  {margin-bottom:80px !important;}
}

@media only screen and (max-width : 767px) {
.dct_service_v1 .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{margin-top: 0;}
}


/* =======================
    Single Service
=========================*/

.dct_s_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{text-align: center;
display: block;
line-height: 35px;}


/* =======================
    Team V1
=========================*/
.dct_team_v1 .et_pb_team_member{position:relative;overflow:hidden;}

.dct_team_v1 .et_pb_team_member .et_pb_team_member_image img{width:100%;}
.dct_team_v1 .et_pb_team_member .et_pb_team_member_image{width: 100%;
max-width: 100%;
float: none;margin:0;}
.dct_team_v1 .et_pb_team_member .et_pb_team_member_description{position:unset;}
.dct_team_v1 .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{position: absolute;
bottom: 0;
width: 100%;
opacity: 1;margin: 0;
background-color: #12b48b;
text-align: center;
padding: 10px 10px 10px 10px;top: auto;
height: auto;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-ms-transform: translate3d(0,100%,0);
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;}

.dct_team_v1:hover .et_pb_team_member .et_pb_team_member_description .et_pb_member_social_links{-ms-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);}

/* =======================
    Faqs
=========================*/

.dct_faq .et_pb_toggle_close.et_pb_toggle{margin-bottom:20px !important;}

.dct_faq .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title:before {
    content: "\4b";
}
.dct_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title:before {
    content: "\4c";
}
.dct_faq .et_pb_toggle {
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    margin-bottom: 5px !important;
}
.dct_faq .et_pb_toggle h5.et_pb_toggle_title {
    display: block;
    padding: 14px 50px 14px 30px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    background: var(--gcid-primary-color);
    position: relative;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
}
.dct_faq .et_pb_toggle h5.et_pb_toggle_title:before {
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    display: block;
    top: 20px;
    right: 30px;
    color: #fff;
}
.dct_faq .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title {
    border-radius: 20px;
}
.dct_faq .et_pb_toggle .et_pb_toggle_content {
    font-size: 15px;
color: #555;
line-height: 27px;
padding: 20px 20px;
position: relative;
border: none;
font-weight: 400;
}


/* =======================
    Portfolio
=========================*/

.dct_ptf_v1 .project{position:relative;overflow:hidden;z-index: 2;}

.dct_ptf_v1 .project .et_portfolio_image,
.dct_ptf_v1 .project .et_pb_portfolio_image{position:relative;}

.dct_ptf_v1 .project .et_portfolio_image img,
.dct_ptf_v1 .project .et_pb_portfolio_image img{transform: scale(1.01);
transition: all 700ms ease;}

.dct_ptf_v1 .project:hover .et_portfolio_image img,
.dct_ptf_v1 .project:hover .et_pb_portfolio_image img{transform: scale(1.09) rotate(0.9deg);}

.dct_ptf_v1 .project .et_portfolio_image .et_overlay,
.dct_ptf_v1 .project .et_pb_portfolio_image .et_overlay{background-image: linear-gradient( 90deg,rgba( 18,180,139)0%,rgba(0,0,0,.7) 70%);
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;border:none;z-index:1;
height: 100%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;}

.dct_ptf_v1 .project:hover .et_portfolio_image .et_overlay,
.dct_ptf_v1 .project:hover .et_pb_portfolio_image .et_overlay{opacity: .8;}


.dct_ptf_v1 .project .project_description{position: absolute;
left: 0;
top: 0;padding: 20px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
z-index: 3;}

.dct_ptf_v1 .project:hover .project_description{opacity: 1;}

.dct_ptf_v1 .project .et_overlay:before{position: absolute;
bottom: 40px;
padding: unset;
border: 1px solid #fff;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: -webkit-max-content;
width: -moz-max-content;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 46px;
left: 40px;
bottom: 20px;
top: auto !important;}

.dct_ptf_v1 .project:hover .et_overlay:before{-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}

.dct_ptf_v1 .project .et_pb_module_header{line-height: 35px;
text-align: right;
font-weight: 600;
color: #fff;
transition: all .6s;}

.dct_ptf_v1 .project:hover .et_pb_module_header{font-size: 22px;}


.dct_ptf_v1 .project .post-meta{font-size: 16px;
line-height: 28px;color:#fff;
transform: translateY(100%);
transition: all 0.5s linear;
}


.dct_ptf_v1 .project .post-meta a{color:#fff;}

.dct_ptf_v1 .project:hover .post-meta{transform: translateY(0);}


.dct_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .project_description{bottom:0px;}
.dct_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .et_pb_module_header{margin-top: 0;text-align: left;}
.dct_ptf_v1.et_pb_fullwidth_portfolio_carousel .project .post-meta{text-align:left;}



.dct_ptf_v1 .et_pb_portfolio_filters {
	text-align: center;
	margin-bottom: 10px;
}
.dct_ptf_v1 .et_pb_portfolio_filters li {
	float:none;
	display:inline-block;
}
.dct_ptf_v1 .et_pb_portfolio_filters li a:hover {
	background-color:var(--gcid-primary-color);
	color:#fff;
}
.dct_ptf_v1 .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background:var(--gcid-secondary-color);
	color:#fff;
	border:none;
	font-size:13px;
	overflow:visible;
	font-weight:600;
	line-height:26px;
	padding:8px 20px 6px;
	text-transform:uppercase;
	letter-spacing:.5px;
	margin:0 5px 20px;
	display:inline-block;
	position:relative;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf_v1 .et_pb_portfolio_filters li a:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	border-radius: 5px !important;
}
.dct_ptf_v1 .et_pb_portfolio_filters li a.active {
	border-color:var(--gcid-secondary-color);
	background:var(--gcid-primary-color);
	color:#fff
}
.dct_ptf_v1 .et_pb_portfolio_filters li a.active:before {
	background:var(--gcid-secondary-color);
	left:-7px;
	top:-7px;
	opacity:1;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-ms-transition:all .3s linear;
transition:all .3s linear
}
.dct_ptf_v1 .et_pb_portofolio_pagination {
	border:none !important;
	margin-top: 20px;
}
.dct_ptf_v1 .et_pb_portofolio_pagination ul {
	float: right;
	position:relative;
	display:inline-block
}
.dct_ptf_v1 .et_pb_portofolio_pagination ul:before {
	width:100%;
	height:2px;
	display:block;
	background:#e8e8e8;
	content:'';
	position:absolute;
	top:50%;
	z-index:-1;
	left:0;
	transform:translateY(-50%)
}
.dct_ptf_v1 .et_pb_portofolio_pagination ul li {
	border-radius: 5px;
	background:#000;
	position:relative;
	z-index:1;
	padding:5px 15px!important;
	margin-right:20px;
	border-color:#000;
	color:#fff
}
.dct_ptf_v1 .et_pb_portofolio_pagination ul li:last-child {
	margin-right: 0px;
}
.dct_ptf_v1 .et_pb_portofolio_pagination ul li a {
	color:#fff !important;
}
.dct_ptf_v1 .et_pb_portfolio_item {
	overflow:hidden;
	border:5px solid #fff;
	position: relative;
}

/** Project Columns **/

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


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

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

.dct_ptf_v1.clm3 .et_pb_portfolio_filters, 
.dct_ptf_v1.clm2 .et_pb_portfolio_filters{}


.dct_ptf_v1.clm2 .project .et_portfolio_image:before,
.dct_ptf_v1.clm3 .project .et_portfolio_image:before{content:'';background-image: linear-gradient( 90deg,rgba( 18,180,139)0%,rgba(0,0,0,.7) 70%);
position: absolute;
left: 0;
top: 0;
width: 100%;display: block;
border: none;
z-index: 1;
height: 100%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;}

.dct_ptf_v1.clm2 .project .et_portfolio_image{height: 340px;
object-fit: cover;}

.dct_ptf_v1.clm2 .project:hover .et_portfolio_image:before,
.dct_ptf_v1.clm3 .project:hover .et_portfolio_image:before{opacity: .8;}


@media only screen and (max-width : 767px) {
.dct_ptf_v1.clm3 .et_pb_ajax_pagination_container,
.dct_ptf_v1.clm3 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items,
.dct_ptf_v1.clm2 .et_pb_ajax_pagination_container,
.dct_ptf_v1.clm2 .et_pb_portfolio_items_wrapper .et_pb_portfolio_items{display: grid;
grid-gap: 5px;
grid-template-columns: repeat(1, 100%);}
	
	.dct_ptf_v1.clm2 .et_pb_portfolio_filters,
	.dct_ptf_v1.clm3 .et_pb_portfolio_filters{position:relative;top: 0;}
	
	.dct_ptf_v1 .et_pb_portfolio_filters li{width:auto !important;}
	
}



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


/** Special Portfolio **/

.dct_ptf_v1 .et_pb_portfolio_item{border: 5px solid transparent;}
.dct_ptf_v1.slide .et_pb_portfolio_filters li a{background:transparent;}

.dct_ptf_v1.slide .et_pb_portfolio_filters ul{text-align: left;
top: 30px;
left: -270px;
position: absolute;
}

.dct_ptf_v1.slide .et_pb_portfolio_filters li{display: block !important;}
.dct_ptf_v1.slide .et_pb_portfolio_filters li a{    
    color: rgba(255,255,255,.4);font-size: 14px;
font-weight: 400;line-height: 21px;letter-spacing: 0.1px;
}

.dct_ptf_v1.slide .et_pb_portfolio_filters li a:hover{color:var(--gcid-primary-color);}

.dct_ptf_v1.slide .et_pb_portfolio_filters li a:before{content: '';
position: absolute;
height: 12px;
width: 12px;top: 15px;opacity: 1;
left: -6px;
border: 2px solid rgba(255,255,255,.05);border-radius: 50%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.dct_ptf_v1.slide .et_pb_portfolio_filters li a:after{position: absolute;
content: '';
left: -18px;
top: 21px;
background: var(--gcid-primary-color);height: 1px;
width: 35px;-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;}

.dct_ptf_v1.slide .et_pb_portfolio_filters li a.active:before,
.dct_ptf_v1.slide .et_pb_portfolio_filters li a:hover:before{border-color: var(--gcid-primary-color);
background-color: var(--gcid-primary-color);}

.dct_ptf_v1.slide .et_pb_portfolio_filters li a.active:after,
.dct_ptf_v1.slide .et_pb_portfolio_filters li a:hover:after{opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}


@media only screen and (max-width : 980px) {
.dct_ptf_v1.slide .et_pb_portfolio_filters ul{text-align: center;
top: 0;
left: 0;
position: relative;}
	.dct_ptf_v1.slide .et_pb_portfolio_filters li{display:inline-block !important;}	
}

/* =======================
    Footer
=========================*/

.dct_ft_mail.bg .et_pb_newsletter_button_wrap .et_pb_newsletter_button{background: var(--gcid-secondary-color);}

.dct_ft_mail.lt .et_pb_newsletter_form{width: 100% !important;}
.dct_ft_mail.lt .et_pb_newsletter_button_wrap,
.dct_ft_mail.lt .et_pb_newsletter_form{position:relative;}


.dct_ft_mail .et_pb_newsletter_description{width: 50% !important;
float: left;}

.dct_ft_mail .et_pb_newsletter_form {padding-top: 0 !important;
position: absolute;width: 55% !important;
right: 0;}
.dct_ft_mail .et_pb_newsletter_button_wrap{position: absolute;
top: 0;
right: 0;}

.dct_ft_mail .et_pb_newsletter_field{margin-bottom:0px !important;}

.dct_ft_mail .et_pb_newsletter_button_wrap .et_pb_newsletter_button {background: var(--gcid-primary-color);}
.dct_ft_mail .et_pb_newsletter_description .et_pb_module_header{font-weight: 600;
font-size: 18px;
line-height: 28px;}

@media only screen and (max-width : 767px) {
.dct_ft_mail .et_pb_newsletter_description{width:100% !important;float: none;}
	.dct_ft_mail .et_pb_newsletter_button_wrap{position:relative;}	
	.dct_ft_mail .et_pb_newsletter_button_wrap .et_pb_newsletter_button{border-radius:25px !important;}
	.dct_ft_mail .et_pb_newsletter_form{position: relative;
width: 100% !important;}
	.dct_ft_mail .et_pb_newsletter_description .et_pb_module_header{text-align:center;}	
}

/** Header Title **/

.dct_header .et_pb_fullwidth_header_container {width:100%;}
.dct_header .header-content{max-width: 100% !important;
padding: 0;width:100% !important;
margin: 0 auto !important;}
.dct_header .et_pb_button_one:before{color:var(--gcid-primary-color);}
.dct_header .et_pb_button_two{padding: 0 16px !important;color:var(--gcid-primary-color);}

/** Header V1 **/

.dct_hdr_v1.bg ul li a{color:#fff;}
.dct_hdr_v1.bg ul li.menu-item-has-children ul.sub-menu li a{color:var(--gcid-secondary-color);}


.dct_hdr_v1 ul li a{transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;font-weight: 600;
text-transform: capitalize;
font-size: 16px;color: var(--gcid-secondary-color);}

.dct_hdr_v1 ul li a:hover{color: var(--gcid-primary-color);}


.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu{box-shadow: 0 3px 25px 0px rgba(43,52,59,0.10),0 0 0 rgba(43,52,59,0.10) inset;
padding: 19px 0;}

.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a{font-weight: 400;
font-size: 15px;padding: 13px 25px 13px 40px;width:auto;
line-height: 25px;position: relative;background: transparent;
opacity: 1;
}

.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:before{background-color: var(--gcid-primary-color);
display: inline;
text-align: center;
content: " ";
height: 4px;
width: 4px;
position: absolute;
opacity: 1;
left: 25px;
top: 27px;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
margin-top: -3px;
transform-origin: right center 0px;
z-index: -1;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:hover{color:var(--gcid-secondary-color);}

.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li a:hover:before{width: calc(80% - 10px);
transform: scaleX(1);
transform-origin: left center 0px;}

.dct_hdr_v1 ul li.menu-item-has-children ul.sub-menu li{display: block;padding: 0;}

.et_pb_menu ul li.menu-item-has-children ul.sub-menu li a:after{top: 13px;}

/* Inquiry */

.dct_inqy .et_contact_bottom_container{float: none;
text-align: center;
margin-top: 0.5%;}

/* 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;
	}
}
