/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/




/**********************************************************************************
GENERAL
***********************************************************************************/
.nectar-button{
    font-size: 20px!important;
    font-weight: 300!important;
    line-height: 20px!important;
}


/**********************************************************************************
ANIMATIONS
***********************************************************************************/

.float-up-down {
  animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}







/**********************************************************************************
LOGO
***********************************************************************************/

a.logo {
    display: flex!important;
    align-items: center!important;
    gap: 15px;
    padding: 25px 0 ;
}

a.logo img.logo-alien{
    width: 60px!important;
    margin: 0!important
}



a.logo img.logo-text{
    height: 50px!important;
    margin: 0!important
}





/**********************************************************************************
HEADER
***********************************************************************************/



#header-outer{
    margin-top: 44px!important;
top: 60px!important;
}

#header-outer #top{
    border: 2px solid #703ab7!important
}


.custom-header-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    border-bottom: 2px solid #BAECEC;
    background: #E9FCFD
    
}

.custom-header-menu ul{
    padding: 0;
    margin: 0;

}

.custom-header-menu ul li{
    list-style: none;
}

.custom-header-menu ul li a{
    font-size: 16px;
    font-weight: 600;
    color: #01abab;
    text-decoration: none;
        border-bottom: 2px solid transparent;
    transition:  all .3s ease;

}



.custom-header-menu ul li a:hover{
    border-bottom: 2px solid #01abab;
}
.main-logo img{
    width: 195px;
}



/* end */




/*

.right-aligned-menu-items ul.buttons li.contact-cta.menu-item{
position: relative;
    right: -15px;
}

.right-aligned-menu-items ul.buttons li.shop-cta.menu-item{
position: relative;
    right: -15px;
}
.right-aligned-menu-items ul.buttons li.shop-cta.menu-item{
    position: relative;
   
    
}
*/




.right-aligned-menu-items ul.buttons li.contact-cta.menu-item{
    position: relative;
    
}




/**********************************************************************************
SLANTED TAGS
***********************************************************************************/
.blue, .green, .yellow {
    border-radius: 8px;
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    transform: rotate(-5deg); /* Rotates the element */
   
    line-height: 1.2;
    text-align: center;
    margin: 0 5px;
}

/* Variants */
.rotated-tag-title.blue {
    background-color: #340770; /* replace $brand-yellow */
    color: #fff; /* replace $brand-blue-dark */
}

.rotated-tag-title.green {
    background-color: #00ACAB; /* replace $brand-green */
    color: #fff; /* replace $brand-blue-dark */
}

.rotated-tag-title.yellow {
    background-color: #FFEB20; /* replace $brand-pink */
    color: #340770; /* replace $brand-white */
}

/* Straighten text inside */
.rotated-tag-title span {
    display: inline-block;
    transform: rotate(5deg);
}





/**********************************************************************************
HERO
***********************************************************************************/




.hero-banner h1 span {
    font-size: 180px;
    line-height: 0.8;
    display: block;
}


.hero-banner h1{
    font-size: 145px;
    line-height: 0.6;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.hero-banner h1 span{
    font-size: 180px;
    line-height: 0.8;
    display: block;

}

.hero-banner h2{
    font-size: 60px;
    line-height: 56px;
    color: #fff!important;
    text-transform: uppercase!important;
    margin: 0 0 10px 0;
}

main-ttle-small


.hero-scroller .nectar-scrolling-text-inner h2{
    font-weight: 300;
    text-transform: uppercase;
}








/**********************************************************************************
CALL TO ACTION BANNERS
***********************************************************************************/

.ac-cta-banner a.nectar-button{
    margin-bottom: 0!important;
}




/**********************************************************************************
CHARACTERS 
***********************************************************************************/
.pixel-characters-wrapper .row-bg.using-image{
    background-position: left center!important;
    background-repeat: no-repeat;
    background-size: 850px;

}

.character-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin-top: 40px;
}

.character {
  width: 230px;
  height:230px;
  border: 3px solid #BFEEF0;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  transition: all 0.3s ease;
  cursor: pointer;
    transition: all .3s ease;
}

.character:hover{
    transform: translateY(-5px)!important
}

.character-selector img{
    width:100px!important
}

.character img {
  width: 80px;
  height:auto;
  border-radius: 50%;
    overflow: visible!important;
}

.character.active {
  background-color: #BFEEF0;
}

.character-text {
  text-align: center;
  margin-top: 60px;
    max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  transition: opacity 0.3s ease;
}

.character-text h4{
    margin: 30px 0 15px ;
}
p.qualifications{
    background: #BFEEF0;
    padding: 20px!important;
    border-radius: 15px;
    text-transform: uppercase;
}


/**********************************************************************************
STEPS
***********************************************************************************/

.works-section h3{
    font-size: 38px!important;
    font-weight: 300;
}


.works-section{
    margin-bottom: 60px;
}

.works-section p{
    color: #fff;
    font-size: 16px;
    max-width: 400px;
}







 .step-section {
      display: flex;
      margin: auto;
      align-items: center
    }

    .steps-column,
    .icon-column,
    .text-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .steps-column {
      align-items: flex-start;
    }

    .works-section {
      margin-bottom: 60px;
    }

    .works-section h2,
    .works-section h3 {
      color: #fff;
      margin: 0 !important;
      line-height: 1;
      padding: 0;
    }

    .works-section h3 {
      font-size: 38px !important;
      font-weight: 300;
    }

    .works-section p {
      color: #fff;
      font-size: 16px;
      max-width: 400px;
    }

    .step-button {
      display: flex;
      align-items: center;
      gap: 15px;
      background: none;
      border: none;
      text-align: left;
      font-size: 20px;
      font-weight: 500;
      cursor: pointer;
      color: #fff;
      padding: 0;
      font-family: "Montserrat";
      transition: color 0.3s ease;
        margin-bottom: 30px
    }

    .step-button.active,
    .step-button:hover {
      color: #00ACAB;
    }

    .step-icon-number {
      background: #BAECEC;
      width: 80px;
      height: 80px;
      min-width: 80px;
      min-height: 80px;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }



    .step-icon-number i {
      font-size: 50px;
      color: #340770;
      transition: color 0.3s ease;
    }

    .step-button:hover .step-icon-number,
    .step-button.active .step-icon-number {
      background: #00ACAB;
       
    }

    .step-button:hover .step-icon-number i,
    .step-button.active .step-icon-number i {
      color: #340770;
        
    }


.step-button span {
  position: relative;
  padding-bottom: 2px;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

.step-button:hover span,
.step-button.active span {
  border-bottom: 2px solid #00ACAB;
}

.icon-number-circle{
    background: #fff;
      width: 30px;
      height: 30px;
      min-width: 30px;
      min-height: 30px;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    margin-left: -30px;
}

    .icon-column {
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .icon-circle {
      background: #00ACAB;
      border-radius: 50%;
      width: 400px;
      height: 400px;
      min-height: 400px;
      min-width: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
         animation: floatUpDown 3s ease-in-out infinite;
    }

    .icon-circle:before {
      content: none;
    }

    .icon-circle i {
      font-size: 10.5rem;
      color: #fff;
    }

    .text-column {
      padding-left: 20px;
      color: #444;
    }

    .text-column h3 {
      margin-top: 0;
      font-size: 2rem;
    }

    .text-column p {
      font-size: 1.1rem;
      line-height: 1.6;
    }


.instruction-column h3{
    
    font-size: 62px;
    line-height: 68px;
    color: #fff!important;
    text-transform: none
}
.instruction-column p{
    font-size: 18px;
    color: #fff!important;
}

.instruction-column a{
    color: #FFEB20;
    text-decoration: underline;
}

.instruction-column a:hover{
    text-decoration: none;
}

.instruction-column a.nectar-button{
    color: #fff;
    text-decoration: none;
}

#step-button-link{
    background: #FFEB20;
    color: 000;
        display: inline-flex;
    width: auto;
    max-width: max-content;
    margin-top: 30px;
}


 .line-with-arrow {
    position: relative;
    height: 2px;
    background-color: #6C39AF;
    margin: 0  0 60px 0;
  }

  .line-with-arrow::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 35px solid #6C39AF;
  }





    @media (max-width: 960px) {
      .step-section {
        flex-direction: column;
        text-align: center;
        gap: 40px;
      }

      .steps-column {
        align-items: center;
      }

      .steps-column button {
        text-align: center;
      }

      .text-column {
        padding-left: 0;
      }
    }



/**********************************************************************************
STATS and GAME
***********************************************************************************/



/*
.stats-play .inner-wrap .row-bg{
        background-position: left top!important;
    background-repeat: no-repeat;
    background-color: #00ACAB;
    background-size: 770px!important;
    
}
*/
/* Row background container for both variants */
.stats-play .inner-wrap .row-bg,
.stats-play-2 .inner-wrap .row-bg {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* Your existing styles (adjust as needed) */
  background-position: left top !important;
  background-repeat: no-repeat;
  background-color: #00ACAB;
  background-size: 770px !important;
}

/* Floating shape (shared) */
.float-img {
  position: absolute;
  bottom: -30px;
  opacity: 0;
  animation: floatUp linear forwards;
  pointer-events: none;
  z-index: 1;
}

/* Keyframes (shared) */
@keyframes floatUp {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1200px);
    opacity: 0;
  }
}

/* Stat icon and other stat styles - apply to both */
.stats-play .stat-icon,
.stats-play-2 .stat-icon {
  background: #fff;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.stats-play .stat-icon i,
.stats-play-2 .stat-icon i {
  font-size: 50px;
  color: #340770;
}

.stats-play .stat-wrapper .number span,
.stats-play-2 .stat-wrapper .number span {
  font-family: "Teko" !important;
  font-weight: 400;
  margin: 0;
}

.stats-play .stat-wrapper .nectar-milestone,
.stats-play-2 .stat-wrapper .nectar-milestone {
  margin: 0;
}


 #rules {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

#rules summary {
  cursor: pointer;
  list-style: none; /* removes default marker */
}

#rules summary::-webkit-details-marker {
  display: none; /* hides marker in Chrome/Safari */
}

#rules h2 {
  font-family: "Oxanium", sans-serif;
  font-size: 22px;
  margin: 0;
}

#rules h3 {
  font-family: "Oxanium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 20px 0;
}

#rules ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  font-family: "Montserrat", sans-serif;
}

#rules li {
  margin-bottom: 10px;
}

.key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  margin: 0 2px;
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 2px 0 #bbb;
  color: #888;
}

.key img {
  width: 18px;
  height: 18px;
  display: block;
}







.refrelection-icon{
    
    background: #00ACAB;
  width: 220px;
  height: 220px;
  min-width: 220px;
  min-height: 220px;
  border-radius: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.refrelection-icon img{
    width: 120px!important;
    }



.mindstack-section .row-bg{
    
    background-repeat: repeat!important;
    background-size: 800px !important;
}


/**********************************************************************************
CIRLCLE SECTIONS
***********************************************************************************/


.circle-image img.circle-image {
    border-radius: 1000px;
    width: 400px;
    height: 400px;
    min-width: 400px;
    min-height: 400px;
}





/**********************************************************************************
GAME RULES
***********************************************************************************/
.mindstack-play-wrapper a.nectar-button span{
    font-size: 24px!important
}

a.nectar-button.play-button{
    width: 100%;
}

details summary strong{
    font-size: 18px;
    font-weight: 400;
}
details summary.how{
    background: #420F87;
    cursor: pointer;
    margin-top: 20px;
    transition:  all .3s ease;
    padding: 15px;
    border-radius: 50px;
    position: relative;
    z-index: 10;
}
#rules {
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    text-align: left;
    padding: 45px 30px 0px 30px;
    border: 2px solid #420F87;
    background: #420F87;
    border-radius: 15px;
    margin-top: -40px;
    transition:  all .3s ease;
    
}




#rules h5{
    font-family: "Oxanium", sans-serif;
    font-size: 218px;
    margin: 0 0 5px 0;
}

#rules h6{
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

#rules ul {
  margin: 0 0 30px 0;       /* removes the default top/bottom margin */
  padding-left: 50px; /* removes the left indent */
    text-align: left;
  list-style-position: outside; /* keeps bullets aligned with text */
    font-family: "Montserrat";
    list-style: none
}

#rules li {
    margin-bottom: 10px;
}

.key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  margin: 0 2px;
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 2px 0 #bbb;
  position: relative; /* Needed for tooltip positioning */
  cursor: default;
    color: #888;
    line-height: 1
}

.key img {
  width: 18px!important;
  height: 18px!important;
    margin: 0!important;
  display: block!important;
}








/**********************************************************************************
RESOURCES CAROUSEL SECTION
***********************************************************************************/


.resources-carousel  .nectar-fancy-box{
    border-radius: 20px!important
}


.resources-carousel  .nectar-fancy-box 
.inner h6{
    margin: 0 0 30px 0;
}

.resources-carousel  .nectar-fancy-box 
.inner strong{
    font-weight: 500;
    color: #B1FDFC;
}

.resources-carousel  .nectar-fancy-box 
.inner img.fancy-box-custom-icon {
     background: #fff;
      width: 80px;
      height: 80px;
      min-width: 80px;
      min-height: 80px;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
    padding: 20px;
    overflow: visible;
/*    margin: 0 auto;*/
    
}

.resources-carousel  .nectar-fancy-box 
.inner .session,

.resources-carousel  .nectar-fancy-box 
.inner .session-price
{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}

.resources-carousel  .nectar-fancy-box 
.inner .session-price{
    margin-top: 15px;
}

.resources-carousel  .nectar-fancy-box 
.inner .session i, 

.resources-carousel  .nectar-fancy-box 
.inner .session-price i{
    font-size: 28px;
}




.resources-carousel  .nectar-fancy-box 
.inner .cta-arrow-wrapper span.arrow-wrapper{
    display: none;
}



/**********************************************************************************
MORE RESOURCES SECTION
***********************************************************************************/

.more-resources .resource-item{
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.more-resources .resource-icon{
   background: #00ACAB;
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
     display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    
    
}
.more-resources .resource-item .resource-icon i{
    font-size: 60px;
    color: #fff;
}

.more-resources .resource-item .resource-icon i span{
    display: none
}

.more-resources .resource-item .resource-name a{
    transition: all .3s ease;
    color: #fff;
    padding-left: 10px;
    padding-right: 30px;
    display: inline-block
}

.more-resources .resource-item .resource-name a:hover{
    color: #00ACAB
}





.resources-section  h3.toggle-title .nectar-inherit-h6.toggle-heading{
    color: #fff!important
}



.resources-section h3.toggle-title:before{
    background: #fff!important;
}

.resources-section h3.toggle-title:after{
    background: #00ACAB!important;
}


.resources-section .inner-toggle-wrap{
    padding: 30px 0 0 0!important
}






/**********************************************************************************
VIDEOS SECTION
***********************************************************************************/

.more-monique .link_text, .more-yt .link_text{
    font-family: "Montserrat";
    font-size: 16px!important;
    margin: 0 15px;
    text-transform: none;
    letter-spacing: 0;
}

.more-monique .link_text::before {
  content: "\f119";
  font-family: "Atrium Clinic New Website";
  font-size: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  vertical-align: middle;
  transform: translateY(1px);
}
.more-yt .link_text::before {
  content: "\f11a"; /* YouTube icon */
  font-family: "Atrium Clinic New Website";
  font-size: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  vertical-align: middle;
  transform: translateY(1px); /* Optional fine-tuning */
}


.monique-videos .inner-wrap{
    border-radius: 20px;
}

.monique-videos .video-desc a{
    font-weight: 500!important;
    font-size: 22px;
}







/**********************************************************************************
DIFFERENT GAMES SECTION
***********************************************************************************/

img.pixel-character-1{
    width: 120px!important;
    margin: 30px 0!important
}

img.pixel-character-2{
    width: 90px!important;
    margin: 30px auto!important
}


img.pixel-character-3{
    width: 110px!important;
    margin: 30px auto!important
}

img.pixel-character-4{
    width: 130px!important;
    margin: 30px auto!important
}

img.pixel-character-5{
    width: 120px!important;
    margin: 30px auto!important
}


img.pixel-character-6{
    width: 100px!important;
    margin: 30px 0!important
}


img.pixel-character-7{
    width: 130px!important;
    margin: 30px 0!important
}



.game-character-names{
   
}

.game-character-names .column-image-bg-wrap {
    min-height: 660px;
     background:  url("k/wp-content/uploads/atrium-logo-embelem-large-blue.svg");
    background-size: 660px;
}

 .atrium-logo-blue .column-image-bg {
    background-size: contain!important;
    background-repeat: no-repeat!important;
}




.gaming-therapy-list .inner-wrap .using-image{
    background-size: 100%!important
}

.game-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  position: relative; /* Needed for tooltip positioning */
  cursor: pointer;
}

.game-icon {
  font-family: "Atrium Clinic New Website";
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  color: #fff;
}

.game-names-wrapper br{
    display: none
}


.game-name {
  display: inline-block;
  color: #fff;
    border-bottom: 1px  dotted #fff;
}

/* Tooltip styles */
.tooltip {
  visibility: hidden;
  opacity: 0;
  width: 280px;
  padding: 30px;
  background: #340770;
  color: #fff;
  border-radius: 10px;
  text-align: left; /* align text nicely */
  position: absolute;
  bottom: 125%;
  left: 0; /* ⬅ Align with start of text */
  transform: none; /* ⬅ Remove centering shift */
  transition: opacity 0.3s ease;
  z-index: 10;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Heading inside tooltip */
.tooltip-heading {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* Bigger arrow for tooltip */
.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 30px; /* same distance from left edge */
  border-width: 14px; /* ⬅ slightly bigger arrow */
  border-style: solid;
  border-color: #340770 transparent transparent transparent;
}

/* Show tooltip on hover */
.game-item:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.tag-popular {
display: inline-block;
    font-size: 11px;
    font-weight: bold;
    background-color: yellow;
    color: #001f54;
    padding: 2px 15px;
    border-radius: 12px;
    /* margin-left: 8px; */
    vertical-align: middle;
    position: relative;
    top: -15px;
    left: -2px;
    text-transform: uppercase;
}







.more-about-atrium a.link_text{
  font-family: "Montserrat";
    letter-spacing: 0;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
}












/*******************************************
ADHD PAGE
/******************************************/
img.ac-info-icon{
    width: 160px;
    height: 160px;
    min-height: 160px;
    min-width: 160px;
}

.adhd-info-box{
    padding-left: 180px!important;
}



/*******************************************
BLOG
/******************************************/
img.blog-light-green {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 100px;
    background-color: #BAECEC;
    padding: 10px 10px 10px 10px !important;
    box-sizing: border-box;
    margin: 0 auto !important;
    overflow: visible!important;
}




img.blog-white-green {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 100px;
    background-color: #fff;
    padding: 10px 10px 10px 10px !important;
    box-sizing: border-box;
    margin: 0 auto !important;
      overflow: visible!important;
}






/*******************************************
GAMING PAGE - COURSES
/******************************************/

.aims-obj-item{
    display: flex;
/*    align-items: center;*/
    gap: 15px;
}

.aim-obj-item{
font-size: 20px;
}

.course-title {
  position: relative;
}

.course-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #00ACAB;
  z-index: 10;

  /* Animation */
  animation: bounceTriangle 2s ease-in-out infinite;
}

.course-title-yellow {
  position: relative;
}

.course-title-yellow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #FFEB20;
  z-index: 10;

  /* Animation */
  animation: bounceTriangle 2s ease-in-out infinite;
}

@keyframes bounceTriangle {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(8px);
  }
}



/* Curse Dates */

.course-dates .course-wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
}

.course-dates .course-wrapper .course-icon{
  background: #2E0563;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.course-dates .course-wrapper .course-icon i {
  font-size: 50px;
  color: #fff;
}

.ac-enrol-form 
input.wpcf7-submit{
    background: #ffeb20!important;
    width: 100%;
    font-size: 24px!important;
    height: 60px;
    color: #2E0563;
}

.ac-enrol-form 
.wpcf7 form.sent .wpcf7-response-output{
    border: 0!important;
    background: #fff;
    color: #00ACAB;
    border-radius: 100px;
}

.ac-enrol-form 
.wpcf7 form.invalid .wpcf7-response-output{
       border: 0!important;
    background: #fff;
    color: #ffb900;
    border-radius: 100px;
    
}

.ac-enrol-form 
.wpcf7 form.unaccepted {
       border: 0!important;
    background: #fff;
    color: #ff0000;
    border-radius: 100px;
    
}

/* end Course Dates */
















/**********************************************************************************
EVIDENCE PAGE
***********************************************************************************/


.evidence-toggle .toggle-title{
    padding: 0 15px!important;
    background: #BAECEC;
    text-transform: uppercase;
    border-radius: 15px;
}

.evidence-toggle .toggle-title i{
    right: 15px!important;
}

.evidence-toggle .inner-toggle-wrap{
    padding-top: 30px!important;
}