/* Banner CSS */

.page-title-area .gd-breadcrumb {
    margin-top: 80px;
}



.about-bg-section .about-bg {
    width: 100%;
}

.experience-box-two {
    background-color: #fff;
}

.about-two_content-box {
    padding-top: 80px;
}

.single-service-item-two {
    /* min-height: 280px; */
    text-align: center;
}

.sec-style {
    background-color: #E9E9E9;
    visibility: visible;
    animation-name: fadeInLeft;
}

.single-project-item-four .project-img .hover-content .text p {
    padding-top: 5px;
}

.experience-box-two {
    border-top: 5px solid #000000;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .about-wrapper {
        padding: 60px 50px 60px;
    }
}

.single-service-item-two {
    padding: 35px 30px 10px;
}

.min-height {
    min-height: 320px;
}

@media only screen and (min-width:1200px) {
    .min-height {
        min-height: 265px;
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .min-height {
        min-height: 250px;
        margin-bottom: 80px;
    }
}

@media only screen and (min-width:452px) and (max-width:767px) {
    .min-height {
        min-height: 265px;
    }
}

@media only screen and (max-width:451px) {
    .min-height {
        min-height: 292px;
    }
}

.quote-rating-box .icon img {
    height: 35px;
}

.single-process-item:hover .icon {
    background-color: #f5f5f5;
}

.cta-bg-section:after {
    background-color: #101010;
}

.single-process-item .icon {
    background-color: #f5f5f5;
}

.single-blog-post-three .entry-content .post-meta {
    max-width: 170px;
}

.input-color{
    background-color: #f5f5f5c2;
    padding-top: 20px;
}

.label-form{
    padding-top: 22px;
    padding-left: 10px
}

.input-area{
    padding-left: 32px;
    background-color: #f5f5f5;
}

.contact-form textarea.form_control {
    padding-top: 18px;
}

.contact-reach .form_control.placeholder {
    color: #1010105b;
    opacity: 1;
  }
  .contact-reach.form_control:-moz-placeholder {
    color: #1010105b;
    opacity: 1;
  }
  .contact-reach .form_control::-moz-placeholder {
    color: #1010105b;
    opacity: 1;
  }
  .contact-reach .form_control::-webkit-input-placeholder {
    color: #1010105b;
    opacity: 1;
  }

/*---=====================
        11. Faqs css
======================----*/
.accordion-card {
    padding: 22px 35px 20px;
    border-radius: 20px;
    background-color: transparent;
}

.accordion-card .accordion-header .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding-left: 13px;
    line-height: 27px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    font-size: 18px;
    font-weight: 600;
}

.accordion-card .accordion-header .accordion-title:after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 18px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
}

.accordion-card .accordion-header .accordion-title[aria-expanded=true] {
    padding-bottom: 11px;
    border-color: rgba(11, 61, 44, 0.1);
}

.accordion-card .accordion-header .accordion-title[aria-expanded=true]:after {
    content: "\f068";
}

.accordion-card .accordion-body {
    padding-top: 16px;
}

.faq-color {
    background-color: #f5f5f5;
}

.cta-bg-section {
    background-attachment: local;
}

.cta-bg-section:after {
    background-color: #000000;
}

.hover-animation .features-area .single-features-item-two:hover .text .icon a{
    background-color: #000000;
    color: #fff;
}