.jux-tl-item h2 a {
  color: #aa00FF;
}
.my20-container {
  position: relative;
  text-align: center;
  color: white;
  font-weight: 700;
}
/* Centered text */
.centeredtext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.my20-caption {
  font-weight: 300;
  font-style: normal;
  font-size: 20px;
  line-height: 1.8em;
}
.my20-outer {
  position: relative;
  background: url(/images/sampledata/abstract-background-1.jpg);
  width:300px;
  height: 300px;
}
.my20-toptext {
  position: absolute;
  top: 8px;
  left: 16px;
  font-weight: bold;  
}
.my20-toptext-centre {
  position: absolute;
  top: 10%;
  left: 50%;
  font-weight: bold;  
  transform: translate(-50%, -50%);
}
.my20-body-left {
  position: relative;
  left: 5%;
}

.my20-body h2 {
  font-size: 40px;
  font-family: Didot;
}
.sp-page-title .sp-page-title-heading {
  font-size: 60px;
  font-family: Didot;
  color: #ffffff;
}

@media (min-width: 992px)  {
.my20-body h2 {
  font-size: 60px;
  font-family: Didot;
   }
}
  
#sp-main-body {
  padding: 0 !important;
}
#sp-main-body h1 {
  font-size: 60px;
  font-family: Didot;
}
.my20-body a.anchor:target {
  display: block;
  position: relative;
  top: -200px;
  visibility: hidden;
}
.my20-contact-box-wrapper {
    
    position: relative;
    display: flex;
    flex-direction: row;
}
.my20-contact-box:first-child {
    margin-right: 20px;
}
.my20-contact-box {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 40px;
    background-color: #fff;
    border: 1px solid #eaf0f6;
}
/*
.my20-articles .article-list .article {
  background: linear-gradient(#9cb5e0, #fefee6);
}
*/
.my20-gradient-blue  {
  background: linear-gradient(#1cb5e0, #fefee6);
}
/**
 Accordian for FAQ style1
**/
.accordion {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  box-shadow: 0 1px 8px rgba(#000,.25);
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "-";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
    
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "+";    /* adjust as needed, taken from bootstrap.css */
}

.sp-megamenu-parent > li.active > a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}