/*======================================================
@Template Name: Grownix Bootstrap 5 Template
@Author: WebQoda
@Developer URL: https://webqoda.com/
========================================================

=======================Table Of Contents================

1. General CSS
    a. Image Hover Scale Animation
    b. Preloader
    c. Back To Top Button
2. Homepage 1 CSS
    a. Header Section
    b. Banner Section
    c. Boost Section
    d. Case Studies Section
    e. Free SEO Section
    f. Choose Plan Section
    g. Team Members Section
    h. Our Clients Section
    i. Latest News Section
    j. Footer Section
3. Homepage 2 CSS
    a. Header Section
    b. Banner Section
    c. Free Instant SEO Section
    d. Counter section
    e. Recent Case Section
    f. Testimonial Section
    g. Gather Section
    h. Latest News Section
    i. Footer Section
4. Inner Page Banner CSS
5. About Page CSS
6. Service Page CSS
7. Service Details Page CSS
8. Case Study Detail Page CSS
9. Our Team Detail Page CSS
10. Blog Details Page CSS
11. 404 Error Page CSS
12. Get Free Consultation Page CSS
13. Contact Page CSS

========================================================*/

/*==================== General CSS ====================*/
body {
    font-family: 'Montserrat', sans-serif;
    color:#979696;
}
h1 {
    font-size:50px;
    font-weight:700;
}
h2 {
    font-size: 30px;
    font-weight: 700;
}
h3 {
    font-size: 28px;
    font-weight: 700;
}
h4 {
    font-size: 22px;
    font-weight: 700;
}
h5 {
    font-size:16px;
    font-weight:600;
    line-height: 1.5;
}
h6 {
    font-size:12px;
    font-weight:600; 
}
.dc-size-32px {
    line-height: 1.45;
    font-size:32px;
}
.dc-size-20px {
    font-size:20px;
    line-height: 1.45;
}
.dc-size-17px {
    font-size:17px;
    line-height: 1.45;
}
.dc-size-16px {
    font-size:16px;
}
.dc-size-14px {
    font-size:14px;
}
.dc-size-13px {
    font-size:13px;
}
p {
    font-size: 18px;
    color: #555;
    font-family: 'Lato', sans-serif;
}
.dc-font-montserrat {
    font-family: 'Montserrat', sans-serif;
}
.dc-font-lato {
    font-family: 'Lato', sans-serif;
}
a {
    font-size:13px;
    color:#444;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color:#444;
}
.dc-body-wrapper {
    overflow: hidden;
}
.dc-text-green {
    color:#3929A5;
}
.dc-text-red {
    color:#f06333;
}
.dc-text-666 {
    color:#666;
}
.dc-text-grey {
    color:#999999;
}
.dc-sec-padding {
    padding:80px 0;
}
.dc-btn-primary, .dc-btn-dark, .dc-btn-red, .dc-btn-blue {
    transition: all 0.3s linear;
    cursor: pointer;
    padding:20px 45px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
}
.dc-btn-primary {
    background: #3929A5;
    border: 1px solid #3929A5;
    color: #fff;
}
.dc-btn-primary:hover {
    color:#3929A5;
    background: #fff;
    border: 1px solid #3929A5;
}
.dc-btn-dark {
    background: #151515;
    color:#fff;
    padding: 20px 40px;
    border: 1px solid #151515;
}
.dc-btn-dark:hover {
    color:#151515 !important;
    background: #fff;
    border: 1px solid #151515;
}
.dc-btn-red {
    background: #f16b37;
    border: 1px solid #f16b37;
    color: #fff;
}
.dc-btn-red:hover {
    color:#f16b37;
    background: #fff;
    border: 1px solid #f16b37;
}
.dc-btn-blue {
    background: #010545;
    border: 1px solid #010545;
    color: #fff;
}
.dc-btn-blue:hover {
    background: #fff;
    border: 1px solid #010545;
    color: #010545;
}
.dc-spacer-20, .dc-spacer-30, .dc-spacer-40, .dc-spacer-50, .dc-spacer-60, .dc-spacer-90 {
    display: block;
    clear: both;
    overflow: hidden;
}
.dc-spacer-20 {
	height: 20px;
}
.dc-spacer-30 {
    height: 30px;
}
.dc-spacer-40 {
    height: 40px;
}
.dc-spacer-50 {
    height: 50px;
}
.dc-spacer-60 {
    height: 60px;
}
.dc-spacer-90 {
    height: 90px;
}
/* .dc-font-weight-400 {
    font-weight: 400;
    line-height: 1.5;
} */
.dc-font-weight-500 {
    font-weight: 500 !important;
    line-height: 1.5;
}
.dc-font-weight-600 {
    font-weight: 600;
}
/* .dc-font-weight-700 {
    font-weight:700;
} */
.dc-font-weight-800 {
    font-weight: 800;
}
.dc-width-100 {
    width: 100px;
}
.dc-width-150 {
    width: 150px;
}
input:focus {
    outline: none;
}
.svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-18 {
    width: auto;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
/*---------- Image Hover Scale Animation ----------*/
.dc-news-sec .dc-news-box .dc-image-hover, .dc-recent-case .dc-case-box-hover .dc-image-hover, .dc-news-home-two .dc-news-box-two .dc-news-box .dc-image-hover, .dc-mobile-pad .dc-news-box .dc-image-hover {
    transition: .5s;
}
.dc-news-sec .dc-news-box:hover .dc-image-hover, .dc-recent-case .dc-case-box-hover:hover .dc-image-hover, .dc-news-home-two .dc-news-box-two .dc-news-box:hover .dc-image-hover, .dc-mobile-pad .dc-news-box:hover .dc-image-hover {
    transform: scale(1.2);
    cursor: pointer;
}
/*---------- Preloader ----------*/
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/preloader.png");
}
/*---------- Back To Top Button ----------*/
.scroll-top {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    background: #3929A5;
    border: 0;
    box-shadow: none;
    z-index: 999;
    color: #fff;
    display: none;
}
.scroll-top:hover, .scroll-top:focus {
    background: #1A0A89;
}

/*==================== Homepage 1 CSS ====================*/

/*--------- Header Section starts ----------*/
header {
    width: 100%;
    top: -2px;
    z-index: 9999;
}
.dc-navbar {
    padding: 9px 0 10px 16px;
}
.dc-header-bg {
    background: #212585;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
nav .dc-nav ul li .dc-nav-text, header .dc-nav-text {
    font-weight: 600;
    font-size:14px;
    transition: all 0.3s linear;
}
nav .dc-nav ul .dc-btn-header {
    background: #010545;
    color:#fff;
    font-weight: 700;
    font-size:14px;
    padding: 11px;
    padding-right: 9px;
    transition: all 0.3s linear;
    border-bottom-right-radius: 5px;
}
nav .dc-nav ul .dc-btn-header:hover {
    background: #1A0A89;
    color:#fff;
}
header nav ul li .dropdown-menu {
    top:200%;
}

/*--------- Banner Section starts ----------*/
.dc-banner-sec {
    background: url('../images/banner.jpg') no-repeat bottom;
    background-size: cover;
    padding: 220px 0 200px 0;
    margin-top: 0px;
}
.dc-banner-sec p {
    color:#e0e0e0;
}
.dc-banner-sec .dc-bnr-pad {
    padding-right: 100px;
}

/*--------- Boost Section starts ----------*/
.dc-boost-sec {
    background: url('../images/boost-background.png') no-repeat bottom;
    background-size: cover;
    padding: 100px 0;
}

/* We offer Section */
.dc-offer-sec .dc-range-img {
    margin-top: 30px;
}

/*--------- Case Studies Section starts ----------*/
.dc-case-sec {
    background: url('../images/case-bg.jpg') no-repeat center;
    background-size: cover;
}
.dc-case-bg1, .dc-case-bg2 , .dc-case-bg3, .dc-case-bg4, .dc-case-bg5, .dc-case-bg6, .dc-case-bg7, .dc-case-bg8, .dc-case-bg9 {
    padding: 200px 30px 20px 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.dc-case-box .dc-case-bg1 {
    background: url('../images/case-1.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg2 {
    background: url('../images/case-2.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg3 {
    background: url('../images/case-3.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg4 {
    background: url('../images/case-4.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg5 {
    background: url('../images/case-5.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg6 {
    background: url('../images/case-6.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg7 {
    background: url('../images/case-7.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg8 {
    background: url('../images/case-8.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-bg9 {
    background: url('../images/case-9.jpg') no-repeat center;
    background-size:cover;
}
.dc-case-box .dc-case-text {
    background: #fff;
    padding: 40px 30px 40px 35px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.dc-case-sec h5 {
    line-height: 1.5em;
}
.dc-case-box {
    box-shadow: 0px 0 100px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.dc-case-box .dc-case-plus {
    right: 30px;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 16px;
    border-radius: 50%;
    transition: all 0.3s linear;
}
.dc-case-box:hover .dc-case-plus {
    background: #27ae61;
    color:#fff;
}
.dc-case-box .ms-bottom-text {
	font-size:15px;
}

/*--------- Free SEO Section starts ----------*/
.dc-seo-sec {
    background: url('../images/seo-bg.jpg') repeat center fixed;
    background-size: cover;
}

/*--------- Choose Plan Section starts ----------*/
.dc-plan-box {
    box-shadow: 0px 0 100px 0px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
}
.dc-plan-box .dc-plan-green-bg {
    background: url('../images/background-green.jpg') no-repeat center;
    background-size: cover;
    padding: 50px 0 90px 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.dc-plan-box .dc-plan-circle .dc-dollar {
    font-weight: 500;
}
.dc-plan-box .dc-plan-circle .dc-price {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}
.dc-plan-box .dc-plan-circle {
    width: 150px;
    height: 150px;
    box-shadow: 0px 0 100px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    padding-top: 35px;
    background: #fff;
    margin-top: -80px
}
.dc-plan-box .dc-plan-text {
    padding-bottom: 70px !important;
}
.dc-plan-box .dc-plan-text h6 {
	font-size:15px;
}

/*--------- Team Members Section starts ----------*/
.dc-team-sec {
    background: url('../images/team-bg.jpg') no-repeat;
}
.dc-team-box, .dc-team-box .dc-team-overlay, .dc-team-box:hover .dc-team-overlay {
    transition: all 0.3s linear;
}
.dc-team-box .dc-team-overlay {
    background: url('../images/hover-blue.png') no-repeat center;
    background-size: cover;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    cursor: pointer;
    opacity: 0;
}
.dc-team-box:hover .dc-team-overlay {
    opacity: 1;
}
.dc-team-box .dc-team-overlay .dc-team-h5 {
    color:#e7e7e7;
    font-weight: 400;
}
.dc-team-box .dc-team-overlay .dc-social-icon .dc-icon {
    color: #fff;
    font-size: 12px;
    width: 40px;
    height: 40px;
    border: 1px solid #27ae61;
    border-radius: 100%;
    padding: 12px;
    background: #27ae61;
    transition: all 0.3s linear;
    margin: 0 3px;
}
.dc-team-image-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.dc-team-box img {
    width: 100%;
}

/*--------- Our Clients Section starts ----------*/
.dc-client-sec {
    padding:0 0 20px 0;
}

/*--------- Latest News Section starts ----------*/
.dc-news-sec {
    padding: 50px 0 100px 0;
}
.dc-img .dc-img-hover {
    top: 0;
    display: none;
    transition: all 0.3s linear;
    cursor:pointer;
}
.dc-img:hover .dc-img-hover {
    display: block;
    right: 0;
    left: 0;
}
.dc-news-text {
    font-size:18px;
    font-weight: 500;
    line-height: 1.5em;
    font-family: 'Lato', sans-serif;
}
.dc-news-box .dc-date {
    font-size:18px;
    color: #666;
}
.dc-news-box .dc-body-wrapper {
	border-radius: 5px;
}

/*--------- Footer Section starts ----------*/
.dc-footer-sec {
    background: url('../images/footer-bg.jpg') no-repeat;
    background-size: cover;
    padding: 150px 0 60px 0;
}
footer p {
    color:#dddddd;
    font-size:17px;
}
footer ul li a {
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
footer ul li a:hover, footer ul li a.active {
    color:#27ae61;
}
footer form input, 
footer.dc-footer-two-sec form input {
    width: 100%;
    border-radius: 6px;
    padding: 30px 170px 30px 20px;
    border: none;
    font-size: 16px;
    color: #7a7a7a;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
footer form input {
    padding:26px 170px 26px 20px;
}
footer form button {
    right: -10px;
    bottom:6px;
}
footer .dc-icon {
    font-size:15px;
    color:#fff;
    height: 50px;
    padding: 15px;
    border-radius: 5px;
}
footer .dc-icon.fa-facebook-f {
    background: #2661d9;
    width: 50px;
}
footer .dc-icon.fa-twitter {
    background: #28c5f4;
    width: 50px;
}
footer .dc-icon.fa-instagram {
    background: #dd2a7b;
    width: 50px;
}
footer .dc-icon.fa-behance {
    background: #053eff;
    width: 50px;
}
/* footer hr {
    border-top: 1px solid #1b1e58;
} */
footer h5 a {
    font-size:16px !important;
}
footer h5 a:hover {
    color: #3929A5;
}

/*==================== Homepage 2 CSS ====================*/

/*--------- Header Section ---------*/
header .dc-header-two-btn {
    background: #f16b37;
    color: #fff;
    padding: 15px 30px;
    border-radius: 30px;
    left: 330px;
    font-size: 14px;
    transition: all 0.3s linear;
}
header .dc-header-two-btn:hover {
    background: #e54c11;
    color:#fff;
}
header .dc-ham-btn {
    width:50px;
    height:50px;
    border-radius: 50%;
    background: #fff;
}
button:focus {
    outline: none;
}
header nav .dc-header-two-collapse {
    background: #f16b37;
}
header nav ul li a {
    font-size:16px;
    color:#fff;
}
header nav ul li .dropdown-menu a {
    font-size: 14px;
}
.animated-icon2 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon2 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 70%;
    border-radius: 9px;
    opacity: 1;
    left: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.animated-icon2 span {
    background: #000;
}
.animated-icon2 span:nth-child(1) {
    top: 10px;
}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
    top: 18px;
}
.animated-icon2 span:nth-child(4) {
    top: 26px;
}
.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}
.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/*--------- Banner Section ---------*/
.dc-home-two-banner-sec {
    background: url('../images/home2banner.jpg') no-repeat center;
    background-size: cover;
    padding: 240px 0 110px 0;
}

/*--------- Free Instant SEO Section ---------*/
.dc-free-sec {
    background: url('../images/orange-bg.jpg') repeat center fixed;
    background-size: cover;
}
.dc-free-sec .form-control {
    padding: 18px 25px !important;
    font-size: 14px;
    border-radius: 0;
    color: #585b59;
}
.dc-free-sec form input {
    border: 2px solid #fff;
}
.dc-free-sec .form-control:focus {
    border-color: #fff;
}
.dc-free-sec .rounded-xl-left::placeholder {
    color: #fff;
}
.dc-free-sec input[type=url] {
    background: transparent;
}
.dc-free-sec .col-xl-3 {
    margin-top: 20px;
}

/*--------- Recent Case Studies Section ---------*/
.dc-case-box-hover h5 {
	font-size: 15px;
}

/*--------- Range of Digital Service Section ---------*/
.dc-service-range-sec {
    background: url('../images/service-bg-2.png') no-repeat center;
    background-size: cover;
}
.dc-service-range-box {
    background: #fefefe;
    box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.dc-service-range-box .dc-service-top-bg {
    background: #e9e9e9;
    height: 130px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dc-service-range-box img {
    margin-top: -70px;
    border-radius: 50%;
    box-shadow: 0px 0 100px 0px rgba(0, 0, 0, 0.08);
}
.dc-service-range-box .dc-service-box-content {
    padding: 30px 50px 40px 50px;
}
.dc-service-range-box .dc-service-box-content .dc-case-plus {
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -20px;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 16px;
    border-radius: 50%;
    transition: all 0.3s linear;
}
.dc-service-range-box:hover .dc-service-box-content .dc-case-plus {
    background: #f06333;
    color:#fff;
}
.dc-service-range-sec .owl-carousel .owl-item img {
    display: inline-block;
    width: 150px;
}
.dc-service-range-sec .owl-carousel .owl-stage-outer {
    overflow: unset;
}
.dc-service-range-sec .owl-carousel {
    overflow:hidden;
    height: 500px;
}
.dc-service-range-sec .owl-carousel .owl-nav button {
    background: #f06333;
    width: 60px;
    height: 60px;
    font-size: 40px;
    position: absolute;
    bottom: 0;
    color: #fff;
    border-radius: 3px;
    transition: all 0.3s linear;
}
.dc-service-range-sec .owl-carousel .owl-nav button:hover {
    background: #000;
}
.dc-service-range-sec .owl-carousel button span {
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
}
.dc-service-range-sec .owl-carousel .owl-prev {
    left: 495px;
}
.dc-service-range-sec .owl-carousel .owl-next {
    right: 505px;
}

/*--------- Counter section ---------*/
.dc-counter-sec {
    background: url('../images/counter-bg.jpg') no-repeat center fixed;
    background-size: cover;
}

/*--------- Testimonial Section ---------*/
.dc-testimonial-sec {
    background: url('../images/Digital-Service-bg.jpg') no-repeat center fixed;
    background-size: cover;
    margin-bottom: -210px;
}
.dc-testimonial-sec .dc-testimonial-box {
    background: #fff;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    box-shadow: 3.5px 6.1px 111px 0 rgba(0, 0, 0, 0.05);
}
.dc-testimonial-sec .dc-testimonial-box .dc-client-image {
    top: -45px;
    left: -45px;
}
.dc-testimonial-sec .dc-testimonial-box .dc-quote-image {
    bottom: -30px;
    right: 30px;
}

/*---------- Gather Section ----------*/
.dc-gather-sec {
    background: url('../images/bg-pattern.jpg') no-repeat center;
    background-size: cover;
    padding: 250px 0 100px 0;
}

/*---------- Latest News Section ----------*/
.dc-news-box-two h6 {
    transform: rotate(-90deg);
    top: 60px;
    left: 48px;
}
.dc-news-home-two {
    padding-bottom: 200px;
}
.dc-news-box-two .col-md-3.col-lg-4 {
	padding-left: 60px !important;
}
.dc-news-box-two .col-md-3.col-lg-4 h5 {
	font-size:14px;
}
.dc-news-box-two h6 {
    font-size: 14px;
}

/*---------- Footer Section ----------*/
.dc-subscribe-sec {
    background: url('../images/orange-bg.jpg') no-repeat center;
    background-size: cover;
}
.dc-subscribe-sec form button {
    right: -10px;
    bottom: 10px;
}
.dc-subscribe-sec {
    top: -90px;
    border-radius: 5px;
}
footer.dc-footer-two-sec {
    background: url('../images/footer-bg-image.png') center;
    background-size: cover;
}
footer .footer-sec .dc-icon-two {
    background: #232323;
}
footer .footer-sec {
    padding-bottom: 80px;
}
footer .footer-sec .dc-icon-bg {
    background: #f16b37;
    font-size: 14px;
    width: 30px;
    height: 30px;
    padding: 9px;
    color: #fff;
    border-radius: 50%;
}
footer .footer-sec span {
    bottom: 6px;
}
footer .dc-footer-bottom {
    background: #000;
}
.dc-footer-two-sec .dc-footer-bottom h5 a {
    font-size:15px !important;
}
.dc-footer-two-sec .dc-footer-bottom h5 a:hover {
    color: #f06333;
}

/*==================== Inner Page Banner CSS ====================*/
.dc-inner-banner-sec {
    background: url('../images/inner-banner.jpg') no-repeat center;
    background-size: cover;
    padding: 200px 0 110px 0;
}
.dc-inner-banner-sec a {
    font-size:18px;
}

/*==================== About Page CSS ====================*/
.dc-abt-boost-sec {
    background: #fdfcfc;
}

/*==================== Service Page CSS ====================*/
.dc-play-sec {
    background: url('../images/service-back-overlay.jpg') no-repeat center fixed;
    padding: 150px 0;
    background-size:cover;
}
.dc-service-page-client-sec {
    padding: 70px 0;
}

/*==================== Service Details Page CSS ====================*/
.dc-service-detail-page .dc-service-form-box {
    background: #fefefe;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius:5px;
}
.dc-service-detail-page .dc-service-form-box form input, .dc-service-detail-page .dc-service-form-box form textarea {
    font-size:14px;
    padding: 16px;
    border-radius: 25px;
}
.dc-service-detail-page .dc-service-form-box form button {
    border-radius: 40px;
}

/*==================== Case Study Detail Page CSS ====================*/
.dc-case-detail-page h5 {
    font-size:18px;
}
.dc-case-detail-page .dc-case-detail-info-box img {
    margin-top: -100px;
}
.dc-case-detail-page .dc-case-detail-info-box span {
    min-width: 110px;
    display: inline-block;
}

/*==================== Our Team Detail Page CSS ====================*/
.dc-team-detail {
    padding-bottom: 100px;
}
.dc-team-detail .dc-top-section-bg {
    background: #f1f1f1;
    padding: 250px 0;
}
.dc-team-detail .dc-team-detail-sec {
    padding: 100px;
    background: #fff;
    box-shadow: 0px 0 50px 0px rgba(0, 0, 0, 0.10);
    margin-top: -400px;
}
.dc-team-detail .dc-team-detail-sec .dc-icon {
    background: #fafafa;
    font-size: 15px;
    color: #6e6e6e;
    height: 50px;
    width: 50px;
    padding: 15px;
    border-radius: 5px;
    transition: all 0.3s linear;
    border: 1px solid #fafafa;
}
.dc-team-detail .dc-team-detail-sec .dc-icon:hover {
    background:#fff;
    border: 1px solid #24a759;
}
.dc-team-detail .dc-skills-sec {
    background: url('../images/bg-pattern-2.png') no-repeat center;
    background-size: cover;
    padding: 50px 80px;
}
.dc-green-bar {
    background: #82d10c;
}
.dc-pink-bar {
    background: #d350cb;
}
.dc-yellow-bar {
    background: #d1c50c;
}

/*==================== Blog Details Page CSS ====================*/
.dc-blog-detail .dc-pattern-bg {
    background: url('../images/bg-pattern-3.png') center;
    background-size: cover;
    padding: 25px;
}
.dc-blog-detail .dc-pattern-bg-green {
    background: url('../images/bg-pattern-green.png') center;
    background-size: cover;
    padding: 60px 35px 70px 35px;
}
.dc-blog-detail .dc-news-box-two h6 {
    transform: rotate(-90deg);
    top: 70px;
    left: 55px;
}
.dc-blog-detail .dc-pattern-bg ul li h5 {
    font-weight: 700;
    line-height: 1.5rem;
    transition: all 0.3s linear;
}
.dc-blog-detail .dc-pattern-bg ul li h5:hover, .dc-blog-detail .dc-pattern-bg ul li h5.active {
    color:#2ab469;
}
.dc-blog-detail .dc-pattern-bg ul .dc-border-bottom {
    border-bottom: 1px solid #d4d4d4 !important;
    padding: 10px 0;
}
.dc-blog-detail .dc-pattern-bg ul li:last-child {
    border-bottom: none !important;
}
.dc-blog-detail .dc-pattern-bg .dc-square {
    font-size: 7px;
    position: relative;
    bottom: 3px;
}
.dc-blog-detail .dc-pattern-bg .dc-icon {
    width: 40px;
    height: 40px;
    background: #2ab469;
    border:1px solid #2ab469;
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s linear;
}
.dc-blog-detail .dc-pattern-bg .dc-icon:hover {
    background: #fff;
    color:#2ab469 !important;
}
.dc-blog-detail .dc-btn-sidebar {
    padding: 15px 30px;
    border: 2px solid #fff;
    background: transparent;
    transition: all 0.3s linear;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.dc-blog-detail .dc-btn-sidebar:hover {
    background: #fff;
    color: #000;
}
.dc-blog-detail .dc-btn-pad, .dc-blog-detail .dc-btn-dark {
    padding: 10px 30px;
    top: -20px;
    right: 20px;
}
.dc-blog-detail form input, .dc-blog-detail form textarea {
    padding: 15px 25px;
    font-size: 14px;
    color: #777;
}

/*==================== 404 Error Page CSS ====================*/
.dc-404-error {
    padding-bottom:120px;
}
.dc-404-error span {
    font-size:60px;
}

/*==================== Get Free Consultation Page CSS ====================*/
#consultation-page .dc-footer-sec {
    background: url('../images/gb.jpg') no-repeat;
}
.dc-free-consult {
    background: #2ab56a;
}
.dc-free-consult form input, .dc-free-consult form select {
    padding: 20px 30px;
    font-style: italic;
    color: #777;
}
select.form-control:not([size]):not([multiple]) {
    height:auto;
}
.dc-free-consult form select {
    padding: 20px 30px !important;
}
.dc-footer-sec.dc-free-consult-sec {
    background: url('../images/gb.jpg') no-repeat !important;
    background-size: cover;
}

/*==================== Contact Page CSS ====================*/
.dc-contact-page .dc-btn-contact-page {
    padding: 16px 50px;
}
.dc-contact-page form input {
    font-size:14px;
    padding: 12px;
}
.form-control:focus {
    border-color: #27ae61;
    box-shadow: none;
}