/* SECTION TITLE ANIMATION 1*/
.sectionn-title::before {
position: absolute;
content: "";
width: 510px;
height: 3px;
left: 0;
bottom: 0;
background: var(--primary);
border-radius: 2px;
}

.sectionn-title.text-center::before {
left: 20%;
margin-left: -75px;
}

.sectionn-title.sectionn-title-sm::before {
width: 90px;
height: 3px;
}

.sectionn-title::after {
position: absolute;
content: "";
width: 6px;
height: 5px;
bottom: 0px;
background: #FFFFFF;
-webkit-animation: sectionn-title-run 3s infinite linear;
animation: sectionn-title-run 3s infinite linear;
}

.sectionn-title.sectionn-title-sm::after {
width: 4px;
height: 3px;
}

.sectionn-title.text-center::after {
-webkit-animation: sectionn-title-run-center 3s infinite linear;
animation: sectionn-title-run-center 3s infinite linear;
}

.sectionn-title.sectionn-title-sm::after {
-webkit-animation: sectionn-title-run-sm 3s infinite linear;
animation: sectionn-title-run-sm 3s infinite linear;
}

@-webkit-keyframes sectionn-title-run {
0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes sectionn-title-run-center {
0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes sectionn-title-run-sm {
0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}
/* END */

/* SECTION TITLE ANIMATION 1*/
.section1-title::before {
    position: absolute;
    content: "";
    width: 360px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section1-title.text-center::before {
    left: 50%;
    margin-left: -75px;
    }
    
    .section1-title.section1-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section1-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section1-title-run 3s infinite linear;
    animation: section1-title-run 3s infinite linear;
    }
    
    .section1-title.section1-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section1-title.text-center::after {
    -webkit-animation: section1-title-run-center 3s infinite linear;
    animation: section1-title-run-center 3s infinite linear;
    }
    
    .section1-title.section1-title-sm::after {
    -webkit-animation: section1-title-run-sm 3s infinite linear;
    animation: section1-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section1-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section1-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section1-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

    /* SECTION TITLE ANIMATION 2*/
.section2-title::before {
    position: absolute;
    content: "";
    width: 270px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section2-title.text-center::before {
    left: 50%;
    margin-left: -75px;
    }
    
    .section2-title.section2-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section2-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section2-title-run 3s infinite linear;
    animation: section2-title-run 3s infinite linear;
    }
    
    .section2-title.section2-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section2-title.text-center::after {
    -webkit-animation: section2-title-run-center 3s infinite linear;
    animation: section2-title-run-center 3s infinite linear;
    }
    
    .section2-title.section2-title-sm::after {
    -webkit-animation: section2-title-run-sm 3s infinite linear;
    animation: section2-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section2-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section2-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section2-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

    /* SECTION TITLE ANIMATION 3*/
.section3-title::before {
    position: absolute;
    content: "";
    width: 420px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section3-title.text-center::before {
    left: 28%;
    margin-left: -75px;
    }
    
    .section3-title.section3-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section3-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section3-title-run 3s infinite linear;
    animation: section3-title-run 3s infinite linear;
    }
    
    .section3-title.section3-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section3-title.text-center::after {
    -webkit-animation: section3-title-run-center 3s infinite linear;
    animation: section3-title-run-center 3s infinite linear;
    }
    
    .section3-title.section3-title-sm::after {
    -webkit-animation: section3-title-run-sm 3s infinite linear;
    animation: section3-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section3-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section3-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section3-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */


      

    /* SECTION TITLE ANIMATION 4*/
.section4-title::before {
    position: absolute;
    content: "";
    width: 480px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section4-title.text-center::before {
    left: 20%;
    margin-left: -75px;
    }
    
    .section4-title.section4-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section4-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section4-title-run 3s infinite linear;
    animation: section4-title-run 3s infinite linear;
    }
    
    .section4-title.section4-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section4-title.text-center::after {
    -webkit-animation: section4-title-run-center 3s infinite linear;
    animation: section4-title-run-center 3s infinite linear;
    }
    
    .section4-title.section4-title-sm::after {
    -webkit-animation: section4-title-run-sm 3s infinite linear;
    animation: section4-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section4-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section4-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section4-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */


    /* SECTION TITLE ANIMATION 5*/
.section5-title::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section5-title.text-center::before {
    left: 20%;
    margin-left: -75px;
    }
    
    .section5-title.section5-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section5-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section5-title-run 3s infinite linear;
    animation: section5-title-run 3s infinite linear;
    }
    
    .section5-title.section5-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section5-title.text-center::after {
    -webkit-animation: section5-title-run-center 3s infinite linear;
    animation: section5-title-run-center 3s infinite linear;
    }
    
    .section5-title.section5-title-sm::after {
    -webkit-animation: section5-title-run-sm 3s infinite linear;
    animation: section5-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section5-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section5-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section5-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

     /* SECTION TITLE ANIMATION 6*/
.section6-title::before {
    position: absolute;
    content: "";
    width: 220px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section6-title.text-center::before {
    left: 20%;
    margin-left: -75px;
    }
    
    .section6-title.section6-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section6-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section6-title-run 3s infinite linear;
    animation: section6-title-run 3s infinite linear;
    }
    
    .section6-title.section6-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section6-title.text-center::after {
    -webkit-animation: section6-title-run-center 3s infinite linear;
    animation: section6-title-run-center 3s infinite linear;
    }
    
    .section6-title.section6-title-sm::after {
    -webkit-animation: section6-title-run-sm 3s infinite linear;
    animation: section6-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section6-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section6-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section6-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

     /* SECTION TITLE ANIMATION 7*/
.section7-title::before {
    position: absolute;
    content: "";
    width: 290px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section7-title.text-center::before {
    left: 50%;
    margin-left: -75px;
    }
    
    .section7-title.section7-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section7-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section7-title-run 3s infinite linear;
    animation: section7-title-run 3s infinite linear;
    }
    
    .section7-title.section7-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section7-title.text-center::after {
    -webkit-animation: section7-title-run-center 3s infinite linear;
    animation: section7-title-run-center 3s infinite linear;
    }
    
    .section7-title.section7-title-sm::after {
    -webkit-animation: section7-title-run-sm 3s infinite linear;
    animation: section7-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section7-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section7-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section7-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

      /* SECTION TITLE ANIMATION 8*/
.section8-title::before {
    position: absolute;
    content: "";
    width: 330px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section8-title.text-center::before {
    left: 50%;
    margin-left: -75px;
    }
    
    .section8-title.section8-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section8-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section8-title-run 3s infinite linear;
    animation: section8-title-run 3s infinite linear;
    }
    
    .section8-title.section8-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section8-title.text-center::after {
    -webkit-animation: section8-title-run-center 3s infinite linear;
    animation: section8-title-run-center 3s infinite linear;
    }
    
    .section8-title.section8-title-sm::after {
    -webkit-animation: section8-title-run-sm 3s infinite linear;
    animation: section8-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section8-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section8-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section8-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

     /* SECTION TITLE ANIMATION 9*/
.section9-title::before {
    position: absolute;
    content: "";
    width: 180px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section9-title.text-center::before {
    left: 20%;
    margin-left: -75px;
    }
    
    .section9-title.section9-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section9-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section9-title-run 3s infinite linear;
    animation: section9-title-run 3s infinite linear;
    }
    
    .section9-title.section9-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section9-title.text-center::after {
    -webkit-animation: section9-title-run-center 3s infinite linear;
    animation: section9-title-run-center 3s infinite linear;
    }
    
    .section9-title.section9-title-sm::after {
    -webkit-animation: section9-title-run-sm 3s infinite linear;
    animation: section9-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section9-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section9-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section9-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */


     /* SECTION TITLE ANIMATION 2*/
.section10-title::before {
    position: absolute;
    content: "";
    width: 360px;
    height: 3px;
    left: 34%;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section2-title.text-center::before {
    left: 50%;
    margin-left: -75px;
    }
    
    .section2-title.section2-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section2-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section2-title-run 3s infinite linear;
    animation: section2-title-run 3s infinite linear;
    }
    
    .section2-title.section2-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section2-title.text-center::after {
    -webkit-animation: section2-title-run-center 3s infinite linear;
    animation: section2-title-run-center 3s infinite linear;
    }
    
    .section2-title.section2-title-sm::after {
    -webkit-animation: section2-title-run-sm 3s infinite linear;
    animation: section2-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section2-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section2-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section2-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */

     /* SECTION TITLE ANIMATION 11*/
.section11-title::before {
    position: absolute;
    content: "";
    width: 430px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section11-title.text-center::before {
    left: 27%;
    margin-left: -75px;
    }
    
    .section11-title.section11-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section11-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section11-title-run 3s infinite linear;
    animation: section11-title-run 3s infinite linear;
    }
    
    .section11-title.section11-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section11-title.text-center::after {
    -webkit-animation: section11-title-run-center 3s infinite linear;
    animation: section11-title-run-center 3s infinite linear;
    }
    
    .section11-title.section11-title-sm::after {
    -webkit-animation: section11-title-run-sm 3s infinite linear;
    animation: section11-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section11-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section11-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section11-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */




    
/* SECTION TITLE ANIMATION 1*/
.section11-title::before {
    position: absolute;
    content: "";
    width: 360px;
    height: 3px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
    }
    
    .section11-title.text-center::before {
    left: 0%;
    margin-left: 70px;
    }
    
    .section11-title.section11-title-sm::before {
    width: 90px;
    height: 3px;
    }
    
    .section11-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 3px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section11-title-run 3s infinite linear;
    animation: section11-title-run 3s infinite linear;
    }
    
    .section11-title.section11-title-sm::after {
    width: 4px;
    height: 3px;
    }
    
    .section11-title.text-center::after {
    -webkit-animation: section11-title-run-center 3s infinite linear;
    animation: section11-title-run-center 3s infinite linear;
    }
    
    .section11-title.section11-title-sm::after {
    -webkit-animation: section11-title-run-sm 3s infinite linear;
    animation: section11-title-run-sm 3s infinite linear;
    }
    
    @-webkit-keyframes section11-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
    }
    
    @-webkit-keyframes section11-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
    }
    
    @-webkit-keyframes section11-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
    }
    /* END */