.section .blue strong {
    font-weight: 500;
}

.section .blue strong:hover {
    font-weight: 500;
    color: rgb(21,193,229);
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  *::after, *::before {
    content: '';
  }
  
.section {
    padding: 1.5rem;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(248,248,250, .4)), color-stop(rgba(248,248,250, .7)), to(rgba(248,248,250, .8)));
    background-image: -webkit-linear-gradient(to right, rgba(248,248,250, .4), rgba(248,248,250, .7), rgba(248,248,250, .8));
    background-image: -moz-linear-gradient(to right, rgba(248,248,250, .4), rgba(248,248,250, .7), rgba(248,248,250, .8));
    background-image: -o-linear-gradient(to right, rgba(248,248,250, .4), rgba(248,248,250, .7), rgba(248,248,250, .8));
    background-image: linear-gradient(to right, rgba(248,248,250, .4), rgba(248,248,250, .7), rgba(248,248,250, .8));
    color: rgba(52, 56, 56, .9);
    font-family: "Ubuntu", sans-serif;
    font-size: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.57rem;
  
}

.section li div {color: rgba(52, 56, 56, .95); }

.section-menu {
    padding-right: 1rem;
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
}

.section-menu a {
    padding: 0rem;
    color: rgba(52 ,56, 56, 1);  
}

.section-menu a:visited {
    color: rgba(52 ,56, 56, 1);
}

.section-menu li a {
    display:inline-block;
    padding: 1.5rem 1.7rem ;
}


.section-menu li {
    width: 100%;
    margin-bottom: 1rem;
    display: inline-block;
    font-family: "Ubuntu", sans-serif;
    font-size: 1.1rem;
    line-height: 1.3;
    font-weight: 500;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(248, 250, 250, .6)), color-stop(rgba(248, 250, 250, .4)), to(rgba(248, 250, 250, .15)));
    background-image: -webkit-linear-gradient(to right, rgba(248, 250, 250, .6), rgba(248, 250, 250, .4), rgba(248, 250, 250, .15));
    background-image: -moz-linear-gradient(to right, rgba(248, 250, 250, .6), rgba(248, 250, 250, .4), rgba(248, 250, 250, .15));
    background-image: -o-linear-gradient(to right, rgba(248, 250, 250, .6), rgba(248, 250, 250, .4), rgba(248, 250, 250, .15));
    background-image: linear-gradient(to right, rgba(248, 250, 250, .6), rgba(248, 250, 250, .4), rgba(248, 250, 250, .15));
    
    -webkit-box-shadow: -0rem 0px 0px 0 rgba(21,193,229, .0);
    box-shadow: -0rem 0px 0px 0 rgba(21,193,229, .0);
     
    
      
    

    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

    -ms-transition: box-shadow 300ms ease-in-out;
    -moz-transition: box-shadow 300ms ease-in-out;
    -o-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 100ms ease-in !important;
}

.section-menu li:hover {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(21,193,229, .35)), to(rgba(52, 56, 56, .02)));
    background-image: -webkit-linear-gradient(to right, rgba(21,193,229, .35), rgba(52, 56, 56, .02));
    background-image: -moz-linear-gradient(to right, rgba(21,193,229, .35), rgba(52, 56, 56, .02));
    background-image: -o-linear-gradient(to right, rgba(21,193,229, .35), rgba(52, 56, 56, .02));
    background-image: linear-gradient(to right, rgba(21,193,229, .35), rgba(52, 56, 56, .02));
    
    

    -webkit-box-shadow: -6rem 0px 0px 0 rgba(21,193,229, .35);
            box-shadow: -6rem 0px 0px 0 rgba(21,193,229, .35);

            -webkit-transition: -webkit-box-shadow 200ms ease-out !important;
            transition: -webkit-box-shadow 200ms ease-out !important;
            transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out !important;
            -ms-transition: box-shadow 200ms ease-out !important;
            -moz-transition: box-shadow 200ms ease-out !important;
            -o-transition: box-shadow 200ms ease-out !important;
            transition: box-shadow 200ms ease-out !important;
}

.section-texts {
    display: inline-block;
    width: 100%;
}

.section-text {
    margin-bottom: 1rem;
    background: rgba(248 ,248, 250, .8);
    padding: .7rem .9rem .7rem .9rem;
    
}

.section-texts h2 {
    font-family: "Ubuntu", sans-serif;
    padding-top: 1.08rem;
    padding-bottom: 1.08rem;
    font-weight: 600; 
    font-size: 1.4rem;
    text-align: center;
    opacity: .95;
    font-family: "Ubuntu", sans-serif;
}

.section-texts .section-p { 
    margin-bottom: 1rem;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;  
    line-height: 1.5em; 
    font-size: 1.15rem;
}





  @media screen and (max-width: 999px) {
    .scroll-top {display: none}
    .section-menu {display: none;}
    li:nth-child(odd) h2:before,
    li:nth-child(odd) h2::before {display: none;}
    li:nth-child(even) h2:before,
    li:nth-child(even) h2::before { display: none; }




    .section-text {padding: 0; 
        background-color: rgba(248,248,250, 1);
        background: transparent !important;
     }

     .section-text h2 {
        background: transparent !important;
        -webkit-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out; 
        -moz-transition: all 250ms ease-in-out; 
        -o-transition: all 250ms ease-in-out; 
        transition: all 250ms ease-in-out; 
        color: rgba(52, 56, 56, .95); 
     }

     .section-text h2:hover, .section-text h2:focus, .section-text h2:active  {
        background: transparent !important;
     }


     .section-text h2  svg {
         pointer-events: none;
     }

     .section-text div {
        background: rgba(251, 251, 252, .035) !important;
     } 

    .section {
        background-image: none;
        background-color: rgba(251,251,252, 1);
        padding-left: 0;
        padding-right: 0;
    }


li h2:hover, li h2:active, li h2:focus {color: rgba(21,193,229, 1);}

.section-texts li h2 {
    background: transparent !important;
    
}
.section-texts {
    width: 100%;
    padding-bottom: 1rem;
}


    .section-texts img {
        opacity: .0;
        height: 34px;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        padding-top: .5rem;
        padding-bottom: .5rem;
        display: block;
        padding-left: 4rem;
        padding-right: 4rem;
        margin-left: auto;
        margin-right: auto;
    }

    .section-texts h2 {
        font-weight: 500; 
        font-size: 1.3rem;
        line-height: 2rem;
        text-align: center !important;
        opacity: .95;
        font-family: "Ubuntu", sans-serif;
        position: relative;
        padding: 1.5rem !important;
        background: transparent; 
        font-size: 1.5rem; 
        padding-bottom: 0 !important;
        padding-top: 0.3 !important;
    }

    .section-texts .section-p { 
        margin-bottom: 1rem;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;  
        line-height: 1.6em; 
        font-size: 1rem;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        padding: .7rem;
        padding-top: 0;
        margin-top: 0;
        opacity: 0;
        padding-bottom: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .section-texts a .blue strong {
        font-weight: normal;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        opacity: 0;
    }

    .down-svg {
        fill: #15C1E5;
        display: block;
        margin: .5rem auto 0 auto;
        opacity: 1;
        max-height: auto;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    /****************OPEN-P************************/

    h2.open-p + .section-p  a .blue strong  {
        font-weight: normal;
        opacity: 1;
    }

    h2.open-p + .section-p { 
        max-height: 100%;
        color: rgba(52 ,56, 56, 1);
        background: rgba(248, 250, 250, .3) !important;
        opacity: 1;
    }

    h2.open-p + .section-p img{
        opacity: .7;
    }  

    li:nth-child(even) h2.open-p:before,
    li:nth-child(even) h2.open-p::before, 
    li:nth-child(odd) h2.open-p:before,
    li:nth-child(odd) h2.open-p::before {
        background: rgba(21,193,229, 1);
        /*transform: scale(1, .4);*/
        height: 4rem;
        -webkit-transform: scale(1, .7);
        -ms-transform: scale(1, .7);
        -moz-transform: scale(1, .7);
        -o-transform: scale(1, .7);
        transform: scale(1, .7);
    }

    h2.open-p {
        color: rgba(21,193,229, 1);
        background: rgba(248, 250, 250, .3) !important;
    }

    h2.open-p .down-svg {
        opacity: 0;
        max-height: 0;
    }


    /****************OPEN-P************************/
  }
 
  @media screen and (min-width: 1000px) {
    .section-texts .up {display: none;}

    
    .scroll-top img {
        height: 25px;
        opacity: 1;
    }

    .scroll-top p,
    .scroll-top:visited p {
        color: rgba(248, 250, 250, 1);
        font-weight: 600;
        font-size: 1.05rem;
        margin-left: 4rem;
    }

    .scroll-top:hover,
    .scroll-top:focus,
    .scroll-top:active,
    .scroll-top:hover p,
    .scroll-top:focus p,
    .scroll-top:active p {  
        color: rgba(248, 250, 250, 1); }
     
    .scroll-top:hover img {  opacity: 1; }
    

    .scroll-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        position: fixed;
        z-index: 99;
        width: 22%;
        height: 6rem;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(21,193,229, .35)), to(rgba(52,56,56, 0.0)));
        background-image: -webkit-linear-gradient(to right, rgba(21,193,229, .35), rgba(52,56,56, 0.0));
        background-image: -moz-linear-gradient(to right, rgba(21,193,229, .35), rgba(52,56,56, 0.0));
        background-image: -o-linear-gradient(to right, rgba(21,193,229, .35), rgba(52,56,56, 0.0));
        background-image: linear-gradient(to right, rgba(21,193,229, .35), rgba(52,56,56, 0.0));
        bottom: 0rem;
        left: 0rem;
        max-height: 0%;
        overflow: hidden;
        color: transparent;
        opacity: 0;
        -webkit-transition: max-height 100ms ease-in, linear-gradient 350ms ease-in-out, opacity 100ms ease-in;
        -ms-transition: max-height 100ms ease-in, linear-gradient 350ms ease-in-out, opacity 100ms ease-in;
        -moz-transition: max-height 100ms ease-in, linear-gradient 350ms ease-in-out, opacity 100ms ease-in;
        -o-transition: max-height 100ms ease-in, linear-gradient 350ms ease-in-out, opacity 100ms ease-in;
        transition: max-height 100ms ease-in, linear-gradient 350ms ease-in-out, opacity 100ms ease-in;
    }

    .scroll-top:hover {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(21,193,229, .5)), to(rgba(52,56,56, 0.0)));
        background-image: -webkit-linear-gradient(to right, rgba(21,193,229, .5), rgba(52,56,56, 0.0));
        background-image: -moz-linear-gradient(to right, rgba(21,193,229, .5), rgba(52,56,56, 0.0));
        background-image: -o-linear-gradient(to right, rgba(21,193,229, .5), rgba(52,56,56, 0.0));
        background-image: linear-gradient(to right, rgba(21,193,229, .5), rgba(52,56,56, 0.0));
    }

    .scroll-top.scroll-top-show {
        opacity: 1;
        max-height: 100%;
        -webkit-transition: max-height 900ms ease-out, opacity 700ms ease-out;
        -ms-transition: max-height 900ms ease-out, opacity 700ms ease-out;
        -moz-transition: max-height 900ms ease-out, opacity 700ms ease-out;
        -o-transition: max-height 900ms ease-out, opacity 700ms ease-out;
        transition: max-height 900ms ease-out, opacity 700ms ease-out;
    }
  }


  :target {
    display: block;
    position: relative;
    top: -5.75rem; 
    visibility: hidden;
  }

  @media screen and (min-width: 600px) and (max-width: 999px) {

    .section.contact-section {
        padding-top: 7.75rem;
    }

    .section-texts img {
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        margin-top: .5rem;
    }

    .down-svg {
      margin-top: 1.1rem;
      -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
      -moz-transform: scale(1.3, 1.3);
      -o-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3);
    }

    .scroll-top p,
    .scroll-top:visited p {
        margin-left: 3rem;
    }


    .section-menu li {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: .9rem;
    }

  
    .section-texts h2 {
        font-size: 1.6rem;
        padding-top: 2rem !important;
    }

    .section-texts .section-p {
        font-size: 1.15rem;
    }

    .section {
       
       
        background-image: none !important;
        padding: 1.95rem 3rem 2.3rem 3rem;
    }
}

  @media screen and (max-width: 999px) {
  :target + h2 {
      color: rgba(21,193,229, 1);
      background: rgba(248, 250, 250, .3) !important; 
        }


}



@media screen and (max-width: 419px) {

        .section-title {
            font-size: .95rem;
            font-weight: 600;
            opacity: .82;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;   
        }

        li:nth-child(odd) h2 { 
            padding-left: 2rem;
            padding-right: 2rem;
            text-align: left;
            padding-right: 1rem;
            padding-left: 1.5rem;
        }
    
        li:nth-child(even) h2 { 
            padding-right: 2rem;
            padding-left: 2rem;
            text-align: right;
            padding-right: 1.5rem;
            padding-left: 1rem;
        }

        .section-texts .section-p {
            font-size: .95rem;
        }

        .section-text h2 { 
            font-size: 1.2rem;
            line-height: 1.5rem;
            font-weight: 500 !important;
          
        }
}



@media screen and (min-width: 1000px) {
    .down-svg {display: none !important;}
    .add-space {display: none !important;}
}

@media screen and (min-width: 420px) and (max-width: 599px) {

    .section-texts img {
        -webkit-transform: scale(1.15, 1.15);
        -ms-transform: scale(1.15, 1.15);
        -moz-transform: scale(1.15, 1.15);
        -o-transform: scale(1.15, 1.15);
        transform: scale(1.15, 1.15);

        margin-top: .4rem;
    }

    .down-svg {
      margin-top: .5rem;
      -webkit-transform: scale(1.15, 1.15);
        -ms-transform: scale(1.15, 1.15);
        -moz-transform: scale(1.15, 1.15);
        -o-transform: scale(1.15, 1.15);
        transform: scale(1.15, 1.15);
    }

    .scroll-top p,
    .scroll-top:visited p {
        margin-left: 3rem;
    }


    .section-menu li {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: .9rem;
    }

  
    .section-texts h2 {
        font-size: 1.4rem;
        padding-top: 2.2rem !important;
    }

    .section-texts .section-p {
        font-size: 1.15rem;
    }

    .section {
        padding: 1.5rem;
    }
}