section.banner,
#header {
    background-color: #D3FECE;
}
section.banner{
    padding: 100px 0px 140px;
}

.toggle-slider {
    padding: 140px 0px 0px;
}
section.banner .content-wrap{
    width: 90%;
    max-width: 760px;
    text-align: center;
}
.banner .content-wrap p,.toggle-slider ul p{
    font-size: 20px;
}
.banner .content-wrap p{
    margin-bottom:35px;
}
.toggle-slider h3{
    font-family: var(--primaryfont-semibold);
}
.toggle-slider h3{
    width: 90%;
    max-width: 700px;
    position: relative;
    cursor: pointer;
}
.toggle-slider h3:before,.toggle-slider h3:after{
   position:absolute;
   content:""; 
}
.toggle-slider h3:before{border: 2px solid #237710;width: 20px;height: 20px;border-radius: 50px;right: -60px;top: 16px;}
.toggle-slider h3:after{
    border-bottom: 2px solid #237710;
    border-left: 2px solid #237710;
    width: 7px;
    height: 7px;
    right: -53px;
    top: 21.5px;
    transform: rotate(-45deg);
    transition: all 0.5s;
}
.toggle-slider .active h3:after{
    transform: rotate(135deg) translate(3px,-2px);
}
.toggle-slider  li.active h3{
     margin-bottom: 60px;
}
h1, h2,.toggle-slider h4 {
    font-family: var(--primaryfont-bold);
}
h1{
    font-size: 50px;
}
h2{
    font-size: 40px;
}
h2>span{
    display: block;
    color:#237710;
}
.act-btn{
    padding: 10px 32px;
}
.col-3 li h3{
    font-family: var(--primaryfont-semibold);
    font-size: 30px;
    margin-bottom: 20px;
}
.fea-icon-2 h3{
    max-width:80%;
}
.toggle-slider h4{
     color:#237710;
}
.toggle-slider h2{
    text-align:center;
}
.toggle-slider ul{
    width: 90%;
    max-width: 800px;
    margin: 80px auto 140px;
}
.toggle-slider ul li{
    border-top:1px solid gray;
    padding: 50px 0px 50px;
}
.toggle-slider img{  
        margin: 20px auto 40px;
}
.toggle-slider ul li:nth-child(2) img{
    max-width:400px;
}
.toggle-slider ul li:nth-child(3) img{
    max-width: 600px;
    width: 80%;
}
.toggle-slider ul li:nth-child(4) img{
    max-width:700px;
}
.toggle-slider img[src$=".jpg"]{
     box-shadow: 12px 10px 25px rgba(0,0,0,0.035);
}

.toggle-slider ul li:last-child{
     border-bottom:1px solid gray;
}
.toggle-slider ul li>div{
    display:none;
}
.fea-list h2{
    text-align: center;
    max-width: 900px;
    margin: 0px auto 0px;
}
.fea-list .content-wrap{
    max-width: 1200px;
}
.fea-list .col-3{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 60px auto 120px;
}
.col-3 li{
    width: 32%;
    box-sizing: border-box;
    padding: 100px 25px 0px;
    position: relative;
}
.col-3 li:nth-child(-n+3){
    margin-bottom:40px
}
.col-3 li::before{
    position:absolute;
    content:"";
    width: 56px;
    height: 59px;
    /* background-color: red; */
    top: 25px;
    background-image: url(/sites/default/files/vault/desk-features-sprints.png);
    background-repeat: no-repeat;
    background-size: auto 300px;
}
.centerlized .content-wrap{
  max-width:700px;
    text-align: center;
}
.centerlized .content-wrap img{
      max-width: 640px;
      width: 75%;
}
.cta-section .content-wrap{
    text-align:center;
    max-width: 740px;
}
.cta-section{
     background-color:#d3fece;
}
.cta-section{
        padding: 100px 0px 80px;
        margin-top: 100px;
}
.cta-section h2{
    margin-bottom:26px
}
.cta-section p+p{
    margin-bottom:0px;
    font-size: 16px;
}
.cta-section p+p a{
    color:green;
    border-bottom:1px solid green;
    font-family: var(--primaryfont-bold)
}
.cta-section p+p a:hover{
    opacity:0.8;

}
li.fea-icon-1:before{
      background-position: -184px 0px;
}
li.fea-icon-2:before{
    background-position: -122px 2px;
    transform: scale(1.1) translateX(5px);
}
li.fea-icon-3:before{
    width: 59px;
    background-position: -194px -126px;
    background-size: auto 320px;
    transform: scale(1.1) translateX(5px);
}
li.fea-icon-4:before{
    background-position: -120px -120px;
}
li.fea-icon-5:before{
    background-position: -4px -120px;
}
li.fea-icon-6:before{
    background-position: -59px -180px;
    width: 60px;
    transform: scale(1.1) translateX(5px);
}

 @media  screen and (min-width:1100px) and (max-width:1440px){
  
  section.banner {
    padding: 70px 0px 90px;
} 
.toggle-slider {
    padding: 100px 0px 0px;
}
.fea-list .content-wrap {
    max-width: 1000px;
}
.col-3 li h3 {
    font-size: 26px;
}
.fea-list h2 {
    max-width: 860px;
}
.toggle-slider ul {
    margin: 60px auto 140px;
}
.toggle-slider ul li {
    padding: 30px 0px 30px;
}
.toggle-slider h3{
    font-size:24px;
    max-width: 680px;
}
.col-3 li::before{
    transform: scale(0.85);
    top: 16px;
}
.col-3 li.fea-icon-4::before,.col-3 li.fea-icon-5::before{
    transform: scale(0.75) translateX(-8px);
}
.col-3 li {
    padding:80px 25px 0px;
}
}

@media  screen and (max-width:1101px){
     h1{
    font-size:48px;
}
h2{
    font-size:38px;
}
    section.banner {
    padding: 70px 0px 90px;
} 
.toggle-slider {
    padding: 100px 0px 0px;
}
.toggle-slider ul li {
    padding: 30px 0px 30px;
}
.col-3 li{
    width:50%;
}
.act-btn {
    padding: 8px 30px;
    font-size:16px;
}
.col-3 li {
    padding:80px 25px 0px;
}
.col-3 li::before{
    transform: scale(0.85);
    top: 16px;
}
.col-3 li.fea-icon-4::before,.col-3 li.fea-icon-5::before{
    transform: scale(0.75) translateX(-8px);
}
 }


@media  screen and (max-width:620px){
         h1{
    font-size: 36px;
}
h2{
    font-size: 26px;
}
.toggle-slider h2 {
    text-align: left;
}
h2>span{
    margin-top:10px
}
.col-3 li h3{
    font-size:20px
}
.toggle-slider {
    padding: 60px 0px 0px;
}
    .fea-list h2{
        text-align:left
    }
    section.banner {
    padding: 40px 0px 60px;
}
.col-3 li{
    width:100%;
    padding: 80px 0px 0px;
}
.toggle-slider ul{
    width:100%;
}
.toggle-slider ul {;
    margin: 50px auto 70px;
}
.toggle-slider h3:before{width: 16px;height: 16px;border-radius: 50px;right: 0;top: 16px;}
.toggle-slider h3:after{

right: 6px;

top: 21px;

width: 5px;

height: 5px;
}
.toggle-slider h3 {
    width: 100%;
    box-sizing: border-box;
    padding-right: 40px;
    font-size: 19px;
}
.toggle-slider li.active h3 {
    margin-bottom: 30px;
}
.toggle-slider .active h3:after {
    transform: rotate(135deg) translate(2px,-1px);
}
.banner .content-wrap p, .toggle-slider ul p {
    font-size:18px;
}
.banner .content-wrap p {
    margin-bottom: 20px;
}
.toggle-slider h4 {
    margin-bottom:10px;
}
.toggle-slider img {
    width: 90%;
    margin:10px auto 20px;
}
.toggle-slider ul li:nth-child(2) img{
    width:70%;
}
.col-3 li::before{
    transform: scale(0.85);
    top: 16px;
}
.col-3 li.fea-icon-4::before,.col-3 li.fea-icon-5::before{
    transform: scale(0.75) translateX(-8px);
}
.fea-list .col-3{
    
margin: 30px auto 60px;
}
.centerlized h2{
    max-width: 290px;
    margin: 0px auto 15px;
}
.cta-section {
    padding: 60px 0px 50px;
    margin-top: 60px;
}
.cta-section p+p a{
    color: #068c44;

}
.cta-section p+p a:hover{
        color: #036b33;
}
  }