/* //========================================================================================
/*                                                                                      *
 *                              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; */
           max-width: 1362px;
           margin: auto;
           padding-bottom: 105px;
           position: relative;
       }

       .banner-heading {
           font-family: var(--main-font);
           font-size: 52px;
           font-weight: var(--extra-bold);
           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;
           position: relative;
       }

       .sound-icon-container {
           position: absolute;
           bottom: 20px;
           right: 20px;
           background-color: #211f22;
           border-radius: 50%;
           width: 30px;
           height: 30px;
           display: flex;
           justify-content:center;
           align-items: center;
           cursor: pointer;
       }

       .sound-icon-container i {
           color: white;
       }

       .sound-icon-container .volume-icon{
           display: none;
       }

       .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('/lp-assets/learnspanish1/images/aabitmap.jpg') 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: 3.5%;
       }

       .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;
           position: relative;
       }

       .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;
       }

       .learning-iphone-img {
           margin-left: 0px;
           margin-bottom: 30px;
           margin-right: 30px;
       }

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

       .thousound-hours {
           background: url('/lp-assets/learnspanish1/images/thousound-hours-1-min.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: var(--bold);
           font-stretch: normal;
           font-style: normal;
           line-height: 1.32;
           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: var(--bold);
           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;

       }

       .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: var(--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('/lp-assets/learnspanish1/images/bitmap@2x-min.jpg') 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: var(--extra-bold);
           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: var(--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: 658px;
           height: 105px;
           background-color: #f0f0f0;
           border-radius: 20px;
           border-top-right-radius: 0px !important;
           padding: 25px 31px;
           position: relative;
       }

       .s-comment {
           width: 790px;
           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 {
           width: 661px;
           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: 146px;
           z-index: -1;
           top: 112px;
           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: var(--extra-bold);
           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('/lp-assets/learnspanish1/images/bg-tablet.webp');
           background-size: cover !important;
       }

       @keyframes slideDown {
           from {
               height: 0;
           }

           to {
               height: 200px;
           }
       }

       .senerios {
           z-index: 9;
           width: 813px;
           height: 446px;
           background: url('/lp-assets/learnspanish1/images/Parallax1920_02.webp');
           background-size: cover !important;
       }

       .gift-friend .text-block h1 {
           color: #ffffff;
           font-size: 60px;
           font-weight: 800;
           line-height: 1.25;
           margin-bottom: 24px;
       }

       .gift-friend .text-block h3 {
           color: #ffffff;
           font-size: 22px;
           line-height: 1.55;
       }

       .gift-friend .learning-language {
           height: 1140px;
           width: 100%;
           position: relative;
       }

       .gift-friend .learning-language .learning-language-block {
           position: absolute;
           top: 0;
           width: 100%;
       }

       .gift-friend .learning-language::before {
           content: '';
           width: inherit;
           height: inherit;
           display: inline-block;
           background: url('/img/gift-friend/bg.png') repeat scroll center center / cover;
           clip-path: polygon(0 0%, 100% 0, 100% 60%, 0 41%);
       }

       .gift-friend .senerio-img {
           width: 617px;
           height: 338px;
       }

       .gift-friend .binge-heading {
           font-size: 32px;
           line-height: 42px;
       }

       .gift-friend .binge-heading:after {
           background-color: #ffffff;
           width: 108px;
       }

       .gift-friend .binge-para {
           font-size: 18px;
           line-height: 26px;
       }

       .gift-friend .thousand-hours {
           background: url('/img/gift-friend/1000-hours.png') repeat scroll center center / cover;
           height: 600px;
           padding-top: 70px;
           color: #ffffff;
           text-align: center;
       }

       .gift-friend .thousand-hours h2 {
           width: 100%;
           line-height: 1.31;
           font-weight: 900;
       }

       .gift-friend .thousand-hours div.sep {
           width: 100%;
           text-align: center;
           padding: 35px 0;
       }

       .gift-friend .thousand-hours div.sep span {
           width: 128px;
           margin: 0 auto;
           border-top: 4px solid #ff6d00;
           display: block;
       }

       .gift-friend .thousand-hours p {
           max-width: 728px;
           margin: 0 auto;
           font-size: 18px;
           line-height: 1.56;
       }

       .gift-friend .change-senerio {
           top: 1170px;
       }

       .gift-friend-top {
           box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
           background-image: linear-gradient(117deg, #d7505c 3%, #f58061 80%);
           padding-bottom: 50px;
       }

       .gift-friend-top .text-block {
           padding-top: 74px;
       }

       .gift-friend-top .form-block {
           padding-left: 182px;
       }

       .gift-friend-top .form-container {
           width: 430px;
           border-radius: 10px;
           box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);
           background-color: #fff;
           padding: 30px 0 0;
           position: relative;
       }

       .gift-friend-top .form-container .step-name {
           text-align: right;
           font-size: 14px;
           font-weight: bold;
           color: rgba(26, 21, 26, 0.8);
           opacity: 0.5;
           padding: 0 30px 10px;
       }

       .gift-friend-top .form-container .back {
           top: 30px;
           left: 30px;
           position: absolute;
           cursor: pointer;
           font-size: 22px;
           line-height: 22px;
           color: rgba(26, 21, 26, 0.8);
           z-index: 100;
       }

       .gift-friend-top .form-container .gift-friend-step {
           height: 332px;
       }

       .gift-friend-top .form-container .gift-friend-step.step-4 {
           height: auto;
       }

       .gift-friend-top .form-container .gift {
           width: 100%;
           text-align: center;
       }

       .gift-friend-top .form-container .gift img {
           width: 300px;
           height: 190px;
           border-radius: 10px;
           box-shadow: 0 19px 22px 0 rgba(89, 97, 157, 0.2);
       }

       .gift-friend-top .form-container .pick-a-card {
           margin: 0 auto;
           padding: 30px 0 0;
           text-align: center;
           color: rgba(26, 21, 26, 0.8);
       }

       .gift-friend-top .form-container .pick-a-gift {
           margin: 0 auto;
           padding: 13px 30px 0;
           text-align: left;
           color: rgba(26, 21, 26, 0.8);
       }

       .gift-friend-top .form-container .select-gift {
           margin: 0 auto;
           padding: 10px 0 0;
           width: 317px;
       }

       .gift-friend-top .form-container .short {
           margin: 0 auto;
           padding: 10px 0 0;
           width: 240px;
       }

       .gift-friend-top .form-container .select-gift img {
           width: 50px;
           height: 32px;
           display: inline-block;
           margin: 0 13px 5px;
           cursor: pointer;
           border-radius: 5px;
           border: 1px solid #b4bfc9;
           opacity: 0.5;
       }

       .gift-friend-top .form-container .select-gift img.selected,
       .gift-friend-top .form-container .select-gift img:hover {
           border: 1px solid #ff6d00;
           opacity: 1;
       }

       .gift-friend-top .form-container .price {
           color: #b4bfc9;
           width: 300px;
           margin: 0 auto;
           text-align: center;
       }

       .gift-friend-top .form-container .price span.old {
           color: #ff6d00;
           text-decoration: line-through;
       }

       .gift-friend-top .form-container .price span.new {
           color: rgba(26, 21, 26, 0.8);
       }

       .gift-friend-top .form-container .button {
           margin: 0 auto;
           padding: 15px 30px;
       }

       .gift-friend-top .form-container .button input.gift-friend-button {
           border: 0 none;
           background: #ff6d00;
           color: #ffffff;
           font-weight: 700;
           width: 100%;
           height: 50px;
           border-radius: 25px;
           cursor: pointer;
       }

       .gift-friend-top .form-container .button input.gift-friend-button:hover {
           background: #65a0fb;
       }

       .gift-friend-top .form-container .button input.loading,
       .gift-friend-top .form-container .button input.loading:hover {
           background-image: url('/assets/img/icons/white-loader.gif');
           background-repeat: no-repeat;
           background-size: 8%;
           background-position: center right 10%;
           -webkit-transition: none;
           transition: none;
       }

       .gift-friend-top .form-container div#step-2 .gift,
       .gift-friend-top .form-container div#step-3 .gift {
           width: 180px;
           margin: 0 auto;
           padding-top: 14px;
       }

       .gift-friend-top .form-container div#step-2 .gift img,
       .gift-friend-top .form-container div#step-3 .gift img {
           width: 180px;
           height: 114px;
       }

       .gift-friend-top .form-container .fields {
           padding: 28px 30px 0;
       }

       .gift-friend-top .form-container .step-3 .fields {
           padding-top: 29px;
       }

       .gift-friend-top .form-container .fields .head {
           color: rgba(26, 21, 26, 0.8);
           font-size: 16px;
       }

       .gift-friend-top .form-container .fields .field {
           position: relative;
           padding: 6px 0 9px;
       }

       .gift-friend-top .form-container .fields .field input,
       .gift-friend-top .form-container .fields .field textarea {
           border-radius: 10px;
           border: solid 1px #b4bfc9;
           width: 100%;
           height: 50px;
           padding: 0 16px;
           outline: none;
           color: rgba(26, 21, 26, 0.8);
           font-size: 16px;
       }

       .gift-friend-top .form-container .fields .field input::placeholder,
       .gift-friend-top .form-container .fields .field textarea::placeholder {
           color: #b4bfc9;
       }

       .gift-friend-top .form-container .fields .field textarea {
           height: 100px;
           padding: 12px 16px;
           overflow: hidden;
           resize: none;
       }

       .gift-friend-top .form-container .fields .field input:focus,
       .gift-friend-top .form-container .fields .field textarea:focus {
           border: solid 1px #ff6d00;
       }

       .gift-friend-top .form-container .fields div.input {
           border-radius: 10px;
           border: solid 1px #b4bfc9;
           width: 100%;
           height: 50px;
           padding: 14px 16px;
       }

       .gift-friend-top .form-container .fields div.short {
           border-radius: 10px;
           border: solid 1px #b4bfc9;
           width: 48%;
           height: 50px;
           padding: 14px 16px;
           float: left;
       }

       .gift-friend-top .form-container .fields div.right {
           float: right;
       }

       .gift-friend-top .form-container .fields div.is-active {
           border: solid 1px #ff6d00;
       }

       .gift-friend-top .form-container .fields div.has-error {
           border: solid 1px #ff0000;
       }

       .gift-friend-top .form-container .fields .field span {
           display: none;
           position: absolute;
           font-size: 11px;
           color: #ff0000;
       }

       .gift-friend-top .form-container .fields .error-field {
           clear: both;
           padding-top: 8px;
           display: none;
           font-size: 16px;
           color: #ff0000;
       }

       .gift-friend-top .form-container .fields .error span {
           display: block;
       }

       .gift-friend-top .form-container .fields .error input {
           border: solid 1px #ff0000;
       }

       .gift-friend-top .form-container .plans {
           padding: 10px 30px 0;
       }

       .gift-friend-top .form-container .plans .select-plan {
           border-radius: 15px;
           border: solid 1px #b4bfc9;
           height: 74px;
           padding: 12px 14px;
           margin: 0 0 10px;
           color: rgba(26, 21, 26, 0.8);
           font-weight: 700;
           cursor: pointer;
           position: relative;
       }

       .gift-friend-top .form-container .plans .select-plan span {
           color: #ff6d00;
       }

       .gift-friend-top .form-container .plans .select-plan:hover,
       .gift-friend-top .form-container .plans .selected {
           border: solid 1px #ff6d00;
       }

       .gift-friend-top .form-container .plans .centered {
           padding-top: 23px;
       }

       .gift-friend-top .form-container .plans .select-plan .plan-price {
           font-weight: 900;
           position: absolute;
           top: 12px;
           right: 14px;
       }
       .gift-friend-top .form-container .plans .select-plan .plan-off {
           font-weight: 700;
           position: absolute;
           top: 38px;
           left: 14px;
           font-size: 12px;
           color: #ffffff;
           background-color: #65a0fb;
           padding: 0 3px;
       }
       .gift-friend-top .form-container .plans .select-plan .old-price {
           font-weight: 300;
           position: absolute;
           top: 38px;
           right: 14px;
           font-size: 14px;
           text-decoration: line-through;
       }

       .gift-friend-top .form-container .plans .centered .plan-price {
           top: 22px;
       }

       .gift-friend-top .form-container .security-badges {
           padding: 30px;
           color: #b4bfc9;
           font-size: 11px;
           line-height: 12px;
       }

       .gift-friend-top .form-container .security-badges div {
           display: inline-block;
           float: left;
       }

       .gift-friend-top .form-container .security-badges div.right {
           float: right;
       }

       .gift-friend-top .form-container .step-4 .fields {
           padding-top: 20px;
       }

       .gift-friend-top .form-container .animation {
           padding-top: 29px;
           margin: 0 auto;
           width: 108px;
       }

       .gift-friend-top .form-container .congrats {
           padding: 47px 30px 0;
           color: rgba(26, 21, 26, 0.8);
           line-height: 22px;
           text-align: center;
       }

       .gift-friend-top .form-container .congrats span {
           display: block;
           font-size: 18px;
           font-weight: 900;
           margin-bottom: 16px;
       }

       .gift-friend .learning-steps-text {
           padding: 0 30px;
           font-size: 17px;
           line-height: 25px;
           color: rgba(26, 21, 26, 0.8);
       }

       .gift-friend .liner-heading {
           color: rgba(26, 21, 26, 0.8);
           font-size: 23px;
           line-height: 18px;
       }

       .gift-friend .users-reviews {
           padding: 70px 0 55px;
           background-color: rgba(241, 240, 240, 0.5);
       }

       .gift-friend .users-reviews-header-block {
           padding-bottom: 98px;
       }

       .gift-friend .users-reviews .review {
           box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);
       }

       .gift-friend .users-reviews .splide__pagination__page.is-active {
           background-color: #ff6d00 !important;
       }

       .gift-friend .users-reviews .splide__slide {
           margin-bottom: 15px;
       }

       .gift-friend .users-reviews .users-reviews-header-block h2 {
           font-size: 32px;
           text-align: center;
           line-height: 42px;
           color: rgba(26, 21, 26, 0.8);
           font-weight: 800;
       }

       .gift-friend .users-reviews .users-reviews-header-block p {
           font-size: 16px;
           line-height: 1.5;
           color: rgba(26, 21, 26, 0.8);
           width: 780px;
           margin: 0 auto;
       }

       @media (min-width: 1200px) {}

       @media (max-width: 767px) {
           .gift-friend-top {
               height: 716px;
           }

           .gift-friend-top .text-block {
               padding-top: 0;
               height: 212px;
           }

           .gift-friend-top .form-block {
               background: #ffffff;
               padding: 0;
           }

           .gift-friend-top .form-container {
               float: none;
               width: 100%;
               height: 430px;
               border-radius: 0;
               padding: 0 15px;
               box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4);
           }

           .gift-friend .text-block h1 {
               font-size: 36px;
               line-height: 42px;
               margin-bottom: 12px;
           }

           .gift-friend .text-block h3 {
               font-size: 16px;
               line-height: 25px;
           }

           .gift-friend .short-footer {
            padding-bottom: 100px;
           }

           .gift-friend-top .form-container .button {
               margin: 0 auto;
               padding: 10px 0;
           }

           .gift-friend-top .form-container .fixed {
               position: fixed;
               padding: 10px 0 30px;
               bottom: 0;
               width: 100%;
               z-index: 100;
               margin: 0 -15px;
               background-image: linear-gradient(to bottom, transparent, #f7f8f9);
           }

           .gift-friend-top .form-container .fixed .button {
               width: calc(100% - 30px);
           }

           .gift-friend-top .form-container div#step-2 .gift {
               display: none;
           }

           .gift-friend-top .form-container .step-name {
               text-align: right;
               font-size: 14px;
               font-weight: 500;
               color: rgba(26, 21, 26, 0.8);
               padding: 20px 0;
           }

           .gift-friend-top .form-container .back {
               top: 12px;
               left: 15px;
               width: 35px;
               height: 35px;
               box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
               background-color: #fff;
               border-radius: 17px;
               text-align: center;
               padding: 6px 2px 0 0;
           }

           .gift-friend-top .form-container .fields {
               padding: 28px 0 0;
           }

           .gift-friend-top .form-container div#step-2 .fields {
               padding-top: 68px;
           }

           .gift-friend-top .form-container div#step-3 .fields {
               padding-top: 38px;
           }

           .gift-friend-top .form-container .fields .field textarea {
               height: 80px;
           }

           .gift-friend-top .form-container .security-badges {
               padding: 60px 0 0;
           }

           .gift-friend-top .form-container div#step-4 .fields,
           .gift-friend-top .form-container div#step-5 .animation {
               padding-top: 38px;
           }

           .gift-friend-top .form-container div#step-5 .congrats {
               padding: 28px 0 0;
           }

           .gift-friend-top .form-container .pick-a-card {
               padding-top: 25px;
           }

           .gift-friend-top .form-container .pick-a-gift {
               padding: 38px 0 10px;
           }

           .gift-friend-top .form-container .plans {
               padding: 10px 0 0;
           }

           .gift-friend .thousand-hours {
               height: 400px;
           }

           .gift-friend .thousand-hours h2 {
               font-size: 22px;
               line-height: 28px;
           }

           .gift-friend .thousand-hours div.sep {
               padding: 35px 0;
           }

           .gift-friend .thousand-hours div.sep span {
               width: 80px;
               margin: 0 auto;
               border-top: 2px solid #ff6d00;
           }

           .gift-friend .thousand-hours p {
               font-size: 17px;
               line-height: 25px;
           }

           .gift-friend .users-reviews {
               padding: 65px 0;
           }

           .gift-friend .users-reviews .users-reviews-header-block h2 {
               font-size: 22px;
               line-height: 28px;
           }

           .gift-friend .users-reviews .users-reviews-header-block p {
               font-size: 17px;
               line-height: 25px;
               padding: 0 15px;
               width: auto;
           }
       }

.learning-languages-senerio {
    justify-content: center;
    padding-left: 0;
}
.learning-languages-senerio .senerio-text {
    padding-top: 80px;
    padding-bottom: 40px;
}
.learning-languages-senerio .senerios {
    top: -30px;
}
.hero-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
}
.hero-image {
    background: url(/lp-assets/learnspanish1/images/aabitmap.jpg) repeat scroll center center / cover;
    height: 700px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    clip-path: polygon(0 0%, 100% 0, 100% 60%, 0 41%);
}
.hero-text {
    display: flex;
    max-width: 890px;
    width: 100%;
}
.hero-text .binge-worthy {
    text-align: left;
    padding-left: 0;
}

@media (max-width: 767px) {
    .logo-img {
        height: 18px;
    }
}

/*
| -----------------------------------------------------------------
|   <how-it-works>
| -----------------------------------------------------------------
*/

.how-it-works {
    padding-top: 60px;
    padding-bottom: 70px;
}

@media (max-width: 767px) {
    .how-it-works {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
}

.how-it-works > .title {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    color: rgba(26, 21, 26, 0.8);
    margin-bottom: 15px;
}

.how-it-works > .subtitle {
    font-size: 16px;
    line-height: 1.5;
    max-width: 575px;
    margin: 0 auto;
    text-align: center;
}

.how-it-works .item-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 55px;
}

@media (max-width: 767px) {
    .how-it-works .item-list {
        margin-top: 25px;
    }
}

.how-it-works .item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
    gap: 80px;
}

@media (max-width: 767px) {
    .how-it-works .item {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
    }
}

.how-it-works .item.reversed {
   flex-direction: row-reverse;
}

@media (max-width: 767px) {
    .how-it-works .item.reversed {
        flex-direction: column;
    }
}

.how-it-works .item .left, .how-it-works .item .right {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    flex-direction: inherit;
}

@media (max-width: 767px) {
    .how-it-works .item .left, .how-it-works .item .right {
        width: auto;
    }
}

.how-it-works .item .right {
    justify-content: flex-start;
}

.how-it-works .item .left img {
    max-height: 275px;
    max-width: 400px;
}

.how-it-works .item .right .description {
    max-width: 360px;
}

.how-it-works .item .right .title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 15px;
}

/*
| -----------------------------------------------------------------
|   </how-it-works>
| -----------------------------------------------------------------
*/

/*
| -----------------------------------------------------------------
|   <content>
| -----------------------------------------------------------------
*/

.content {
    padding: 70px 0;
    background-image: linear-gradient(250deg, #110b12 16%, #3c3f56 100%);
    color: white;
}

@media (max-width: 767px) {
    .content {
        padding: 50px 15px;
    }
}

.content .title {
    text-align: center;
    opacity: 0.9;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.31;
}

@media (max-width: 767px) {
    .content .title {
        font-size: 24px;
        text-align: left;
    }
}

.content .splitter {
    width: 100px;
    height: 1px;
    margin: 35px auto 75px auto;
    border:  2px solid #ff6d00;
}

@media (max-width: 767px) {
    .content .splitter {
        margin-left: 0;
    }
}

.content .item-list {
    display: flex;
    justify-content: center;
    gap: 17px;

    position: relative;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
}

.content .item-list::-webkit-scrollbar {
    height: 2px;
}

.content .item-list::-webkit-scrollbar-track-piece:end {
   margin-right: 15px;
}

.content .item-list::-webkit-scrollbar-track-piece:start {
   margin-left: 15px;
}


.content .item-list::-webkit-scrollbar-thumb {
    background: #8e8493;
    border-radius: 2px;
}

.content .item-list::-webkit-scrollbar-track {
    background-color: transparent;
}

.content .item-list .item {
    width: 215px;
    scroll-snap-align: start;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .content .item-list {
        margin: 0 -15px;
        padding-bottom: 20px;
        justify-content: flex-start;
    }

    .content .item-list .item:first-child {
        width: 230px;
        padding-left: 15px;
    }

    .content .item-list .item:last-child {
        width: 230px;
        padding-right: 15px;
    }
}

.content .item-list .item img.cover-img {
    border-radius: 10px;
    box-shadow: 0 9px 8px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    max-width: 100%;
}

.content .item-list .item .name {
    font-size: 16px;
    line-height: 1.5;
}

.content .item .image {
    position: relative;
}

.content .item .dialect {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    border-radius: 13px;
    background-color: white;
    color: rgba(26, 21, 26, 0.8);
    padding: 0 7px 0 5px;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
    font-size: 12px;
    width: fit-content;
}

.content .item .dialect img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
}
/*
| -----------------------------------------------------------------
|   </content>
| -----------------------------------------------------------------
*/

/*
| -----------------------------------------------------------------
|   <reviews>
| -----------------------------------------------------------------
*/

.gift-friend .slide-1-mt,
.gift-friend .slide-5-mt,
.gift-friend .slide-6-mt,
.gift-friend .slide-8-mt {
    margin-top: 0 !important;
}

/*
| -----------------------------------------------------------------
|   </reviews>
| -----------------------------------------------------------------
*/

.gift-friend .desktop-caruosel-container {
    width: auto;
}

@media screen and (min-width: 1501px) {
    .hero-text {
        max-width: 1270px;
    }
}

@media screen and (min-width: 1251px) {
    .hero-text {
        min-width: 1050px;
    }
}
@media screen and (max-width: 1080.98px) {
    .hero-image {
        display: none;
    }
    .learning-languages-senerio .senerios {
        top: auto;
    }
}