/*.accordion {*/
/*    padding: 2%;*/
/*    background-color: #f6f6f6 !important;*/
/*    border-radius:10px;*/
/*}*/
body, p, h1,h2,h3,h4,h5,h6,a,ul,li,button{
        font-family: sans-serif ;
}
p{
    font-size: 16px;
}
.ArHeading{
    font-size:28px;
}
h6{
    font-size:24px;
}
.accordion-item {
    background: transparent !important;
}

    .accordion-item:hover .accordion-title,
    .down:hover .accordion-title {
        color: #c99c27;
        cursor: pointer;
    }

    .accordion-item button {
        position: relative;
        display: block;
        width: 100%;
        padding: 2% 3.5% 2% 1%;
        font-size: 20px;
        text-align: left;
        border: none;
        cursor: pointer;
        border-radius: 10px;
        border: 1px solid lightgray;
        margin-bottom: 15px;
        outline:none;
        border-left: 50px solid #005886;
    }
    .arrow {
    border: solid black;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 7px;
    margin-right: 1%;
    position: absolute;
    color: black;
    top: 35px;
    right: 0;
  transition: transform 0.8s ease;
}

.down {
  transform: rotate(45deg);
}

.up {
  transform: rotate(-135deg); 
}


.accordion-content {
    display: none; 
    padding: 2.5%;
    transition: max-height 0.3s ease-out;
    background: white;
    margin-top: -1.6%;
    border: 1px solid lightgray;
    border-top: none;
    border-radius: 0px 0px 15px 15px;
    color: #333;
    margin-bottom: 1.5%;
    font-size:20px;
}


.accordion-content, p {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}
.accordion-content, a {
    line-height: 1.5;
}
.accordion-title{
        /*font-weight: 800;*/
        line-height: 1.4;
        /*font-family: 'Open Sans';*/
        font-size:20px;
}
.ArContentHeading{
    font-size: 16px;
}

.active:after {
    display:none;
}
.Abar{
        height: 3px;
    background-color: #005886;
    width: 60%;
}
.ArBox{
    background: #eeeeee;
    padding: 2%;
    border-radius: 15px;
}
    /*Mobile*/
    @media (max-width: 768px) {
    .ArBannerText{
    margin-top: -7%;
    font-size: 20px;
    }
    .accordion-item button , .accordion-title  {
        font-size: 16px;
    }
    .arrow {
        padding: 4px;
    }
    .ArBox {
    width: 96%;
    }
    .arrow {
        top: 15px;
    }
    .ArHeading {
    font-size: 18px;
    }
    .accordion-content, p ,.ArContentHeading {
    font-size: 16px;
    }
    .ArH2 {
    font-size: 24px;
    }
    
    
    }
    
    