/* Global Styling */
/*@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
/* font-family: 'Poppins', sans-serif; font-family: 'Archivo Black', sans-serif; */

html{ scroll-behavior: smooth; }

body{ font-family: 'Poppins', sans-serif; color: #141414; font-size: 16px; overflow-x: hidden; }

ul, li, h1, h2, h3, h4, h5, h6{margin:0;padding:0;}

a, input[type="submit"], button{transition:ease-in-out 0.4s;}

h1, h2, h3, h4, h5, h6{ font-family: 'Archivo Black', sans-serif; }

p { font-size: 22px; line-height: 32px; }

h2{ font-size: 60px; }
.poetsen-one-regular {
    font-family: "Poetsen One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.top-header .header-content {
    max-width: 1580px;
    margin: auto;
    padding: 15px;
    text-align: center;
    font-size: 28px;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 30%);
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.top-header {
    background-color: #1c81f3;
    background-image: url(../img/teachingly-header-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 1549px) {
    .top-header .header-content {
        max-width: 1250px;
        font-size: 22px;
    }
}
@media (max-width: 1249px) {
    .top-header .header-content {
        max-width: 992px;
        font-size: 17px;
    }
}
@media (max-width: 991px) {
    .hide-mobile {
        display: none;
    }
    .line-break {
        display: block;
    }
}
@media (max-width: 670px) {
    .top-header .header-content {
        font-size: 15px;
    }
}
@media (max-width: 530px) {
    .line-break {
        display: none;
    }
}
@media(min-width: 992px) {
    .show-mobile {
        display: none;
    }
    .line-break {
        display: none;
    }
}
.container { max-width: 1440px; }
.container-fluid{ max-width: 96%; }

/* Header Section */

.header-outer {background-image: url('../img/hero.png');background-repeat: no-repeat;background-size: cover;background-position: top left;color: #fff;}
.header-outer h2 { line-height: 65px; margin: 20px 0;}
.header-main { padding: 30px 0; width: 100%; }

.header-outer{  }

.header-hero { position: relative; margin-top: 20px; }
.desktop-hat { position: absolute; left: 39%; width: 150px; top: 4%; }


.after-banner-outer { background-image: url('../img/blue-bubble.png'); background-size: 100% auto; background-repeat: no-repeat;background-position: bottom; }
.banner-bottom { text-align: center; padding: 60px 0; }
.banner-bottom h2 { margin: 0 0 50px; }


.banner-bottom p { font-weight: bold; }
.banner-bottom-button-sec .arrow-image { position: relative; left: 0; top: -100px; }
.banner-bottom-button-sec .btn { position: relative; padding: 0; margin: 0 0 5%;}
.banner-bottom-button-sec .btn span { font-size: 38px; position: absolute; left: 0; right: 0; top: 33%; font-family: 'Archivo Black', sans-serif;}

.benefits-sec { text-align: center; padding: 30px 0; background-image: url('../img/students.png'); background-size: 13%; background-repeat: no-repeat;background-position: left bottom; }
.benefits-sec h2 {font-size: 38px;color: #f0125c;margin: 0 0 50px;}
.benefit-box { position: relative; margin: 0 0 80px; }
.benefit-box h3 {position: absolute;top: 41%;left: 0;right: 0;width: 254px;margin: 0 auto;font-size: 24px;}


.benefit-bottom-sec h3 {width: 580px;font-size: 38px;max-width: 100%;margin: -5% 0 0 35%;}


.tools-sec {padding: 40px 0;}
.tools-sec h2 { color: #f0125c;line-height: 65px;margin: 0 0 30px;}
.tools-sec h4 {font-size: 38px;line-height: 34px;}
.tools-sec h3 {font-size: 32px;line-height: 34px;margin: 0 0 30px;}
.tools-sec .tool-dot-circle {position: absolute;left: -90px;bottom: -80px;z-index: -1;}
.tools-sec .tool-arrow-curl {position: absolute;right: -100px;top: 60px;z-index: -1;}

.limit-control-sec {background-image: url('../img/man-right-img.png');background-position: center right;background-repeat: no-repeat;padding: 20vw 0;
    background-size: 33%;margin-top: -10vw;margin-bottom: -10vw;}
.limit-control-sec h4 {color: #f0125c;font-size: 32px;font-family: 'Poppins', sans-serif;margin: 0 0 10px;font-weight: 700;}
.limit-control-sec h2 {font-size: 38px;}


.the-dark-lies-sec h2 { color: #f0125c;margin: 40px auto;width: 1200px;max-width: 100%;}
.the-dark-lies-sec h3 {font-size: 35px;margin: 0 0 30px;}
.the-dark-lies-sec p {font-size: 24px;}
.the-dark-lies-sec .dark-lies-man { position: absolute; right: -13%; width: 39%; top: 28px; }
.the-dark-lies-sec h4 { font-size: 32px; color: #f0125c; width: 1040px; margin: 0 auto 100px;}


.people-agree-sec h2 { text-align: center; margin: 0px 0 30px; }
.people-agree-sec p { max-width: 100%; width: 560px; }

.wave-img-sec {text-align: right;min-height: 19vw; margin-top: -40px; background-repeat: no-repeat; position: relative; }
.wave-img-sec .wave-img-in { position: absolute; left: 0; top: 0; width: 100%; }
.wave-img-sec-bottom { background-image: url('../img/wave-img-bottom.png');background-position: left bottom;background-repeat: no-repeat; min-height: 19vw;position: relative; }

.online-platform-sec {background: #feecf2;background-image: url('../img/online-pf-bottom.png');background-repeat: no-repeat;text-align: center;
    padding: 50px 0 160px;background-position: bottom;}
.online-platform-sec h2 { color: #f0125c; margin: 20px 0 60px; }
.online-platform-sec h2 span {background-image: url('../img/heading-back-brush.png');background-size: 100% 100%;background-position: top left;    color: #fff; padding: 8px 45px; }
.online-platform-sec p { font-size: 24px; font-family: 'Archivo Black', sans-serif; max-width: 1060px; margin: 0 auto 30px; }
.online-platform-sec p span{ color: #f0125c; }
.online-platform-sec .online-platform-img { margin-top: -4vw; }
.online-platform-img-sec{ position: relative; }
.online-platform-img-sec .online-headphone {
    position: absolute;
    left: 19%;
    top: -3%;
    z-index: 1;
    width: 280px;
}
.online-platform-img-sec .online-like {
    position: absolute;
    left: 9%;
    top: 18%;
    z-index: 1;
    width: 160px;
}

.pink-background{ background: #feecf2; }
.course-create-steps { margin-top: -100px; }

.course-create-steps h3 { font-size: 32px; color: #f0125c; max-width: 500px; margin: 0 0 20px; }
.course-create-steps .num-icon { background: #f0125c; color: #fff; font-size: 60px; width: 100px; display: inline-block; text-align: center; height: 100px; line-height: 1.7; font-weight: 800; border: 4px solid #fff; border-radius: 50%; margin: 0 0 15px; }
.course-create-steps p { font-size: 24px; max-width: 460px; }
.course-create-steps .course-steps-dot-right { position: absolute; right: 0; top: -50px; z-index: 0; }
.course-create-steps .course-steps-dot-left { position: absolute; left: 0; top: -50px; z-index: 0; }
.course-create-steps .course-steps-dot-right-bottom{ position: absolute; right: 0; bottom: -50px; z-index: 0; }
.course-create-steps .row { padding-bottom: 12%; }
.course-create-steps .full-img { position: relative; z-index: 9; }
.course-create-steps .dashed-wave-right { position: absolute; bottom: -44%; right: 26%; }
.course-create-steps .dashed-wave-left { position: absolute; bottom: -44%; left: 26%; }

.wave-img-sec-bottom {background-image: url('../img/wave-img-bottom.png');background-position: left bottom;background-repeat: no-repeat;min-height: 233px;position: relative;text-align: center;background-size: cover;}




.earning-outer-bg { padding-top: 100px; position: relative; }
.earning-outer-bg::before {content: '';background-image: url('../img/left-earning-bg.png');background-position: left top;background-repeat: no-repeat;width: 100%;height: 100%;left: 0;top: 0;position: absolute; z-index: -1; background-size: 23vw; }
.earning-outer-bg::after {
    content: '';
    background-image: url('../img/right-earning-bg.png');
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; z-index: -1;
}
.earning-sec {
    text-align: center;
    background-image: url('../img/bg-big-logo.png');
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 60px;
}
.earning-sec h2 {
    margin: 0 0 7%;
}
.earning-sec h4 {
    font-size: 32px;
    margin: 40px 0;
    color: #f0125c;
}

.earning-sec p {
    max-width: 1000px;
    margin: 0 auto 20px;
}
.how-to-sec { padding-bottom: 30px; position: relative; z-index: 9; }
.how-to-sec h3 { font-size: 32px; margin-bottom: 8%; }
.how-to-sec h3 span { background-image: url('../img/heading-back-brush.png');background-size: 100% 100%;background-position: top left;color: #fff;
    padding: 8px 45px; }
.how-to-sec h4 { font-size: 32px; color: #f0125c; margin: 10px 0 20px; }
.how-to-sec .btn.btn-primary { margin-top: 60px; }



.publish-step-sec {
    padding: 10vw 0 15vw;
    text-align: center;
    background-image: url('../img/publish-step-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -70px;
    position: relative;
}
.publish-step-sec h2 {
    margin: 20px 0 30px;
    color: #f0125c;
}
.publish-step-sec h6 {
    font-size: 32px;
    margin: 0 auto 100px;
    width: 765px;
    max-width: 100%;
}

.publish-step-in .publish-number {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90px;
    margin: 0 auto;
    background: #1c81f3;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    border-radius: 0 0 50px 50px;
}
.publish-step-in {
    padding: 90px 30px 30px;
    box-shadow: 1px 1px 20px 0 #11111125;
    border-radius: 12px;
    position: relative;
    background: #fff;
    z-index: 999;
}
.publish-step-in-2 {
    margin-top: 60px;
}
.publish-step-in-3 {
    margin-top: 120px;
}
.publish-step-in-1, .publish-step-in-2, .publish-step-in-3 {position: relative; z-index: 1;
}
.publish-step-in-1::after {
    content: '';
    background: #e2145b;
    left: -10px;
    top: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 12px;
}
.publish-step-in-2::before {
    content: '';
    background: #1c7deb;
    left: 10px;
    top: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 12px;
}
.publish-step-in-3::before {
    content: '';
    background: #c039cd;
    left: 10px;
    top: -10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    border-radius: 12px;
}
.publish-step-sec h4 {
    font-size: 32px;
    color: #f0125c;
    margin: 20px 0 0;
}
.publish-step-sec .publish-step-in p {
    font-family: 'Archivo Black', sans-serif;
    font-size: 24px;
}
.publish-step-sec .publish-plane-main {
    position: absolute;
    left: 50px;
    bottom: -110px;
    z-index: 999;
}
.publish-step-sec .publish-step-box-1 .publish-arrow {
    position: absolute;
    top: -6.3vw;
    left: 15vw;
    width: 20vw;
}
.publish-step-sec .publish-step-box-2 .publish-arrow {
    position: absolute;
    top: -1.6vw;
    left: 15vw;
    width: 20vw;
}

.publish-step-box-1 {
    padding-top: 2vw;
}
.publish-step-box-2 {
    padding-top: 4vw;
}
.publish-step-box-3 {
    padding-top: 6vw;
}
.publish-step-sec .publish-circle-left {
    position: absolute;
    left: -6vw;
    bottom: -8vw;
}
.publish-step-sec .publish-circle-right {
    position: absolute;
    right: 0;
    bottom: -8vw;
}
.publish-step-sec .publish-circle-right {
    position: absolute;
    right: 5vw;
    bottom: 8vw;
    z-index: 0;
}
.all-in-one-sec {
    padding: 60px 0;
}
.all-in-one-sec h2 {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.all-in-one-sec h3 { font-size: 60px; margin: 0 auto 20px; color: #f0125c; }

.all-in-one-sec h4 {
    font-size: 32px;
    color: #f0125c;
    margin: 0 0 25px;
}
.all-in-one-sec .col-md-6 p {
    max-width: 600px;
}
.all-in-one-sec .btn.btn-primary { margin-top: 60px; }




.free-bonus-sec {
    position: relative;
    padding: 10vw 0;
    background-image: url('../img/free-bonus-bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.free-bonus-sec .bonus-left-img {
    position: absolute;
    left: 0;
    top: 7vw;
    max-width: 12vw;
}
.free-bonus-sec .bonus-right-girl {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 12vw;
}
.free-bonus-outer {
    box-shadow: 15px 15px #f0125c;
    position: relative;
    border-radius: 24px;
    z-index: 9;
    display: inline-block;
    max-width: 90%;
}
.free-bonus-outer::before {
    content: '';
    background-image: url('../img/border-left-top.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    left: -40px;
    top: -40px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.free-bonus-outer::after {
    content: '';
    background-image: url('../img/border-bottom-right.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    right: -43px;
    bottom: -45px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.free-bonus-in {
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px;
    border: 8px solid #f0125c;
    border-radius: 24px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 10px -1px #555;
}
.free-bonus-sec h2 {
    font-size: 50px;
    color: #f0125c;
    margin: 40px 0;
}
.free-bonus-sec h3 {
    font-size: 50px;
    color: #f0125c;
    margin: 40px 0;
}
.free-bonus-sec p {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 30px;
}

.free-bonus-sec .btn.btn-primary {
    background: #fff;
    border: 3px solid #f0125c;
    font-size: 30px;
    color: #f0125c;
    font-family: 'Archivo Black', sans-serif;
    padding: 10px 30px;
    border-radius: 8px;
}
.free-bonus-sec .btn.btn-primary:hover{ background: #f0125c; color: #fff; }
.total-value-sec {
    padding: 10vw 0 40px;
    text-align: center;
    background-image: url('../img/right-corner-hand.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 20vw;
}
.total-value-sec h2 {
    margin: 0 0 70px;
}
.total-value-sec .total-value-box-outer {
    background: #ebf8ff;
    padding: 20px 20px 40px;
    border: 4px solid #1c81f3;
    max-width: 1040px;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: -10px -10px #0c71e3;
    position: relative;
    text-align: left;
}
.total-value-sec .total-value-box-outer::before {
    content: '';
    background-image: url('../img/border-top-left.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    left: -40px;
    top: -65px;
    width: 150px;
    height: 150px;
    z-index: -1;
}
.total-value-sec .total-value-box-outer::after {
    content: '';
    background-image: url('../img/border-top-left.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    right: -30px;
    bottom: -55px;
    width: 150px;
    height: 150px;
    z-index: -1;
    transform: rotate(180deg);
}
a{ outline: none; }
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.total-value-sec .btn {
    position: relative;
    padding: 0;
    margin: -58px 0 0;
}
.total-value-sec .btn span {
    font-size: 27px;
    position: absolute;
    left: 0;
    right: 0;
    top: 32%;
    font-family: 'Archivo Black', sans-serif;
    color: #fff;
}
.fifty-discount-sec {
    text-align: center;
    position: relative;
    padding: 5vw 0;
    margin-top: -4vw;
}
.fifty-discount-sec::before {
    content: '';
    background-image: url('../img/fifty-hand-left.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 18vw;
    width: 19vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.fifty-discount-sec::after {
    content: '';
    background-image: url('../img/fifty-hand-right.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 18vw;
    width: 19vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.fifty-discount-sec h4 {
    font-size: 38px;
}
.fifty-discount-brush-sec {
    display: inline-block;
    background-image: url('../img/brush-big.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 600px;
    min-height: 120px;
    margin: 90px 0 20px;
    padding: 15px 0;
    position: relative;
}
.fifty-discount-brush-sec p {
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    margin: 20px 0;
    position: relative;
}
.fifty-discount-brush-sec p::before {
    content: '';
    width: 110px;
    height: 3px;
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(-19deg);
    top: 11px;
}
.fifty-discount-brush-sec img {
    position: absolute;
    left: 6%;
    bottom: 11px;
}
.fifty-discount-sec .btn {
    position: relative;
    padding: 0;
}
.fifty-discount-sec .btn img {
    width: 55vw;
}
.fifty-discount-sec .btn span {
    font-size: 2.1vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 3.4vw;
    font-family: 'Archivo Black', sans-serif;
    text-shadow: 2px 2px #f97620;
}

.fifty-discount-sec .btn.btn-primary {
    margin-top: 60px;
}

.fifty-discount-sec h3 {
    font-size: 36px;
    color: #f0125c;
    width: 940px;
    max-width: 100%;
    margin: 90px auto 0;
}

.gurranty-sec {
    text-align: center;
}
.gurranty-sec h2 {
    margin: 0 0 35px;
}
.gurranty-sec h2 span {
    color: #f0125c;
}
.gurranty-sec p {
    width: 905px;
    max-width: 100%;
    margin: 0 auto 20px;
    font-weight: 600;
}
.gurranty-sec .gurranty-stamp-img {
    position: absolute;
    top: -90px;
    right: 0;
    width: 18vw;
    z-index: -1;
}

.compare-sec {
    padding: 4% 0 26%;
    background-image: url('../img/table-bg.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
.compare-sec .compare-girl {
    position: absolute;
    left: 5%;
    bottom: 7%;
}
.compare-sec h2 {
    color: #f0125c;
    margin: 20px 0 7%;
}
.compare-sec-in {
    border: 8px solid #1c80f2;
    border-radius: 22px;
    box-shadow: -1px -1px 5px 0px #999;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.compare-sec-in::before {
    content: '';
    background-image: url('../img/table-left-top-border.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    left: -40px;
    top: -40px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.compare-sec-in::after {
    content: '';
    background-image: url('../img/table-right-bottom-border.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 150px;
    position: absolute;
    right: -43px;
    bottom: -45px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.compare-sec thead th {
    font-size: 34px;
    padding: 3vw 0;
    border-bottom: none !important;
}

.compare-sec .table-striped tbody tr{
    background-color: #c2eaff;
}
.compare-sec .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td {
    font-size: 24px;
    font-weight: normal;
    padding: 1vw 20px;
    text-align: left;
}
.compare-sec .table {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 12px;
}
.compare-sec .table-striped tbody th strong{ color: #1c81f3; }

.compare-sec td, .compare-sec th{ border-top: none; }

.compare-sec .table thead tr {
    background: #c2eaff;
}

.compare-sec .table-striped tbody tr td:nth-child(2n) {
    background-color: #f0125c; color: #ffdbc2; font-weight: bold;
}
.compare-sec .table-striped tbody tr:nth-of-type(2n+1) td:nth-child(2n){
    background-color: #ffdbc2; color: #141414;
}
.compare-sec .table-striped tbody tr td:nth-child(3n) {
    background-color: #feecf2; 
}
.compare-sec .table-striped tbody tr:nth-of-type(2n+1) td:nth-child(3n){ background-color: #fff; }
.compare-sec .table-striped tbody tr td img {
    margin-right: 7px;
    max-width: 26px;
}

.compare-sec thead th:nth-child(2){ background-color: #f0125c; color:#fff; }
.compare-sec thead th:nth-child(3){ background-color: #feecf2; }


.orange-btn {
    background: #ff781f;
    border-color: #ff781f;
    font-size: 32px;
    font-family: 'Archivo Black', sans-serif;
    padding: 10px 50px;
    border-radius: 50px;
    box-shadow: 10px 10px 27px 0 #74062b25;
}
.orange-btn small {
    font-size: 20px;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
}
.orange-btn:hover{ background: #1b7ae5;   border-color: #1b7ae5; }

.red-btn {
    background: #f0125c;
    border-color:#f0125c;
    font-size: 32px;
    font-family: 'Archivo Black', sans-serif;
    padding: 10px 50px !important;
    border-radius: 50px;
    box-shadow: 10px 10px 27px 0 #74062b25;
}
.red-btn small {
    font-size: 20px;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
}
.red-btn:hover{ background: #ff781f; border-color: #ff781f; }

.e-learning-faq-outer {
    background-image: url('../img/right-hearts.png');
    background-position: right 14vw;
    background-repeat: no-repeat;
    background-size: 24vw;
    margin-top: -8%;
}

.e-learning-sec h2 {
    margin: 0 0 35px;
}
.e-learning-sec p span{ color: #f0125c; }
.e-learning-sec .orange-btn {
    margin-top: 30px;
}

.faq-sec { padding: 7% 0 50px; }
.faq-sec .card-body {
    background: #feecf2;
}
.faq-sec .accordion .card {
    border: 2px solid #f0125c;
    box-shadow: -4px 6px 0 #f0125c;
    margin-bottom: 31px !important;
    border-radius: 8px;
}
.faq-sec .accordion .card-header{
    border: 0;
    background: #feecf2;
    font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    margin-bottom: 0;
    border-radius: 6px;
}
.faq-sec .accordion .card-header.collapsed{ background: #fff; }
.faq-sec .accordion .card-header .card-title{border: 0px;color: #1d1e20;}
.faq-sec .accordion .card-header .card-title:hover{text-decoration: none !important;}
.faq-sec .accordion .card-header::after {font-family: 'Font Awesome 5 Pro';content: "\f068";color: #ff781f;position: absolute; right: 10px; top: 13px;}
.faq-sec .accordion .card-header.collapsed:after { content: "\f067"; }
.faq-sec .card-header { cursor: pointer; }
.faq-sec h3 {
    color: #f0125c;
    font-size: 38px;
    text-align: center;
    line-height: 48px;
    margin: 6% 0 0;
}

.fifty-discount-sec.fifty-discount-sec2::before, .fifty-discount-sec.fifty-discount-sec2::after{ display: none; }

.fifty-discount-sec.fifty-discount-sec2 {
    background-image: url('../img/publish-step-bg.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -3vw;
    padding: 10vw 0 12vw;
}
.fifty-discount-sec.fifty-discount-sec2 .container {
    position: relative;
    z-index: 9;
}
.bottom-hand-mobile {
    position: absolute;
    bottom: -120px;
    width: 24vw;
    left: 0;
    z-index: 9;
}

.footer-about {
    background-image: url('../img/footer-bg.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22% 0 0;
    margin-top: -17%;
    position: relative;
    color: #fff;
}
.footer-about h3 {
    color: #f0125c;
    font-size: 38px;
    margin: 0 0 50px;
}

.footer-main {
    text-align: center;
    background: #063a74;
    color: #fff;
    padding: 60px 0 120px;
}
.footer-main p {
    font-size: 18px;
    margin: 30px 0 0;
}


.full-img{ width: 100%; }

/* Mobile Version */
 

.mobile-version{ display: none; }
.mobile-img{ display: none; }



/* Effects Animation */

.header-hero:hover .desktop-hat{
    -webkit-animation-name: wobling;
    animation-name: wobling;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

.online-platform-img-sec:hover .online-headphone{
    -webkit-animation-name: wobling;
    animation-name: wobling;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}
.online-platform-img-sec:hover .online-like{
    animation-name: zooming;
    animation-duration: 1s; 
    animation-timing-function: ease-out; 
    animation-delay: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running; 
}


/* Animations */

@keyframes zooming {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes wobling {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}

@keyframes hanging{
0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
}
.zoom-content {
  animation-name: zooming;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
}

.wobling-continue-infinite {
  animation-name: wobling;
  animation-duration: 1s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 2;
  animation-fill-mode: none;
  animation-play-state: running; 
}
.wobling-continue-slow {
  animation-name: wobling;
  animation-duration: 3s; 
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running; 
}

.plus-animate:active, .plus-animate:focus, .plus-animate:hover {
    animation-name: animation-pulse;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: inherit;
}
@keyframes animation-pulse{
    25%{transform:scale(1.1)}
    75%{transform:scale(0.9)}
}


.wobling-continue {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    display: inline-block;
}
.wobling-continue:hover, .wobling-continue:focus, .wobling-continue:active {
    -webkit-animation-name: wobling;
    animation-name: wobling;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.footer-list {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 20px;
    margin: 0px;
}
.footer-list li {
    display: inline-block;
    line-height: 15px;
    border-left: 2px solid rgb(252, 251, 254);
    padding: 0px 45px;
}
.footer-list li:nth-child(5n+1) {
    clear: left;
    border-left: none;
}
.footer-list li a {
    display: inline-block;
    font-size: 16px;
    color: rgb(252, 251, 254);
	text-decoration: none;
}
.footer-col a.footer-link {
    color: #fff;
    text-decoration: underline;
}
.sticky-footer {
    background-color: #1c81f3;
    box-shadow: 0px 0px 30px rgb(240 18 92 / 70%);
    background-image: url(../img/teachingly-footer-bg.jpg);
    background-size: contain;
    background-repeat: repeat;
}
#toggle-slide-btn {
    display: inline-block;
    background-color: #ffffff;
    color: #f0125c;
    font-size: 20px;
    font-family: 'Archivo Black', sans-serif;
    padding: 12px 30px 16px;
    border-radius: 50px;
    box-shadow: 0 3px 4px rgb(0 0 0 / 43%);
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
#toggle-slide-btn:hover {
    color: #52a3e2;
    box-shadow: 0 0 31px 0 rgb(255 255 255 / 50%);
}
#toggle-slide-btn .orange-btn{
    background-color: #f0125c;

}
@media(max-width: 1024px) {
    .sticky-footer {
        background-size: cover;
        background-repeat: no-repeat;
    }
}