#accounting_bg div, .searchbox {
    display: inline-block
}

#title, .image-content, .searchbox {
    position: relative
}

:root {
    --success: rgb(25, 135, 84)
}

@font-face {
    font-family: dana;
    src: url("fonts/dana.ttf");
    font-display: swap
}

@font-face {
    font-family: dana-bold;
    src: url("fonts/dana-bold.ttf");
    font-display: swap
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

body {
    direction: rtl;
    font-family: dana
}

.bold {
    font-family: dana-bold !important
}

#categories > div > a, .carousel .carousel-item img, .carousel-item a, .row {
    width: 100%
}

nav {
    background-color: #eee;
    border-bottom: 2px solid #bfbfbf
}

#navbarSupportedContent ul {
    font-size: 15px;
    margin-right: 20px
}

.dropdown:hover .dropdown-menu {
    display: block;
    right: 0;
    text-align: right;
    font-size: small;
    background-color: #fff !important
}

#title #shape, .card .label span, .description, .footer-area .footer-bottom .footer-social, .owl-dots {
    text-align: center
}

.dropdown .dropdown-menu a:focus {
    background-color: #fff !important;
    color: #0e0e0e !important
}

@media screen and (max-width: 759px) {
    #header a {
        margin: 5px
    }

    .slider_image {
        height: 200px !important
    }

    .border-left {
        border-left: 0 !important
    }

    .carousel-item {
        height: 300px !important
    }

    .carousel-control-next, .carousel-control-prev {
        width: 3rem !important
    }

    #right img, .parent-product #left .card {
        border-radius: 25px 25px 0 0 !important
    }

    .parent-product #right .card {
        width: 100% !important
    }

    .slide .carousel-item {
        height: 7rem !important
    }

    #accounting_bg {
        justify-content: center !important;
        background-size: 0 !important;
        height: 10rem !important;
        background: #252576;
        border-radius: 3px
    }

    .card-image {
        height: 370px !important
    }

    .smaller {
        font-size: xx-small
    }

    .parent-product #left > div {
        border-radius: 0 0 25px 25px !important
    }

    .advantages img {
        width: 39% !important
    }

    .large-image {
        height: 23rem !important
    }
}

#banner {
    font-size: 11px
}

#banner #right ul li:not(:last-child) {
    padding: 0 5px;
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, .5)
}

#banner #left ul li a {
    padding: 0 5px
}

.searchbox input {
    margin-right: 5px;
    border-radius: 0;
    font-size: small;
    background: #f1f1f1b0;
    box-shadow: 0 0 1px #000
}

.searchbox:before {
    font-family: FontAwesome;
    content: '\f002';
    position: absolute;
    color: #565e64;
    left: 0;
    top: 4px
}

#header {
    display: flex;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: 6666
}

#title #shape, .card .label {
    align-items: center;
    display: flex;
    top: 0
}

#header a, .fs-ss, .parent-product #left .catalog a {
    font-size: 12px
}

#logo-mf {
    margin: 0 !important
}

.action-button div ul li:first-child, .border-left {
    border-left: 1px solid #ccc
}

#header .count {
    position: absolute;
    left: -6px;
    top: -10px;
    background: #008000b8;
    color: #fff;
    border-radius: 50%;
    padding: 1px 6px
}

.logo {
    width: 13rem
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .8s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

.carousel-item {
    height: 500px
}

.carousel-item img {
    height: 100%;
    object-fit: contain
}

.carousel-control-next, .carousel-control-prev {
    background-color: rgba(255, 255, 255, .3);
    width: 6rem
}

#title #shape, .card {
    background-color: #fff
}

#title {
    width: 100%;
    height: 2px;
    background-color: #727272
}

#title #shape {
    width: 20rem;
    height: 3rem;
    margin: auto;
    border-radius: 8px;
    justify-content: center;
    font-size: small;
    font-weight: 700;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #727272
}

.slide-container {
    max-width: 1120px;
    width: 100%;
    padding: 40px 0
}

.slide-content {
    margin: 0 40px;
    overflow: hidden;
    border-radius: 25px
}

.card-content, .image-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 14px
}

.image-content {
    row-gap: 5px;
    padding: 25px 0
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #4070f4;
    border-radius: 25px 25px 0
}

.card-action, .card-image, .owl-dots button.owl-dot {
    background: #fff;
    position: relative
}

.overlay::after, .overlay::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -40px;
    height: 40px;
    width: 40px;
    background-color: #4070f4
}

.overlay::after {
    border-radius: 0 25px 0 0;
    background-color: #fff
}

.card-image {
    border-radius: 50%;
    padding: 3px
}

.card-image .card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #4070f4
}

.name {
    font-size: 18px;
    font-weight: 500;
    color: #333
}

#accounting_bg div h6, #cart_price_details ul li span:nth-child(2), #sidebar ul li, .advantages span, .card-body h6, .card-heading, .final-price, .parent-product #details > ul li span:nth-child(2) {
    font-weight: 700
}

.description {
    font-size: 14px;
    color: #707070
}

.button {
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    background-color: #4070f4;
    border-radius: 6px;
    margin: 14px;
    cursor: pointer;
    transition: .3s
}

#nav-mobile, .card-action, .card-heading, .fs-s {
    font-size: 13px
}

.button:hover {
    background: #265df2
}

.swiper-navBtn {
    color: #6e93f7;
    transition: color .3s
}

.swiper-navBtn:hover {
    color: #4070f4
}

.swiper-navBtn::after, .swiper-navBtn::before {
    font-size: 35px
}

.swiper-button-next {
    right: 0
}

.swiper-button-prev {
    left: 0
}

.swiper-pagination-bullet {
    background-color: #6e93f7;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background-color: #4070f4
}

@media screen and (max-width: 768px) {
    .slide-content {
        margin: 0 10px
    }

    .swiper-navBtn {
        display: none
    }

    #ftfc_section {
        width: 100% !important
    }
}

#ftfc_section {
    width: 50%
}

#ftfc_section .bg-light {
    border-right: 1px solid #a39d9d;
    border-left: 1px solid #a39d9d;
    border-bottom: 1px solid #a39d9d
}

.card {
    margin: auto;
    border-radius: 10px
}

.owl-dots button.owl-dot.active span, .owl-dots button.owl-dot:hover span {
    background-color: green;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 1px;
    left: 1px
}

.owl-dots button.owl-dot {
    border: 1px solid #006400;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    margin: 15px 2px
}

.action_button a {
    border-radius: 0;
    font-size: small;
    box-shadow: rgba(0, 0, 0, .25) 0 14px 55px, rgba(0, 0, 0, .12) 0 -12px 30px, rgba(0, 0, 0, .12) 0 4px 6px, rgba(0, 0, 0, .17) 0 12px 13px, rgba(0, 0, 0, .09) 0 -3px 5px
}

.card .label {
    position: absolute;
    top: 0;
    justify-content: start;
    left: 0
}

.card .label span {
    background: rgb(0 64 213 / 70%);
    color: #fff;
    padding: 5px;
    font-size: small;
    border-radius: 22px 5px 5px !important
}

#accounting_bg {
    width: 100%;
    height: 38rem;
    background-image: url("../../images/04.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    background-position: center;
    display: flex;
    align-items: center
}

#accounting_bg div {
    background: #252576;
    color: #fff;
    padding: 32px;
    font-size: small;
    text-align: center;
    width: 24rem;
    border-radius: 10px;
    margin-right: 20px
}

#accounting_bg div p {
    color: #ffffffd4;
    margin-top: 18px;
    line-height: 43px
}

#accounting_bg a {
    font-size: small;
    color: #000000c2
}

.card-body, .text-justify {
    text-align: justify
}

.final-price {
    color: #0f5132;
    justify-content: center !important
}

#categories > div {
    margin: 10px 0;
    display: flex;
    justify-content: center
}

#categories > div > a > div {
    padding: 2rem;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    width: 100%
}

#categories div:nth-child(2n) div, #categories div:nth-child(odd) div {
    background: #198754
}

.parent-product {
    background-color: #eee !important
}

.parent-product img {
    object-fit: none
}

.parent-product #price ul li:first-child {
    font-size: 15px !important
}

.parent-product #left > div {
    border-radius: 25px;
    border: 1px solid #d9d9d9
}

.parent-product #details ul {
    padding: 0;
    line-height: 3rem
}

.parent-product #details ul li {
    display: flex;
    font-size: 14px;
    padding: 0 10px;
    justify-content: space-between
}

.parent-product #details > ul li:nth-child(2n) {
    background-color: #f5f5f5
}

.action-button div ul {
    background-color: #f1f1f1 !important;
    border: 1px solid #ccc
}

.action-button div ul li:nth-child(3) {
    border-right: 1px solid #ccc
}

.product-caption p {
    line-height: 38px;
    font-size: 13px !important;
    color: #000
}

.accordion-button {
    justify-content: space-between
}

.head-download button {
    background: #198754 !important
}

.accordion-button.collapsed {
    background: #eee
}

.accordion-button:not(.collapsed) {
    background: #198754;
    color: #fff
}

.accordion-button:after {
    margin-right: 0 !important;
    margin-left: unset !important
}

.advantages {
    border: 1px solid #ccc;
    text-align: center
}

.advantages > div {
    width: 100%;
    height: 5rem;
    background: var(--success)
}

#cart table, .advantages span {
    font-size: small
}

.teacher img {
    height: 21rem;
    object-fit: cover;
    width: 26rem;
    box-shadow: 0 0 17px 1px var(--success)
}

.teacher ul {
    list-style-type: '-';
    font-size: 14px;
    padding: 0
}

.teacher ul li:first-child {
    margin-top: 30px
}

.teacher ul li {
    padding: 10px;
    color: #55585e
}

.cart-body tr td {
    text-align: center;
    vertical-align: middle
}

#cart table tbody ul {
    list-style: none;
    padding: 0
}

#cart table tbody ul li {
    padding: 15px
}

.cart-body p {
    font-size: smaller
}

#cart_price_details {
    box-shadow: 0 0 12px 0 #ccc;
    padding: 15px;
    border-radius: 10px;
    margin-top: 2rem
}

#cart_price_details ul li {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

.paragraph {
    line-height: 3rem;
    color: #2a2626
}

h6.roadmap {
    color: #c5c5c5
}

h6.roadmap span.active {
    color: #000
}

#sidebar ul li.active {
    background: #bfffbf !important;
    color: green !important
}

#sidebar ul li {
    padding: 14px;
    background: #e6ffe6;
    border-radius: 18px;
    margin: 10px 0;
    color: #000;
    cursor: pointer
}

#sidebar ul li:last-child {
    color: #f96868 !important;
    background: #f5f5f5
}

#sidebar ul li:last-child:hover {
    background: #f5c3c3 !important;
    color: red !important
}

#nav-mobile a:hover, #sidebar ul li:hover {
    background: #a6f1a6 !important;
    transition: background-color .2s ease-in
}

.card-counter {
    box-shadow: 2px 2px 10px #dadada;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear;
    display: flex;
    align-items: center
}

.card-counter:hover {
    box-shadow: 4px 4px 20px #dadada;
    transition: .3s linear
}

.card-counter.primary {
    background-color: #007bff;
    color: #fff
}

.card-counter.danger {
    background-color: #ef5350;
    color: #fff
}

.card-counter.success {
    background-color: #66bb6a;
    color: #fff
}

.card-counter.info {
    background-color: #26c6da;
    color: #fff
}

.card-counter i {
    font-size: 5em;
    opacity: .2
}

.card-counter .count-numbers {
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block
}

.card-counter .count-name {
    position: absolute;
    right: 35px;
    top: 65px;
    font-style: italic;
    text-transform: capitalize;
    opacity: .5;
    display: block;
    font-size: 18px
}

#course-description, #nav-mobile a:nth-child(odd):not(:last-child) {
    display: none
}

#nav-mobile a {
    margin: 15px 0;
    padding: 10px;
    border-radius: 15px
}

#nav-mobile .nav-link.active {
    background-color: #a6f1a6 !important
}

.owl-carousel span {
    font-family: iran !important
}

.card-body span {
    font-size: 13px !important;
    line-height: 1.6rem !important;
    color: #1a1d20 !important
}

.discount {
    text-decoration: line-through;
    display: block;
    font-size: large !important;
    text-decoration-color: red
}

.auth-section, .card-button {
    display: flex;
    justify-content: center
}

.container-gallery, .demo {
    direction: ltr
}

.card-sl {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    direction: rtl
}

.card-image img {
    max-height: 100%;
    max-width: 100%;
    border-radius: 8px 8px 0 0;
    width: 100%;
    object-fit: fill
}

.card-action {
    float: right;
    margin-top: -25px;
    margin-right: 20px;
    z-index: 2;
    color: #e26d5c;
    padding: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .19);
    width: 40px;
    height: 40px;
    left: 5px
}

.card-heading, .card-text {
    padding: 11px 15px;
    background: #fff
}

.card-heading {
    height: 60px
}

.card-action img {
    object-fit: fill !important;
    width: 100%;
    height: 100% !important
}

.card-action:hover {
    color: #fff;
    background-color: #218838;
    -webkit-animation: 1.5s infinite pulse
}

.card-text {
    font-size: 12px;
    line-height: 1.3rem;
    color: #636262
}

.card-button {
    padding: 10px 0;
    width: 100%;
    background-color: #218838;
    color: #fff !important;
    border-radius: 0 0 8px 8px;
    text-decoration: none
}

@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 50px rgba(90, 153, 212, 0)
    }
    100% {
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0)
    }
}

.card-image {
    width: 100%;
    height: 275px
}

.card-image img {
    height: 100%
}

.product-caption {
    font-size: initial;
    line-height: 38px;
    text-align: justify;
    margin-bottom: 5rem
}

.footer-area {
    padding: 50px 0 80px;
    background: rgba(25, 135, 84) !important
}

.row_counter {
    top: 70px;
    text-align: center
}

.row_counter div {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    border-radius: 5px;
    padding: 7px
}

.row_counter div span:first-child {
    font-size: 23px
}

.footer-area .single-footer-widget p {
    color: #7b838a
}

.footer-area .single-footer-widget h4 {
    font-weight: 600;
    margin-bottom: 25px
}

@media (max-width: 1024px) {
    .footer-area .single-footer-widget h4 {
        font-size: 20px
    }
}

.footer-area .single-footer-widget ul li {
    margin-bottom: 10px
}

.footer-area .single-footer-widget ul li a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #777
}

.footer-area .footer-bottom p a, .footer-area .single-footer-widget .form-wrap .info, .footer-area .single-footer-widget ul li a:hover {
    color: #03a9f4
}

.footer-area .single-footer-widget .form-wrap {
    margin-top: 25px
}

.footer-area .single-footer-widget input {
    height: 45px;
    border: 1px solid #eee;
    width: 67% !important;
    font-weight: 400;
    background: 0 0;
    color: #777;
    border-radius: 0;
    font-size: 14px;
    padding: 10px
}

.footer-area .single-footer-widget .click-btn:focus, .footer-area .single-footer-widget input:focus {
    outline: 0;
    box-shadow: none
}

.footer-area .single-footer-widget input.placeholder {
    font-size: 14px;
    padding-left: 10px;
    color: #777
}

.footer-area .single-footer-widget input:-moz-placeholder {
    font-size: 14px;
    padding-left: 10px;
    color: #777
}

.footer-area .single-footer-widget input::-moz-placeholder {
    font-size: 14px;
    padding-left: 10px;
    color: #777
}

.footer-area .single-footer-widget input::-webkit-input-placeholder {
    font-size: 14px;
    padding-left: 10px;
    color: #777
}

.footer-area .single-footer-widget .click-btn {
    border-radius: 0;
    padding: 6px 18px;
    border: 0;
    background: #03a9f4;
    color: #fff;
    position: relative;
    left: 0;
    text-transform: capitalize
}

.footer-area .single-footer-widget .click-btn i, .footer-area .single-footer-widget .click-btn span {
    font-size: 14px;
    font-weight: 500
}

.footer-area .footer-bottom {
    margin-top: 70px
}

.footer-area .footer-bottom p {
    color: #777
}

@media (max-width: 991px) {
    .footer-area {
        padding: 60px 0
    }

    .footer-area .single-footer-widget {
        margin-bottom: 30px
    }

    .footer-area .single-footer-widget h4 {
        margin-bottom: 15px
    }

    .footer-area .footer-bottom {
        margin-top: 20px
    }

    .footer-area .footer-bottom .footer-social {
        text-align: left;
        margin-top: 30px
    }

    .row_counter {
        top: 0 !important;
        margin: 3rem 0 !important
    }
}

.footer-area .footer-bottom .footer-social a {
    background: #2f2d4e;
    margin-left: 3px;
    width: 32px;
    color: #fff;
    display: inline-grid;
    text-align: center;
    height: 32px;
    align-content: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.footer-area .footer-bottom .footer-social a:hover {
    background: #03a9f4;
    color: #fff
}

.footer-area .footer-bottom .footer-social a i, .footer-area .footer-bottom .footer-social a span {
    font-size: 14px
}

.part-accordion button::after {
    content: none !important;
    width: unset !important
}

video {
    margin-top: 15px;
    width: 100%;
    height: 25rem
}

@media screen and (min-width: 1420px) {
    .slide .carousel-item {
        height: 34rem !important
    }
}

.slide .carousel-item {
    height: 22rem;
    margin-top: 12px
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.row:has(> div#title) {
    margin: auto
}

.product-caption span {
    font-family: dana !important
}

.a-disabled {
    opacity: .4;
    cursor: default !important;
    pointer-events: none
}

.form-control--otp {
    line-height: 2.5;
    height: 3.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 758px) {
    .form-control--otp {
        line-height: 3;
        height: 2.5rem;
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
        max-width: 3.5rem
    }
    .teachers{
        width: 400px;
        margin: 0 16px;
    }
    .card-img-top, .large-image {
        height: 31rem !important
    }

    .large-image {
        width: 100% !important
    }
}

@media screen and (min-width: 759px) {
    .item-submenu-mobile a {
        transition: margin-right .2s ease-in-out
    }

    .item-submenu-mobile a:hover {
        margin-right: 25px !important;
        color: rgba(25, 135, 84) !important
    }
}

.input-group-seperator {
    width: 2rem;
    margin-left: .75rem;
    margin-right: .75rem;
    height: .3rem;
    background: #ced4da;
    border-radius: .1rem
}

#whatsapp, .side-nav {
    background: #fff;
    position: fixed
}

.auth-section {
    padding: 27px;
    border-radius: 10px
}

.side-nav {
    width: 16rem;
    display: block;
    margin-right: -19rem;
    height: 100vh;
    top: 0;
    z-index: 55555;
    border-left: 2px solid #3b6f3b
}

.video_cover {
    filter: brightness(.8)
}

.play {
    top: 48%;
    left: 48%;
    cursor: pointer;
    transition: scale .4s ease-in-out
}

.play:hover {
    scale: 1.5
}

.play i {
    color: var(--success)
}

.social_link:hover {
    color: #d2d0d0 !important
}

#shadow {
    display: none;
    width: 100% !important;
    height: 201rem;
    background: rgba(0, 0, 0, .65);
    position: absolute;
    z-index: 31;
    top: 0
}

.submenu {
    display: none;
    right: 0;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 #757575;
    width: 12rem;
    padding: 11px
}

.submenu li, .submenu-mobile li {
    line-height: 30px
}

.line-height {
    line-height: 40px
}

.submenu li a {
    color: #343434;
    text-decoration: none
}

.submenu-mobile {
    padding: 9px 0;
    border-radius: 10px;
    background-color: #f0fff0 !important
}

.submenu-mobile li a {
    color: #343434 !important;
    text-decoration: none
}

.fa-angle-down {
    color: rgba(0, 0, 0, .65) !important
}

.rotate {
    transform: rotate(180deg)
}

#mobile {
    background: #ededed !important;
    margin-top: 5px !important
}

.auth_form {
    box-shadow: 0 0 6px 0 #0037004d !important
}

.card-img-top {
    object-fit: fill !important;
    height: 21rem
}

.parent-product #right .card {
    background: 0 0 !important
}

.item-submenu-mobile a {
    margin: 0 15px;
    font-size: 15px
}

#about {
    text-align: center;
    background: rgba(25, 135, 84);
    padding: 3rem 0;
    background-attachment: fixed;
    color: #fff;
    margin: 1rem 0
}

.advantages .image, .next-button, .prev-button {
    display: flex;
    justify-content: center;
    align-items: center
}

.advantages img {
    width: 27%;
    object-fit: contain
}

.img-thumb img {
    width: 75px;
    height: 75px;
    border-radius: 5px !important
}

.images_section {
    grid-template-columns:repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 1em
}

.gallery-item {
    width: 41.039px !important;
    height: 44px !important;
    margin: 5px;
    border-radius: 5px
}

.gallery-item.active {
    border: 1px solid #000 !important
}

.thumbnails {
    justify-content: center;
    margin: 1rem 0
}

.large-image {
    border-radius: 25px;
    background-size: cover !important
}

.card-action {
    border-radius: 20px;
    background: #eee
}

.accordion-body div span {
    text-wrap-mode: wrap !important
}

@keyframes tilt-shaking {
    0% {
        transform: translateX(0)
    }
    35%, 65% {
        transform: rotate(17deg)
    }
    55%, 75% {
        transform: rotate(-17deg)
    }
    100% {
        transform: rotate(0)
    }
}

#whatsapp {
    display: flex;
    color: rgba(25, 135, 84);
    padding: 7px 12px;
    border-radius: 50%;
    bottom: 5px;
    justify-content: center;
    align-items: center;
    margin: 5px;
    border: 2px solid;
    z-index: 2222
}

#whatsapp.active {
    animation: 1.2s ease-in-out tilt-shaking
}
.teachers{
    border: 2px solid #eee;
    border-radius: 20px;
    height: 105px;
}
.teachers img{
    width: 100px;
    left: -10px;
    bottom: 2px;
}
.teachers small{
    color: #383737;
}
.product-caption h4,h5,h3,h2,h1{
    line-height: inherit !important;
}
.video_title {
    text-align: center;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    height: 39px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}