h1{
    margin:0;
    font-size: 24px;
}

section.hero {
    padding: 20px 0;
}
.hero{
    position: relative;
}
.hero-innr {
    padding-bottom: 40px;
    background: #ffffffc2;
    padding: 28px 44px;
    text-align: center;
    border-bottom: 17px solid #5a62fc;
}
.types-paints-content p {
    font-size: 14px;
}
.hero-innr p {
    padding: 18px 0;
    font-size: 17px;
}
.best-company,
.paint-teacher,
.how-work,
.door-paint,
.painting-contractor,
.plastic-paint,
.price,
.topics,
.cheap-company,
section.why-us {
    padding: 40px 0;
}


.why-us-innr {
    display: flex;
}

.main-txt-color{
    color: #5a62fc
}
.why-us-content ul  {list-style: disc;padding: 0 53px 0 0;margin: 0;}
.why-us-content p  {margin-bottom: 16px;}

.why-us-content ul li {position: relative;margin-bottom: 16px;}
.types-paints-innr,
.best-company-innr,
.how-work-innr,
.door-paint-innr,
.paint-teacher-innr,
.topics-innr,
.plastic-paint-innr,
.cheap-company-innr,
.services-innr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.services-content {
    background: #f7f7f8;
    
}

.paint-teacher-content,
.best-company-content,
.plastic-paint-content,
.door-paint-content,
.how-work-content,
.topics-content,
.cheap-company-content{
    background: #f7f7f8;
    margin-top: 25px;
    margin-bottom: 50px;
    padding: 10px 15px;
}

::marker{
     color: #f3ce49;
     font-size: 22px;
}
section.features {
    padding: 80px 0;
}

.features-innr {
    display: flex;
    flex-wrap: wrap;
}

.painting-contractor-content {
    margin: 0 auto;
    text-align: center;
}

.features-content {
    background: #f7f7f8;
}

.types-paints-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}


.types-paints-innr {
    padding: 85px 0 5px 0;
}

.types-paints-content h3 {
    color: #dc3127;
}

section.types-paints {
    padding-bottom: 70px;
}

section.company-phone {
    padding: 80px 0;
}



.company-phone-innr p {
    margin: 22px 0;
}

p.p-with-icon {
    font-weight: 800;
}

.p-with-icon .icon {color: #f00;margin-left: 17px;display: inline-block;}

.action-buttons a {
    background: #f7d032;
    text-decoration: none;
    font-size: 25px;
    font-weight: 900;
    color: #232323;
    padding: 4px 19px;
    display: inline-block;
}

section.company-paints {
    padding: 80px 0;
}

.company-paints-innr {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 80px 0;
}


.company-paints-box {
    border: 5px solid #f6ce41;
    margin: 14px;
   
    position: relative;
}

.company-paints-box.second {
    border-color: #da2d32;
}

.company-paints-box.third {
    border-color: #5a69fa;
}

.company-paints-box-img {
    margin-top: -50px;
}

.company-paints-box p {
    padding: 39px 22px;
}

.paint-teacher-content {
}

.paint-teacher-img {
}

.ceiling-paints-innr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px 0;
}


.ceiling-paints-box h3 {padding-top: 30px;color: #da382f;}

button.faqs-title {
    position: relative;
    color: #000000;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 27px;
    font-weight: 900;
    border-bottom: 5px solid #646df2;
    background: #fafaff;
    padding: 20px 23px;
}

.faqs-box {
    border-radius: 15px;
    margin: 27px 0;
    padding: 20px 15px;
    color: #1b4a58;
}
.faqs-box.active .faqs-title {
    border-bottom: 5px solid #dc2f25;
    background: #fff2f2;
}
.faqs-box.active .faqs-title span{
        color: #d3272d;
}

.faqs-title span {
    color: #6871ed;
}

span.icon.icon-plus {
    position: absolute;
    left: 29px;
}

.faqs-answer {
    padding: 30px 18px;
    text-align: center;
    display: none;
}

.faqs-other {
    margin: 120px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    background: #e8ebf2;
    color: #5961fc;
    padding: 80px 43px;
    border-radius: 27px;
}

.faqs-other a {
    background: #5961fc;
    text-decoration: none;
    padding: 6px 18px;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
}
.faqs-box.active .faqs-answer {
    display: block;
}
@media (max-width:992px) {
  

}
@media (min-width:992px) {

    section.hero {
    padding: 137px 0;
}
    .hero-innr {
    width: 61%;
    }
    h1 {
         font-size: 31px;
    }
    .hero-innr p {
    }
.best-company,
.paint-teacher,
.how-work,
.door-paint,
.painting-contractor,
.plastic-paint,
.price,
.topics,
.cheap-company,
section.why-us {
    padding: 80px 0;
}
.how-work-img,
.paint-teacher-img,
.plastic-paint-img,
.cheap-company-img,
.door-paint-img,
.topics-img,
.services-img {
    width: 21%;
}
    .best-company-img,
.features-img {
    width: 21%;
}
    .why-us-content {
    width: 70%;
}

.painting-contractor-content,
.price-content {
    width: 42%;
}
.services-content {
    width: 79%;
    margin: 65px 0;
    padding: 66px 130px;
}
    .features-content {
    width: 79%;
    margin: 60px 0;
    padding: 44px 51px;
}
    .types-paints-box {
    width: 45%;
}


.ceiling-paints-box-content {
    width: 63%;
}
.types-paints-img {
    width: 25%;
}

.types-paints-content {
    width: 66%;
}
    .company-phone-innr {
    width: 59%;
}
    .company-paints-box {
     width: 31%;
}
    .paint-teacher-content,
.best-company-content,
.plastic-paint-content,
.door-paint-content,
.how-work-content,
.topics-content,
.cheap-company-content{
     width: 72%;
     padding: 45px 130px;
}
    .ceiling-paints-box {
    width: 43%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

}