@charset "UTF-8";
/*------------------------------------------------------------------
Theme Name: POLYGON - Multipurpose Template
Version: 1.0
Author: Surjith S M
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

    1. GLOBAL STYLES
    2. HEADER
    3. ACCORDION STYLES 
    4. COMMON STYLES 
    5. FOOTER 
    6. ALERTS 
    7. BUTTONS 
    8. CALL TO ACTION 
    9. PROGRESS BAR / SKILLS 
    10. COLUMNS 
    11. STATS COUNTER 
    12. COUNTDOWN TIMER 
    13. DIVIDER 
    14. DROPCAPS 
    15. CONTACT FORM 
    16. GALLERY 
    17. ICON BOX 
    18. ABOUT STYLES 
    19. TESTIMONIALS 
    20. TEAM 
    21. GOOGLE MAP 
    22. SERVICES STYLES 
    23. DUAL CONTENT 
    24. PRICING TABLE 
    25. BLOG 
    26. PAGINATION 
    27. SIDEBAR 
    28. SHOP 
    29. PORTFOLIO 
    30. EXTRAS  
    31. RESPONSIVE STYLES
    
    -------------------------------------------------------------------*/
/*==========================================================================
    3. ACCORDION STYLES
    ========================================================================== */

.accordion .panel-heading {
  color: #222;
  background: transparent !important;
  border: none;
  padding: 0;
}

.accordion .panel-heading a {
  padding: 22px 15px 22px 62px;
  display: table;
  width: 100%;
  color: #222;
  font-size: 15px;
  line-height: 1.5em;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 0.36em;
}

.accordion .panel-default .panel-heading a:hover,
.accordion .panel-default.actives .panel-heading a {
  color: #1674D1;
}

.accordion .panel-heading a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 12px;
  font-size: 27px;
  margin-top: -7px;
}

.accordion .panel-group .panel {
  margin-bottom: 0px;
  border-radius: 0;
  border: none;
}

.accordion .panel,
.accordion .panel + .panel {
  margin-bottom: 9px;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #e0e0e0;
  background: transparent !important;
}

.accordion .panel-body {
  border: none !important;
  padding: 0px 20px 31px 60px;
}

.accordion .panel-body p {
  margin: 0px;
  line-height: 22px;
}

.accordion-dark.accordion .panel,
.accordion-dark.accordion .panel + .panel {
  border: 1px solid #333;
}

.accordion-dark.accordion .panel-heading a {
  color: #fff;
}

.accordion-dark.accordion .panel-heading a:hover,
.accordion-dark.accordion .panel-heading.actives a {
  color: #1674D1;
}

.title-arrow {
  background-color: #1372D1;
  padding: 20px 25px 21px;
  position: relative;
  letter-spacing: 0em;
  color: #FFF;
  margin-bottom: 30px !important;
  display: inline-block;
}

.title-arrow:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 34px solid transparent;
  border-bottom: 34px solid transparent;
  border-left: 34px solid #1372D1;
  position: absolute;
  right: -34px;
  top: 0;
}

.faq-content p,
.accordion .panel-body p {
  margin-bottom: 1.5em;
}

.accordion .panel-body p:last-child {
  margin-bottom: 0;
}

.faq-content h4 {
  text-align: left;
  line-height: 1.6;
  font-size: 15px !important;
}