﻿.faq-section-2 .button-container .btn{
    border-color: #333;
    padding: 1rem 1.7rem !important;
}

@media (max-width: 768px) {
    .faq-section-2 .button-container .btn {
        padding: 0.5rem 1rem !important;
    }
}


.faq-section-2 .button-container .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.faq-section-2 .button-container .btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*.accordion{
    box-shadow: 0 0 5px #111;
    border-radius: 6px;
}*/

/*.accordion-button,
.accordion-button:hover {
    color: #ffffff !important;
    font-size: 1.2rem;
    box-shadow: none !important;
    outline: none !important;
    background: #44c6eb; 
    border-top: 1px solid #878e98;
    border-bottom: 1px solid #2799db;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #44c6eb, #2799db);
    background: -moz-linear-gradient(top, #44c6eb, #2799db);
    background: -ms-linear-gradient(top, #44c6eb, #2799db);
    background: -o-linear-gradient(top, #44c6eb, #2799db);
}*/

.accordion-item {
    border: none !important;
    background-color: #fff;
}

.accordion-button.collapsed {
    background: #fff;
    color: black;
}

.accordion-button.collapsed:hover {
    background: #fff;
    color: black;
}

.accordion-button {
    width: 100%;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom: 10px;
    border-radius: 40px !important;
    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.21) !important;
    border: 1px solid #dfdfdf;
    font-family: Arial;
}

.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed):hover {
    width: 100%;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 10px;
    border-radius: 40px !important;
    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.21) !important;
    background-color: #00bd56;
    border: 1px solid #dfdfdf;
}

/*.accordion-button.collapsed {
    background: #575e63;
    border-top: 1px solid #878e98;
    border-bottom: 1px solid #33373d;
    color: #fff !important;
    text-shadow: 0 1px 1px #000;
    letter-spacing: 0.09em;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575e63), to(#3f4347));
    background: -webkit-linear-gradient(top, #575e63, #3f4347);
    background: -moz-linear-gradient(top, #575e63, #3f4347);
    background: -ms-linear-gradient(top, #575e63, #3f4347);
    background: -o-linear-gradient(top, #575e63, #3f4347);
}*/

/*.accordion-button.collapsed:hover {
    color: #ffffff;
    background: #566f82;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#566f82), to(#3e505e));
    background: -webkit-linear-gradient(top, #566f82, #3e505e);
    background: -moz-linear-gradient(top, #566f82, #3e505e);
    background: -ms-linear-gradient(top, #566f82, #3e505e);
    background: -o-linear-gradient(top, #566f82, #3e505e);
}*/

/*.accordion-button[aria-expanded="true"] {
    background-color: #00bd56;
    color: #fff !important;
}

.accordion-button[aria-expanded="false"] {
    background-color: #fff;
    color: #000 !important;
}*/

.faq-section-10 {
    padding: 7rem 0;
    background-image: url(../images/blogs/faq-1231.jpg);
    background-attachment: fixed;
    background-position: center center;
}