/* 
font-family: 'Merriweather', serif;
font-family: 'Muli', sans-serif; */
body{ background-color: #f2f2f2; font-family: 'Muli', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Muli', sans-serif;}
.fw-4{font-weight: 400;}
.fw-6{font-weight: 600;}
.fw-3{font-weight: 300;}
.fw-5{font-weight: 500;}
.fw-2{font-weight: 200;}
.fw-7{font-weight: 700;}
.fw-8{font-weight: 800;}
.fw-9{font-weight: 900;}
.btn-primary{ background-color: #000031; color: #fff; border-color: #000031; border-radius: 0; outline: none;}
.btn-primary:hover,.btn-primary:focus{ background-color: #030014; color: #fff; border-color: #030014;outline: none; }
.btn-secondary{ background-color: #f7b900; color: #fff; border-color: #f7b900; border-radius: 0; outline: none;}
.btn-secondary:hover,.btn-primary:focus{ background-color: #f7b900; color: #fff; border-color: #f7b900;outline: none; }
.imgBox{ width: 120px; position: relative; overflow: hidden;}
.imgBox img{width: 100%; height: 100%; object-fit: cover;}

.color-primary{color: #f7b900;}
.color-secondary{color: #1b2945;}
.bg-primary{background-color: #f7b900;}
.bg-secondary{background-color: #1b2945;}

.swiper-container .swiper-pagination{bottom: 0px;}
.swiper-pagination-bullet { width: 20px; height: 5px; display: inline-block;  border-radius: 0; background-color: #1b2945;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f7b900;}
.swiper-button-next:after, .swiper-button-prev:after{color: #fff; font-size: 30px;}


.commonSection{padding:60px 0; position: relative;}
.paternBg1{background-image: url(../img/pattern1-op.png); background-repeat: repeat;}
.paternBg2{background-image: url(../img/pattern2-op.png); background-repeat: repeat;}
.secHeader{position: relative;}
.secHeader .title{color:#666;display:inline-block;font-weight:600;text-transform:uppercase;position:relative; margin: 0;    margin-left: 40px;}
.secHeader.text-center .title{text-align: center; margin-left:0;}
.secHeader .title:before{color:#f7b900;content:"||";left:-40px;position:absolute;top:-3px}
.secHeader .title:after{color:#f7b900;content:"||";right:-40px;position:absolute;top:-3px}

@media (max-width: 480px) {
    .secHeader .title{ font: 20px;}
    .secHeader .title:before{left:-15px;}
    .secHeader .title:after{right:-15px;}
 }


.btn-common {
   color: #FFF;
  text-transform:uppercase; letter-spacing:.5px;
  text-decoration:none;font-size:14px;
   position: relative;
   border: 1px solid transparent;
   z-index: 1;
   font-weight: 600;
  background:#f7b900;
  overflow:hidden;
}
.btn-common:hover {
  background: #f7b900;
   color: #FFF;
}
.btn-common:before {
  background: #f7b900;
  width: 100%;
   height: 140%;
   -webkit-transform: skewY(-4deg);
   left: 0;
   overflow: hidden!important;
   content: '';
   position: absolute;
   z-index: -1;
   -moz-transform: skewY(-4deg);
   -ms-transform: skewY(-4deg);
   -o-transform: skewY(-4deg);
   transform: skewY(-4deg);
   top: -160%;
}
.btn-common:hover:before {
   top: -20%;
   transition: top .5s cubic-bezier(.19,1,.22,1);
}
.btn-common:hover:before {
   -webkit-transition: top .5s cubic-bezier(.19,1,.22,1);
   -moz-transition: top .5s cubic-bezier(.19,1,.22,1);
   -ms-transition: top .5s cubic-bezier(.19,1,.22,1);
   -o-transition: top .5s cubic-bezier(.19,1,.22,1);
}

.mainHeader{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.mainHeader::after {
   position: absolute;
   content: '';
   width: 100%;
   top: 0;
   right: calc((100% - -390px) / 2);
   height: 96px;
   background-color: #1b2945;
   z-index: -1;
   -webkit-transform: skewX(-45deg);
   transform: skewX(-45deg);
   background-image: url(../img/pattern1-op.png); background-repeat: repeat;
}
.mainHeader::before {
   position: absolute;
   content: '';
   width: 100%;
   top: 0;
   left: 0;
   height: 96px;
   background-color: #fcc741;
   z-index: -1;
   background-image: url(../img/pattern1-op.png); background-repeat: repeat;
}

.mainHeader .topHeader{ width: 100%;  color: #fff; padding: 10px 0; }
.mainHeader .topHeader .nav li + li{ margin-left: 10px;}
.mainHeader .topHeader .nav a{ color: #fff;}
.mainHeader .topHeader .nav.highlighted a{ background-color: #1b2945; border-radius: 24px; color: #fff;}

.mainHeader .navbar{ transition: all 0.3s ease-in-out; background-image: url(../img/pattern1-op.png); background-repeat: repeat;}
.mainHeader .navbar.bg-light{background-color:#fff !important; }
.mainHeader.headerFix{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.mainHeader .navbar .navbar-brand {display: flex;align-items: center;padding: 0;}
.mainHeader .navbar .navbar-brand img{max-height: 60px;}
.mainHeader .navbar .navbar-brand svg{ height: 45px; margin-right: 10px;}
.mainHeader .navbar .navbar-brand .text{
    font-weight: 600;
    color: #FFA000;
    letter-spacing: 1px;
    font-size: 20px;
}
.mainHeader.headerFix::after, .mainHeader.headerFix::before{ height: 70px;}
.mainHeader.headerFix .navbar.bg-light{background-color: transparent !important;}

.mainHeader .navbar .navbar-nav .nav-link{ font-weight: 600;}
.mainHeader .navbar .navbar-nav .nav-item.special .nav-link{ background-color: #1b2945; color: #fff; border-radius: 24px; padding-left: 15px; padding-right: 15px;}

.navbarToggle{position:relative;padding:0;outline:none !important;background-color:transparent;background-image:none;border:0 !important;width:34px;display:block;transition:all .4s ease;cursor:pointer;height:28px;transition-delay:.3s}
.navbarToggle .bar{transition:all .3s;height:1px;width:100%;display:block;background-color:#1b2945;float:right}
.navbarToggle .bar:nth-of-type(2){transition-property:margin,height,width;transition-delay:0.3s,0.3s,0;margin:8px 0}
.navbarToggle .bar:nth-of-type(1){transform:rotate(45deg);transition-delay:.3s;width:70%;margin-top:1px}
.navbarToggle .bar:nth-of-type(2){opacity:0;height:0;margin:-4px 0}
.navbarToggle .bar:nth-of-type(3){transform:rotate(-45deg);transition-delay:.3s;width:70%}
.navbarToggle.collapsed{ padding-top:0px}
.navbarToggle.collapsed:hover .bar{width:100%}
.navbarToggle.collapsed .bar:nth-of-type(1){transform:rotate(0deg);width:70%;margin-top:1px}
.navbarToggle.collapsed .bar:nth-of-type(2){opacity:1;height:1px;margin: 8px 0; width:28px;}
.navbarToggle.collapsed .bar:nth-of-type(3){transform:rotate(0deg);width:32px}
.headerFix .navbarToggle .bar{ background-color:#fcc741;}

.fixedHeaderPad{ height: 136px; width: 100%;}

@media (min-width: 1200px){
   .mainHeader .navbar .navbar-nav .nav-item + .nav-item{ margin-left: 10px;}
}

@media (max-width: 1199px) and (min-width: 992px){
   .mainHeader::after {
      right: calc((100% - -260px) / 2);
      -webkit-transform: skewX(-35deg);
      transform: skewX(-35deg);
   }
}

@media (max-width: 767px){
 .mainHeader::after { display: none;}
 .fixedHeaderPad{ height: 92px;}
}

@media (max-width: 580px){
   .mainHeader::before { background-color: #1b2945;  height: 72px;}
   .mainHeader.headerFix::before { height: 100%;}
   .mainHeader.headerFix .navbar{padding: 5px 0;}
   .mainHeader .navbar .navbar-brand img { max-height: 35px;}
   .mainHeader .navbar .navbar-brand .text{ font-size: 16px;}
   .mainHeader .topHeader .nav.highlighted{ width: 100%; justify-content: space-between;}
   .mainHeader .topHeader .nav.highlighted a{ font-size: 14px; font-weight: 600; padding:0;  background-color: transparent; color: #fcc741;}
}
@media (max-width: 380px){
   .mainHeader .topHeader .nav.highlighted a{ font-size: 10px; }

}


.heroBanner{padding: 30px 0 130px; width: 100%; overflow: hidden; position: relative; }
#heroSlider .swiper-slide img{ width: 100%; height: auto;}


.mainFooter{position: relative; background-color: #030014; color: #fff;}
.mainFooter .footerTop{position: relative; padding: 60px 0;}
.mainFooter .links{ list-style: none; margin: 0; padding: 0;}
.mainFooter .links li{ list-style: none; line-height: 2;}
.mainFooter a{color: #9e9e9e; text-decoration: none; transition: all 0.3s ease;}
.mainFooter a:hover{color: #fff;}
.mainFooter .links li:before{content: "\f105"; font-family:'FontAwesome'; color: #f7b900; margin-right: 5px;}
.mainFooter .f-text{color: #9e9e9e;}

.SocialLinks{list-style: none; margin: 0; padding: 0; display: flex;}
.SocialLinks li{list-style: none; }
.SocialLinks li + li{ margin-left: 10px; }
.SocialLinks li a{display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background-color: #f7b900; color: #fff; transition: all 0.3s ease; }
.SocialLinks li a:hover{ background-color: #fff; color: #f7b900;     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); }
.SocialLinks li a:hover .fa-facebook{color:#3b5998}
.SocialLinks li a:hover .fa-twitter{color:#1da1f2}
.SocialLinks li a:hover .fa-whatsapp{color:#25d366}

.mainFooter .footerBot{position: relative; padding: 20px 0; background-color: #000; color: #fff; text-align: center; font-size: 14px;}
.mainFooter .footerBot span + span{ margin-left: 20px;}
.mainFooter .footerBot a{ color: #fff;  text-decoration: none; transition: all 0.3s ease;}
.mainFooter .footerBot a:hover{color: #fff;}

.newseBox{ background: hsla(0, 0%, 100%, 0.1) none repeat scroll 0 0; border-left: 3px solid #f7b900; padding:15px;}
.newseBox .newse-icon{  float: left;}
.newseBox .newse-content h3{ margin: 7px 0 20px 40px;color: #f7b900;  font-size: 16px;font-weight: 600;}
.newseBox .newse-content p{ font-size: 14px; line-height: 1.3; margin: 0;}
.newseBox .newse-icon i{background: #f7b900; box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);color: hsl(0, 0%, 100%); font-size: 22px; font-weight: 600;  height: 30px; line-height: 30px; text-align: center; width: 30px; transition:all 0.2s ease-in-out;}
.newseBox:hover .newse-icon i{ border-radius: 50%;transform: translate(0px, 3px);transition:all 0.5s ease-in-out;}
#newsSlider .owl-controls{ margin-top: 10px;  margin-left: 30px;}
#newsSlider .owl-prev:before,
#newsSlider .owl-next:before{content: "\f053";font-family: 'FontAwesome';font-size: 20px; color: #f7b900;}
#newsSlider .owl-next:before{ content: "\f054"; }
#newsSlider .owl-nav [class*=owl-] { padding: 0px 7px;  background:none;  border-radius: 0px;}
#newsSlider.owl-theme .owl-nav { margin-top: 0; position: absolute;top: -38px;right: 0;background: hsla(0, 0%, 100%, 0.1);}
.mainFooter .SocialLinks{ justify-content: center;}


.whyChooseSec{ background-color:#fff; background-image: url(../img/axiom-pattern1.png); background-repeat:repeat;  position:relative; overflow:hidden;  } 
.whyChooseBox{ position:relative; margin-bottom:30px;}
.whyChooseBox .title{
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 8px 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.whyChooseBox .whyChoose-content{
    padding: 25px 20px 25px 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: relative;
    transition: all 0.3s ease 0s;
}
.whyChooseBox:hover .whyChoose-content{
    border-top-color: #f7b900;
    border-right-color: #f7b900;
}
.whyChooseBox .whyChoose-content:before{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}
.whyChooseBox:hover .whyChoose-content:before{
    width: 50%;
    background: #f7b900;
}
.whyChooseBox .description{
    font-size: 14px;
    color: #8b8a8a;
    line-height: 25px;
    margin: 0;
}
.whyChooseBox .whyChoose-icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-size: 25px;
    color: #a6a6a6;
    border: 2px solid #fff;
    position: absolute;
    top: -25px;
    left: 0;
    transition: all 0.3s ease 0s;
}
.whyChooseBox:hover .whyChoose-icon{
    border-color: #f7b900;
    color: #f7b900;
}


.counterSec{ position: relative; background: url(../img/counter-bg.jpg); background-position: center; background-repeat: no-repeat;    background-size: cover; }
.counterBox{ text-align: center; }
.counterBox .counter-icon{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    border: 1px solid #f7b900;
    font-size:35px;
    color: #f7b900;
    margin: 0 auto 15px;
    position: relative;
}
.counterBox .counter-icon i{
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
}
.counterBox:hover .counter-icon i{
    transform: scale(1.15);
}
.counterBox .counter-icon:after{
    content: "";
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: -6px;
    left: -6px;
    transition: all 0.3s ease-in-out 0s;
}
.counterBox .counter-icon:after{
    box-shadow: 3px 3px 0 #f7b900;
}
.counterBox .title{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px 0;
}
.counterBox .counterNumber{
    font-size: 24px;
    color: #f7b900;
    padding: 0 10px;
    margin: 0;
}



.courses-wrap{
	box-shadow: 0 2px 7px rgba(0,0,0,.15); position:relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	background:#fff;
	}
.courses-wrap:hover {
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}	
.courses-wrap .courses-imgBox{position:relative; overflow:hidden;}
.courses-wrap .courses-imgBox .course-img{ width:100%; height:100%; object-fit:cover; transition: all 1.5s ease 0s;}
.courses-wrap:hover .courses-imgBox .course-img{
    transform: scale(1.2);
}
.courses-wrap .courses-imgBox:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.courses-wrap:hover .courses-imgBox:before{
    background: rgba(247, 185, 0, 0.7);
}
.courses-wrap .courses-imgBox:after{
    content: "";
    width: 0;
    height: 200%;
    background: rgba(0, 0, 0, 0.1);
    margin: -5px 0 0 -5px;
    position: absolute;
    top: -76%;
    left: 0;
    transform: rotate(30deg);
    transform-origin: 0 0 0;
    z-index: 2;
    transition: all 0.4s ease-out 0s;
}
.courses-wrap:hover .courses-imgBox:after{
    width: 70%;
    left: 10px;
}
.courses-wrap .courses-imgBox .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.courses-wrap .courses-imgBox .icon{
    padding: 0;
    margin: 0 0 0 25px;
    list-style: none;
    position: absolute;
    top: -100%;
    left: 0;
    transition: all 0.6s ease 0s;
}
.courses-wrap .courses-imgBox .icon{
    top: 0;
}
.courses-wrap .courses-imgBox .icon li{
    display: inline-block;
}
.courses-wrap .courses-imgBox .icon li a{
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #000;
    font-size: 20px;
    color: #000;
    margin: 30px 5px 0 0;
    transition: all 0.6s ease 0s;
}
.courses-wrap .courses-imgBox .icon li a:hover{
    background: #000; text-decoration:none;
    color: #f7b900;
}
.courses-wrap .courses-imgBox .box-profile{
    padding-right: 10px;
    margin-bottom: 30px;
    text-align: right;
    position: absolute;
    bottom: -100%;
    right: 25px;
    border-right: 1px solid #000;
    transition: all 0.6s ease 0s;
}
.courses-wrap:hover .courses-imgBox .box-profile{
    bottom: 0;
}
.courses-wrap .courses-imgBox .cost{
    font-size: 22px;
    color: #000;
    margin: 0;
}
.courses-wrap .courses-imgBox .duration{
    font-size: 14px;
    color: #000;
}
.courses-wrap .teacher-wrap{position:relative; padding:10px 15px 0px 100px; z-index:100;}
.courses-wrap .teacher-wrap .byPic{ width:70px; height:70px; display: block; border-radius:50%; background:#fff; border:3px solid #fff;
position:absolute; left:15px; top:-35px; overflow:hidden;}
.courses-wrap .teacher-wrap .byPic img{ width:100%; object-fit:cover;}
.courses-wrap .teacher-wrap .by {font-size:16px; color:#90A4AE;}
.courses-wrap .teacher-wrap .by a { color:#f7b900; text-decoration:none;}
.courses-wrap .course-content{padding:15px;}
.courses-wrap .course-content .title{margin-top:0; font-size: 18px; padding-bottom:7px; text-transform:uppercase;transition: all 0.6s ease 0s; display:inline-block; }
.courses-wrap:hover .course-content .title{ }
.courses-wrap .course-content .course-desc{margin-bottom:0; text-align:justify;}
.courses-wrap .course-footer{ padding: 10px;border-top: 1px solid #ddd;}



.quickLinkSection{ margin-top: -100px;}
.quickLinBox {
   position: relative;
   border-radius: 4px;
   padding: 30px 20px;
   margin-top: 0;
   margin-bottom: 50px;
   transition: all 0.4s linear;
   text-align: center;
   box-shadow: 0 2px 7px rgba(0,0,0,.15);
   background-image: url(../img/pattern1-op.png); background-repeat: repeat;
}
.quickLinBox:hover {
   box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}
.quickLinBox .icon { height: 50px; margin:0 auto;}
.quickLinBox p {
   font-size: 16px;
   color: #fff;
   font-weight: 600;
   margin-top: 10px;
}
.quickLinBox a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

#quicjLinkSlider .swiper-slide:nth-child(6n+1) .quickLinBox {
   background-color: #48cfaf;
}
#quicjLinkSlider .swiper-slide:nth-child(6n+2) .quickLinBox  {
   background-color: #fcc741;
}
#quicjLinkSlider .swiper-slide:nth-child(6n+3) .quickLinBox {
   background-color: #de322e;
}
#quicjLinkSlider .swiper-slide:nth-child(6n+4) .quickLinBox  {
   background-color: #3d84c8;
}
#quicjLinkSlider .swiper-slide:nth-child(6n+5) .quickLinBox  {
   background-color: #be20c5;
}
#quicjLinkSlider .swiper-slide:nth-child(6n+6) .quickLinBox  {
   background-color: #01c15b;
}



.admissionSec{background: #1b2945; color: #fff; margin-top: 40px;}

@media (min-width: 768px){
    .admissionSec .dlockIMg{ margin-top: -70px;}
}

.serviceBox{
    text-align: center; position: relative; margin-bottom: 30px;
}
.serviceBox .service-icon{
    color: #fff;
    background: #fff;
    font-size: 27px;
    line-height: 82px;
    width: 105px;
    height: 80px;
    padding: 0 0 20px 0;
    margin: 0 auto;
    position: relative;
    clip-path: polygon(100% 80%, 50% 100%, 0 80%, 0 0, 50% 20%, 100% 0);
}
.serviceBox:hover .service-icon i{
    transform: rotateX(360deg);
    transition: all 0.3s;
}
.serviceBox .service-icon:before{
    content: "";
    background: linear-gradient(#f7b900, #e00f47);
    position: absolute;
    top: 11px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    clip-path: polygon(100% 80%, 50% 100%, 0 80%, 0 0, 50% 20%, 100% 0);
    z-index: -1;
}
.serviceBox .service-content{
    background-color: #fff;
    padding: 40px 22px 50px;
    margin: -40px 0 -12px;
    outline: 2px solid #e00f47;
    outline-offset:-12px;
}
.serviceBox .title{
    color: #e00f47;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.serviceBox .description{
    color: #444;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin: 0;
}
.serviceBox .read-more{
    color: #fff;
    background: linear-gradient(to right,#f7b900, #e00f47);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 160px;
    padding: 11px 0;
    margin: 0 auto;
    display: block;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: -34px;
    z-index: 1;
    position: relative;
}
.serviceBox .read-more:hover{
    letter-spacing: 2px;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}


.aboutSec{ position: relative;}
.whyusSection{ z-index: 1; color: #1b2945; position: relative;  background-image: url(../img/pattern2-op.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.whyBox{position: relative;}
.whyBox h4{text-transform: uppercase; font-size: 16px;}
.whyBox h4 svg{ width: 35px; fill: #FF9800; margin-right: 5px;}
.whyBox p{padding-left: 46px;}

.contactBox{ background:#1b2945;  padding:15px; position: relative;}
.contactBox .contact-icon{ width: 50px; height: 50px; text-align: center; line-height: 50px; background: #f7b900; box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);color: hsl(0, 0%, 100%); 
     position: absolute; top: 15px; left: 15px; transition:all 0.3s ease-in-out;}
.contactBox:hover .contact-icon{ border-radius: 50%;}    
.contactBox .contact-icon i{ font-size: 18px; color: #000;}
.contactBox .contact-content{ padding-left: 65px;}
.contactBox .contact-content h3{ margin: 15px 0 20px 0px;color: #f7b900; text-transform: uppercase;  font-size: 18px;}
.contactBox .contact-content p{ font-size: 17px; line-height: 1.3; margin: 0; color: #fff;}

.accordion .panel{border:none;box-shadow:none;border-radius:0;margin-bottom:15px}
.accordion .panel-heading{padding:0;border-radius:0;border:none}
.accordion .panel-title a{display:block;text-decoration: none;padding: 15px 50px;font-size:16px;font-weight:bold;color:#232323;background:#fff;position:relative;margin-bottom:15px;box-shadow:3px 3px 20px rgba(0,0,0,0.15);transition:all .5s ease 0;}
.accordion .panel-title a.collapsed{background:#E0E0E0;box-shadow:none}
.accordion .panel-title a:before,.accordion .panel-title a.collapsed:before{width:20px;height:1px;background:#4CAF50;position:absolute;top:23px;left:0}
.accordion .panel-title a.collapsed:before{background:#ddd}
.accordion .panel-title a:after,.accordion .panel-title a.collapsed:after{content: "\f067";font-family:"FontAwesome";width:27px;height:27px;line-height: 28px;border-radius:50%;background:#0760dc;position:absolute;top: 12px;left: 15px;font-size:14px;color:#fff;text-align:center;z-index:1;}
.accordion .panel-title a.collapsed:after{content: "\f068";color: #ffffff;background: #BDBDBD;}
.accordion .panel-body{font-size:14px;color:#737373;line-height:25px;padding:0 15px;margin-left: 15px;border:none;border-left: 1px dashed #9E9E9E;}