section.accordion-section {
    padding: 40px 0;
}

@media (max-width: 768px){
    section.accordion-section {
        padding: 30px 0;
    }
}

section.accordion-section h2.section-title {
    text-align: left;
    padding-bottom: 0;
}
section.accordion-section h5.section-title{
    text-align: left;
    padding-bottom: 0;
}
.faq-img p{
  text-align: center;
}

.faq-img p img{
  width: 300px;
  height: 300px;
}  
.accordion-section .header p:after, .accordion-section .header h3:after {
    content: "";
    display: block;
    width: 10em;
    max-width: 70%;
    border-bottom: 0.3em solid orange;
    margin: 1em auto 0 0em;
}
section.accordion-section .header p{
    font-weight: bold;
}
section.accordion-section .production li{
    list-style: disc;
    margin: 0 0 0px;
}
section.accordion-section li,section.accordion-section p{
    font-family: "Open Sans", sans-serif;
    /*font-size: 18px;*/
    font-size: 14px;
    color: black!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    /*margin: 0 0 0px;*/
    color: rgba(0, 0, 0, 0.85);
}
.accordion-section .panel-default .panel-title a {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: justify;
    /*margin: 0 0 0px;*/
    color: rgba(0, 0, 0, 0.85);
}
.accordion-section h5 a {
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.85);
    list-style-type: none;
    position: relative;
    margin-right: -43px;
    
}
.accordion-section h5.panel-title:before {
    content: 'Q. ';
    color: orange;
    font-weight: bold;
    padding-right: 5px;
    height: 1em;
    left: 0;
    margin-top: 0px;
    width: 0.5em;
    position: absolute;
}
.faq-content ul{
  padding: 0;
}

.accordion-section .panel-default > .panel-heading {
    border: 0;
    padding: 0;
    margin-bottom: -15px !important;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    /*font-size: 14px;*/
    /*font-weight:bold;*/
}/*
.accordion-section .panel-default .panel-title .colDisplay {
    display: inline;
} */
/*
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 2rem;
    content: "\f107";
    color: #441e73;
    float: right;
} */
.accordion-section .panel-default .panel-title a:after {
    font-family: fontawesome;
    font-style: normal;
    font-size: 2rem;
    content: "\f106";
    color: #441e73;
    float: right;
    position: absolute;
    top: -9px;
    right: -33px;
}

.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-title a {
   position: relative;
   
    width:100%;
}

.accordion-section .panel-default .panel-body {
    /*font-size: 1.2rem;*/
    font-size: 14px;
}
.accordion-section .panel-default .panel-title a:hover {
    text-decoration: none;
}
.faq-img img {
    padding-left: 10%;
}

/*Multilayer Game Development page*/
/*Multilayer Game Development page*/
section.multiplayer .header h4, .design-cmp{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: justify;
    margin: 0 0 20px;
    /* margin: 0 0 0px; */
    color: rgba(0, 0, 0, 0.85);
}
section.multiplayer .header h4:after{
    content: "";
    display: block;
    width: 10em;
    max-width: 70%;
    border-bottom: 0.3em solid orange;
    margin: 1em auto 0 0em;
}
section.multiplayer .header h2.section-title{
    text-align: center;
}
/*section.multiplayer .panel-default .panel-title a{*/
/*    margin-right: 0;*/
/*}*/
@media (max-width: 767px) {
    .accordion-section .col-md-6 {
        flex: 1;
    }
    .accordion-section .col-12 {
        display: flex;
        flex-direction: column;
    }
    .faq-img.col-md-6 {
        -webkit-order: 1;
        order: 1;
    }
    .faq-content.col-md-6 {
        -webkit-order: 2;
        order: 2;
    }
    .faq-img img {
        padding-left: 0%;
    }
    .faq-content.col-md-6 {
        padding-right: 24px;
    }
    section.accordion-section h2.section-title{
        text-align: center;
    }
    section.accordion-section .header p {
        text-align: center;
    }
    .accordion-section .header p:after {
        margin: 2em 30% 0 30%;
    }
    .accordion-section .header p:after{
        width: 40%;
    }
    
    .accordion-section .panel-default .panel-title a {
        font-size: 17px;
        text-align: left;
    }
    .accordion-section .panel-default .panel-title a:after {
    font-size: 29px;
}
}