/* //========================================================================================
/*                                                                                      *
 *                              to put in global style.css                              *
 *                                                                                      */
       /* //========================================================================================
*/

       html,
       body {
           overflow-x: hidden;
           scroll-behavior: smooth;
           font-family: var(--main-font);
       }

       a:hover {
           text-decoration: none;
       }

       /*                                                                                      *
 *                                     header navbar                                    *
 *                                                                                      */

       .header-cover {
           padding-top: 25px;
           padding-left: 102px;
           padding-right: 102px;
           border-top: 6px solid #ff6d00;
       }

       .sticky-header {
           position: fixed;
           width: 100%;
           top: 0px;
           background-color: #fff;
           z-index: 9999;
           padding: 0px 0px 10px;
           display: none;
           box-shadow: 0 1px 2px 0 rgba(38, 34, 32, .1);
           transition: 0.5s all ease-in-out;
           -webkit-animation: slidein 0.3s ease 1 normal;
           -moz-animation: slidein 0.3s ease 1 normal;
           -o-animation: slide_down 0.3s ease 1 normal;
           animation: slide_down 0.3s ease 1 normal;
       }

       @keyframes slide_down {
           from {
               transform: translateY(-69px);
           }

           to {
               transform: translateY(0px);
           }
       }

       .sticky-header.showoo {
           display: block !important;
       }

       .sticky-header .header-cover {
           padding-top: 10px !important;
       }

       .header-btn:hover,
       .header-btn:focus,
       .header-btn:active {
           color: #fff;
           background-color: #FF5200;
       }

       .header-text {
           font-size: 16px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 2;
           letter-spacing: normal;
           color: #20114a;
           margin-bottom: 0px !important;
       }

       .header-btn {
           width: 180px;
           height: 40px;
           border-radius: 2px;
           background-color: #ff6d00;
           font-size: 18px;
           font-weight: 500;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.4;
           letter-spacing: normal;
           text-align: center;
           color: #ffffff;
       }

       .yes-mbl {
           display: none;
       }

       /*                                                                                      *
 *                                     Banner                                                *
 *                                                                                      */

       .banner {
           padding-top: 132px;
           padding-left: 350px;
           padding-bottom: 105px;
           position: relative;
       }

       .banner-heading {
           font-family: var(--main-font);
           font-size: 52px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.4;
           color: #20114a;
           position: relative;
       }

       .cancel-anytime {
           display: none;
       }

       .org-mbl-btn {
           display: none;
       }

       .banner-heading:after {
           content: '';
           position: absolute;
           display: block;
           margin: 0 auto;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           left: 0px;
           margin-top: 42px;
       }

       .banner-para {
           font-size: 18pt;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           color: #20114a;
           margin-top: 71px;
           margin-bottom: 1rem;
       }

       .org-btn {
           border-radius: 3px;
           background-color: #ff6d00;
           font-size: 22px;
           font-weight: 500;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: normal;
           text-align: center;
           color: #ffffff;
           margin-top: 25px;
       }

       .org-btn .free {
           color: #ff6d00;
       }

       .org-btn:hover,
       .org-btn:active,
       .org-btn:focus {
           background-color: #FF5200;
           color: #fff;
       }

       .blue-btn:hover,
       .blue-btn:focus,
       .blue-btn:active {
           background-color: #2A6FA2;
           color: #fff;
       }

       .banner-img {
           margin-left: 70px;
       }

       .banner-img img {
           width: 717px;
           height: auto;
           display: block;
       }

       .banner-img video {
           width: 717px;
           height: 401px;
       }

       img.circlo {
           position: absolute;
           z-index: -999;
           left: -158px;
           right: 0px;
           display: block;
           margin: 0 auto;
           bottom: 24px;
           width: 304px;
           height: 304px;
       }

       .banner-text {
           margin-top: 40px;
       }

       .img-tri img {
           z-index: 1;
           position: absolute;
           right: 470px;
           bottom: -94px;
           width: 115px;
           height: 145px;
       }

       /*                                                                                      *
 *                                     Learning a new language                                  *
 *                                                                                      */

       .banimage {
           background: url('https://d1jqu391rhi90k.cloudfront.net/lp-assets/learnspanish1/images/aabitmap.png') repeat scroll center center / cover;
           height: 1282px;
           width: 100%;
           position: relative;
           clip-path: polygon(0 0%, 100% 0, 100% 60%, 0 41%);
           padding-left: -15px;
           padding-right: -15px;
       }

       .learning-language .container-fluid {
           padding-left: 0px;
           padding-right: 0px;
       }

       .learning-blue {
           height: 120px;
           background-color: #dbdbdb;
       }

       .logos {
           width: 50%;
           margin: auto;
           display: flex;
       }

       p {
           text-align: center;
       }

       .alignLogo {
           align-self: center;
       }

       .top-logos {
           width: 60%;
           display: flex;
           justify-content: space-around;
       }

       .bottom-logos {
           width: 40%;
           display: flex;
           justify-content: space-around;
       }

       .ox-cover {
           padding-top: 6px;
           padding-bottom: 6px;
           padding-right: 33px;
           border-right: 1px solid #fff;
       }

       .ox-para {
           font-size: 18px;
           font-weight: 100;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           color: #ffffff;
           padding-left: 33px;
       }

       .s-oxford {
           display: none;
       }

       .ox-cover img {
           width: 60px;
           height: 51px;
       }

       .binge-worthy {
           padding-left: 350px;
           padding-top: 130px;
       }

       .binge-heading {
           font-size: 38px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           color: #ffffff;
           position: relative;
       }

       .binge-heading:after {
           content: '';
           position: absolute;
           display: block;
           margin: 0 auto;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           left: 0px;
           margin-top: 34px;
       }

       .binge-para {
           font-size: 18pt;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           color: #ffffff;
           margin-top: 65px;
           text-align: left;
       }

       .senerio-iner h3 {
           font-size: 28px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.14;
           letter-spacing: normal;
           color: #9c9c9c;
       }

       .change-senerio {
           padding-left: 350px;
           padding-top: 225px;
           position: absolute;
           top: 1230px;
       }

       .senerio-iner {
           width: 490px;
           padding-left: 52px;
           position: relative;
           cursor: pointer;
       }

       .senerio-iner::before {
           position: absolute;
           content: '1';
           width: 30px;
           height: 30px;
           background-color: #9c9c9c;
           border-radius: 50%;
           line-height: 30px;
           font-size: 22px;
           font-weight: bold;
           font-stretch: normal;
           font-style: normal;
           letter-spacing: normal;
           color: #ffffff;
           text-align: center;
           left: 0px;
           top: 4px;
       }

       a.linke.bar .senerio-iner::before {
           background-color: #20114a;
       }

       a.linke.bar .senerio-iner h3,
       a.linke.bar .senerio-iner p {
           color: #20114a;
       }

       .senerio-iner p {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           color: #9c9c9c;
           text-align: left;
       }

       .senerio-iner.ts h3,
       .senerio-iner.ts p {
           color: #20114a;
       }

       .linke.bar .senerio-iner.ts::before {
           background-color: #ff6d00 !important;
       }

       .senerio-iner.ts::before {
           background-color: #ff6d00 !important;
       }

       .forafter::after {
           content: '';
           position: absolute;
           width: 1px;
           height: 105px;
           background-color: #9c9c9c;
           left: 15px;
           top: 40px;
       }

       .senerio-iner.fortwo,
       .senerio-iner.forthree {
           margin-top: 40px;
       }

       .senerio-iner.fortwo::before {
           content: '2' !important;
       }

       .senerio-iner.forthree::before {
           content: '3' !important;
       }

       .senerio-img {
           z-index: 9;
       }

       .senerio-simg,
       .senerio-timg {
           display: none;
       }

       /* Learning Language Mobile */

       .learning-languagembl {
           display: none;
       }

       /*                                                                                      *
 *                                    1000 of hours here                                  *
 *                                                                                      */

       .thousound-hours {
           background: url('https://d1jqu391rhi90k.cloudfront.net/lp-assets/learnspanish1/images/thousound-hours-1.jpg') repeat scroll center center / cover;
           height: 720px;
           width: 100%;
           background-size: 100% 100%;
           position: relative;
       }

       .hours-top {
           height: 150px;
           width: 100%;
           mix-blend-mode: multiply;
           background-image: linear-gradient(to bottom, #000000 75%, rgba(255, 255, 255, 0));
       }

       .thousound-heading {
           font-family: var(--main-font);
           font-size: 38px;
           font-weight: bold;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           letter-spacing: -0.94px;
           color: #ffffff;
           text-align: center;
       }

       .col-12.thousound-after {
           margin-top: -50px;
       }

       h2.thousound-heading:after {
           content: '';
           position: absolute;
           display: block;
           margin: 0 auto;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           left: 0px;
           right: 0px;
           margin-top: 34px;
       }

       .thousound-mblpara {
           display: none;
       }

       .thousound-para {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: -0.44px;
           text-align: center;
           color: #ffffff;
           margin-top: 66px;
       }

       /*                                                                                      *
 *                                    Designed for all levels                             *
 *                                                                                      */

       .designed-level {
           background-color: #ff6d00;
       }

       .design-mblheading {
           display: none;
       }

       .designed-mblpara {
           display: none;
       }

       .redo {
           width: 397px;
           height: 137px;
           border: solid 1px #ff0000;
           background-color: transparent;
           display: block;
           margin: 0 auto;
           z-index: 100;
           position: absolute;
           top: 0px;
           left: 0;
           right: 0px;
       }

       .designed-heading {
           font-family: var(--main-font);
           font-size: 38px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.87;
           letter-spacing: -0.54px;
           color: #ffffff;
           text-align: center;
           z-index: 1;
           margin-top: 112px;
       }

       .designed-heading:after {
           content: '';
           position: absolute;
           background-color: #fff;
           width: 120px;
           height: 4px;
           left: 0px;
           right: 0px;
           display: block;
           margin: 0 auto;
           margin-top: 23px !important;
       }

       .designed-para {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           text-align: center;
           color: #ffffff;
           margin-top: 50px;
           font-weight: 100;
       }

       .staro i {
           color: #fff;
       }

       .stars-cover {
           margin-top: 40px;
           padding-bottom: 100px;
       }

       .staro-text {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.78;
           letter-spacing: normal;
           color: #ffffff;
           margin-top: 5px;
       }

       ul.listo li {
           padding-right: 70px;
       }

       ul.listo li:last-child {
           padding-right: 0px;
       }

       /*                                                                                      *
 *                                   Best TV from Latin America                           *
 *                                                                                      */

       .best-tv {
           padding: 113px 0px;
       }

       .tv-heading {
           font-family: var(--main-font);
           font-size: 38px;
           font-weight: bold;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           letter-spacing: -0.94px;
           color: #20114a;
           text-align: center;
           margin-bottom: 78px;
       }

       .tv-heading:after {
           content: '';
           position: absolute;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           display: block;
           margin: 0 auto;
           left: 0px;
           right: 0px;
           margin-top: 33px;
       }

       .tv-list li {
           padding-right: 46px;
       }

       .tv-list li:last-child {
           padding-right: 0px !important;
       }

       /*                                                                                      *
 *                                   Dramatically increase your vocabulary                 *
 *                                                                                      */

       .dramatically-increase {
           padding-left: 208px;
           padding-right: 208px;
       }

       .dramatically-inner {
           background: url('https://d1jqu391rhi90k.cloudfront.net/lp-assets/learnspanish1/images/bitmap@2x.png') repeat scroll center center / cover;
           height: 793px;
           width: 100%;
           background-size: 100% 100%;
           position: relative;
       }

       .dramatically-mblimg {
           display: none;
       }

       .dramatically-heading {
           font-family: var(--main-font);
           font-size: 38px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           color: #ffffff;
           padding-top: 118px;
           text-align: center;
       }

       .dramatically-heading:after {
           content: '';
           position: absolute;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           display: block;
           margin: 0 auto;
           left: 0px;
           right: 0px;
           margin-top: 33px;
       }

       .dramatically-para {
           margin-top: 66px;
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           text-align: center;
           color: #ffffff;
       }

       .dramatically-img img {
           width: 922px;
           height: 576px;
           display: block;
           margin: 0 auto;
           margin-top: 62px;
       }

       /*                                                                                      *
 *                                  Users loves us                                          *
 *                                                                                      */

       .users-love {
           padding: 230px 0px 89px;
       }

       .love-text,
       .slove-text {
           color: #20114A !important;
       }

       .nemo-comment {
           display: none;
       }

       .love-heading {
           font-family: var(--main-font);
           font-size: 38px;
           font-weight: bold;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           letter-spacing: -0.94px;
           color: #20114a;
           text-align: center;
           padding-bottom: 78px;
       }

       .love-heading:after {
           content: '';
           position: absolute;
           width: 120px;
           height: 4px;
           background-color: #ff6d00;
           display: block;
           margin: 0 auto;
           left: 0px;
           right: 0px;
           margin-top: 33px;
       }

       .f-comment {
           width: 811px;
           height: 105px;
           background-color: #f0f0f0;
           border-radius: 20px;
           border-top-right-radius: 0px !important;
           padding: 25px 31px;
           position: relative;
       }

       .s-comment {
           width: 826px;
           height: 107px;
           background-color: #f0f0f0;
           border-radius: 20px;
           border-top-left-radius: 0px !important;
           padding: 25px 31px;
           position: relative;
       }

       .love-text {
           /* width: 591px; */
           height: 56px;
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           color: #636363;
           margin-bottom: 0px;
       }

       .slove-text {
           
           height: 56px;
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.56;
           letter-spacing: normal;
           text-align: right;
           color: #636363;
           display: block;
           margin: 0 auto;
       }

       .imgon {
           margin-right: 30px;
           height: 90px;
           width: 90px;
           margin-top: -20px;
       }

       .for-comment {
           background-color: #f0f0f0;
           width: 50px;
           height: 50px;
           position: absolute;
           right: -22px;
           top: -33px;
           transform: rotate(-37deg);
           clip-path: polygon(0 39%, 0% 100%, 100% 100%);
       }

       .imgo {
           margin-left: 30px;
           height: 90px;
           width: 90px;
           margin-top: -20px;
       }

       .top-20 {
           margin-top: 20px;
       }

       .sor-comment {
           background-color: #f0f0f0;
           width: 50px;
           height: 50px;
           position: absolute;
           left: -33px;
           top: 0px;
           transform: rotate(-180deg);
           clip-path: polygon(0 39%, 0% 100%, 100% 100%);
       }

       .left-marg {
           margin-left: 30px;
       }

       /*                                                                                      *
 *                                 Join 100,000 Students                                    *
 *                                                                                      */

       .join-students {
           padding: 90px 0px;
           background-color: #ff6d00;
           /* padding-right: 254px; */
       }

       .blue-mblbtn {
           display: none;
       }

       .lingo-heading {
           font-size: 38px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           letter-spacing: 0.94px;
           text-align: center;
           color: #ffffff;
           margin-top: 40px;
       }

       .uni-btn {
           width: 276px;
           height: 60px;
           border-radius: 3px;
       }

       .blue-btn {
           /* box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.42); */
           background-color: #3b8ecb;
           font-size: 22px;
           font-weight: 500;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: normal;
           text-align: center;
           color: #ffffff;
           display: block;
           margin: 0 auto;
           margin-top: 58px;
       }

       span.free {
           background-color: #fff;
           padding: 3px 10px;
           color: #3b8ecb;
           border-radius: 20px;
       }

       .uni-btn i {
           margin-left: 10px;
       }

       .lingo-list {
           margin-top: 20px;
           text-align: center;
       }

       .lingo-list li {
           padding-right: 20px;
       }

       .lingo-list li:last-child {
           padding-right: 0px;
       }

       .lingo-tick {
           font-size: 18px;
           font-weight: 100;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.78;
           color: #ffffff;
       }

       .lingo-tick i {
           font-size: 15px;
       }

       .badgeo {
           position: absolute;
           z-index: 5;
           margin-top: 90px;
           padding-left: 50px;
           right: 13.5%;
       }

       img.light97 {
           position: absolute;
           right: 133px;
           z-index: -1;
           top: 96px;
           width: 265px;
           height: 265px;
       }

       /*                                                                                      *
 *                                 FAQ                                                     *
 *                                                                                      */

       .FAQ {
           padding: 100px 0px;
           background-color: #f0f0f0;
       }

       .card-body {
           padding: 0px !important;
       }

       .faq-mblheading {
           display: none;
           font-family: var(--main-font);
           font-size: 36px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.19;
           letter-spacing: normal;
           color: #20114a;
           text-align: center;
           text-transform: uppercase;
       }

       .accordion {
           width: 900px;
       }

       .card-header:hover {
           cursor: pointer;
       }

       .accordion .card-header .card-title:after {
           font-family: 'FontAwesome';
           content: "\f106";
           float: right;
           color: #20114a;
           margin-left: 14px;
           font-size: 16px;
           margin-top: 2px;
       }

       .accordion .card-header.collapsed .card-title:after {
           /* symbol for "collapsed" panels */
           content: "\f107";
           color: #20114a;
       }

       .accordion .card-title {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 2.11;
           letter-spacing: normal;
           color: #20114a !important;
       }

       .card-body p {
           color: #656565 !important;
           padding: 1.25rem;
           text-align: left;
       }

       .accordion .card-header {
           background-color: transparent;
       }

       section.FAQ .collapse.show {
           border-bottom: 1px solid #c3c3c3;
       }

       .card-header.psome.collapsed {
           border-bottom: 0px !important;
       }

       .card-header[aria-expanded="true"] {
           border: 0px !important;
       }

       .accordion .card.mb-0 {
           border: 0px;
           background-color: transparent;
       }

       .faq-heading {
           font-size: 38px;
           font-weight: bold;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.11;
           letter-spacing: -0.95px;
           color: #20114a;
           text-align: center;
           padding-bottom: 50px;
       }

       .faqsm-heading {
           width: 930px;
       }

       .faqsm-heading p {
           font-size: 14px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 1.14;
           letter-spacing: normal;
           color: #9c9c9c;
           margin-bottom: 0px;
       }

       .faq-second {
           margin-top: 66px;
       }

       .fullfaq {
           width: 100%;
           padding-left: 40px;
           padding-right: 40px;
       }

       .full-org {
           width: 100%;
           height: 70px;
           border-radius: 4px;
           background-color: #ff6d00;
           font-size: 28px;
           font-weight: 500;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: normal;
           text-align: center;
           color: #ffffff;
       }

       .faq-mblshow {
           padding: 95px 0px 50px;
           display: none;
       }

       .cancel-anytimefaq {
           display: block;
           font-size: 22px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: normal;
           text-align: center;
           color: #20114a;
           margin-top: 16px;
       }

       /*                                                                                      *
 *                                 Footer                                                  *
 *                                                                                      */

       footer {
           background-color: #1f1f26;
           padding: 126px 0px 183px 103px;
       }

       .kd-yes {
           display: none;
       }

       .first-links {
           padding-left: 120px;
       }

       .fo-list {
           display: none;
       }

       footer h6 {
           height: 25px;
           font-size: 20px;
           font-weight: 900;
           font-stretch: normal;
           font-style: normal;
           line-height: normal;
           letter-spacing: normal;
           color: #3b8ecb;
           margin-top: 15px;
       }

       footer .list-unstyled {
           margin-top: 20px;
       }

       footer .list-unstyled a {
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
           font-style: normal;
           line-height: 2;
           letter-spacing: normal;
           color: #f0f0f0;
       }

       footer .list-inline li {
           padding-right: 10px;
       }

       footer .list-inline li:last-child {
           padding-right: 0px;
       }

       .second-links {
           padding-left: 44px;
       }

       footer .list-unstyled a:hover,
       footer .list-unstyled a:focus,
       footer .list-unstyled a:active {
           color: #ff6d00;
       }

       footer .list-unstyled a:hover,
       footer .list-unstyled a:focus,
       footer .list-unstyled a:active {
           color: #ff6d00;
       }

       /* to be removed if not worked */

       .senerios {
           position: relative;
       }

       .senerios div {
           position: absolute;
           top: 0px;
           z-index: 99;
       }

       .senerio-img {
           width: 813px;
           height: 446px;
           background: url('https://d1jqu391rhi90k.cloudfront.net/lp-assets/learnspanish1/images/bg-tablet.png');
           background-size: cover !important;
       }

       @keyframes slideDown {
           from {
               height: 0;
           }

           to {
               height: 200px;
           }
       }

       .senerios {
           z-index: 9;
           width: 813px;
           height: 446px;
           background: url('/img/learnitalian/Step-1---Italian.png');
           background-size: cover !important;
       }