/*
 _____ _                                         
|_   _| |__   ___ _ __ ___   ___ _   _ _ __ ___  
  | | | '_ \ / _ \ '_ ` _ \ / _ \ | | | '_ ` _ \ 
  | | | | | |  __/ | | | | |  __/ |_| | | | | | |
  |_| |_| |_|\___|_| |_| |_|\___|\__,_|_| |_| |_|

*  --------------------------------------
*         Table of Content
*  --------------------------------------
*  01. Button  
*  06. Coming Soon  
*  07. 404 Page
*  08. Blog Post
*  09. Blog Sidebar & Widget
*  10. Blog Pagination
*  11. Menu Overide
*  12. Main Menu
*  13. Mobile Menu
*  14. Footer
*  -------------------------------------- 
*  -------------------------------------- */


/* -------------------------------------- *
*          01. Button         
* --------------------------------------- */

.btn,
input[type='submit'],
input[type='button'].wpneo-image-upload,
input[type='button'].wpneo-image-upload-btn,
input[type='button']#addreward,
input[type='button'].removeCampaignRewards,
input[type='submit'].wpneo-submit-campaign,
a.wpneo-cancel-campaign,
.wpneo-edit-btn,
.wpneo-image-upload.float-right,
.wpneo-save-btn,
.wpneo-cancel-btn,
.dashboard-btn-link,
.removecampaignupdate,
#addcampaignupdate {
    padding: 10px 22px;
    font-weight: 600;
    line-height: 22px;
    font-size: 14px;
    border: none;
    box-shadow: none;
    transition: 400ms;
    -webkit-transition: 400ms;
    letter-spacing: 0.5px;
    border-radius: 3px;
}

.btn.btn-skillate,
input[type='submit'],
input[type='button'].wpneo-image-upload,
input[type='button'].wpneo-image-upload-btn,
input[type='button']#addreward,
.wpneo-edit-btn,
.wpneo-image-upload.float-right,
.wpneo-save-btn,
.wpneo-cancel-btn,
.dashboard-btn-link,
#wpneo_active_edit_form,
#addcampaignupdate,
.wpneo_donate_button,
.wpneo-profile-button,
.select_rewards_button,
.woocommerce-page #payment #place_order,
.woocommerce input.button,
input[type='submit'].wpneo-submit-campaign {
    color: #fff;
    cursor: pointer;
    border-radius: 2px !important;
}

input[type='submit']:hover,
input[type='button'].wpneo-image-upload:hover,
input[type='button'].wpneo-image-upload-btn:hover,
input[type='button']#addreward:hover,
.wpneo-edit-btn:hover,
.wpneo-image-upload.float-right:hover,
.wpneo-save-btn:hover,
.dashboard-btn-link:hover,
#wpneo_active_edit_form:hover,
#addcampaignupdate:hover,
.wpneo_donate_button:hover,
.wpneo-profile-button:hover,
.select_rewards_button:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce input.button:hover,
input[type='submit'].wpneo-submit-campaign:hover {
    background: #02c0d0;
    color: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    overflow-x: hidden;
}

li.woocommerce-info::before {
    display: none;
}

.woocommerce-NoticeGroup ul.woocommerce-error li {
    padding-left: 25px !important;
}

.woocommerce table.shop_table {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#add_payment_method #payment,
.woocommerce-checkout #payment {
    padding: 0 !important;
    box-shadow: none !important;
}

.btn.btn-white {
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
}

.btn.btn-white:hover {
    color: #fff;
}

.btn.btn-dark {
    background: #fff;
    color: #393939;
}

.btn.btn-dark:hover {
    background: #1f1f1f;
    color: #fff;
}

.btn.btn-border-skillate {
    background: transparent;
}

.btn.btn-border-skillate:hover {
    color: #fff;
}

.btn.btn-border-white {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.btn.btn-border-white:hover {
    color: #fff;
}

.btn.btn-border-dark {
    background: transparent;
    border: 2px solid #393939;
    color: #393939;
}

.btn.btn-border-dark:hover {
    background: #393939;
    color: #fff;
}

.skillate-login-register a.skillate-dashboard {
    padding: 5px 15px;
    border-radius: 4px;
    color: #fff;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.btn.focus,
.btn:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
    outline-offset: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.entry-content .elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}

.skillate-error-wrapper {
    overflow: hidden;
    padding-bottom: 122px;
}

p {
    margin-top: 0;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5 {
    color: #1f2949;
}

.woocommerce-account .woocommerce form.woocommerce-form-login {
    padding: 0 !important;
    border: 0 !important;
    width: 60%;
}

.woocommerce-billing-fields .select2-container .select2-selection--single {
    height: 50px;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 3px;
}


/* -------------------------------------- *
*           02. Box Width           
* --------------------------------------- */

.boxwidth {
    position: relative;
    max-width: 1240px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.error404 .boxwidth {
    position: relative;
    max-width: 1240px;
    background: transparent;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.boxwidth #masthead.sticky {
    max-width: 1240px;
    top: 0;
}


/* -------------------------------------- *
*          03. Contact Form      	  	  *
* --------------------------------------- */

.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form textarea {
    border: 1px solid #d0d9e2;
    padding: 8px 12px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 35px;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    background: #fafcfd;
}

.wpcf7-form textarea {
    height: 126px;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline-offset: 0px;
    outline: -webkit-focus-ring-color auto 0px;
}

.wpcf7-form input[type='text']::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder,
.wpcf7-form input[type='email']::-webkit-input-placeholder {
    color: #b8c1cc;
}

div.wpcf7-mail-sent-ok {
    border-radius: 4px;
    padding: 10px;
    text-align: center;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
}

span.wpcf7-not-valid-tip {
    position: relative;
    top: -25px;
}

.map-info-content {
    text-align: center;
}


/* -------------------------------------- *
*    04. Coming Soon    				  *
* --------------------------------------- */

.page-template-coming-soon {
    width: 100%;
    height: 100%;
    align-items: center;
    background-image: url('../images/404-bg.png');
    background-size: cover;
}

div#skillate-comingsoon {
    margin-top: 60px;
}

.comingsoon img.enter-logo {
    width: 78px;
}

.comingsoon-warper {
    margin-top: 135px;
}

.subnewslatter {
    margin-left: -95px !important;
    height: 50px !important;
    width: 100px;
    background: #009dd6 !important;
    margin: 0;
    padding: 0;
}

.coming-soon-logo {
    margin-top: 0px;
}

.comingsoon-content .comingsoon-title {
    font-size: 100px;
    font-weight: 700;
    word-break: break-word;
    padding: 0px 0 30px;
    color: #ffffff;
    letter-spacing: -5.15px;
    line-height: 125px;
}

.comingsoon-newslatter-descrip {
    display: inline-block;
    color: #eaeaea;
    font-size: 21px;
    margin-bottom: 50px;
    line-height: 25px;
}

#tixon-comingsoon {
    padding-top: 72px;
}

.inputnewslatter {
    width: 405px !important;
    float: left;
}

.subnewslatter {
    margin-top: inherit !important;
}

.comingsoon {
    width: 100%;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
}

.comingsoon-wrap {
    width: 100%;
    height: 100%;
    display: table;
}

.comingsoon-content {
    vertical-align: middle;
}

#comingsoon-countdown .countdown-amount {
    font-size: 34px;
    font-weight: bold;
    display: block;
    color: #ffffff;
}

#comingsoon-countdown .countdown-period {
    font-size: 16px;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.comingsoon .sub-page-header {
    font-size: 24px;
    font-weight: 700;
}

.comingsoon .soon-page-header {
    font-size: 62px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
}

.countdown-section {
    display: inline-block;
    padding: 0;
    position: relative;
    margin: 8px;
    width: 100px;
    height: 100px;
    padding-top: 14px;
    border-radius: 12px;
}

.comingsoon-footer .social-share ul {
    text-align: center;
}

.comingsoon .days,
.comingsoon .hours,
.comingsoon .minutes,
.comingsoon .seconds {
    display: block;
    font-size: 60px;
    margin-bottom: 15px;
    font-weight: 700;
}

p.comingsoon-message-desc {
    font-size: 24px;
    font-weight: 700;
}

.social-share ul {
    padding: 0;
    margin: 0;
}

.social-share ul li {
    display: inline-block;
    font-size: 14px;
    border-radius: 50%;
    text-align: right;
    margin-left: 15px;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.social-share ul li a {
    color: #fff;
    -webkit-transition: 400ms;
    transition: 400ms;
    font-size: 12px;
}

.social-share ul li:hover a {
    color: #ffffff;
}

.comingsoon .social-share ul li {
    display: inline-block;
    margin: 0 5px;
}

.comingsoon-footer {
    margin-top: 45px;
}

.comingsoon .social-share li a {
    color: #fff;
    font-size: 17px;
    -webkit-transition: color 400ms;
    transition: color 400ms;
    padding: 0 10px;
}

.comingsoon .mc4wp-form-fields input[type='email'] {
    background-color: transparent;
    padding: 20px;
    color: #fff;
    border: 1.5px solid #fff;
    height: 60px;
    border-radius: 3px;
    font-weight: 400;
    width: 100%;
    float: left;
    font-size: 17px;
}

.comingsoon .mc4wp-form-fields input[type='email']::placeholder {
    color: #adadad;
    font-weight: 400;
}

.coming-soon-newslatter {
    display: inline-block;
    width: 100%;
}

.comingsoon .mc4wp-form-fields input[type='email']::placeholder {
    color: #fff;
}

.coming-soon-newslatter .mc4wp-form-fields button {
    padding: 14px 20px;
}

.comingsoon .mc4wp-form-fields input[type='submit'] {
    width: 30%;
    padding: 8px;
    font-weight: 400;
    margin-left: 0;
    border: 1px solid;
    border-radius: 0 3px 3px 0;
    color: #fff;
    height: 52px;
    width: 50px;
    margin-left: -10px;
    margin-top: 0px;
}

.comingsoon .mc4wp-form-fields {
    margin-top: 25px;
    width: 587px;
    margin: 0 auto;
}

.comingsoon-footer-copyright,
.coming-soon-newslatter .mc4wp-form-fields h3 {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
}

.coming-soon-newslatter button {
    background: transparent;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    height: 60px;
    font-size: 18px;
    line-height: 28px;
}

.coming-soon-newslatter input[type='email']::-webkit-input-placeholder {
    color: #7d91aa;
}

.coming-soon-newslatter input[type='email']::-moz-placeholder {
    color: #7d91aa;
}

.coming-soon-newslatter input[type='email']:-ms-input-placeholder {
    color: #7d91aa;
}

.coming-soon-newslatter input[type='email']:-moz-placeholder {
    color: #7d91aa;
}

.coming-soon-newslatter .form-box i.fa.fa-long-arrow-right {
    color: #fff;
    top: 20px;
    position: absolute;
    right: 17px;
    z-index: 0;
}

.coming-soon-newslatter .skillate-mailchimp p {
    font-weight: 400;
    line-height: 20px;
    color: #191919;
    font-size: 15px;
}

.comingsoon .mc4wp-form-fields input[type='email']::placeholder {
    color: #fff;
}

.counter-class {
    margin-top: 20px;
    margin-bottom: 30px;
}


/* -------------------------------------- *
*    		05. 404 Page      			  *
* --------------------------------------- */

h1.error-title {
    line-height: 1.4;
    font-size: 90px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.5px;
    color: #1f2949;
    margin: 0;
}

.error-message-title {
    padding: 0px;
    margin-bottom: 26px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: -0.13px;
    color: #1f2949;
}

.error-msg {
    text-align: right;
}

.error-page-inner .error-msg .logo-top img {
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.error-message {
    color: #eaeaea;
    font-size: 21px;
    line-height: 25px;
    margin: 0;
}

.skillate-error-wrapper a.btn.btn-secondary {
    border-radius: 3px;
    padding: 11px 31px;
    text-transform: uppercase;
    border: 1px solid;
    background: #ff5248;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.skillate-error-wrapper a.btn.btn-secondary:hover {
    color: #fff;
}

.skillate-error-wrapper .col-md-5 {
    padding-left: 0;
    padding-top: 160px;
    margin-left: -60px;
}

.skillate-error-wrapper .col-md-7 {
    padding-right: 0;
}

.error-page-inner .btn-primary {
    font-size: 18px;
    background: #00aeef none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 10px;
    padding: 10px 20px;
}

.error-page-inner a.btn.btn-primary.btn-lg {
    font-size: 18px;
    line-height: 50px;
    padding: 0 30px;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15);
}

.error-page-inner a.btn.btn-primary.btn-lg:hover {
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
}

.error-page-inner .error-msg a {
    letter-spacing: 2px;
    padding: 14px 18px;
    transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
    font-weight: normal;
    font-size: 16px;
}

.info-wrapper {
    text-align: center;
    border-radius: 6px;
    margin: 0 auto;
    position: relative;
}

.info-wrapper a.white {
    color: #ffffff;
    border-radius: 4px;
    padding: 12px 30px;
    background-color: #50a2ff;
    border-color: #50a2ff;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.info-wrapper a.white:hover {
    color: #fff;
}


/* -------------------------------------- *
*    		08. Blog Post      			  *
* --------------------------------------- */

.feature-blog {
    text-align: center;
    margin-bottom: 100px;
}

.feature-blog .article-details {
    padding: 20px;
}

.feature-blog .article-details .meta-category a {
    color: #797c7f;
    font-size: 16px;
}

.post_format-post-format-quote .entry-summary .wrap-btn-style a.btn-style {
    margin-top: 20px !important;
}

.skillate-post .blog-post-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.skillate-post.hentry .blog-post-meta,
.skillate-post.hentry .blog-post-meta li a {
    text-transform: initial;
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.35;
    letter-spacing: -0.3px;
    color: #7e879a;
}

.blog-post-meta-wrap {
    display: flex;
    align-content: space-between;
    margin-bottom: 30px;
}

.skillate-post.hentry .blog-post-meta {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blog-post-meta li.meta-category {
    padding: 0;
    margin: 0;
}

.single-blog-info li span {
    text-transform: initial;
    border-radius: 5px;
    color: #ababab;
    font-weight: 400;
}

.skillate-single-post .featured-wrap {
    text-align: center;
    min-height: 200px;
}

.skillate-single-post .featured-wrap img {
    display: block;
}

.admin-bar .featured-wrap {
    overflow: hidden;
    text-align: center;
}

.skillate-post.skillate-single-post-item .blog-post-meta {
    margin-bottom: 30px;
}

.separator-wrapper {
    margin-bottom: 30px;
}

.skillate-post .blog-post-meta li {
    display: inline-block;
    color: #797c7f;
    line-height: 29px;
    margin-right: 35px;
    letter-spacing: -0.24px;
}

.skillate-post .blog-post-meta li .img-author img {
    margin-right: 5px;
}

.blog-details-img img {
    transition: 0.3s;
    width: 100%;
}

.skillate-post .blog-post-meta li a {
    color: #797c7f;
    font-weight: 400;
    transition: 400ms;
    -webkit-transition: 400ms;
    font-size: 14px;
}

.skillate-post .grid2 .blog-post-meta li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: #b4b4b4;
    font-weight: 400;
    line-height: 26px;
}

.skillate-post .grid2 .blog-post-meta li a {
    color: #b4b4b4;
    font-weight: 600;
    transition: 400ms;
    -webkit-transition: 400ms;
    font-weight: 400;
}

.skillate-post .blog-post-meta li i {
    margin-right: 8px;
}

.data-author {
    display: inline-block;
    float: left;
    margin-top: 20px;
    color: #6d7784;
    font-weight: 400;
}

.data-author img {
    margin-right: 5px;
}

.data-author a {
    color: #6d7784;
}

.data-comments {
    display: inline-block;
    float: right;
    margin-top: 20px;
    line-height: 50px;
    color: #b4b4b4;
    font-weight: 400;
}

.skillate-post .content-item-title {
    margin-bottom: 5px;
    margin-top: -5px;
    line-height: 30px;
    font-weight: 600;
    font-size: 22px;
}

.single-content-flat p {
    word-wrap: break-word;
}

.skillate-post.hentry .content-item-title {
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: -0.25px;
    color: #1f2949;
}

.skillate-post.skillate-index-post .entry-summary {
    color: #797c7f;
    font-size: 14px;
    line-height: 25px;
}

.single .skillate-post.hentry .content-item-title {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 40px;
}

.single-blog-post-top .social-share-wrap {
    text-align: right;
}

.skillate-post .content-item-title a {
    color: #1f2949;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.blog-post-item-col {
    margin-bottom: 30px;
}

.skillate-index-post {
    background-color: #fff;
    margin-bottom: 40px;
    word-wrap: break-word;
}

.separator-wrapper .skillate-index-post .blog-details-img {
    overflow: hidden;
    transition: 0.3s;
}

.blog-date-wrapper i {
    margin-right: 4px;
}

.entry-summary .wrap-btn-style a.btn-style {
    margin-top: 20px;
    padding: 0;
    font-weight: 400;
    float: left;
}

.blog-quote-content {
    position: absolute;
    bottom: 70px;
    width: 77%;
    margin: 0 !important;
}

.quote-cont-blog.entry-blog {
    position: absolute;
    bottom: 10px;
}

.quote-cont-blog-wrapper.entry-summary.clearfix {
    position: absolute;
    width: 78%;
    overflow: hidden;
    bottom: 35px;
}

span.blog-content-quote {
    font-size: 70px;
}

.quote-cont-blog a {
    margin-top: 0 !important;
}

.skillate-quote {
    background: #50a2ff;
    color: #fff;
}

.skillate-quote a,
.blog-quote-content i {
    color: #fff !important;
}

.entry-summary .wrap-btn-style a.btn-style:hover {
    color: #000;
}

.entry-summary .wrap-btn-style a.btn-style i {
    font-size: 13px;
    margin-left: 2px;
}

.skillate-latest-post {
    background-color: #fff;
}

.skillate-latest-post .skillate-blog-title {
    padding: 30px;
}

.post-navigation .single-next a,
.post-navigation .single-pre a {
    font-size: 12px;
    font-weight: bold;
}

.social-share-wrap .share-text {
    display: inline-block;
}

.social-share-wrap ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.widget_categories .postform {
    padding: 0;
    width: 100%;
}

.widget_text .textwidget {
    padding: 28px;
}

.social-share-wrap ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    margin-left: 12px;
}

.social-share-wrap ul li a {
    color: #6c6d8b;
    font-size: 12px;
    display: block;
    border-radius: 4px;
}

.entry-summary .social-share-wrap ul li a:hover {
    color: #fff;
}

.social-share-wrap ul li a.facebook:hover {
    color: #3b5999;
}

.social-share-wrap ul li a.twitter:hover {
    color: #55acee;
}

.social-share-wrap ul li a.google-plus:hover {
    color: #dd4b39;
}

.social-share-wrap ul li a.pinterest:hover {
    color: #bd081c;
}

.social-share-wrap ul li a.linkedin:hover {
    color: #0077b5;
}

.social-share-wrap span {
    color: #797c7f;
}

.post-navigation .single-pre .previous-post a {
    padding-left: 8px;
    text-transform: uppercase;
    color: #000;
}

.post-navigation .single-next .next-post a {
    padding-right: 8px;
    text-transform: uppercase;
    color: #000;
    float: left;
}

.post-navigation .single-pre .previous-post,
.post-navigation .single-next .next-post {
    color: #ff5300;
}

.post-navigation .blog-post-review-content {
    margin-top: 50px;
    width: 100%;
    border-bottom: 1px solid rgba(32, 32, 32, 0.051);
    padding-bottom: 40px;
}

.post-navigation .blog-post-review-content .blog-post-review-pre {
    width: 50%;
    float: left;
    position: relative;
}

.post-navigation .blog-post-review-content .blog-post-review-next {
    text-align: right;
    float: right;
    width: 50%;
}

.blog-post-review-content .blog-post-review-pre img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 3px;
}

.post-navigation .blog-post-review-content .blog-post-review-pre a {
    display: inline-block;
    padding: 6px 17px;
    color: #000;
    font-weight: bold;
}

.blog-post-review-content .blog-post-review-next img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: 3px;
    float: right;
}

.blog-post-review-content .previous-post,
.blog-post-review-content .next-post {
    font-weight: 400;
}

.post-navigation .blog-post-review-content .blog-post-review-next a {
    display: inline-block;
    padding: 6px 17px;
    font-weight: bold;
    color: #000;
}

#bottom-wrap .bottom-widget ul li {
    font-weight: 400;
}

#bottom-wrap .bottom-widget .widget_nav_menu ul {
    display: block;
    margin: 0;
}

#bottom-wrap .bottom-widget .widget_nav_menu ul li {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px;
}

.blog-details-img .carousel-control-next,
.blog-details-img .carousel-control-prev {
    font-size: 34px;
}

.comments-area {
    color: #000;
}

.comments-area .comments-title {
    color: #222538;
    font-size: 30px;
}

.comments-area .comment-list>li {
    list-style: none;
    margin-bottom: 32px;
    font-size: 14px;
    color: #293340;
    border-bottom: 1px solid #d1d9e2;
}

.comments-area .comment-list>li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

.comments-area .comment-list .comment-body {
    padding-bottom: 0;
}

.comments-area .comment-list>li img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin-right: 12px;
}

.comments-area .comments-title {
    margin: 0;
    padding: 10px 15px 30px 0;
}

.single-blog-style .comments-area .comment-content ul>li ul {
    margin-left: 30px;
    margin-bottom: 0;
}

.single-blog-style .comments-area .comment-content ul>li ul>li {
    list-style: inherit !important;
    margin-top: 0;
}

.comment-content ul {
    margin-bottom: 45px;
    margin-left: 30px;
}

.comment-context {
    font-size: 15px;
}

.children .bypostauthor {
    list-style: none;
}

.comment-context .comment-head .comment-author {
    font-weight: 600;
    line-height: 22px;
    width: 100%;
    float: none;
    padding-right: 12px;
    font-size: 16px;
    top: 5px;
    position: relative;
}

.comment-context .comment-head span.comment-author a {
    color: #2e2e2e;
}

.comment-context .comment-content {
    padding-top: 15px;
    color: #000;
}

div#respond h3,
#respond a {
    color: #293340;
}

.comment-list {
    margin: 0;
    list-style: none;
    margin-bottom: 0;
    color: #000;
    padding: 28px 28px 14px 28px;
    border: 1px solid #d1d9e2;
    border-radius: 6px;
}

.comment-reply-title {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 40px;
    font-family: 'Open Sans';
    color: rgb(0, 0, 0);
    line-height: 1.455;
}

.comment-body .comment-head .comment-date {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #adadad;
    font-weight: 400;
}

.comment-body .comment-context {
    margin-left: 62px;
    margin-bottom: 20px;
    position: relative;
}

.comment-body .comment-context .comment-reply {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: 600;
}

.comment-body .comment-context .comment-reply a {
    color: #adadad;
}

.blog-comments-section p.form-submit {
    float: right;
}


/* -------------------------------------- *
*    	06. Blog Sidebar & Widget      	  *
* --------------------------------------- */

.widget-blog-posts-section .media-left,
.widget-blog-posts-section .media>.pull-left {
    padding-right: 15px;
}

.widget-blog-posts-section .entry-title {
    font-size: 16px;
    margin: 0;
    padding: 12px 0 0 0;
    line-height: 24px;
    font-weight: 500;
}

.widget-blog-posts-section .entry-title a {
    color: #293340;
}

.widget-blog-posts-section .media .pull-left img {
    margin-bottom: 16px;
    height: 54px;
    width: 54px;
    border-radius: 4px;
}

.widget-blog-posts-section .entry-date {
    font-size: 14px;
}

.widget-popular-news-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget {
    word-break: break-word;
}

.widget_recent_comments a {
    word-break: break-word;
}

.search-no-results #searchform {
    position: relative;
}

.search-no-results #searchform .btn-search {
    position: absolute;
    right: 0;
    padding: 14px 20px;
    top: 0;
}

.widget select {
    width: 100%;
    background: #fff;
    padding: 25px;
    border: 1px solid #f2f2f2;
    line-height: 40px;
    height: 40px;
    border-radius: 0;
    color: #333;
    font-weight: 400;
}

.textwidget img {
    display: block;
    max-width: 100%;
    height: auto;
}

.form-control {
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #f2f2f2;
}

#sidebar .widget {
    margin-bottom: 43px;
    padding: 2px;
    background: #fff;
    border-radius: 6px;
}

.widget {
    padding: 28px;
}

.client-logo-single-widget .widget,
.footer-payment-method-widget .widget {
    padding: 0;
}

.footer-payment-method-widget h5 {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
}

.payment-method-widget img {
    max-width: 80px;
}

.footer-payment-method-widget .payment-method-widget:first-child {
    margin-left: 0 !important;
}

.widget-area .widget:last-child {
    margin-bottom: 0px;
}

.single-wrapper-content {
    margin-top: 20px;
    margin-bottom: 30px;
}

.widget {
    padding: 28px;
}

.widget-blog-posts-section img {
    width: 100%;
    display: block;
}

.widget-blog-posts-section img {
    width: 100%;
    display: block;
    height: 100%;
}

.widget.widget_archive label {
    font-weight: 400;
}

.widget-popular-news a {
    color: #555;
}

.widget-popular-news a:hover {
    color: #000;
}

.widget-popular-news .media>.pull-left {
    padding-right: 15px;
}

.widget_title {
    margin-top: 0;
    margin-bottom: 22px;
}

.widget .tagcloud {
    display: block;
}

.widget-blog-posts-section {
    margin-top: 60px;
}

.widget .tagcloud a {
    display: inline-block;
    padding: 5px 12px;
    margin: 0px 10px 15px 0;
    -webkit-transition: all 300ms ease-in;
    font-size: 14px !important;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #2f114d;
    font-weight: 400;
}

.widget-blog-posts-section .skillate-widgets img {
    width: 140px;
    border-radius: 0;
    height: 92px;
}

.skillate-widgets h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

span.latest-widget-date {
    font-size: 12px;
}

.skillate-widgets.media {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget-blog-posts-section .skillate-widgets:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.widget .tagcloud a:hover {
    color: #fff;
}

.widget>ul {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    list-style: none;
}

.widget ul.children {
    list-style: none;
    padding-left: 10px;
}

#sidebar .widget ul.children li:last-child {
    border-bottom: none;
}

#sidebar #searchform {
    border: 1px solid #dedede;
    margin: 5px;
}

#sidebar .widget ul li {
    color: #1f2949;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    padding: 5px 0;
}

.widget ul>li:last-child {
    border-bottom: none;
}

.widget.widget_categories ul li {
    text-transform: capitalize;
}

.widget_nav_menu ul {
    padding: 0px;
}

.widget_nav_menu ul li {
    list-style: none;
    padding: 3px 0;
}

.widget_nav_menu ul.menu .sub-menu li:first-child {
    border-bottom: none;
}

.sidebar .widget_categories ul>li>a {
    padding-right: 82%;
}

.widget ul li:nth-child() a {
    padding-top: 0;
}

.widget ul li:last-child a {
    padding-bottom: 0;
}

.widget.widget_recent_comments ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    word-break: break-word;
}

.widget.widget_rss ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    word-break: break-word;
}

.widget.widget_recent_comments ul li a {
    color: #38434a;
    padding: 0;
    border-left: 0 none;
}

.widget ul li a {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1f2949;
    transition: 0.3s;
}

.bottom .widget ul li a {
    color: #d2d2d2;
    line-height: 28px;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.widget.widget_nav_menu ul.sub-menu {
    padding-left: 0;
    width: 100%;
}

#sidebar .widget.widget_nav_menu ul.sub-menu li:last-child {
    border-bottom: none;
}

.widget_text .textwidget {
    padding: 0;
}

.widget.widget_rss .widget_title a {
    color: #222;
}

.widget.widget_rss ul li a {
    border: 0 none;
    padding: 0;
}

.widget.widget_rss a:hover,
.widget.widget_recent_comments a:hover {
    border-left: 0px;
    text-decoration: underline;
}

.widget.widget_search #searchform {
    position: relative;
    margin: -22px;
}

.skillate-widgets a {
    color: #989898;
    font-weight: 400;
}

.widget.widget_search #searchform input {
    height: 48px;
    border: none;
    box-shadow: none;
    font-weight: 400;
    padding: 0 20px;
    margin: 0;
    background: none;
}

.widget.widget_search #searchform .btn-search {
    height: 50px;
    line-height: 50px;
}

.widget.widget_search #searchform i {
    position: absolute;
    right: 15px;
    top: 0px;
}

.widget.widget_search #searchform .btn-search i {
    font-size: 16px;
    line-height: 50px;
}

.widget.widget_search .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    padding: 23px;
    border-radius: 0;
    color: #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.widget.widget_search .btn-search:hover {
    color: rgba(255, 255, 255, 0.7);
}

#sidebar .widget.widget_categories ul li {
    text-align: left;
    padding: 6px 0;
}

#sidebar .widget_categories ul li a {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #1f2949;
    transition: 0.3s;
}

#sidebar .widget_categories ul li a:hover {
    color: #ff5248;
}

.breadcrumb {
    background-color: transparent;
    text-align: center;
    color: #000;
    text-align: right;
    padding: 0;
}

.breadcrumb a {
    color: #000;
}

.breadcrumb li {
    display: inline-block;
    color: #fff;
    position: relative;
}

.breadcrumb li::after {
    position: absolute;
    left: 0;
    top: 0;
}

.common-menu-wrap .nav>li>ul li.mega-child>a {
    font-weight: 600;
    color: #000;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 15px;
    transition: 400ms;
    -webkit-transition: 400ms;
    font-size: 16px;
    padding-bottom: 4px;
}

.skillate-single-post-author {
    border: 1px solid #e7e7e7;
    padding: 20px;
    margin: 40px 0;
    border-radius: 4px;
    background: #fff;
}

.skillate-single-post-author strong {
    display: block;
    margin-bottom: 10px;
}

.skillate-single-post-author .avatar {
    border-radius: 50%;
    float: left;
}

.skillate-single-post-author .skillate-author-meta-data {
    margin-left: 90px;
}

.skillate-menu {
    display: inline;
}

.skillate-menu.hidden-lg-up {
    text-align: right;
}


/* Menu - Primanry */

.primary-menu .common-menu-wrap .nav>li {
    display: inline-block;
    border-radius: 0px;
    text-align: center;
    transition: 0.3s;
    position: relative;
    line-height: 1;
    margin: 0;
}

.primary-menu .common-menu-wrap .nav>li>a {
    padding: 20px 12px;
    line-height: 20px;
    border-radius: 0;
}

.primary-menu .logo-wrapper a {
    display: inline-block;
    padding-right: 20px;
    line-height: 1;
}

.common-menu-wrap .nav>li:focus-within>ul.sub-menu,
.common-menu-wrap .nav>li ul.sub-menu:focus-within li.menu-item {
    display: block;
}

.site-header.header-white .primary-menu .common-menu-wrap .nav>li>a,
.site-header.header-white .header-cat-menu>div.header-cat-text,
.site-header.header-white .header-login-wrap a {
    color: #1f2949;
}

.site-header.header-white .primary-menu .common-menu-wrap .nav>li.current-menu-item>a:before,
.site-header.header-white .common-menu-wrap .nav>li.current-menu-parent>a:before {
    background: #1f2949;
}


/*******Header Search********/

.header_search_input input {
    border: 1px solid rgba(176, 180, 184, 0.3);
    border-radius: 3px;
    min-width: 320px;
    padding: 7px 15px;
    color: #1f2949;
    font-size: 15px;
    position: relative;
    padding-left: 40px;
}

.header-transparent .header_search_input input,
.header-solid .header_search_input input {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    padding-left: 30px;
}

.header-transparent .header_search_input button,
.header-solid .header_search_input button {
    left: 8px;
    color: rgba(255, 255, 255, 0.5);
}

.header-solid .header_search_input button {
    color: rgba(255, 255, 255, 0.2);
}

.header_search_input button {
    position: absolute;
    left: 20px;
    top: 8px;
    border: 0;
    font-size: 20px;
    background: none;
    color: rgba(176, 180, 184, 0.3);
}

.header-white .header_search_input button img {
    filter: brightness(0.5);
}


/* Change Autocomplete styles in Chrome*/

.header-transparent input:-webkit-autofill,
.header-solid input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px none inset;
    transition: background-color 5000s ease-in-out 0s;
}

.header-transparent .header_search_input input::-webkit-input-placeholder,
.header-solid .header_search_input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.header_search_input input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1f2949;
    font-size: 14px;
    opacity: 0.6;
}

.header_search_input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #1f2949;
    font-size: 14px;
    opacity: 0.6;
}

.header_search_input input:-ms-input-placeholder {
    /* IE 10+ */
    color: #1f2949;
    font-size: 14px;
    opacity: 0.6;
}

.header_search_input input:-moz-placeholder {
    /* Firefox 18- */
    color: #1f2949;
    font-size: 14px;
    opacity: 0.6;
}


/*******Header Login**********/

.header-login-wrap {
    padding: 5px 15px 7px 15px;
    border: 1px solid #1f2949;
    border-radius: 3px;
    font-weight: 700 !important;
}

.header-login-wrap a {
    display: inline-block;
    padding: 3px 8px;
    position: relative;
    font-weight: 700 !important;
}

.header-login-wrap a:after {
    position: absolute;
    right: -2px;
    top: 9px;
    height: 10px;
    width: 1px;
    background: #1f2949;
    content: '';
}

.header-login-wrap a:last-child:after {
    display: none;
}

.header-transparent .header-login-wrap,
.header-solid .header-login-wrap {
    border-color: #fff;
}

.header-transparent .header-login-wrap a,
.header-solid .header-login-wrap a {
    color: #fff;
    transition: all 0.4s;
}

.header-transparent .header-login-wrap a:after,
.header-solid .header-login-wrap a:after {
    background: #fff;
}


/* -------------------------------------- *
*    		Category Menu      	  	  *
* --------------------------------------- */

.tutor-cart-box-login-form .tutor-cart-box-login-form-inner {
    width: auto;
}

.header-cat-menu {
    position: relative;
    padding: 20px 15px;
    margin-right: 15px;
}

.header-cat-menu:after {
    position: absolute;
    right: -15px;
    top: 22px;
    height: 18px;
    width: 1px;
    content: '';
    background: #fff;
    opacity: 0.5;
}

@media (max-width: 1199px) {
    .header-cat-menu {
        margin-right: 0;
    }
}

.rtl .header-cat-menu {
    margin-right: 0;
    margin-left: 15px;
}

@media (max-width: 1199px) {
    .rtl .header-cat-menu {
        margin-left: 0;
    }
}

.header-cat-menu>div.header-cat-text {
    color: #fff;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.4s;
}

.skillate-header-search .search-open-icon {
    color: #fff;
    display: none;
}

.header-cat-menu>div i {
    margin-left: 10px;
}

.header-cat-menu>div img {
    height: 14px;
    margin-right: 6px;
}

.rtl .header-cat-menu>div img {
    margin-right: 0;
    margin-left: 6px;
}

.header-cat-menu ul {
    background: #fff;
    position: absolute;
    width: 700px;
    left: 0;
    top: 70px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    border: 1px solid #e8eff1;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    transition: 100ms;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 20px 30px;
}

.header-cat-menu:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInUp 300ms;
    animation: fadeInUp 300ms;
}

.header-cat-menu ul::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 24px;
    background: transparent;
    width: 100%;
}

.header-cat-menu ul::after {
    content: '';
    position: absolute;
    left: 21.5%;
    bottom: 100%;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    transform: translateX(-50%);
    transition: all 1s;
}

.skillate-mobile-category-menu .header-cat-menu ul {
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    top: 0;
}

.header-cat-menu ul li {
    display: block;
    padding: 13px 0;
}

.skillate-mobile-category-menu .header-cat-menu ul li {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

.header-cat-menu ul li a .media {
    display: flex;
    align-items: center;
}

.header-cat-menu ul li a .media img {
    transition: all 0.4s;
}


/* .header-cat-menu ul li a .media:hover img{
    transform: scale(1.1);
} */

.header-cat-menu ul li a {
    color: #1f2949;
}

.header-cat-menu ul li a h4 {
    font-size: 16px;
    letter-spacing: -0.09px;
    margin-bottom: 0;
    line-height: 1;
    transition: all 0.4s;
}

.skillate-mobile-category-menu .header-cat-menu ul li a h4 {
    font-weight: 400;
}

.header-cat-menu ul li a span {
    font-size: 12px;
    color: #797c7f;
    letter-spacing: -0.07px;
}

.skillate-mobile-category-menu .header-cat-menu ul li a span {
    display: none;
}

.skillate-course-category li .cat-media-img {
    margin-right: 20px;
    overflow: hidden;
    border-radius: 3px;
}

.skillate-course-category li a img {
    max-width: 80px;
    border-radius: 3px;
}

.skillate-mobile-category-menu .skillate-course-category li a img {
    margin-right: 30px;
    border-radius: 0;
}

.skillate-mobile-category-menu {
    position: fixed;
    bottom: -100%;
    z-index: 99;
    width: 100%;
    height: calc(100% - 130px);
    background: #fff;
    padding: 20px 15px 30px 15px;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
}

.skillate-mobile-category-menu .header-cat-menu ul::after {
    display: none;
}

.skillate-mobile-category-menu .header-cat-menu ul {
    border: 0;
    padding: 0;
    box-shadow: none;
}

.skillate-mobile-category-menu.toggle-category {
    bottom: 60px;
    opacity: 1;
    visibility: visible;
}

.skillate-mobile-category-menu .mobile-category-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    font-weight: 400;
}

@media (max-width: 768px) {
    .post-navigation .blog-post-review-content .blog-post-review-pre {
        width: 100%;
        text-align: center;
    }
    .blog-post-review-content .blog-post-review-pre img,
    .blog-post-review-content .blog-post-review-next img {
        float: none;
        display: inline-block;
    }
    .post-navigation .blog-post-review-content .blog-post-review-next {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .common-menu-wrap .nav>li.has-megasub>ul.megamenu {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .common-menu-wrap .nav>li.has-megasub>ul.megamenu {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .common-menu-wrap .nav>li.has-megasub>ul.megamenu {
        width: 1170px;
    }
}

.post-navigation {
    padding-bottom: 30px;
}

.post-navigation a {
    font-size: 16px;
}

.featured-wrap .carousel-inner img {
    width: 100%;
}

.featured-wrap-link .entry-link-post-format {
    padding: 59px 28px;
    background-color: #50a2ff;
}

.featured-wrap-link .entry-link-post-format h4 {
    position: relative;
    z-index: 3;
    font-size: 32px;
    color: #fff;
    word-break: break-all;
    line-height: 34px;
}

.featured-wrap-quite h2 {
    color: #fff;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
}

.featured-wrap-quite blockquote {
    margin: 0;
}

.featured-wrap-quite .entry-quote-post-format {
    padding: 28px;
    background: #50a2ff;
    color: #fff;
    border-radius: 6px;
}

.blog-content-wrapper h2.entry-title.blog-entry-title {
    font-size: 34px;
    margin-bottom: 20px;
    color: #000;
    margin-top: 0;
}

.blog-content-wrapper .entry-headder li {
    display: inline-block;
    padding-right: 10px;
}

.blog-content-wrapper .entry-headder li a {
    color: #777;
    padding-left: 8px;
}

.form-submit {
    margin: 20px 0 0;
}

.comment-list .comment-content {
    padding-bottom: 20px;
    margin-left: 58px;
}

.comment-metadata {
    margin-left: 56px;
}

.comments-area .comment-form input[type='text']:nth-child(1) {
    border: 1px solid #e1e1e1;
    padding: 10px;
    width: 31.28%;
    margin-right: 25px;
    margin-top: 20px;
    border-radius: 3px;
    height: 45px;
    color: #8e9eb0;
    font-weight: 400;
    font-size: 16px;
}

.comments-area textarea::-webkit-input-placeholder {
    color: #8e9eb0;
}

.comments-area .comment-form input[type='text']:nth-child(2) {
    border: 1px solid #e1e1e1;
    padding: 10px;
    width: 31.28%;
    border-radius: 3px;
    height: 45px;
    color: #8e9eb0;
    font-weight: 400;
    font-size: 16px;
}

.comments-area .comment-form input[type='text']:last-child {
    border: 1px solid #e1e1e1;
    padding: 10px;
    width: 31.28%;
    border-radius: 3px;
    height: 45px;
    color: #8e9eb0;
    font-weight: 400;
    font-size: 16px;
}

.comments-area textarea {
    padding: 11px;
    width: 100%;
    min-height: 130px;
    color: #8e9eb0;
    font-weight: 400;
    font-size: 15px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    height: 180px;
}

.comments-area .comment-form input[type='text'],
.comments-area textarea {
    outline: none !important;
}

#commentform p input[type='submit'] {
    border: 0 !important;
    padding: 14px !important;
}

.featured-wrap .entry-content-gallery a.left.carousel-left {
    transform: translateY(-50%);
    top: 48%;
    position: absolute;
    padding: 20px;
    font-size: 60px;
    color: #777;
}

.featured-wrap .entry-content-gallery a.right i {
    position: absolute;
    transform: translateY(-50%);
    top: 48%;
    font-size: 60px;
    font-weight: 500;
    text-align: right;
    width: 100%;
    padding: 20px;
    color: #777;
}

.single-post-content {
    font-size: 16px;
    line-height: 26px;
    color: #222538;
}

.single-post-content p {
    margin-bottom: 26px;
}

.single-post-title {
    font-size: 35px;
    font-weight: 600;
    line-height: 49px;
    margin-bottom: 8px;
}

.skillate-single-post-item .blog-details-img {
    margin-bottom: 30px;
}

.skillate-single-post-item .blog-details-img img {
    border-radius: 4px;
}

.skillate-single-post-item .entry-video {
    margin-bottom: 30px;
}

.comment-respond {
    padding-top: 0px;
    color: #000;
    margin-top: 10px;
    border-radius: 6px;
}

.blog-comments-section .comment-respond {
    margin-bottom: 100px;
}


/* -------------------------------------- *
*    	07. Blog Pagination      	  	  *
* --------------------------------------- */

.page-global-padding {
    padding-bottom: 50px;
}

.skillate-pagination {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 80px;
}

ul.page-numbers {
    text-align: center;
    padding: 1px;
    margin: 0;
}

.skillate-pagination .page-numbers>li {
    list-style: none;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 0;
    margin-left: 8px;
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 3px;
    padding: 0 !important;
}

.skillate-pagination .page-numbers>li span.page-numbers.current {
    border: 1px solid #ff5248;
    display: block;
    border-radius: 3px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
}

.skillate-pagination .page-numbers>li:last-child a.next {
    padding: 10px 20px;
    font-size: 14px;
    width: 100%;
    border-radius: 4px;
}

.skillate-pagination .page-numbers>li:first-child a.prev,
.skillate-pagination .page-numbers>li:first-child {
    float: left;
    padding: 0;
    margin: 0;
    text-align: left;
    transition: 0.3s;
    border: none;
    height: auto;
    width: auto;
}

.skillate-pagination .page-numbers>li:last-child a.next,
.skillate-pagination .page-numbers>li:last-child {
    padding: 0 !important;
    margin: 0;
    border: none;
    text-align: right;
    float: right;
    height: auto;
    width: auto;
    margin-top: 3px;
}

.skillate-pagination .page-numbers>li:last-child a.next,
.skillate-pagination .page-numbers>li:last-child a {
    padding-right: 0 !important;
}

.page-numbers li {
    position: relative;
}

.skillate-pagination ul.page-numbers {
    border: none;
}

.skillate-pagination ul.page-numbers {
    border: none;
    position: relative;
    border-bottom: 2px solid #dadce0;
    padding-bottom: 25px;
}

.skillate-pagination .page-numbers li a {
    color: #8a9199;
}

.skillate-pagination .page-numbers li a,
.skillate-pagination .page-numbers li span.current {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #797c7f;
}

.skillate-pagination .page-numbers li a {
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #6c6d8b !important;
}

.skillate-pagination .page-numbers li a.next.page-numbers {
    padding: 0;
    color: #6c6d8b;
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transition: 0.3s;
}

.skillate-pagination .page-numbers li a.prev {
    padding: 0;
    color: #6c6d8b;
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.skillate-pagination .page-numbers li a.prev i {
    font-size: 14px;
    padding-right: 5px;
}

.skillate-pagination .page-numbers li a.next i {
    font-size: 14px;
    padding-left: 5px;
}


/* -------------------------------------- *
*           08. Menu Overide              *
* --------------------------------------- */

.wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link a {
    padding-left: 15px;
    padding-right: 0px;
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link.wpmm-social-link-search a {
    padding: 0px 15px 0 15px !important;
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul>li.wpmm-social-link {
    float: none !important;
}

.wpmm-search-form input {
    padding: 9px 20px;
    color: #6a6a6a;
    font-weight: 400;
    border-radius: 4px;
}

.wpmm-search-form {
    position: absolute;
    right: 80px;
    top: 6px;
}

.wpmm-search-form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6a6a6a;
}

.wpmm-search-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #6a6a6a;
}

.wpmm-search-form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #6a6a6a;
}

.wpmm-search-form input:-moz-placeholder {
    /* Firefox 18- */
    color: #6a6a6a;
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-container>ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.wpmm-search-form {
    top: 10px;
    right: 40px;
}

ul.wp-megamenu li ul.wp-megamenu-sub-menu .wpmm-vertical-tabs-nav ul li a {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 400 !important;
}


/*************TUTOR COURSE****************/


/* .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll .tutor-loop-cart-btn-wrap a{
    padding: 12px 5px !important;
} */

.tutor-course-grid-level-wishlist .tutor-course-author-thumb img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.tutor-course-author-thumb {
    float: right;
    margin-top: 7px;
    margin-right: 5px;
}

.course-container.layout-1 .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay a.tutor-course-author-thumb img {
    border: 1px solid #ffffff91;
}


/* -------------------------------------- *
*            Related Course               *
* -------------------------------------- */

.course-price-mobile .price del {
    display: none;
}

.course-price-mobile .price ins {
    text-decoration: none;
}

.skillate-related-course-slide.slick-initialized,
.author-slide-parent.slick-initialized {
    position: relative;
}

.skillate-related-course-slide.slick-initialized:before,
.author-slide-parent.slick-initialized:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 19.4%;
    background: rgba(255, 255, 255, 0.9);
    content: '';
    z-index: 2;
    pointer-events: none;
}

.skillate-related-course-slide.slick-initialized:after,
.author-slide-parent.slick-initialized:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 19.4%;
    background: rgba(255, 255, 255, 0.9);
    content: '';
    z-index: 2;
    pointer-events: none;
}

.skillate-related-course-slide.opacity-disable:after,
.skillate-related-course-slide.opacity-disable:before {
    display: none;
}

.skillate-related-course {
    padding-top: 80px;
    padding-bottom: 80px;
}

.skillate-related-course-slide .slick-slide,
.author-slide-parent .slick-slide {
    padding: 0 15px;
}

.skillate-related-course-slide .slick-list,
.author-slide-parent .slick-list {
    padding: 10px;
}

.skillate-related-course .tutor-course-grid-enroll {
    font-size: 14px;
    padding: 10px;
}

@media (min-width: 1525px) {
    .skillate-related-course .tutor-course-grid-enroll {
        padding: 30px;
    }
}

.skillate-related-course .tutor-course-grid-enroll .btn-classic,
.skillate-related-course .tutor-course-grid-enroll .tutor-loop-cart-btn-wrap a {
    display: block !important;
    background: #fff;
    border: 0;
    font-weight: 700 !important;
    margin-top: 30px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    transition: all 0.5s;
}

.tutor-course-grid-enroll input.button.blue,
.tutor-course-grid-enroll .edd_go_to_checkout.button.blue {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    border: 0;
    font-weight: 700 !important;
    margin-top: 30px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    transition: all 0.5s;
}

.tutor-course-grid-enroll input.button.blue:hover,
.tutor-course-grid-enroll .edd_go_to_checkout.button.blue:hover {
    color: #fff !important;
}

.skillate-related-course .tutor-course-grid-enroll .tutor-loop-cart-btn-wrap a.added {
    display: none !important;
}

.skillate-related-course .tutor-course-grid-enroll a:hover {
    color: #fff !important;
}

.skillate-related-course .tutor-course-grid-enroll .course-related-hover-price {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.skillate-related-course .tutor-course-grid-enroll span.tutor-course-grid-level,
.skillate-related-course .tutor-course-grid-enroll span.tutor-course-duration {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.skillate-related-course .tutor-course-grid-enroll span.tutor-course-grid-level {
    padding-right: 10px;
}

.skillate-related-course .tutor-course-grid-enroll span.tutor-course-duration {
    padding-left: 10px;
}

.skillate-related-course .tutor-course-grid-enroll span.tutor-course-grid-level:after {
    position: absolute;
    right: -3px;
    top: 6px;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    content: '';
    background: #fff;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-level-wishlist {
    /* padding: 0; */
    /* right: 2px;
    top: 2px; */
    z-index: 99;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .best-sell-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #ffab10;
    transition: 0.4s all ease;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .best-sell-tag.new-tag {
    background: #5cc323;
}

.tutor-course-grid-item.slick-slide:focus {
    outline: 0;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content:hover .tutor-course-overlay .best-sell-tag {
    transform: translateY(-40px);
}

.course-related-hover-price .price ins,
.course-related-price .price ins {
    text-decoration: none;
}

.skillate-related-course .tutor-course-grid-enroll .course-related-hover-price del {
    font-size: 16px;
}

.skillate-related-course-items .tutor-course-grid-item .tutor-course-grid-content {
    border: 0;
}

.course-related-price {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    background: #fff;
    padding: 7px 15px;
    border-top-right-radius: 3px;
    font-weight: 700;
    transition: all 0.4s;
}

.course-related-price .price del {
    display: none;
}

.skillate-related-course .tutor-courses-grid-title a {
    color: #1f2949;
    margin-top: 20px;
    display: block;
}

.archive .skillate-related-course .tutor-courses-grid-title a {
    font-size: 20px !important;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content span a.has-wish-listed {
    color: #fff;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay {
    border-radius: 3px;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content span .tutor-icon-fav-line {
    font-size: 20px;
}

.skillate-related-course .tutor-course-grid-item .tutor-course-grid-content span .tutor-icon-fav-line:before {
    background: none;
}

.skillate-related-course .tutor-course-grid-item.slick-slide img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.nice-select .list {
    z-index: 99;
}


/* -------------------------------------- *
*         Course Complete Notify          *
* -------------------------------------- */

.course-complete-notify-panel {
    width: 420px;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    height: 100%;
    z-index: 999999;
}

.course-complete-notify-panel .notify-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #bdc6cf;
    display: inline-block;
    font-size: 24px;
    z-index: 999;
    cursor: pointer;
}

.course-complete-notify-panel::before {
    position: absolute;
    bottom: 0;
    height: 50%;
    content: '';
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
}

.notify-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

.notify-panel-content {
    position: relative;
    z-index: 2;
}

.notify-panel-content h3 {
    font-size: 24px;
    color: #1f2949;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 700;
}

.notify-panel-content p {
    color: #344356;
    font-size: 20px;
    line-height: 28px;
}

.svg.radial-progress {
    position: relative;
    display: inline-block;
}

.radial-progress svg {
    transform: rotate(270deg);
}

.radial-progress circle {
    stroke-width: 0.3em;
    fill: transparent;
    box-shadow: 0 2px 25px 0 rgba(0, 217, 205, 0.24);
}

.svg.radial-progress .check-top {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #00bf74;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -20px;
    color: #fff;
    line-height: 45px;
    z-index: 9;
}

.svg.radial-progress .circle-content {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -25px;
    text-align: center;
    left: 4px;
}

.radial-progress-background {
    stroke: #00d984;
}

.radial-progress-cover {
    stroke: #dadbde;
    stroke-width: 0.501em;
}

.radial-progress-center {
    fill: #fff;
}

.radial-fill {
    position: absolute;
    transform: translate(-50%, -50%);
}

.particle-wrapper {
    position: absolute;
    top: 0;
    height: 51%;
    width: 100%;
}

[class|='confetti'] {
    position: absolute;
}

.confetti-0 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 12%;
    opacity: 0.790884599;
    -webkit-transform: rotate(107.0806182772deg);
    transform: rotate(107.0806182772deg);
    -webkit-animation: drop-0 4.6553248079s 0.724271253s infinite;
    animation: drop-0 4.6553248079s 0.724271253s infinite;
}

.confetti-1 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 36%;
    opacity: 1.2358478153;
    -webkit-transform: rotate(212.5123184545deg);
    transform: rotate(212.5123184545deg);
    -webkit-animation: drop-1 4.0702227243s 0.0741451021s infinite;
    animation: drop-1 4.0702227243s 0.0741451021s infinite;
}

.confetti-2 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 85%;
    opacity: 1.4713150378;
    -webkit-transform: rotate(259.7967456273deg);
    transform: rotate(259.7967456273deg);
    -webkit-animation: drop-2 4.4964943201s 0.1316923435s infinite;
    animation: drop-2 4.4964943201s 0.1316923435s infinite;
}

.confetti-3 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 65%;
    opacity: 1.0385890813;
    -webkit-transform: rotate(4.7382288843deg);
    transform: rotate(4.7382288843deg);
    -webkit-animation: drop-3 4.2083787226s 0.4312266922s infinite;
    animation: drop-3 4.2083787226s 0.4312266922s infinite;
}

.confetti-4 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 67%;
    opacity: 0.8722388633;
    -webkit-transform: rotate(33.1000286443deg);
    transform: rotate(33.1000286443deg);
    -webkit-animation: drop-4 4.7208734329s 0.0062359442s infinite;
    animation: drop-4 4.7208734329s 0.0062359442s infinite;
}

.confetti-5 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 67%;
    opacity: 0.5899295745;
    -webkit-transform: rotate(350.2425912958deg);
    transform: rotate(350.2425912958deg);
    -webkit-animation: drop-5 4.9496662236s 0.9993759808s infinite;
    animation: drop-5 4.9496662236s 0.9993759808s infinite;
}

.confetti-6 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 37%;
    opacity: 0.9738357035;
    -webkit-transform: rotate(76.2900192691deg);
    transform: rotate(76.2900192691deg);
    -webkit-animation: drop-6 4.1144988794s 0.9724271427s infinite;
    animation: drop-6 4.1144988794s 0.9724271427s infinite;
}

.confetti-7 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 73%;
    opacity: 1.3266128107;
    -webkit-transform: rotate(123.2993710733deg);
    transform: rotate(123.2993710733deg);
    -webkit-animation: drop-7 4.7207146748s 0.9809986002s infinite;
    animation: drop-7 4.7207146748s 0.9809986002s infinite;
}

.confetti-8 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 58%;
    opacity: 0.6195523015;
    -webkit-transform: rotate(337.8451447435deg);
    transform: rotate(337.8451447435deg);
    -webkit-animation: drop-8 4.7432716423s 0.846430976s infinite;
    animation: drop-8 4.7432716423s 0.846430976s infinite;
}

.confetti-9 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 48%;
    opacity: 1.0275826643;
    -webkit-transform: rotate(246.545863395deg);
    transform: rotate(246.545863395deg);
    -webkit-animation: drop-9 4.0191822681s 0.0473994635s infinite;
    animation: drop-9 4.0191822681s 0.0473994635s infinite;
}

.confetti-10 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 21%;
    opacity: 1.2101546632;
    -webkit-transform: rotate(213.723681729deg);
    transform: rotate(213.723681729deg);
    -webkit-animation: drop-10 4.234237182s 0.1645914917s infinite;
    animation: drop-10 4.234237182s 0.1645914917s infinite;
}

.confetti-11 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 15%;
    opacity: 0.655566736;
    -webkit-transform: rotate(161.3048659593deg);
    transform: rotate(161.3048659593deg);
    -webkit-animation: drop-11 4.9684078613s 0.4022268884s infinite;
    animation: drop-11 4.9684078613s 0.4022268884s infinite;
}

.confetti-12 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 38%;
    opacity: 1.371156499;
    -webkit-transform: rotate(347.8228036121deg);
    transform: rotate(347.8228036121deg);
    -webkit-animation: drop-12 4.2335451242s 0.5678571528s infinite;
    animation: drop-12 4.2335451242s 0.5678571528s infinite;
}

.confetti-13 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 36%;
    opacity: 1.4288093779;
    -webkit-transform: rotate(233.0734002528deg);
    transform: rotate(233.0734002528deg);
    -webkit-animation: drop-13 4.5336985209s 0.6505197621s infinite;
    animation: drop-13 4.5336985209s 0.6505197621s infinite;
}

.confetti-14 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 64%;
    opacity: 1.4546883414;
    -webkit-transform: rotate(316.2574113457deg);
    transform: rotate(316.2574113457deg);
    -webkit-animation: drop-14 4.2552440111s 0.5118654533s infinite;
    animation: drop-14 4.2552440111s 0.5118654533s infinite;
}

.confetti-15 {
    width: 8px;
    height: 3.2px;
    background-color: #00d984;
    top: -10%;
    left: 86%;
    opacity: 0.75566069;
    -webkit-transform: rotate(25.5429700753deg);
    transform: rotate(25.5429700753deg);
    -webkit-animation: drop-15 4.0596755607s 0.821421949s infinite;
    animation: drop-15 4.0596755607s 0.821421949s infinite;
}

.confetti-16 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 79%;
    opacity: 1.1524251525;
    -webkit-transform: rotate(205.2107552941deg);
    transform: rotate(205.2107552941deg);
    -webkit-animation: drop-16 4.9028796885s 0.9032148417s infinite;
    animation: drop-16 4.9028796885s 0.9032148417s infinite;
}

.confetti-17 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 49%;
    opacity: 1.4069748907;
    -webkit-transform: rotate(269.2320529917deg);
    transform: rotate(269.2320529917deg);
    -webkit-animation: drop-17 4.8190075018s 0.2970356475s infinite;
    animation: drop-17 4.8190075018s 0.2970356475s infinite;
}

.confetti-18 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 58%;
    opacity: 0.8898307539;
    -webkit-transform: rotate(39.4710761261deg);
    transform: rotate(39.4710761261deg);
    -webkit-animation: drop-18 4.2695085861s 0.0404331525s infinite;
    animation: drop-18 4.2695085861s 0.0404331525s infinite;
}

.confetti-19 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 89%;
    opacity: 1.1607854528;
    -webkit-transform: rotate(68.165332229deg);
    transform: rotate(68.165332229deg);
    -webkit-animation: drop-19 4.2383057184s 0.2651882148s infinite;
    animation: drop-19 4.2383057184s 0.2651882148s infinite;
}

.confetti-20 {
    width: 6px;
    height: 2.4px;
    background-color: #00d984;
    top: -10%;
    left: 91%;
    opacity: 1.2893358458;
    -webkit-transform: rotate(279.3850339755deg);
    transform: rotate(279.3850339755deg);
    -webkit-animation: drop-20 4.6761462279s 0.0423097115s infinite;
    animation: drop-20 4.6761462279s 0.0423097115s infinite;
}

.confetti-21 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 12%;
    opacity: 1.1606372577;
    -webkit-transform: rotate(104.2645100116deg);
    transform: rotate(104.2645100116deg);
    -webkit-animation: drop-21 4.2738163735s 0.4128119049s infinite;
    animation: drop-21 4.2738163735s 0.4128119049s infinite;
}

.confetti-22 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 72%;
    opacity: 0.5504212651;
    -webkit-transform: rotate(286.5393486489deg);
    transform: rotate(286.5393486489deg);
    -webkit-animation: drop-22 4.7462446429s 0.8725833781s infinite;
    animation: drop-22 4.7462446429s 0.8725833781s infinite;
}

.confetti-23 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 5%;
    opacity: 0.8926304676;
    -webkit-transform: rotate(229.7734198276deg);
    transform: rotate(229.7734198276deg);
    -webkit-animation: drop-23 4.1634334495s 0.5203872327s infinite;
    animation: drop-23 4.1634334495s 0.5203872327s infinite;
}

.confetti-24 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 53%;
    opacity: 1.0420370079;
    -webkit-transform: rotate(232.5224866496deg);
    transform: rotate(232.5224866496deg);
    -webkit-animation: drop-24 4.5984220947s 0.2260298092s infinite;
    animation: drop-24 4.5984220947s 0.2260298092s infinite;
}

.confetti-25 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 94%;
    opacity: 0.914880461;
    -webkit-transform: rotate(97.1243246499deg);
    transform: rotate(97.1243246499deg);
    -webkit-animation: drop-25 4.1628090766s 0.837007882s infinite;
    animation: drop-25 4.1628090766s 0.837007882s infinite;
}

.confetti-26 {
    width: 2px;
    height: 0.8px;
    background-color: #00d984;
    top: -10%;
    left: 80%;
    opacity: 1.3495383569;
    -webkit-transform: rotate(223.0311830002deg);
    transform: rotate(223.0311830002deg);
    -webkit-animation: drop-26 4.7435229821s 0.8750455162s infinite;
    animation: drop-26 4.7435229821s 0.8750455162s infinite;
}

.confetti-27 {
    width: 6px;
    height: 2.4px;
    background-color: #00d984;
    top: -10%;
    left: 56%;
    opacity: 0.9227381262;
    -webkit-transform: rotate(50.5619848101deg);
    transform: rotate(50.5619848101deg);
    -webkit-animation: drop-27 4.0113897199s 0.9690168089s infinite;
    animation: drop-27 4.0113897199s 0.9690168089s infinite;
}

.confetti-28 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 4%;
    opacity: 1.1268443715;
    -webkit-transform: rotate(71.2902112561deg);
    transform: rotate(71.2902112561deg);
    -webkit-animation: drop-28 4.9874772539s 0.502330653s infinite;
    animation: drop-28 4.9874772539s 0.502330653s infinite;
}

.confetti-29 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 21%;
    opacity: 0.7361060957;
    -webkit-transform: rotate(278.5228221995deg);
    transform: rotate(278.5228221995deg);
    -webkit-animation: drop-29 4.0752042438s 0.5634154146s infinite;
    animation: drop-29 4.0752042438s 0.5634154146s infinite;
}

.confetti-30 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 96%;
    opacity: 1.4291735549;
    -webkit-transform: rotate(276.8717650653deg);
    transform: rotate(276.8717650653deg);
    -webkit-animation: drop-30 4.0252505852s 0.1195642954s infinite;
    animation: drop-30 4.0252505852s 0.1195642954s infinite;
}

.confetti-31 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 73%;
    opacity: 0.5873619476;
    -webkit-transform: rotate(135.1248450089deg);
    transform: rotate(135.1248450089deg);
    -webkit-animation: drop-31 4.187607179s 0.3452118829s infinite;
    animation: drop-31 4.187607179s 0.3452118829s infinite;
}

.confetti-32 {
    width: 7px;
    height: 2.8px;
    background-color: #00d984;
    top: -10%;
    left: 51%;
    opacity: 1.3169337115;
    -webkit-transform: rotate(287.067947953deg);
    transform: rotate(287.067947953deg);
    -webkit-animation: drop-32 4.2210401086s 0.0337935067s infinite;
    animation: drop-32 4.2210401086s 0.0337935067s infinite;
}

.confetti-33 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 86%;
    opacity: 1.3629172916;
    -webkit-transform: rotate(177.0134534665deg);
    transform: rotate(177.0134534665deg);
    -webkit-animation: drop-33 4.4375081133s 0.3299747086s infinite;
    animation: drop-33 4.4375081133s 0.3299747086s infinite;
}

.confetti-34 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 54%;
    opacity: 1.1793242242;
    -webkit-transform: rotate(137.2825047289deg);
    transform: rotate(137.2825047289deg);
    -webkit-animation: drop-34 4.5897113726s 0.3764919941s infinite;
    animation: drop-34 4.5897113726s 0.3764919941s infinite;
}

.confetti-35 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 57%;
    opacity: 0.5423917314;
    -webkit-transform: rotate(73.0539244857deg);
    transform: rotate(73.0539244857deg);
    -webkit-animation: drop-35 4.4475766663s 0.7186278378s infinite;
    animation: drop-35 4.4475766663s 0.7186278378s infinite;
}

.confetti-36 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 12%;
    opacity: 1.3304201104;
    -webkit-transform: rotate(303.3697421838deg);
    transform: rotate(303.3697421838deg);
    -webkit-animation: drop-36 4.0554475056s 0.5979878619s infinite;
    animation: drop-36 4.0554475056s 0.5979878619s infinite;
}

.confetti-37 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 27%;
    opacity: 0.8779301487;
    -webkit-transform: rotate(116.8248677566deg);
    transform: rotate(116.8248677566deg);
    -webkit-animation: drop-37 4.631462326s 0.6951511726s infinite;
    animation: drop-37 4.631462326s 0.6951511726s infinite;
}

.confetti-38 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 98%;
    opacity: 1.082241123;
    -webkit-transform: rotate(69.7677752408deg);
    transform: rotate(69.7677752408deg);
    -webkit-animation: drop-38 4.282917583s 0.9670760186s infinite;
    animation: drop-38 4.282917583s 0.9670760186s infinite;
}

.confetti-39 {
    width: 7px;
    height: 2.8px;
    background-color: #00d984;
    top: -10%;
    left: 74%;
    opacity: 1.3070477184;
    -webkit-transform: rotate(94.8408380414deg);
    transform: rotate(94.8408380414deg);
    -webkit-animation: drop-39 4.845459949s 0.3855858792s infinite;
    animation: drop-39 4.845459949s 0.3855858792s infinite;
}

.confetti-40 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 79%;
    opacity: 1.0903869759;
    -webkit-transform: rotate(260.9689487144deg);
    transform: rotate(260.9689487144deg);
    -webkit-animation: drop-40 4.3665217686s 0.2561745262s infinite;
    animation: drop-40 4.3665217686s 0.2561745262s infinite;
}

.confetti-41 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 44%;
    opacity: 1.3611937026;
    -webkit-transform: rotate(67.0189469235deg);
    transform: rotate(67.0189469235deg);
    -webkit-animation: drop-41 4.1829887052s 0.8129820095s infinite;
    animation: drop-41 4.1829887052s 0.8129820095s infinite;
}

.confetti-42 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 89%;
    opacity: 1.0446172171;
    -webkit-transform: rotate(195.0719421963deg);
    transform: rotate(195.0719421963deg);
    -webkit-animation: drop-42 4.1659730884s 0.5888465093s infinite;
    animation: drop-42 4.1659730884s 0.5888465093s infinite;
}

.confetti-43 {
    width: 7px;
    height: 2.8px;
    background-color: #00d984;
    top: -10%;
    left: 78%;
    opacity: 0.613352059;
    -webkit-transform: rotate(331.0986248179deg);
    transform: rotate(331.0986248179deg);
    -webkit-animation: drop-43 4.0112579847s 0.3611958265s infinite;
    animation: drop-43 4.0112579847s 0.3611958265s infinite;
}

.confetti-44 {
    width: 6px;
    height: 2.4px;
    background-color: #00d984;
    top: -10%;
    left: 10%;
    opacity: 0.7374282717;
    -webkit-transform: rotate(102.4313579738deg);
    transform: rotate(102.4313579738deg);
    -webkit-animation: drop-44 4.7629042892s 0.3955970316s infinite;
    animation: drop-44 4.7629042892s 0.3955970316s infinite;
}

.confetti-45 {
    width: 5px;
    height: 2px;
    background-color: #00d984;
    top: -10%;
    left: 94%;
    opacity: 1.2430469326;
    -webkit-transform: rotate(18.5302893914deg);
    transform: rotate(18.5302893914deg);
    -webkit-animation: drop-45 4.7417649375s 0.3733380692s infinite;
    animation: drop-45 4.7417649375s 0.3733380692s infinite;
}

.confetti-46 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 2%;
    opacity: 1.3200186624;
    -webkit-transform: rotate(196.7711906719deg);
    transform: rotate(196.7711906719deg);
    -webkit-animation: drop-46 4.0981984973s 0.6073520186s infinite;
    animation: drop-46 4.0981984973s 0.6073520186s infinite;
}

.confetti-47 {
    width: 3px;
    height: 1.2px;
    background-color: #00d984;
    top: -10%;
    left: 17%;
    opacity: 0.6284135744;
    -webkit-transform: rotate(196.5488571423deg);
    transform: rotate(196.5488571423deg);
    -webkit-animation: drop-47 4.2575726189s 0.4563727584s infinite;
    animation: drop-47 4.2575726189s 0.4563727584s infinite;
}

.confetti-48 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 64%;
    opacity: 1.2522471957;
    -webkit-transform: rotate(75.268492932deg);
    transform: rotate(75.268492932deg);
    -webkit-animation: drop-48 4.3593645312s 0.4426923856s infinite;
    animation: drop-48 4.3593645312s 0.4426923856s infinite;
}

.confetti-49 {
    width: 1px;
    height: 0.4px;
    background-color: #00d984;
    top: -10%;
    left: 32%;
    opacity: 1.2074275281;
    -webkit-transform: rotate(114.4476863146deg);
    transform: rotate(114.4476863146deg);
    -webkit-animation: drop-49 4.6876056068s 0.8416583996s infinite;
    animation: drop-49 4.6876056068s 0.8416583996s infinite;
}

.confetti-50 {
    width: 4px;
    height: 1.6px;
    background-color: #00d984;
    top: -10%;
    left: 28%;
    opacity: 1.1970120447;
    -webkit-transform: rotate(188.75366269deg);
    transform: rotate(188.75366269deg);
    -webkit-animation: drop-50 4.8558316086s 0.0821916326s infinite;
    animation: drop-50 4.8558316086s 0.0821916326s infinite;
}

.confetti-51 {
    width: 2px;
    height: 0.8px;
    background-color: #0b0808;
    top: -10%;
    left: 34%;
    opacity: 1.3975579195;
    -webkit-transform: rotate(155.5834256702deg);
    transform: rotate(155.5834256702deg);
    -webkit-animation: drop-51 4.2948919292s 0.3077813871s infinite;
    animation: drop-51 4.2948919292s 0.3077813871s infinite;
}

.confetti-52 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 95%;
    opacity: 0.9240483562;
    -webkit-transform: rotate(80.0152754555deg);
    transform: rotate(80.0152754555deg);
    -webkit-animation: drop-52 4.9929493242s 0.1335784631s infinite;
    animation: drop-52 4.9929493242s 0.1335784631s infinite;
}

.confetti-53 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 95%;
    opacity: 1.2408638135;
    -webkit-transform: rotate(146.7506966401deg);
    transform: rotate(146.7506966401deg);
    -webkit-animation: drop-53 4.3887362658s 0.6391182122s infinite;
    animation: drop-53 4.3887362658s 0.6391182122s infinite;
}

.confetti-54 {
    width: 4px;
    height: 1.6px;
    background-color: #0b0808;
    top: -10%;
    left: 15%;
    opacity: 1.1817702707;
    -webkit-transform: rotate(275.4983749998deg);
    transform: rotate(275.4983749998deg);
    -webkit-animation: drop-54 4.3368784993s 0.1430674558s infinite;
    animation: drop-54 4.3368784993s 0.1430674558s infinite;
}

.confetti-55 {
    width: 8px;
    height: 3.2px;
    background-color: #0b0808;
    top: -10%;
    left: 42%;
    opacity: 1.095435283;
    -webkit-transform: rotate(251.4582891166deg);
    transform: rotate(251.4582891166deg);
    -webkit-animation: drop-55 4.5358612727s 0.253271377s infinite;
    animation: drop-55 4.5358612727s 0.253271377s infinite;
}

.confetti-56 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 44%;
    opacity: 1.4615405375;
    -webkit-transform: rotate(19.8450847241deg);
    transform: rotate(19.8450847241deg);
    -webkit-animation: drop-56 4.1342001522s 0.9711760206s infinite;
    animation: drop-56 4.1342001522s 0.9711760206s infinite;
}

.confetti-57 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 60%;
    opacity: 0.8513025973;
    -webkit-transform: rotate(316.9734791189deg);
    transform: rotate(316.9734791189deg);
    -webkit-animation: drop-57 4.6122035789s 0.5411862306s infinite;
    animation: drop-57 4.6122035789s 0.5411862306s infinite;
}

.confetti-58 {
    width: 4px;
    height: 1.6px;
    background-color: #0b0808;
    top: -10%;
    left: 47%;
    opacity: 0.5167011866;
    -webkit-transform: rotate(336.9627034505deg);
    transform: rotate(336.9627034505deg);
    -webkit-animation: drop-58 4.9868620922s 0.7972262739s infinite;
    animation: drop-58 4.9868620922s 0.7972262739s infinite;
}

.confetti-59 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 84%;
    opacity: 1.0045269505;
    -webkit-transform: rotate(354.9884849348deg);
    transform: rotate(354.9884849348deg);
    -webkit-animation: drop-59 4.8686191241s 0.8184008733s infinite;
    animation: drop-59 4.8686191241s 0.8184008733s infinite;
}

.confetti-60 {
    width: 2px;
    height: 0.8px;
    background-color: #0b0808;
    top: -10%;
    left: 66%;
    opacity: 0.5527424067;
    -webkit-transform: rotate(254.7401846652deg);
    transform: rotate(254.7401846652deg);
    -webkit-animation: drop-60 4.8903532931s 0.6815338494s infinite;
    animation: drop-60 4.8903532931s 0.6815338494s infinite;
}

.confetti-61 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 3%;
    opacity: 0.8963844193;
    -webkit-transform: rotate(51.6683047527deg);
    transform: rotate(51.6683047527deg);
    -webkit-animation: drop-61 4.6778166939s 0.9952482599s infinite;
    animation: drop-61 4.6778166939s 0.9952482599s infinite;
}

.confetti-62 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 56%;
    opacity: 0.8971396547;
    -webkit-transform: rotate(123.136493332deg);
    transform: rotate(123.136493332deg);
    -webkit-animation: drop-62 4.9874980704s 0.0907417923s infinite;
    animation: drop-62 4.9874980704s 0.0907417923s infinite;
}

.confetti-63 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 99%;
    opacity: 1.3277661749;
    -webkit-transform: rotate(224.1949421724deg);
    transform: rotate(224.1949421724deg);
    -webkit-animation: drop-63 4.410662779s 0.4154395094s infinite;
    animation: drop-63 4.410662779s 0.4154395094s infinite;
}

.confetti-64 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 22%;
    opacity: 0.8437706809;
    -webkit-transform: rotate(265.0135090754deg);
    transform: rotate(265.0135090754deg);
    -webkit-animation: drop-64 4.6024631911s 0.9135581997s infinite;
    animation: drop-64 4.6024631911s 0.9135581997s infinite;
}

.confetti-65 {
    width: 8px;
    height: 3.2px;
    background-color: #0b0808;
    top: -10%;
    left: 8%;
    opacity: 1.3254035303;
    -webkit-transform: rotate(235.3315668424deg);
    transform: rotate(235.3315668424deg);
    -webkit-animation: drop-65 4.3765194191s 0.273950334s infinite;
    animation: drop-65 4.3765194191s 0.273950334s infinite;
}

.confetti-66 {
    width: 4px;
    height: 1.6px;
    background-color: #0b0808;
    top: -10%;
    left: 71%;
    opacity: 1.4294285803;
    -webkit-transform: rotate(166.4504475189deg);
    transform: rotate(166.4504475189deg);
    -webkit-animation: drop-66 4.9145087811s 0.49313828s infinite;
    animation: drop-66 4.9145087811s 0.49313828s infinite;
}

.confetti-67 {
    width: 7px;
    height: 2.8px;
    background-color: #0b0808;
    top: -10%;
    left: 74%;
    opacity: 1.0877104127;
    -webkit-transform: rotate(268.6557636875deg);
    transform: rotate(268.6557636875deg);
    -webkit-animation: drop-67 4.8751634838s 0.4248122652s infinite;
    animation: drop-67 4.8751634838s 0.4248122652s infinite;
}

.confetti-68 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 25%;
    opacity: 1.0574546004;
    -webkit-transform: rotate(102.5544650925deg);
    transform: rotate(102.5544650925deg);
    -webkit-animation: drop-68 4.767626485s 0.003650022s infinite;
    animation: drop-68 4.767626485s 0.003650022s infinite;
}

.confetti-69 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 3%;
    opacity: 1.4007241598;
    -webkit-transform: rotate(181.9787648629deg);
    transform: rotate(181.9787648629deg);
    -webkit-animation: drop-69 4.8228881809s 0.2936491429s infinite;
    animation: drop-69 4.8228881809s 0.2936491429s infinite;
}

.confetti-70 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 2%;
    opacity: 0.8964774523;
    -webkit-transform: rotate(298.5580358167deg);
    transform: rotate(298.5580358167deg);
    -webkit-animation: drop-70 4.7034593337s 0.9023564923s infinite;
    animation: drop-70 4.7034593337s 0.9023564923s infinite;
}

.confetti-71 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 18%;
    opacity: 0.8419077962;
    -webkit-transform: rotate(346.109084125deg);
    transform: rotate(346.109084125deg);
    -webkit-animation: drop-71 4.4140220781s 0.4583709596s infinite;
    animation: drop-71 4.4140220781s 0.4583709596s infinite;
}

.confetti-72 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 74%;
    opacity: 0.6508810831;
    -webkit-transform: rotate(287.4749919976deg);
    transform: rotate(287.4749919976deg);
    -webkit-animation: drop-72 4.9556719272s 0.8905643675s infinite;
    animation: drop-72 4.9556719272s 0.8905643675s infinite;
}

.confetti-73 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 51%;
    opacity: 1.4770282718;
    -webkit-transform: rotate(335.6210890965deg);
    transform: rotate(335.6210890965deg);
    -webkit-animation: drop-73 4.2381712361s 0.6700707297s infinite;
    animation: drop-73 4.2381712361s 0.6700707297s infinite;
}

.confetti-74 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 88%;
    opacity: 0.7880114967;
    -webkit-transform: rotate(70.2569306782deg);
    transform: rotate(70.2569306782deg);
    -webkit-animation: drop-74 4.2161822301s 0.2824225748s infinite;
    animation: drop-74 4.2161822301s 0.2824225748s infinite;
}

.confetti-75 {
    width: 8px;
    height: 3.2px;
    background-color: #0b0808;
    top: -10%;
    left: 91%;
    opacity: 1.2135029733;
    -webkit-transform: rotate(281.5958145269deg);
    transform: rotate(281.5958145269deg);
    -webkit-animation: drop-75 4.8918966306s 0.757451942s infinite;
    animation: drop-75 4.8918966306s 0.757451942s infinite;
}

.confetti-76 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 70%;
    opacity: 0.6418015052;
    -webkit-transform: rotate(15.323070912deg);
    transform: rotate(15.323070912deg);
    -webkit-animation: drop-76 4.3217861874s 0.159057712s infinite;
    animation: drop-76 4.3217861874s 0.159057712s infinite;
}

.confetti-77 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 40%;
    opacity: 1.2333030431;
    -webkit-transform: rotate(287.3638385627deg);
    transform: rotate(287.3638385627deg);
    -webkit-animation: drop-77 4.867864077s 0.0307501541s infinite;
    animation: drop-77 4.867864077s 0.0307501541s infinite;
}

.confetti-78 {
    width: 4px;
    height: 1.6px;
    background-color: #0b0808;
    top: -10%;
    left: 89%;
    opacity: 1.377314236;
    -webkit-transform: rotate(281.5519145425deg);
    transform: rotate(281.5519145425deg);
    -webkit-animation: drop-78 4.9885394523s 0.8376145561s infinite;
    animation: drop-78 4.9885394523s 0.8376145561s infinite;
}

.confetti-79 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 47%;
    opacity: 1.2275486224;
    -webkit-transform: rotate(242.6682565184deg);
    transform: rotate(242.6682565184deg);
    -webkit-animation: drop-79 4.9055404284s 0.513119136s infinite;
    animation: drop-79 4.9055404284s 0.513119136s infinite;
}

.confetti-80 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 26%;
    opacity: 1.2060353985;
    -webkit-transform: rotate(237.6383476766deg);
    transform: rotate(237.6383476766deg);
    -webkit-animation: drop-80 4.6567080384s 0.55627763s infinite;
    animation: drop-80 4.6567080384s 0.55627763s infinite;
}

.confetti-81 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 42%;
    opacity: 0.9443842519;
    -webkit-transform: rotate(80.9325052184deg);
    transform: rotate(80.9325052184deg);
    -webkit-animation: drop-81 4.666497617s 0.3451152957s infinite;
    animation: drop-81 4.666497617s 0.3451152957s infinite;
}

.confetti-82 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 89%;
    opacity: 0.7765453347;
    -webkit-transform: rotate(164.0566731171deg);
    transform: rotate(164.0566731171deg);
    -webkit-animation: drop-82 4.2544984003s 0.2533598437s infinite;
    animation: drop-82 4.2544984003s 0.2533598437s infinite;
}

.confetti-83 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 82%;
    opacity: 0.6075377011;
    -webkit-transform: rotate(182.9547940536deg);
    transform: rotate(182.9547940536deg);
    -webkit-animation: drop-83 4.9835449077s 0.5650095653s infinite;
    animation: drop-83 4.9835449077s 0.5650095653s infinite;
}

.confetti-84 {
    width: 2px;
    height: 0.8px;
    background-color: #0b0808;
    top: -10%;
    left: 38%;
    opacity: 1.0558002259;
    -webkit-transform: rotate(222.2116305209deg);
    transform: rotate(222.2116305209deg);
    -webkit-animation: drop-84 4.8452095192s 0.8682267944s infinite;
    animation: drop-84 4.8452095192s 0.8682267944s infinite;
}

.confetti-85 {
    width: 8px;
    height: 3.2px;
    background-color: #0b0808;
    top: -10%;
    left: 29%;
    opacity: 1.3061110266;
    -webkit-transform: rotate(185.6021416909deg);
    transform: rotate(185.6021416909deg);
    -webkit-animation: drop-85 4.9397373754s 0.6992734341s infinite;
    animation: drop-85 4.9397373754s 0.6992734341s infinite;
}

.confetti-86 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 97%;
    opacity: 1.3590588645;
    -webkit-transform: rotate(347.732619204deg);
    transform: rotate(347.732619204deg);
    -webkit-animation: drop-86 4.0388245749s 0.0880358533s infinite;
    animation: drop-86 4.0388245749s 0.0880358533s infinite;
}

.confetti-87 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 20%;
    opacity: 0.9831420659;
    -webkit-transform: rotate(17.51297151deg);
    transform: rotate(17.51297151deg);
    -webkit-animation: drop-87 4.8057978069s 0.3577956989s infinite;
    animation: drop-87 4.8057978069s 0.3577956989s infinite;
}

.confetti-88 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 31%;
    opacity: 0.7565391251;
    -webkit-transform: rotate(106.6474713424deg);
    transform: rotate(106.6474713424deg);
    -webkit-animation: drop-88 4.4581592052s 0.4734314075s infinite;
    animation: drop-88 4.4581592052s 0.4734314075s infinite;
}

.confetti-89 {
    width: 2px;
    height: 0.8px;
    background-color: #0b0808;
    top: -10%;
    left: 95%;
    opacity: 1.4267257843;
    -webkit-transform: rotate(323.9749366852deg);
    transform: rotate(323.9749366852deg);
    -webkit-animation: drop-89 4.2711186248s 0.7602805069s infinite;
    animation: drop-89 4.2711186248s 0.7602805069s infinite;
}

.confetti-90 {
    width: 4px;
    height: 1.6px;
    background-color: #0b0808;
    top: -10%;
    left: 93%;
    opacity: 0.9272857299;
    -webkit-transform: rotate(76.1279586525deg);
    transform: rotate(76.1279586525deg);
    -webkit-animation: drop-90 4.460720214s 0.5418024241s infinite;
    animation: drop-90 4.460720214s 0.5418024241s infinite;
}

.confetti-91 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 30%;
    opacity: 1.3766373885;
    -webkit-transform: rotate(157.8995943587deg);
    transform: rotate(157.8995943587deg);
    -webkit-animation: drop-91 4.438973708s 0.4440685758s infinite;
    animation: drop-91 4.438973708s 0.4440685758s infinite;
}

.confetti-92 {
    width: 6px;
    height: 2.4px;
    background-color: #0b0808;
    top: -10%;
    left: 67%;
    opacity: 1.2229642795;
    -webkit-transform: rotate(39.8656273469deg);
    transform: rotate(39.8656273469deg);
    -webkit-animation: drop-92 4.3023911069s 0.2620382554s infinite;
    animation: drop-92 4.3023911069s 0.2620382554s infinite;
}

.confetti-93 {
    width: 3px;
    height: 1.2px;
    background-color: #0b0808;
    top: -10%;
    left: 29%;
    opacity: 0.9847738079;
    -webkit-transform: rotate(160.6511284355deg);
    transform: rotate(160.6511284355deg);
    -webkit-animation: drop-93 4.0148988799s 0.2442518735s infinite;
    animation: drop-93 4.0148988799s 0.2442518735s infinite;
}

.confetti-94 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 84%;
    opacity: 1.0102745504;
    -webkit-transform: rotate(215.1416455919deg);
    transform: rotate(215.1416455919deg);
    -webkit-animation: drop-94 4.7883569608s 0.2145893295s infinite;
    animation: drop-94 4.7883569608s 0.2145893295s infinite;
}

.confetti-95 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 61%;
    opacity: 0.6423903;
    -webkit-transform: rotate(48.6044646367deg);
    transform: rotate(48.6044646367deg);
    -webkit-animation: drop-95 4.5287466623s 0.7516673602s infinite;
    animation: drop-95 4.5287466623s 0.7516673602s infinite;
}

.confetti-96 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 40%;
    opacity: 0.8024303273;
    -webkit-transform: rotate(301.0249251441deg);
    transform: rotate(301.0249251441deg);
    -webkit-animation: drop-96 4.2900774463s 0.1157864441s infinite;
    animation: drop-96 4.2900774463s 0.1157864441s infinite;
}

.confetti-97 {
    width: 1px;
    height: 0.4px;
    background-color: #0b0808;
    top: -10%;
    left: 9%;
    opacity: 1.4591780837;
    -webkit-transform: rotate(31.1611883751deg);
    transform: rotate(31.1611883751deg);
    -webkit-animation: drop-97 4.5514090198s 0.589736715s infinite;
    animation: drop-97 4.5514090198s 0.589736715s infinite;
}

.confetti-98 {
    width: 7px;
    height: 2.8px;
    background-color: #0b0808;
    top: -10%;
    left: 71%;
    opacity: 0.834869532;
    -webkit-transform: rotate(342.9355944634deg);
    transform: rotate(342.9355944634deg);
    -webkit-animation: drop-98 4.3492992117s 0.9495718806s infinite;
    animation: drop-98 4.3492992117s 0.9495718806s infinite;
}

.confetti-99 {
    width: 8px;
    height: 3.2px;
    background-color: #0b0808;
    top: -10%;
    left: 77%;
    opacity: 0.9757644118;
    -webkit-transform: rotate(195.4408523495deg);
    transform: rotate(195.4408523495deg);
    -webkit-animation: drop-99 4.7434168731s 0.8248987759s infinite;
    animation: drop-99 4.7434168731s 0.8248987759s infinite;
}

.confetti-100 {
    width: 5px;
    height: 2px;
    background-color: #0b0808;
    top: -10%;
    left: 66%;
    opacity: 0.8829346285;
    -webkit-transform: rotate(125.3044405934deg);
    transform: rotate(125.3044405934deg);
    -webkit-animation: drop-100 4.1914036288s 0.3172377571s infinite;
    animation: drop-100 4.1914036288s 0.3172377571s infinite;
}

.confetti-101 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 7%;
    opacity: 0.8598595753;
    -webkit-transform: rotate(273.3281051137deg);
    transform: rotate(273.3281051137deg);
    -webkit-animation: drop-101 4.1495808093s 0.4739557038s infinite;
    animation: drop-101 4.1495808093s 0.4739557038s infinite;
}

.confetti-102 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 28%;
    opacity: 0.5652617719;
    -webkit-transform: rotate(251.3444465952deg);
    transform: rotate(251.3444465952deg);
    -webkit-animation: drop-102 4.4383379427s 0.9635998903s infinite;
    animation: drop-102 4.4383379427s 0.9635998903s infinite;
}

.confetti-103 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 63%;
    opacity: 1.3260801554;
    -webkit-transform: rotate(34.3621949106deg);
    transform: rotate(34.3621949106deg);
    -webkit-animation: drop-103 4.2526646865s 0.6568114567s infinite;
    animation: drop-103 4.2526646865s 0.6568114567s infinite;
}

.confetti-104 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 16%;
    opacity: 0.9271098922;
    -webkit-transform: rotate(66.8647200381deg);
    transform: rotate(66.8647200381deg);
    -webkit-animation: drop-104 4.7408615656s 0.0283705057s infinite;
    animation: drop-104 4.7408615656s 0.0283705057s infinite;
}

.confetti-105 {
    width: 3px;
    height: 1.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 24%;
    opacity: 1.1478601725;
    -webkit-transform: rotate(18.7323706769deg);
    transform: rotate(18.7323706769deg);
    -webkit-animation: drop-105 4.7596074524s 0.6588860589s infinite;
    animation: drop-105 4.7596074524s 0.6588860589s infinite;
}

.confetti-106 {
    width: 3px;
    height: 1.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 20%;
    opacity: 0.7832548318;
    -webkit-transform: rotate(212.5317874718deg);
    transform: rotate(212.5317874718deg);
    -webkit-animation: drop-106 4.4405810949s 0.9641829739s infinite;
    animation: drop-106 4.4405810949s 0.9641829739s infinite;
}

.confetti-107 {
    width: 8px;
    height: 3.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 77%;
    opacity: 0.6352341408;
    -webkit-transform: rotate(137.2765294843deg);
    transform: rotate(137.2765294843deg);
    -webkit-animation: drop-107 4.5271618614s 0.2821403439s infinite;
    animation: drop-107 4.5271618614s 0.2821403439s infinite;
}

.confetti-108 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 29%;
    opacity: 0.8432163849;
    -webkit-transform: rotate(12.8737074497deg);
    transform: rotate(12.8737074497deg);
    -webkit-animation: drop-108 4.5793545116s 0.1140592294s infinite;
    animation: drop-108 4.5793545116s 0.1140592294s infinite;
}

.confetti-109 {
    width: 4px;
    height: 1.6px;
    background-color: #f3f5f9;
    top: -10%;
    left: 70%;
    opacity: 1.2337831498;
    -webkit-transform: rotate(168.8883477247deg);
    transform: rotate(168.8883477247deg);
    -webkit-animation: drop-109 4.0011524582s 0.1757008566s infinite;
    animation: drop-109 4.0011524582s 0.1757008566s infinite;
}

.confetti-110 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 25%;
    opacity: 1.2927627328;
    -webkit-transform: rotate(348.221657963deg);
    transform: rotate(348.221657963deg);
    -webkit-animation: drop-110 4.7893920585s 0.9153138481s infinite;
    animation: drop-110 4.7893920585s 0.9153138481s infinite;
}

.confetti-111 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 68%;
    opacity: 1.1773274494;
    -webkit-transform: rotate(46.3656159742deg);
    transform: rotate(46.3656159742deg);
    -webkit-animation: drop-111 4.679315439s 0.5967873049s infinite;
    animation: drop-111 4.679315439s 0.5967873049s infinite;
}

.confetti-112 {
    width: 4px;
    height: 1.6px;
    background-color: #f3f5f9;
    top: -10%;
    left: 55%;
    opacity: 1.4622559561;
    -webkit-transform: rotate(29.798971864deg);
    transform: rotate(29.798971864deg);
    -webkit-animation: drop-112 4.0483244888s 0.7064032686s infinite;
    animation: drop-112 4.0483244888s 0.7064032686s infinite;
}

.confetti-113 {
    width: 3px;
    height: 1.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 41%;
    opacity: 1.2243103808;
    -webkit-transform: rotate(76.7514171563deg);
    transform: rotate(76.7514171563deg);
    -webkit-animation: drop-113 4.7794325348s 0.6991041157s infinite;
    animation: drop-113 4.7794325348s 0.6991041157s infinite;
}

.confetti-114 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 29%;
    opacity: 1.1758154206;
    -webkit-transform: rotate(342.6853469237deg);
    transform: rotate(342.6853469237deg);
    -webkit-animation: drop-114 4.6080006787s 0.7292989201s infinite;
    animation: drop-114 4.6080006787s 0.7292989201s infinite;
}

.confetti-115 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 9%;
    opacity: 0.8938214514;
    -webkit-transform: rotate(334.9324688424deg);
    transform: rotate(334.9324688424deg);
    -webkit-animation: drop-115 4.5244925971s 0.1935181486s infinite;
    animation: drop-115 4.5244925971s 0.1935181486s infinite;
}

.confetti-116 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 75%;
    opacity: 0.559322842;
    -webkit-transform: rotate(133.8651073634deg);
    transform: rotate(133.8651073634deg);
    -webkit-animation: drop-116 4.641692181s 0.3067250156s infinite;
    animation: drop-116 4.641692181s 0.3067250156s infinite;
}

.confetti-117 {
    width: 4px;
    height: 1.6px;
    background-color: #f3f5f9;
    top: -10%;
    left: 35%;
    opacity: 1.157901452;
    -webkit-transform: rotate(71.4667311829deg);
    transform: rotate(71.4667311829deg);
    -webkit-animation: drop-117 4.5756223835s 0.1977216291s infinite;
    animation: drop-117 4.5756223835s 0.1977216291s infinite;
}

.confetti-118 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 60%;
    opacity: 0.5261788891;
    -webkit-transform: rotate(301.9866291394deg);
    transform: rotate(301.9866291394deg);
    -webkit-animation: drop-118 4.2637269524s 0.962306592s infinite;
    animation: drop-118 4.2637269524s 0.962306592s infinite;
}

.confetti-119 {
    width: 4px;
    height: 1.6px;
    background-color: #f3f5f9;
    top: -10%;
    left: 51%;
    opacity: 0.8629832878;
    -webkit-transform: rotate(232.2221466775deg);
    transform: rotate(232.2221466775deg);
    -webkit-animation: drop-119 4.5465351047s 0.3707321216s infinite;
    animation: drop-119 4.5465351047s 0.3707321216s infinite;
}

.confetti-120 {
    width: 3px;
    height: 1.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 71%;
    opacity: 0.8228933971;
    -webkit-transform: rotate(106.468680322deg);
    transform: rotate(106.468680322deg);
    -webkit-animation: drop-120 4.6191958737s 0.1455300154s infinite;
    animation: drop-120 4.6191958737s 0.1455300154s infinite;
}

.confetti-121 {
    width: 8px;
    height: 3.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 55%;
    opacity: 0.8122884762;
    -webkit-transform: rotate(307.1277362674deg);
    transform: rotate(307.1277362674deg);
    -webkit-animation: drop-121 4.8938080943s 0.410194528s infinite;
    animation: drop-121 4.8938080943s 0.410194528s infinite;
}

.confetti-122 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 42%;
    opacity: 1.1064557255;
    -webkit-transform: rotate(48.644521469deg);
    transform: rotate(48.644521469deg);
    -webkit-animation: drop-122 4.8339029551s 0.6542749251s infinite;
    animation: drop-122 4.8339029551s 0.6542749251s infinite;
}

.confetti-123 {
    width: 4px;
    height: 1.6px;
    background-color: #f3f5f9;
    top: -10%;
    left: 32%;
    opacity: 1.0492936529;
    -webkit-transform: rotate(151.1621074244deg);
    transform: rotate(151.1621074244deg);
    -webkit-animation: drop-123 4.5141984214s 0.2796481935s infinite;
    animation: drop-123 4.5141984214s 0.2796481935s infinite;
}

.confetti-124 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 12%;
    opacity: 0.9561717899;
    -webkit-transform: rotate(173.8719618501deg);
    transform: rotate(173.8719618501deg);
    -webkit-animation: drop-124 4.1290745858s 0.1488548873s infinite;
    animation: drop-124 4.1290745858s 0.1488548873s infinite;
}

.confetti-125 {
    width: 6px;
    height: 2.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 24%;
    opacity: 0.7254191364;
    -webkit-transform: rotate(130.359061017deg);
    transform: rotate(130.359061017deg);
    -webkit-animation: drop-125 4.5619249446s 0.236453986s infinite;
    animation: drop-125 4.5619249446s 0.236453986s infinite;
}

.confetti-126 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 92%;
    opacity: 0.7042223801;
    -webkit-transform: rotate(209.4168297319deg);
    transform: rotate(209.4168297319deg);
    -webkit-animation: drop-126 4.9789063185s 0.2374649127s infinite;
    animation: drop-126 4.9789063185s 0.2374649127s infinite;
}

.confetti-127 {
    width: 6px;
    height: 2.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 45%;
    opacity: 1.4472570182;
    -webkit-transform: rotate(128.2927649903deg);
    transform: rotate(128.2927649903deg);
    -webkit-animation: drop-127 4.4837010689s 0.646576066s infinite;
    animation: drop-127 4.4837010689s 0.646576066s infinite;
}

.confetti-128 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 75%;
    opacity: 1.3016516772;
    -webkit-transform: rotate(147.9253335171deg);
    transform: rotate(147.9253335171deg);
    -webkit-animation: drop-128 4.3065913839s 0.8094581881s infinite;
    animation: drop-128 4.3065913839s 0.8094581881s infinite;
}

.confetti-129 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 46%;
    opacity: 1.3906611085;
    -webkit-transform: rotate(335.4193635941deg);
    transform: rotate(335.4193635941deg);
    -webkit-animation: drop-129 4.7022324523s 0.3887071181s infinite;
    animation: drop-129 4.7022324523s 0.3887071181s infinite;
}

.confetti-130 {
    width: 6px;
    height: 2.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 40%;
    opacity: 1.2666690781;
    -webkit-transform: rotate(175.5219210105deg);
    transform: rotate(175.5219210105deg);
    -webkit-animation: drop-130 4.6224771425s 0.9780834126s infinite;
    animation: drop-130 4.6224771425s 0.9780834126s infinite;
}

.confetti-131 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 58%;
    opacity: 0.6592366743;
    -webkit-transform: rotate(160.1668972676deg);
    transform: rotate(160.1668972676deg);
    -webkit-animation: drop-131 4.2636422267s 0.4678044621s infinite;
    animation: drop-131 4.2636422267s 0.4678044621s infinite;
}

.confetti-132 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 100%;
    opacity: 1.0373042173;
    -webkit-transform: rotate(18.4878981457deg);
    transform: rotate(18.4878981457deg);
    -webkit-animation: drop-132 4.930349089s 0.006491942s infinite;
    animation: drop-132 4.930349089s 0.006491942s infinite;
}

.confetti-133 {
    width: 8px;
    height: 3.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 64%;
    opacity: 0.8742299503;
    -webkit-transform: rotate(101.1570072709deg);
    transform: rotate(101.1570072709deg);
    -webkit-animation: drop-133 4.1360027451s 0.0339032526s infinite;
    animation: drop-133 4.1360027451s 0.0339032526s infinite;
}

.confetti-134 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 31%;
    opacity: 0.7177252275;
    -webkit-transform: rotate(191.2547214098deg);
    transform: rotate(191.2547214098deg);
    -webkit-animation: drop-134 4.588148198s 0.2696396399s infinite;
    animation: drop-134 4.588148198s 0.2696396399s infinite;
}

.confetti-135 {
    width: 8px;
    height: 3.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 1%;
    opacity: 1.197913872;
    -webkit-transform: rotate(212.0955697722deg);
    transform: rotate(212.0955697722deg);
    -webkit-animation: drop-135 4.3740477263s 0.3858694252s infinite;
    animation: drop-135 4.3740477263s 0.3858694252s infinite;
}

.confetti-136 {
    width: 2px;
    height: 0.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 5%;
    opacity: 1.0743126404;
    -webkit-transform: rotate(250.5063038717deg);
    transform: rotate(250.5063038717deg);
    -webkit-animation: drop-136 4.1232815324s 0.4804993619s infinite;
    animation: drop-136 4.1232815324s 0.4804993619s infinite;
}

.confetti-137 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 64%;
    opacity: 0.9473501531;
    -webkit-transform: rotate(106.831517834deg);
    transform: rotate(106.831517834deg);
    -webkit-animation: drop-137 4.8147914958s 0.620573607s infinite;
    animation: drop-137 4.8147914958s 0.620573607s infinite;
}

.confetti-138 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 91%;
    opacity: 1.0100511768;
    -webkit-transform: rotate(271.4487631329deg);
    transform: rotate(271.4487631329deg);
    -webkit-animation: drop-138 4.6224740721s 0.9295365857s infinite;
    animation: drop-138 4.6224740721s 0.9295365857s infinite;
}

.confetti-139 {
    width: 1px;
    height: 0.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 15%;
    opacity: 0.936886281;
    -webkit-transform: rotate(173.1649277196deg);
    transform: rotate(173.1649277196deg);
    -webkit-animation: drop-139 4.8516389228s 0.0005404733s infinite;
    animation: drop-139 4.8516389228s 0.0005404733s infinite;
}

.confetti-140 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 46%;
    opacity: 0.528564875;
    -webkit-transform: rotate(306.8930093855deg);
    transform: rotate(306.8930093855deg);
    -webkit-animation: drop-140 4.2548148151s 0.9003330152s infinite;
    animation: drop-140 4.2548148151s 0.9003330152s infinite;
}

.confetti-141 {
    width: 5px;
    height: 2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 3%;
    opacity: 1.3324474239;
    -webkit-transform: rotate(33.3432467144deg);
    transform: rotate(33.3432467144deg);
    -webkit-animation: drop-141 4.3742977643s 0.8098480563s infinite;
    animation: drop-141 4.3742977643s 0.8098480563s infinite;
}

.confetti-142 {
    width: 7px;
    height: 2.8px;
    background-color: #f3f5f9;
    top: -10%;
    left: 12%;
    opacity: 1.2765927461;
    -webkit-transform: rotate(255.8559349326deg);
    transform: rotate(255.8559349326deg);
    -webkit-animation: drop-142 4.0932118909s 0.4376008394s infinite;
    animation: drop-142 4.0932118909s 0.4376008394s infinite;
}

.confetti-143 {
    width: 8px;
    height: 3.2px;
    background-color: #f3f5f9;
    top: -10%;
    left: 16%;
    opacity: 0.8168481209;
    -webkit-transform: rotate(356.3873961228deg);
    transform: rotate(356.3873961228deg);
    -webkit-animation: drop-143 4.435333032s 0.7738174632s infinite;
    animation: drop-143 4.435333032s 0.7738174632s infinite;
}

.confetti-144 {
    width: 6px;
    height: 2.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 36%;
    opacity: 1.4619155558;
    -webkit-transform: rotate(220.3297474623deg);
    transform: rotate(220.3297474623deg);
    -webkit-animation: drop-144 4.9761326666s 0.854521619s infinite;
    animation: drop-144 4.9761326666s 0.854521619s infinite;
}

.confetti-145 {
    width: 6px;
    height: 2.4px;
    background-color: #f3f5f9;
    top: -10%;
    left: 3%;
    opacity: 1.3410039069;
    -webkit-transform: rotate(294.6102401247deg);
    transform: rotate(294.6102401247deg);
    -webkit-animation: drop-145 4.964066719s 0.3965747245s infinite;
    animation: drop-145 4.964066719s 0.3965747245s infinite;
}


/*! CSS Used keyframes */

@-webkit-keyframes drop-0 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-0 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@-webkit-keyframes drop-1 {
    100% {
        top: 110%;
        left: 43%;
    }
}

@keyframes drop-1 {
    100% {
        top: 110%;
        left: 43%;
    }
}

@-webkit-keyframes drop-2 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@keyframes drop-2 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@-webkit-keyframes drop-3 {
    100% {
        top: 110%;
        left: 66%;
    }
}

@keyframes drop-3 {
    100% {
        top: 110%;
        left: 66%;
    }
}

@-webkit-keyframes drop-4 {
    100% {
        top: 110%;
        left: 68%;
    }
}

@keyframes drop-4 {
    100% {
        top: 110%;
        left: 68%;
    }
}

@-webkit-keyframes drop-5 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-5 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@-webkit-keyframes drop-6 {
    100% {
        top: 110%;
        left: 47%;
    }
}

@keyframes drop-6 {
    100% {
        top: 110%;
        left: 47%;
    }
}

@-webkit-keyframes drop-7 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@keyframes drop-7 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@-webkit-keyframes drop-8 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-8 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-9 {
    100% {
        top: 110%;
        left: 49%;
    }
}

@keyframes drop-9 {
    100% {
        top: 110%;
        left: 49%;
    }
}

@-webkit-keyframes drop-10 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-10 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@-webkit-keyframes drop-11 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-11 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@-webkit-keyframes drop-12 {
    100% {
        top: 110%;
        left: 50%;
    }
}

@keyframes drop-12 {
    100% {
        top: 110%;
        left: 50%;
    }
}

@-webkit-keyframes drop-13 {
    100% {
        top: 110%;
        left: 40%;
    }
}

@keyframes drop-13 {
    100% {
        top: 110%;
        left: 40%;
    }
}

@-webkit-keyframes drop-14 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-14 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@-webkit-keyframes drop-15 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-15 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@-webkit-keyframes drop-16 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-16 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@-webkit-keyframes drop-17 {
    100% {
        top: 110%;
        left: 62%;
    }
}

@keyframes drop-17 {
    100% {
        top: 110%;
        left: 62%;
    }
}

@-webkit-keyframes drop-18 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@keyframes drop-18 {
    100% {
        top: 110%;
        left: 61%;
    }
}

@-webkit-keyframes drop-19 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-19 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@-webkit-keyframes drop-20 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-20 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@-webkit-keyframes drop-21 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@keyframes drop-21 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@-webkit-keyframes drop-22 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@keyframes drop-22 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@-webkit-keyframes drop-23 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@keyframes drop-23 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@-webkit-keyframes drop-24 {
    100% {
        top: 110%;
        left: 67%;
    }
}

@keyframes drop-24 {
    100% {
        top: 110%;
        left: 67%;
    }
}

@-webkit-keyframes drop-25 {
    100% {
        top: 110%;
        left: 105%;
    }
}

@keyframes drop-25 {
    100% {
        top: 110%;
        left: 105%;
    }
}

@-webkit-keyframes drop-26 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-26 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@-webkit-keyframes drop-27 {
    100% {
        top: 110%;
        left: 57%;
    }
}

@keyframes drop-27 {
    100% {
        top: 110%;
        left: 57%;
    }
}

@-webkit-keyframes drop-28 {
    100% {
        top: 110%;
        left: 16%;
    }
}

@keyframes drop-28 {
    100% {
        top: 110%;
        left: 16%;
    }
}

@-webkit-keyframes drop-29 {
    100% {
        top: 110%;
        left: 29%;
    }
}

@keyframes drop-29 {
    100% {
        top: 110%;
        left: 29%;
    }
}

@-webkit-keyframes drop-30 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@keyframes drop-30 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@-webkit-keyframes drop-31 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-31 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@-webkit-keyframes drop-32 {
    100% {
        top: 110%;
        left: 58%;
    }
}

@keyframes drop-32 {
    100% {
        top: 110%;
        left: 58%;
    }
}

@-webkit-keyframes drop-33 {
    100% {
        top: 110%;
        left: 99%;
    }
}

@keyframes drop-33 {
    100% {
        top: 110%;
        left: 99%;
    }
}

@-webkit-keyframes drop-34 {
    100% {
        top: 110%;
        left: 63%;
    }
}

@keyframes drop-34 {
    100% {
        top: 110%;
        left: 63%;
    }
}

@-webkit-keyframes drop-35 {
    100% {
        top: 110%;
        left: 64%;
    }
}

@keyframes drop-35 {
    100% {
        top: 110%;
        left: 64%;
    }
}

@-webkit-keyframes drop-36 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-36 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@-webkit-keyframes drop-37 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@keyframes drop-37 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@-webkit-keyframes drop-38 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-38 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@-webkit-keyframes drop-39 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@keyframes drop-39 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@-webkit-keyframes drop-40 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-40 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@-webkit-keyframes drop-41 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@keyframes drop-41 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@-webkit-keyframes drop-42 {
    100% {
        top: 110%;
        left: 97%;
    }
}

@keyframes drop-42 {
    100% {
        top: 110%;
        left: 97%;
    }
}

@-webkit-keyframes drop-43 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-43 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@-webkit-keyframes drop-44 {
    100% {
        top: 110%;
        left: 20%;
    }
}

@keyframes drop-44 {
    100% {
        top: 110%;
        left: 20%;
    }
}

@-webkit-keyframes drop-45 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-45 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@-webkit-keyframes drop-46 {
    100% {
        top: 110%;
        left: 8%;
    }
}

@keyframes drop-46 {
    100% {
        top: 110%;
        left: 8%;
    }
}

@-webkit-keyframes drop-47 {
    100% {
        top: 110%;
        left: 32%;
    }
}

@keyframes drop-47 {
    100% {
        top: 110%;
        left: 32%;
    }
}

@-webkit-keyframes drop-48 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@keyframes drop-48 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@-webkit-keyframes drop-49 {
    100% {
        top: 110%;
        left: 35%;
    }
}

@keyframes drop-49 {
    100% {
        top: 110%;
        left: 35%;
    }
}

@-webkit-keyframes drop-50 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@keyframes drop-50 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@-webkit-keyframes drop-51 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@keyframes drop-51 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@-webkit-keyframes drop-52 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@keyframes drop-52 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@-webkit-keyframes drop-53 {
    100% {
        top: 110%;
        left: 104%;
    }
}

@keyframes drop-53 {
    100% {
        top: 110%;
        left: 104%;
    }
}

@-webkit-keyframes drop-54 {
    100% {
        top: 110%;
        left: 28%;
    }
}

@keyframes drop-54 {
    100% {
        top: 110%;
        left: 28%;
    }
}

@-webkit-keyframes drop-55 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@keyframes drop-55 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@-webkit-keyframes drop-56 {
    100% {
        top: 110%;
        left: 50%;
    }
}

@keyframes drop-56 {
    100% {
        top: 110%;
        left: 50%;
    }
}

@-webkit-keyframes drop-57 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@keyframes drop-57 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@-webkit-keyframes drop-58 {
    100% {
        top: 110%;
        left: 59%;
    }
}

@keyframes drop-58 {
    100% {
        top: 110%;
        left: 59%;
    }
}

@-webkit-keyframes drop-59 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-59 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@-webkit-keyframes drop-60 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@keyframes drop-60 {
    100% {
        top: 110%;
        left: 75%;
    }
}

@-webkit-keyframes drop-61 {
    100% {
        top: 110%;
        left: 11%;
    }
}

@keyframes drop-61 {
    100% {
        top: 110%;
        left: 11%;
    }
}

@-webkit-keyframes drop-62 {
    100% {
        top: 110%;
        left: 60%;
    }
}

@keyframes drop-62 {
    100% {
        top: 110%;
        left: 60%;
    }
}

@-webkit-keyframes drop-63 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-63 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@-webkit-keyframes drop-64 {
    100% {
        top: 110%;
        left: 29%;
    }
}

@keyframes drop-64 {
    100% {
        top: 110%;
        left: 29%;
    }
}

@-webkit-keyframes drop-65 {
    100% {
        top: 110%;
        left: 17%;
    }
}

@keyframes drop-65 {
    100% {
        top: 110%;
        left: 17%;
    }
}

@-webkit-keyframes drop-66 {
    100% {
        top: 110%;
        left: 79%;
    }
}

@keyframes drop-66 {
    100% {
        top: 110%;
        left: 79%;
    }
}

@-webkit-keyframes drop-67 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@keyframes drop-67 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@-webkit-keyframes drop-68 {
    100% {
        top: 110%;
        left: 26%;
    }
}

@keyframes drop-68 {
    100% {
        top: 110%;
        left: 26%;
    }
}

@-webkit-keyframes drop-69 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@keyframes drop-69 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@-webkit-keyframes drop-70 {
    100% {
        top: 110%;
        left: 15%;
    }
}

@keyframes drop-70 {
    100% {
        top: 110%;
        left: 15%;
    }
}

@-webkit-keyframes drop-71 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@keyframes drop-71 {
    100% {
        top: 110%;
        left: 23%;
    }
}

@-webkit-keyframes drop-72 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@keyframes drop-72 {
    100% {
        top: 110%;
        left: 84%;
    }
}

@-webkit-keyframes drop-73 {
    100% {
        top: 110%;
        left: 65%;
    }
}

@keyframes drop-73 {
    100% {
        top: 110%;
        left: 65%;
    }
}

@-webkit-keyframes drop-74 {
    100% {
        top: 110%;
        left: 96%;
    }
}

@keyframes drop-74 {
    100% {
        top: 110%;
        left: 96%;
    }
}

@-webkit-keyframes drop-75 {
    100% {
        top: 110%;
        left: 103%;
    }
}

@keyframes drop-75 {
    100% {
        top: 110%;
        left: 103%;
    }
}

@-webkit-keyframes drop-76 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@keyframes drop-76 {
    100% {
        top: 110%;
        left: 78%;
    }
}

@-webkit-keyframes drop-77 {
    100% {
        top: 110%;
        left: 55%;
    }
}

@keyframes drop-77 {
    100% {
        top: 110%;
        left: 55%;
    }
}

@-webkit-keyframes drop-78 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@keyframes drop-78 {
    100% {
        top: 110%;
        left: 90%;
    }
}

@-webkit-keyframes drop-79 {
    100% {
        top: 110%;
        left: 49%;
    }
}

@keyframes drop-79 {
    100% {
        top: 110%;
        left: 49%;
    }
}

@-webkit-keyframes drop-80 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-80 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@-webkit-keyframes drop-81 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@keyframes drop-81 {
    100% {
        top: 110%;
        left: 44%;
    }
}

@-webkit-keyframes drop-82 {
    100% {
        top: 110%;
        left: 96%;
    }
}

@keyframes drop-82 {
    100% {
        top: 110%;
        left: 96%;
    }
}

@-webkit-keyframes drop-83 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@keyframes drop-83 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@-webkit-keyframes drop-84 {
    100% {
        top: 110%;
        left: 52%;
    }
}

@keyframes drop-84 {
    100% {
        top: 110%;
        left: 52%;
    }
}

@-webkit-keyframes drop-85 {
    100% {
        top: 110%;
        left: 37%;
    }
}

@keyframes drop-85 {
    100% {
        top: 110%;
        left: 37%;
    }
}

@-webkit-keyframes drop-86 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@keyframes drop-86 {
    100% {
        top: 110%;
        left: 110%;
    }
}

@-webkit-keyframes drop-87 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@keyframes drop-87 {
    100% {
        top: 110%;
        left: 24%;
    }
}

@-webkit-keyframes drop-88 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-88 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@-webkit-keyframes drop-89 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@keyframes drop-89 {
    100% {
        top: 110%;
        left: 106%;
    }
}

@-webkit-keyframes drop-90 {
    100% {
        top: 110%;
        left: 108%;
    }
}

@keyframes drop-90 {
    100% {
        top: 110%;
        left: 108%;
    }
}

@-webkit-keyframes drop-91 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@keyframes drop-91 {
    100% {
        top: 110%;
        left: 45%;
    }
}

@-webkit-keyframes drop-92 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-92 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-93 {
    100% {
        top: 110%;
        left: 41%;
    }
}

@keyframes drop-93 {
    100% {
        top: 110%;
        left: 41%;
    }
}

@-webkit-keyframes drop-94 {
    100% {
        top: 110%;
        left: 94%;
    }
}

@keyframes drop-94 {
    100% {
        top: 110%;
        left: 94%;
    }
}

@-webkit-keyframes drop-95 {
    100% {
        top: 110%;
        left: 71%;
    }
}

@keyframes drop-95 {
    100% {
        top: 110%;
        left: 71%;
    }
}

@-webkit-keyframes drop-96 {
    100% {
        top: 110%;
        left: 41%;
    }
}

@keyframes drop-96 {
    100% {
        top: 110%;
        left: 41%;
    }
}

@-webkit-keyframes drop-97 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@keyframes drop-97 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@-webkit-keyframes drop-98 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-98 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@-webkit-keyframes drop-99 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@keyframes drop-99 {
    100% {
        top: 110%;
        left: 92%;
    }
}

@-webkit-keyframes drop-100 {
    100% {
        top: 110%;
        left: 81%;
    }
}

@keyframes drop-100 {
    100% {
        top: 110%;
        left: 81%;
    }
}

@-webkit-keyframes drop-101 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@keyframes drop-101 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@-webkit-keyframes drop-102 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-102 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@-webkit-keyframes drop-103 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-103 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-104 {
    100% {
        top: 110%;
        left: 18%;
    }
}

@keyframes drop-104 {
    100% {
        top: 110%;
        left: 18%;
    }
}

@-webkit-keyframes drop-105 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@keyframes drop-105 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@-webkit-keyframes drop-106 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@keyframes drop-106 {
    100% {
        top: 110%;
        left: 34%;
    }
}

@-webkit-keyframes drop-107 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@keyframes drop-107 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@-webkit-keyframes drop-108 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@keyframes drop-108 {
    100% {
        top: 110%;
        left: 31%;
    }
}

@-webkit-keyframes drop-109 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@keyframes drop-109 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@-webkit-keyframes drop-110 {
    100% {
        top: 110%;
        left: 37%;
    }
}

@keyframes drop-110 {
    100% {
        top: 110%;
        left: 37%;
    }
}

@-webkit-keyframes drop-111 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@keyframes drop-111 {
    100% {
        top: 110%;
        left: 76%;
    }
}

@-webkit-keyframes drop-112 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-112 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-113 {
    100% {
        top: 110%;
        left: 46%;
    }
}

@keyframes drop-113 {
    100% {
        top: 110%;
        left: 46%;
    }
}

@-webkit-keyframes drop-114 {
    100% {
        top: 110%;
        left: 43%;
    }
}

@keyframes drop-114 {
    100% {
        top: 110%;
        left: 43%;
    }
}

@-webkit-keyframes drop-115 {
    100% {
        top: 110%;
        left: 22%;
    }
}

@keyframes drop-115 {
    100% {
        top: 110%;
        left: 22%;
    }
}

@-webkit-keyframes drop-116 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@keyframes drop-116 {
    100% {
        top: 110%;
        left: 88%;
    }
}

@-webkit-keyframes drop-117 {
    100% {
        top: 110%;
        left: 48%;
    }
}

@keyframes drop-117 {
    100% {
        top: 110%;
        left: 48%;
    }
}

@-webkit-keyframes drop-118 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@keyframes drop-118 {
    100% {
        top: 110%;
        left: 73%;
    }
}

@-webkit-keyframes drop-119 {
    100% {
        top: 110%;
        left: 63%;
    }
}

@keyframes drop-119 {
    100% {
        top: 110%;
        left: 63%;
    }
}

@-webkit-keyframes drop-120 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@keyframes drop-120 {
    100% {
        top: 110%;
        left: 85%;
    }
}

@-webkit-keyframes drop-121 {
    100% {
        top: 110%;
        left: 64%;
    }
}

@keyframes drop-121 {
    100% {
        top: 110%;
        left: 64%;
    }
}

@-webkit-keyframes drop-122 {
    100% {
        top: 110%;
        left: 52%;
    }
}

@keyframes drop-122 {
    100% {
        top: 110%;
        left: 52%;
    }
}

@-webkit-keyframes drop-123 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-123 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@-webkit-keyframes drop-124 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@keyframes drop-124 {
    100% {
        top: 110%;
        left: 19%;
    }
}

@-webkit-keyframes drop-125 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@keyframes drop-125 {
    100% {
        top: 110%;
        left: 36%;
    }
}

@-webkit-keyframes drop-126 {
    100% {
        top: 110%;
        left: 104%;
    }
}

@keyframes drop-126 {
    100% {
        top: 110%;
        left: 104%;
    }
}

@-webkit-keyframes drop-127 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@keyframes drop-127 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@-webkit-keyframes drop-128 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@keyframes drop-128 {
    100% {
        top: 110%;
        left: 83%;
    }
}

@-webkit-keyframes drop-129 {
    100% {
        top: 110%;
        left: 56%;
    }
}

@keyframes drop-129 {
    100% {
        top: 110%;
        left: 56%;
    }
}

@-webkit-keyframes drop-130 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@keyframes drop-130 {
    100% {
        top: 110%;
        left: 42%;
    }
}

@-webkit-keyframes drop-131 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-131 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-132 {
    100% {
        top: 110%;
        left: 109%;
    }
}

@keyframes drop-132 {
    100% {
        top: 110%;
        left: 109%;
    }
}

@-webkit-keyframes drop-133 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@keyframes drop-133 {
    100% {
        top: 110%;
        left: 74%;
    }
}

@-webkit-keyframes drop-134 {
    100% {
        top: 110%;
        left: 39%;
    }
}

@keyframes drop-134 {
    100% {
        top: 110%;
        left: 39%;
    }
}

@-webkit-keyframes drop-135 {
    100% {
        top: 110%;
        left: 4%;
    }
}

@keyframes drop-135 {
    100% {
        top: 110%;
        left: 4%;
    }
}

@-webkit-keyframes drop-136 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@keyframes drop-136 {
    100% {
        top: 110%;
        left: 9%;
    }
}

@-webkit-keyframes drop-137 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@keyframes drop-137 {
    100% {
        top: 110%;
        left: 70%;
    }
}

@-webkit-keyframes drop-138 {
    100% {
        top: 110%;
        left: 105%;
    }
}

@keyframes drop-138 {
    100% {
        top: 110%;
        left: 105%;
    }
}

@-webkit-keyframes drop-139 {
    100% {
        top: 110%;
        left: 17%;
    }
}

@keyframes drop-139 {
    100% {
        top: 110%;
        left: 17%;
    }
}

@-webkit-keyframes drop-140 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@keyframes drop-140 {
    100% {
        top: 110%;
        left: 51%;
    }
}

@-webkit-keyframes drop-141 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@keyframes drop-141 {
    100% {
        top: 110%;
        left: 14%;
    }
}

@-webkit-keyframes drop-142 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-142 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@-webkit-keyframes drop-143 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@keyframes drop-143 {
    100% {
        top: 110%;
        left: 21%;
    }
}

@-webkit-keyframes drop-144 {
    100% {
        top: 110%;
        left: 46%;
    }
}

@keyframes drop-144 {
    100% {
        top: 110%;
        left: 46%;
    }
}

@-webkit-keyframes drop-145 {
    100% {
        top: 110%;
        left: 5%;
    }
}

@keyframes drop-145 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.skillate-home-countdown-title h3 {
    font-size: 30px;
    font-weight: 400;
}


/* -------------------------------------- *
*            Single Course               *
* -------------------------------------- */

.tutor-course-lessons .tutor-course-lesson.preview-enabled-lesson h5 i:after,
.tutor-course-lessons .tutor-course-lesson.preview-enabled-lesson h5 i:before {
    display: none;
}

.tutor-wrap nav.course-enrolled-nav ul li a {
    color: #1f2949;
}

a.certificate-download-btn {
    display: inline-block !important;
    margin-top: 0;
}

.tutor-price-thumbnail {
    margin-bottom: 50px;
}

.course-enrolled-nav-wrap {
    clear: both;
    margin-top: 30px;
}

.course-single-price .price {
    font-size: 30px;
    font-weight: 700;
    color: #1f2949;
}

.single .course-single-price {
    margin-bottom: 20px;
}

.tutor-course-enrolled-review-wrap .write-course-review-link-btn {
    border: 1px solid #ff5248;
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    float: right;
    margin-bottom: 30px;
    padding: 10px 30px;
    border-radius: 4px;
    color: #fff;
    display: none;
}

.tutor-single-course-segment .tutor-course-enrolled-review-wrap .write-course-review-link-btn {
    display: inline-block;
}

.write-course-review-link-btn {
    display: inline-block;
}

.course-related-title {
    font-size: 24px;
    margin-bottom: 50px;
    font-weight: 400;
}

.course-archive-top-slide-wrap .course-related-title {
    padding-top: 30px;
}

.tutor-course-enrolled-review-wrap .write-course-review-link-btn:hover {
    color: #fff;
}

.tutor-wrap {
    padding-top: 50px;
}

.course-single-title-top .tutor-course-header-h1 {
    font-size: 30px;
    line-height: 43px;
    color: #1f2949;
    font-weight: 600;
}

.skillate-single-course-sidebar .course-single-price .price .price del {
    display: none;
}

.course-single-price .price .price ins {
    text-decoration: none;
}

.course-single-price .price .price span {
    font-size: 30px;
    font-weight: 700;
    color: #1f2949;
}

.course-players iframe {
    width: 100%;
    height: 625px;
    border: none;
    background: #fff;
    border-radius: 6px;
}

.course-single-attribute {
    padding-bottom: 50px;
}

p.tutor-single-rating-count {
    font-size: 14px;
}

.course-attribute-single span {
    display: block;
    padding-bottom: 5px;
    color: #797c7f;
    letter-spacing: -0.9px;
}

.course-attribute-single h3 {
    font-size: 20px;
}

.course-attribute-single .duration span {
    font-size: 20px !important;
    display: inline-block;
    color: #1f2949;
    font-weight: 600 !important;
    line-height: 28px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.course-attribute-single .duration span.color-text-subsued {
    margin-right: 8px;
}

.selected-section-padding {
    padding-top: 300px;
}

.tutor-single-course-segment.tutor-course-content-wrap:after {
    display: table;
    clear: both;
    content: '';
}

.tutor-course-topics-header {
    margin-bottom: 20px;
}

.tutor-course-topics-header span {
    font-size: 14px !important;
    color: #797c7f !important;
    margin: 0px;
    display: inline-block;
}

.tutor-course-topics-header span.color-text-subsued {
    margin-right: 5px;
    margin-left: 2px;
}

.tutor-course-topics-header-left .tutor-segment-title {
    font-size: 24px;
}

.tutor-segment-title {
    font-size: 24px;
}

.course-buy-now {
    border: 1px solid;
}

.tutor-course-content-content {
    color: #1f2949;
}

.skillate-free-course-enroll a,
.skillate-free-course-enroll a:hover {
    color: #fff;
}

.skillate-enroll-sidebar {
    width: 100%;
}

.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap button {
    width: auto;
}

.skillate-single-course-sidebar .tutor-course-enroll-wrap .tutor-btn-enroll {
    width: 100% !important;
    margin-left: 0;
}

.tutor-course-compelte-form-wrap {
    display: inline-block;
}

.skillate-course-cart-btn form {
    display: inline-block;
}

.skillate-single-course-sidebar .skillate-course-cart-btn form {
    display: block;
}

.skillate-course-cart-btn button,
.course-buy-now {
    font-weight: 700;
    font-size: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    /* margin-left: 20px; */
}

.skillate-course-cart-btn .course-buy-now {
    padding: 8px 26px;
    background: none;
    height: 46px;
    transition: all 0.4s;
}

.skillate-course-cart-btn .course-buy-now:hover {
    background: #1f2949;
    color: #fff;
    border-color: #1f2949;
}

.skillate-course-cart-btn .product_type_simple {
    background: #ff5248 !important;
    color: #fff !important;
    font-size: 15px !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    font-weight: 700 !important;
    border: 0px !important;
}

.skillate-course-cart-btn .product_type_simple span {
    font-weight: 700 !important;
}

.skillate-single-course-sidebar .product_type_simple {
    margin-left: 0px !important;
    width: 100%;
    text-align: center;
}

.skillate-course-cart-btn .btn-icon {
    display: none !important;
}

.skillate-course-cart-btn .tutor-course-wishlist a {
    color: #b0b4b8;
    font-size: 24px;
    position: relative;
    top: 6px;
}

.tutor-single-lesson-segment .plyr__control--overlaid {
    height: 80px !important;
    width: 80px !important;
    border-radius: 50% !important;
    background: #fff !important;
    transition: all 0.4s;
}

.tutor-single-lesson-segment .plyr__control--overlaid:hover {
    background: #ff5248 !important;
}

.tutor-single-lesson-segment .plyr__control--overlaid:hover svg {
    fill: rgb(255, 255, 255);
}

.tutor-single-lesson-segment .plyr__control--overlaid svg {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 30px;
    fill: rgb(0, 0, 0);
}

.tutor-single-lesson-segment .plyr__poster:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    content: '';
}

.tutor-single-lesson-segment .plyr__poster:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    content: '';
    opacity: 0.4;
}

.tutor-lesson-video-wrap .plyr--video {
    border-radius: 0;
}

.single-course-item-tab {
    border-top: 1px solid #dadce0;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dadce0;
    margin-bottom: 50px;
    margin-top: 20px;
    color: #1f2949;
    text-transform: uppercase;
}

.single-course-item-tab li a {
    color: #1f2949;
    transition: 400ms;
}

.single-course-item-tab.nav-pills .nav-item:first-child {
    padding-left: 0;
    font-weight: 700;
    position: relative;
    padding-right: 30px;
    margin-right: 15px;
}

.skillate-course-cart-btn .tutor-button.tutor-success {
    text-transform: uppercase;
    font-size: 16px;
    border: 0;
    height: 46px;
}

.tutor-course-compelte-form-wrap .course-complete-button {
    background: #e8eff1;
    border: 0;
    color: #b1b8c9;
    height: 46px;
    line-height: 1;
    transition: all 0.4s;
}

.tutor-course-compelte-form-wrap .course-complete-button:hover {
    color: #fff;
}

.single-course-item-tab.nav-pills .nav-item:first-child:after {
    position: absolute;
    right: 0;
    top: 3px;
    height: 24px;
    width: 1px;
    content: '';
    background: #dadce0;
}

.single-course-item-tab li.current {
    color: red;
}

a.course-content-tab-link {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
}

.skillate-tab-content {
    display: none;
}

.skillate-tab-content.current {
    display: inherit;
}

.skillate-tab-menu-wrap.sticky-tab {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-animation: fadeInDown 1000ms;
    animation: fadeInDown 1000ms;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}

.skillate-tab-menu-wrap.sticky-tab .single-course-item-tab {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
}

.admin-bar .skillate-tab-menu-wrap.sticky-tab {
    top: 32px;
}

.skillate-single-course-sidebar {
    border: 1px solid #dadce0;
    padding: 30px;
    border-radius: 3px;
}

.skillate-single-course-sidebar .course-buy-now,
.skillate-single-course-sidebar .tutor-course-purchase-box button {
    display: block;
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.skillate-single-course-sidebar .price .price span {
    font-size: 40px;
}

.skillate-single-course-sidebar .price .price span.woocommerce-Price-amount {
    font-size: 40px;
    line-height: 32px;
    display: block;
    margin-bottom: 30px;
}

.skillate-single-course-sidebar .tutor-segment-title,
.course-single-sidebar-title {
    font-size: 16px;
    font-weight: 600 !important;
    margin-top: 30px;
    color: #1f2949;
}

.tutor-social-share-wrap button {
    border: 0;
    color: #797c7f;
    transition: all 0.5s;
    background: none;
}

.tutor-social-share-wrap button i {
    color: #fff;
    margin-right: 4px;
}

.tutor-course-target-audience-content .tutor-custom-list-style li {
    line-height: 30px;
    color: #1f2949;
}

.tutor-course-target-audience-content .tutor-custom-list-style li:before {
    font-size: 12px;
    color: #b0b4b8;
}

.skillate-single-course-sidebar.sidebar-sticky {
    position: fixed;
    width: 350px;
    background: #fff;
    top: 100px;
    z-index: 999;
}

.skillate-single-course-sidebar.sidebar-sticky-fixed {
    position: absolute;
    top: auto;
    width: 350px;
    bottom: 0;
}

.admin-bar .skillate-single-course-sidebar.sidebar-sticky {
    top: 120px;
}

.skillate-tab-content-wrap {
    color: #1f2949;
}

.course-content-head,
.skillate-tab-content .tutor-segment-title {
    font-size: 24px;
    font-weight: 400 !important;
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.course-requirements-title .tutor-segment-title {
    margin-top: 30px;
}

#tab-review .col-sm-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

#tab-review .col-sm-6 a.skillate-write-review-btn {
    border-radius: 3px;
    background-color: #ff5248;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    float: right;
    display: inline-block;
    margin-top: -6px;
    width: 195px;
}

#tab-1 .tutor-course-topics-header .tutor-segment-title {
    margin-top: 0;
}

.course-content-title .tutor-segment-title {
    margin-top: 0;
}

.single-instructor-wrap {
    border: 0;
    padding-top: 36px;
    padding-left: 44px;
    border: 1px solid #e8eff1;

}

.single-instructor-wrap .single-instructor-top {
    padding: 0 !important;
    border-bottom: 0;
    position: relative;
}

#single-course-ratings {
    margin-top: 30px;
}

.single-instructor-wrap .instructor-avatar {
    position: relative;
}

.single-instructor-wrap .instructor-avatar span.tutor-text-avatar {
    min-width: 255px;
    min-height: 236px;
    border-radius: 0;
    font-size: 30px;
}

.single-instructor-wrap .instructor-avatar .ratings {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105px;
    padding: 3px 5px;
    border-top-right-radius: 3px;
    background: #fff;
    color: #1f2949;
    font-size: 14px;
    text-align: center;
}

.single-instructor-wrap .instructor-avatar .ratings i {
    color: #ffc922;
}

.single-instructor-wrap .tutor-instructor-right {
    max-width: 420px;
}

.single-instructor-wrap .tutor-instructor-right .courses {
    font-weight: 600;
    color: #1f2949;
}

.single-instructor-wrap .tutor-instructor-right .courses span {
    font-weight: 400;
}

.single-instructor-wrap .instructor-name h3 {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: -0.13px;
    color: #1f2949;
    font-weight: 700;
    margin-bottom: 6px;
}

.single-instructor-wrap .instructor-name h3 a {
    color: #1f2949;
    font-weight: 700;
}

.single-instructor-wrap .instructor-name {
    float: none;
    padding-left: 0;
}

.single-instructor-wrap .instructor-bio {
    margin-bottom: 15px;
}

.skillate-tab-content-wrap .single-instructor-wrap .instructor-avatar .tutor-avatar {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}


/* skillate design issue */

.single-tutor-social-icons a {
    font-size: 16px;
    color: #797c7f;
    display: inline-block;
    padding-right: 20px;
}

.single-instructor-wrap .instructor-name {
    max-width: 400px;
}

.tutor-alert-warning.tutor-instructor-alert {
    padding-left: 0;
    padding-bottom: 50px;
}

.single-courses .rcp-exits .tutor-button.tutor-membership-btn {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.single-courses .rcp-exits .tutor-course-wishlist {
    margin-right: 20px;
}

.skillate-course-cart-btn.d-md-none.rcp-exits .row .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
}


/*header profile menu*/

.skillate-mobile-search {
    color: #fff;
    position: relative;
    top: -8px;
    font-size: 16px;
    padding: 5px 10px;
    cursor: pointer;
    right: -15px;
}

.skillate_header_profile_photo img,
span.tutor-text-avatar,
.header_profile_menu span.tutor-text-avatar,
.course-archive-author span.tutor-text-avatar {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

.header_profile_menu {
    position: relative;
    cursor: pointer;
}

.header_profile_menu span.tutor-text-avatar,
span.tutor-text-avatar,
.course-archive-author span.tutor-text-avatar {
    display: inline-block;
    text-align: center;
    line-height: 35px;
}

.rtl .header_profile_menu {
    margin-left: 0;
    margin-right: 15px;
}

.header_profile_menu ul {
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 10px 0;
    list-style: none;
    width: 200px;
    right: 0;
    top: 49px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 510px;
    overflow-y: scroll;
}

.header_profile_menu:hover ul {
    opacity: 1;
    visibility: visible;
}

.header_profile_menu ul::before {
    content: '';
    bottom: 100%;
    height: 20px;
    width: 100%;
    z-index: 2;
    left: 0;
    position: absolute;
}

.header_profile_menu ul li {
    display: block;
}

.header_profile_menu ul li a {
    display: block;
    width: 100%;
    padding: 5px 25px;
    color: #1f2949;
    transition: 300ms;
    font-size: 14px;
}

.header_profile_menu ul li a:hover {
    background: rgba(0, 0, 0, 0.05);
}


/* -------------------------------------- *
*    	Single Course Version 2     	  *
* --------------------------------------- */

.skillate-line-shape-wrap>.qubely-container {
    padding-top: 100px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.skillate-line-shape-wrap .qubely-info-box-image {
    margin-top: 5px;
}

.skillate-bg-line-wrap {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    z-index: -1;
    left: 15px;
    top: 0;
    display: flex;
    align-items: stretch;
}

.skillate-bg-line-wrap span {
    border: 1px solid #fff;
    width: calc(25%);
    margin: -0.5px;
    position: relative;
}

.skillate-bg-line-wrap span:nth-child(2) {
    margin-top: 90px;
}

.get-package-wrap-top .skillate-bg-line-wrap span:nth-child(2),
.course-single-2-review-wrap .skillate-bg-line-wrap span:nth-child(2) {
    margin-top: 130px;
}

.get-package-wrap-top .skillate-bg-line-wrap span:nth-child(3),
.course-single-2-review-wrap .skillate-bg-line-wrap span:nth-child(3) {
    margin-top: 60px;
}

.skillate-bg-line-wrap span:nth-child(3) {
    margin-top: 40px;
}

.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(3),
.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(2) {
    margin-top: 0px;
}

.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(3) {
    margin-bottom: 50px;
}

.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(2) {
    margin-bottom: 130px;
}

.skillate-topbar-wrap {
    padding: 16.5px;
}

.skillate-topbar-wrap p {
    margin-bottom: 0;
    color: #fff;
}

.skillate-topbar-wrap p a {
    color: #fff;
    font-weight: 600;
    transition: all 0.4s;
}

.skillate-topbar-wrap p a:hover {
    color: #1f2949;
}

body.single-courses .skillate-course-layout-2-header .site-header,
body.single-courses .course-single-2-footer #bottom-wrap.footer,
body.single-courses .course-single-2-footer .footer-top-section {
    display: none;
}

.skillate-course-single-2-top {
    padding: 30px 0 120px 0;
}

.skillate-course-single-2-menu.common-menu-wrap ul li a {
    color: #1f2949;
}

.skillate-btn-start-learning {
    display: inline-block;
    border: 1px solid;
    text-transform: uppercase;
    padding: 8px 25px;
    font-weight: 600;
    transition: all 0.5s;
}

.skillate-btn-start-learning:hover {
    color: #fff;
}

.view-course-topics {
    color: #1f2949;
    font-weight: 600;
    text-transform: uppercase;
}

.tutor-single-lesson-segment .plyr__control--overlaid svg {
    fill: #ff5248;
}

.course-single-2-intro-video .tutor-single-lesson-segment .plyr__poster:after {
    opacity: 0.1;
    display: none;
}

.course-single-2-intro-video .tutor-single-lesson-segment .plyr--paused .plyr__controls {
    display: none;
}

.course-single-2-intro-video .plyr__video-wrapper {
    min-height: 350px;
}

.course-single-2-intro-video .tutor-single-lesson-segment {
    margin-bottom: 0;
}

#skillate-intro-section {
    z-index: 999;
}

#course-single-navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    padding: 5px 0;
    z-index: 99999;
    animation: fadeInDown 1s;
}

.admin-bar #course-single-navigation.sticky {
    top: 32px;
}

.skillate-course-single-2-intro {
    padding-top: 65px;
}

.course-single-2-intro-left .course-single-2-intro {
    padding-bottom: 14px;
}

.course-single-2-title,
.course-single-2-section-title {
    font-size: 54px;
    line-height: 59px;
    font-weight: 700;
}

.course-single-2-section-title {
    line-height: 66px;
    margin-bottom: 60px;
    text-transform: capitalize;
}

.course-single-2-attribute-top .course-single-2-section-title {
    text-transform: none;
}

.course-single-2-attribute {
    background: #f1f1f1;
    padding: 0px 0 60px 0;
}

.skillate-line-shape-wrap.course-single-2-attribute-top {
    position: relative;
    z-index: 999;
}

.course-single-2-attribute-top>.qubely-container {
    padding-bottom: 80px;
}

#skillate-faq-section>.qubely-container {
    padding-bottom: 100px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(2)::after {
    position: absolute;
    content: '';
    left: 0px;
    top: -15px;
    height: 20px;
    width: 100%;
    background: #f1f1f1;
}

.course-single-2-attribute-top .skillate-bg-line-wrap span:nth-child(3)::after {
    position: absolute;
    content: '';
    left: 0px;
    top: -30px;
    height: 30px;
    width: 100%;
    background: #f1f1f1;
}


/* .what-you-get-package-wrap .tutor-course-lessons .tutor-course-lesson h5 i.tutor-icon-lock{
    display: none;
} */

.course-single-2-attribute .skillate-course-cart-btn .course-buy-now {
    margin-left: 0;
    border-radius: 0;
    color: #fff;
    height: 57px;
    padding: 10px 34px;
}

.course-single-2-attribute .tutor-star-rating-group {
    margin-top: 0;
    margin-left: 5px;
}

.course-single-2-attribute .course-attribute-single {
    margin-bottom: 50px;
}

.course-single-2-attribute .tutor-star-rating-group i {
    font-size: 12px;
}

.course-single-attribute-2-right h4.tutor-segment-title {
    display: none;
}

.course-single-attribute-2-right .tutor-course-material-includes-wrap {
    margin-top: 35px;
    margin-bottom: 30px;
}

.course-single-2-attribute-top .course-attribute-single h3 {
    font-size: 24px;
}

.course-single-attribute-2-right p {
    margin-top: 12px;
    line-height: 28px;
}

.course-single-attribute-2-right .course-single-price span {
    color: #797c7f;
    display: inline-block;
    margin-top: 6px;
}

.course-single-attribute-2-right .tutor-course-target-audience-content .tutor-custom-list-style li {
    font-weight: 600;
    margin-bottom: 15px;
}

.skillate-course-include-wrap {
    margin-top: 80px;
    margin-bottom: 200px;
}

.skillate-course-include-wrap.what-you-get-wrap {
    margin-bottom: 230px;
}

.skillate-course-include-inner {
    position: relative;
    padding: 80px 20px 80px 60px !important;
}

.course-include-wrap-content {
    position: absolute;
    right: 20px;
    top: 60%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    padding: 50px 60px;
}

.single-include-wrap-content h3 {
    transition: all 0.4s;
}

.what-you-get-wrap .course-include-wrap-content {
    top: -60px;
}

.skillate-course-include-inner .course-single-2-section-title {
    color: #fff;
}

.course-include-wrap-content h3 {
    font-size: 24px;
    line-height: 34px;
    padding: 25px 0 5px 0;
}

.course-include-wrap-content p {
    color: #797c7f;
}

.what-you-will-section {
    padding: 100px 30px 0 30px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.course-single-2-subscribe-wrap {
    padding: 140px 0;
    color: #fff;
}

.course-single-2-subscribe-wrap .course-single-2-section-title {
    margin-bottom: 20px;
}

.what-you-will-section p {
    width: 60%;
    margin-bottom: 60px;
}

.what-you-will-section:after {
    display: table;
    clear: both;
    content: '';
}

.what-you-learn-single {
    width: 50%;
    float: left;
    padding-right: 20px;
    margin-bottom: 50px;
    padding-left: 50px;
    min-height: 180px;
}

.what-you-learn-single p {
    padding-right: 60px;
    width: 100%;
    margin-bottom: 0;
    color: #3e4143;
}

.course-single-2-subscribe-wrap .course-single-2-section-title {
    color: #fff;
}

.what-you-will-section .course-single-2-section-title {
    margin-bottom: 40px;
}

.what-you-learn-single h3 {
    font-size: 24px;
    line-height: 37px;
    font-weight: 700;
    position: relative;
}

.what-you-learn-single h3::before {
    position: absolute;
    left: -50px;
    top: 6px;
    content: '';
    background: url('../images/check-icon-red.svg');
    height: 30px;
    width: 30px;
    line-height: 27px;
    text-align: center;
}


/* .single-2-subscribe-form{
    margin-top: 40px;
} */

.single-2-subscribe-form form .mc4wp-form-fields::after {
    display: table;
    content: '';
    clear: both;
}

.single-2-subscribe-form form .mc4wp-form-fields P:first-child {
    width: 70%;
    float: left;
    position: relative;
}

.single-2-subscribe-form form .mc4wp-form-fields P:first-child::before {
    position: absolute;
    left: 20px;
    top: 17px;
    content: '';
    background: url(../images/envelope-icon.svg);
    z-index: 9999;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(50%) sepia(1%) saturate(1628%) hue-rotate(185deg) brightness(85%) contrast(86%);
    opacity: 0.7;
}

.single-2-subscribe-form form .mc4wp-form-fields P:last-child {
    width: 27%;
    float: right;
}

.single-2-subscribe-form form .mc4wp-form-fields input {
    height: 57px;
    padding: 10px 15px;
    border: 0;
    width: 100%;
    border-radius: 0;
}

.single-2-subscribe-form form .mc4wp-form-fields input[type='email'] {
    background: #fff;
    padding-left: 64px;
}

.single-2-subscribe-form form .mc4wp-form-fields input[type='email']::-webkit-input-placeholder {
    /* Edge */
    color: #8c94a8;
}

.single-2-subscribe-form form .mc4wp-form-fields input[type='email']:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8c94a8;
}

.single-2-subscribe-form form .mc4wp-form-fields input[type='email']::placeholder {
    color: #8c94a8;
}

.single-2-subscribe-form form .mc4wp-form-fields input[type='submit'] {
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 !important;
}

.single-2-subscribe-form form .mc4wp-form-fields i {
    position: absolute;
    left: 20px;
    top: 14px;
    z-index: 999;
    color: #8c94a8;
    opacity: 0.6;
    font-size: 30px;
}

.author-info-wrap {
    padding-top: 120px;
}

.author-info-wrap .course-single-2-section-title {
    margin-bottom: 45px;
}

.author-info-wrap .skillate-author-sub-title {
    padding-bottom: 50px;
    font-size: 24px;
    font-weight: 700;
}

.author-info-wrap p {
    margin-bottom: 40px;
}

.author-info-wrap .author-img-left img {
    max-width: 90%;
}

.what-you-get-wrap .course-include-wrap-content {
    width: 700px;
}

.what-you-get-wrap .skillate-course-cart-btn button {
    margin-left: 0;
    border-radius: 0;
    color: #fff;
    height: 57px;
    padding: 10px 34px;
}

.what-you-get-wrap .course-single-price .price .price span {
    font-size: 54px;
    line-height: 66px;
}

.package-include-content h4 {
    position: relative;
    padding: 5px;
}

.package-include-content h4::before {
    position: absolute;
    left: -25px;
    top: 5px;
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    font-size: 12px;
    color: #b0b4b8;
}

.ask-question-section::after {
    display: table;
    content: '';
    clear: both;
}

.ask-question-section {
    padding: 90px 30px 70px 30px;
    position: relative;
    z-index: 1;
}

.course-single-2-review-wrap {
    margin-top: 120px;
    padding: 150px 30px 20px 30px;
    position: relative;
    z-index: 1;
}

.course-single-2-review-wrap .write-course-review-link-btn,
.course-single-2-review-wrap .tutor-form-group button[type='submit'] {
    float: none;
    border-radius: 0;
    text-transform: uppercase;
}

.course-single-2-review-wrap .tutor-write-review-form {
    margin-top: 0;
}

.course-single-2-review-wrap .instructor-avatar {
    text-align: center;
}

.course-single-2-review-wrap .instructor-avatar img,
.course-single-2-review-wrap .instructor-avatar .tutor-text-avatar {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.course-single-2-review-wrap .instructor-avatar .tutor-text-avatar {
    margin-left: 10px;
    line-height: 130px;
}

.tutor-review-individual-item .single-2-instructor-name p.name {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    float: none;
    margin-top: 0;
}

.tutor-review-individual-item .single-2-instructor-name p.name a {
    color: #1f2949;
}

.tutor-review-individual-item .single-2-instructor-name p.name::before {
    display: none;
}

.tutor-review-individual-item .single-2-instructor-name span {
    color: #797c7f;
    font-size: 14px;
}

.course-single-2-review-wrap .individual-review-rating-wrap i {
    color: #ff5248;
    font-size: 20px;
}

.course-single-2-review-wrap .tutor-review-individual-item p {
    font-size: 24px;
    line-height: 44px;
    margin-top: 10px;
    position: relative;
}

.course-single-2-review-wrap .tutor-review-individual-item p::before {
    position: absolute;
    left: 25%;
    top: 45px;
    font-family: 'Font Awesome 5 Free';
    content: '\f10e';
    font-weight: 600;
    color: #797c7f;
    font-size: 160px;
    opacity: 0.1;
}

.course-2-review-btn a.skillate-write-review-btn {
    width: auto;
    border-radius: 0;
    margin-top: 30px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.4s;
    height: 57px;
    padding: 10px 46px;
    line-height: 2.3;
}

body.single-courses .course-single-2-footer #footer-wrap {
    background: #fff;
}

.course-single-2-review-wrap .course-single-2-review-content p,
.course-single-2-review-wrap .individual-review-rating-wrap {
    float: none;
}


/* .course-single-2-review-wrap .course-single-2-review-content{
    position: relative;
    display: inline-block;
    padding-left: 10px;
}
.course-single-2-review-wrap .course-single-2-review-content::before{
    position: absolute;
    left: 0;
    top: 18px;
    content: '"';
    margin-right: 10px;
    height: 20px;
    width: 20px;
    font-size: 24px;
}
.course-single-2-review-wrap .course-single-2-review-content::after{
    position: absolute;
    right: -12px;
    bottom: 10px;
    content: '"';
    font-size: 24px;
} */


/* -------------------------------------- *
*    		Gamipress Css     	  	      *
* --------------------------------------- */

.skillate-instructor-achivement {
    margin-top: 90px;
}

.skillate-instructor-achivement img {
    width: 100% !important;
}

.skillate-instructor-achivement .gamipress-achievement {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.skillate-instructor-achivement * {
    opacity: 1 !important;
    pointer-events: none;
    display: block;
}

.skillate-instructor-achivement .gamipress-achievement-image {
    padding-right: 0 !important;
}

.skillate-instructor-achivement .gamipress-achievement-title {
    font-size: 16px !important;
    line-height: 18px;
    margin-bottom: 0 !important;
}

.skillate-instructor-achivement .gamipress-achievement-title a {
    color: #344356;
}

.skillate-instructor-achivement .gamipress-achievement-excerpt p {
    color: #344356;
    font-size: 14px;
    opacity: 0.6 !important;
    line-height: 1.5;
}

.skillate-instructor-achivement .gamipress-achievement-description {
    padding-left: 10px;
}

.gamipress-achievement-image a img {
    width: 80% !important;
}

#gamipress-achievements-container[class*='gamipress-columns']>.gamipress-achievement,
.gamipress-user-points[class*='gamipress-columns']>.gamipress-points,
.gamipress-points-types[class*='gamipress-columns']>.gamipress-points-type,
.gamipress-ranks-container[class*='gamipress-columns'] .gamipress-rank {
    padding: 0;
}

.skillate-instructor-achivement h2 {
    font-size: 16px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
    color: #1f2949 !important;
}

.skillate-instructor-achivement h2 a {
    color: #1f2949 !important;
}

.skillate-instructor-achivement p {
    color: #344356;
    opacity: 0.6 !important;
}


/* -------------------------------------- *
*    		12. Main Menu      	  	      *
* --------------------------------------- */

.common-menu-wrap .nav>li.current-menu-parent>a,
.primary-menu .common-menu-wrap .nav>li.current-menu-item>a {
    font-weight: 700;
}

.primary-menu .common-menu-wrap .nav>li>a:before {
    position: absolute;
    bottom: 8px;
    width: 0px;
    height: 2px;
    background: #fff;
    content: '';
    left: 13px;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}

.primary-menu .common-menu-wrap .nav>li.current-menu-item>a:before,
.common-menu-wrap .nav>li.current-menu-parent>a:before {
    position: absolute;
    bottom: 8px;
    width: 30px;
    height: 2px;
    background: #fff;
    content: '';
    left: 13px;
    transition: all 0.4s;
    opacity: 1;
    visibility: visible;
}

.header-white .primary-menu .common-menu-wrap .nav>li>a:before {
    background: #1f2949;
}

.primary-menu .common-menu-wrap .nav>li>a {
    transition: all 0.5s;
}

.primary-menu .common-menu-wrap .nav>li>a:hover {
    -webkit-text-stroke: 0.5px;
}

.primary-menu .common-menu-wrap .nav>li>a:hover:before {
    visibility: visible;
    opacity: 1;
    width: 30px;
}

.cart-mobile-option {
    display: none;
}

.logo-wrapper {
    z-index: 999;
    max-width: 300px;
}

.common-menu.common-main-menu {
    z-index: 9;
}

.mtop {
    margin-top: 51px;
}

#page.hide-header-footer header.site-header,
#page.hide-header-footer .footer-top-section,
#page.hide-header-footer #bottom-wrap {
    display: none;
}

#page.hide-header-footer #footer-wrap {
    background: #fff;
}

.site-header {
    min-height: 52px;
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: 0.3s;
    padding-left: 15px;
    padding-right: 15px;
}

.site-header.header-solid,
.site-header.header-white {
    position: static;
}

.admin-bar .site-header {
    top: 32px;
}

.admin-bar .boxwidth .site-header {
    top: 0px;
}

.navbar-header {
    margin-bottom: 0;
}

#navigation .navbar-brand {
    height: 0;
    padding: 0;
    margin: 12px 0 0;
}

#navigation .navbar-nav {
    float: right;
}

#navigation a.navbar-brand h1 {
    margin: 0;
    font-size: 42px;
}

.header-transparent {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.site-header.sticky {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: auto;
    z-index: 99999;
    margin: 0 auto;
    width: 100%;
}

.logo-wrapper a {
    display: inline-block;
}

.logo-wrapper a img {
    transition: all 0.5s;
    padding: 0;
}

#navigation .navbar-header .navbar-toggle {
    margin: 12px 0 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
}

#navigation .navbar-header .navbar-toggle:hover,
#navigation .navbar-header .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.common-menu-wrap #menu-right-menu.nav {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
    display: block;
}

.common-menu-wrap #menu-left-menu.nav {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
    display: block;
    text-align: right;
}

.common-menu-wrap {
    display: inline-block;
}

.common-menu-wrap .nav>li {
    display: inline-block;
    margin-left: 0px;
    border-radius: 3px;
    text-align: center;
    transition: 0.3s;
    position: relative;
    line-height: 68px;
}

.common-menu-wrap .nav>li>a {
    display: inline-block;
    line-height: 10px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding: 10px 0;
    transition: 400ms;
    -webkit-transition: 400ms;
    color: #fff;
    text-transform: uppercase;
}

.menu-left .common-menu-wrap {
    text-align: left;
}

.common-menu-wrap .nav>li>a {
    position: relative;
}

.common-menu-wrap .nav>li.ticket-menu a {
    background-color: #ff8a00;
    border-radius: 3px;
    line-height: 36px;
    margin-left: 25px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.common-menu-wrap .nav>li.ticket-menu a:hover,
.common-menu-wrap .nav>li.ticket-menu a:focus {
    background-color: #d67400;
}

.common-menu-wrap .nav>li.fixed-menu {
    margin-left: 20px;
}

.header-common-menu .common-menu-wrap .nav {
    margin-top: 0px;
    font-size: 0;
    margin-right: 0;
}

.common-menu-wrap .nav>li.menu-item-has-children {
    position: relative;
    z-index: 100;
}

.common-menu-wrap .nav>li.menu-item-has-children>a {
    position: relative;
}

.common-menu-wrap .nav>li.menu-item-has-children>a:after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
    font-weight: 600;
}

.header-solid .common-menu-wrap .nav>li.menu-item-has-children:after {
    color: #000;
}

.page-template-homepage-transparent-php #masthead.sticky .common-menu-wrap .nav>li.fixed-menu>a {
    color: #fff;
}

.common-menu-wrap .nav>li>ul {
    padding: 0px 0 0;
}

.common-menu-wrap .nav>li ul {
    text-align: left;
    position: absolute;
    display: none;
    left: -30px;
    list-style: none;
    margin: 0;
    width: 283px;
    z-index: 999999;
    color: #fff;
    top: 65px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.09);
    border-radius: 0;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms;
    padding: 12px 0;
    border-radius: 3px;
}

.common-menu-wrap .nav>li>ul::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 24px;
    background: transparent;
    width: 100%;
}

.common-menu-wrap .nav>li>ul::after {
    content: '';
    position: absolute;
    left: 35%;
    bottom: 100%;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    transform: translateX(-50%);
    transition: all 1s;
}

.common-menu-wrap .nav>li.active ul li a {
    background: transparent;
}

.common-menu-wrap .nav>li:hover>ul {
    padding: 18px 0;
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
}

@keyframes menuslide {
    from {
        transform: translate3d(0, -10px, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.common-menu-wrap .nav>li ul.megamenu {
    left: auto;
    right: -15px;
}

.common-menu-wrap .nav>li.fixed-menu a {
    color: #fff;
    line-height: 36px;
    border-radius: 4px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.common-menu-wrap .nav>li.fixed-menu a:hover {
    color: #fff;
}

.common-menu-wrap .nav>li ul {
    background-color: #fff;
}

.common-menu-wrap .nav>li>ul li a {
    display: block;
    line-height: normal;
    padding: 10px 30px;
    font-size: 14px;
    color: #1f2949;
    transition: 400ms;
    -webkit-transition: 400ms;
    text-transform: capitalize;
    font-weight: 400;
}

.common-menu-wrap .nav>li.skillate-home>ul li a {
    font-weight: 600;
    font-size: 16px;
}

.common-menu-wrap .nav>li.skillate-home>ul li a p {
    margin-bottom: 0;
    margin-top: 5px;
    color: #797c7f;
    font-weight: 400;
    font-size: 12px;
}

.common-menu-wrap .nav>li>ul li:hover>a {
    color: #8c94a8 !important;
}

.common-menu-wrap .nav>li>ul li.mega-child a {
    border-width: 0;
}

.common-menu-wrap .nav>li>ul li:last-child a {
    border-bottom-width: 0;
    border-radius: 0 0 3px 3px;
}

.common-menu-wrap .nav>li>ul li>div {
    padding: 0 20px 10px;
    font-size: 13px;
}

.common-menu-wrap .sub-menu li.mega-child>a {
    color: #000;
}

.common-menu-wrap .nav>li>ul li a:hover,
.common-menu-wrap .sub-menu li.active.mega-child a:hover {
    text-decoration: none;
}

.common-menu-wrap .nav>li>ul {
    transition: 300ms;
    -webkit-transition: 300ms;
}

.header-cat-menu ul li {
    display: block;
    padding: 13px 0;
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.common-menu-wrap .nav>li>ul li {
    transition: 300ms;
    -webkit-transition: 300ms;
}

.common-menu-wrap .nav>li>ul li {
    position: relative;
    -webkit-animation: fadeInUp 0.5s;
    animation: fadeInUp 0.5s;
}

.common-menu-wrap .nav>li>ul li:nth-child(2) {
    -webkit-animation: fadeInUp 0.7s;
    animation: fadeInUp 0.7s;
}

.common-menu-wrap .nav>li>ul li:nth-child(3) {
    -webkit-animation: fadeInUp 900ms;
    animation: fadeInUp 900ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(4) {
    -webkit-animation: fadeInUp 1100ms;
    animation: fadeInUp 1100ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(5) {
    -webkit-animation: fadeInUp 1300ms;
    animation: fadeInUp 1300ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(6) {
    -webkit-animation: fadeInUp 1500ms;
    animation: fadeInUp 1500ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(7) {
    -webkit-animation: fadeInUp 1800ms;
    animation: fadeInUp 1800ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(8) {
    -webkit-animation: fadeInUp 2100ms;
    animation: fadeInUp 2100ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(9) {
    -webkit-animation: fadeInUp 2300ms;
    animation: fadeInUp 2300ms;
}

.common-menu-wrap .nav>li>ul li:nth-child(10) {
    -webkit-animation: fadeInUp 2500ms;
    animation: fadeInUp 2500ms;
}

.common-menu-wrap .nav>li>ul>li.menu-item-has-children {
    position: relative;
    display: block;
}

.common-menu-wrap .nav>li>ul>li.menu-item-has-children:after {
    position: absolute;
    content: '\f105';
    right: 18px;
    top: 50%;
    color: rgba(25, 25, 25, 0.65);
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    margin-top: -8px;
    font-weight: 600;
}

.common-menu-wrap .nav>li>ul>li.mega-child.menu-item-has-children:after {
    display: none;
}

.common-menu-wrap .nav>li>ul li>ul {
    display: none;
    position: absolute;
    top: -10px;
    left: 205px;
    padding: 10px 0;
}

.common-menu-wrap .nav>li>ul li.mega-child>ul {
    display: block;
    position: static;
    animation: none !important;
    width: 100%;
    padding: 10px 0;
}

.common-menu-wrap .nav>li>ul li.mega-child:last-child {
    border-right-width: 0;
}

.common-menu-wrap .nav>li>ul li:hover>ul {
    display: block;
    -webkit-animation: fadeIn 300ms;
    animation: fadeIn 300ms;
}

#main-menu .nav>li.has-megasub>ul.megamenu {
    padding: 20px 0px 20px;
    width: 100%;
}

.common-menu-wrap .nav>li ul li ul li.menu-item-has-children:after {
    position: absolute;
    content: '\f105';
    right: 18px;
    top: 50%;
    color: rgba(25, 25, 25, 0.65);
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    margin-top: -8px;
    font-weight: 600;
}

.common-menu-wrap .nav>li.has-megasub {
    position: inherit;
}

.common-menu-wrap .nav>li.has-megasub>ul.megamenu {
    padding: 0;
}

.common-menu-wrap .nav>li.has-megasub>ul.megamenu.megacol-4>li {
    width: 25%;
}

.common-menu-wrap .nav>li.has-megasub>ul.megamenu.megacol-3>li {
    width: 33%;
    float: left;
}

.common-menu-wrap .nav>li.has-megasub>ul.megamenu.megacol-2>li {
    width: 50%;
}

.common-menu-wrap .nav>li.has-megasub>ul.megamenu.megacol-1>li {
    width: 100%;
}

#main-menu .nav>li.has-megasub>ul.megamenu>li {
    float: left;
    padding: 0;
}

#main-menu .nav>li.has-megasub>ul.megamenu>li>ul {
    box-shadow: none;
}


/* -------------------------------------- *
*    		09. Mobile Menu      	  	  *
* --------------------------------------- */

#mobile-menu>ul li.skillate-home>a {
    position: relative;
}

#mobile-menu>ul li.skillate-home>a:before,
#mobile-menu>ul li.skillate-course>a:before,
#mobile-menu>ul li.skillate-instructor>a:before,
#mobile-menu>ul li.skillate-blog>a:before,
#mobile-menu>ul li.skillate-pages>a:before,
#mobile-menu>ul li.skillate-become-instructor>a:before {
    position: absolute;
    left: 35px;
    top: 15px;
    content: '';
    height: 25px;
    width: 25px;
    background-position: center top !important;
}

#mobile-menu>ul li.skillate-home>a:before {
    background: url(../images/mobile-nav-icon/home.svg);
    background-repeat: no-repeat;
}

#mobile-menu>ul li.skillate-course>a:before {
    background: url(../images/mobile-nav-icon/course-icon.svg);
    background-repeat: no-repeat;
}

#mobile-menu>ul li.skillate-instructor>a:before {
    background: url(../images/mobile-nav-icon/user-icon.svg);
    background-repeat: no-repeat;
}

#mobile-menu>ul li.skillate-blog>a:before {
    background: url(../images/mobile-nav-icon/blog-icon.svg);
    background-repeat: no-repeat;
}

#mobile-menu>ul li.skillate-pages>a:before {
    background: url(../images/mobile-nav-icon/pages-icon.svg);
    background-repeat: no-repeat;
}

#mobile-menu>ul li.skillate-become-instructor>a:before {
    background: url(../images/mobile-nav-icon/become-instructor-icon.svg);
    background-repeat: no-repeat;
}

.skillate-mobile-sign-out {
    padding: 100px 35px 0 35px;
    font-size: 16px;
    margin-top: 10%;
}

.skillate-mobile-sign-out a {
    color: #3a3e49;
}

.skillate-mobile-sign-out a img {
    margin-right: 10px;
}

.mobile-menu-author-wrap {
    padding: 30px 25px;
    border-bottom: 1px solid #f1f2f4;
    margin-bottom: 20px;
}

.mobile-menu-author-wrap .media img {
    width: 60px;
    height: auto;
    border-radius: 50%;
    margin-right: 20px;
}

.mobile-menu-author-wrap .media-body p {
    color: #8c94a8;
    font-size: 15px;
}

#mobile-menu span.menu-toggler {
    transition: all 0.5s;
    font-size: 14px;
}

#mobile-menu span.menu-toggler.collapsed .fa-angle-right:before {
    content: '\f055' !important;
}

#mobile-menu span.menu-toggler .fa-angle-right:before {
    content: '\f056' !important;
}

#mobile-menu span.menu-toggler i {
    margin-right: 10px;
}

#mobile-menu .mobile-menu-author-wrap span.tutor-text-avatar {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
}

#mobile-menu {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: calc(100% - 120px);
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11);
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    padding-bottom: 50px;
}

#mobile-menu.show {
    bottom: 50px;
    visibility: visible;
    opacity: 1;
}

.mobile-menu-close-wrap {
    padding: 0 12px 0px 20px;
}

.mobile-menu-close-wrap .close-offcanvas {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    background: #333;
    color: #fff;
    display: inline-block;
    margin-left: auto;
    float: right;
}

.header-borderimage .navbar-toggle .icon-bar,
.header-solid .navbar-toggle .icon-bar {
    background: #000;
}

#navigation #mobile-menu .navbar-nav {
    float: none;
}

#navigation #mobile-menu .navbar-nav {
    margin: 0;
    background-color: #29333f;
}

#mobile-menu .navbar-collapse {
    border: 0;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-top: 0 !important;
}

#mobile-menu ul {
    list-style: none;
}

#mobile-menu ul li {
    margin-bottom: 1px;
}

#mobile-menu ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    display: block;
}

#mobile-menu ul li.active>a,
#mobile-menu ul li a:hover {
    background: none;
}

#mobile-menu ul ul {
    padding-left: 35px;
    padding-top: 0;
    padding-bottom: 0;
}

#mobile-menu ul li span.menu-toggler {
    display: inline-block;
    width: 34px;
    cursor: pointer;
    color: #000;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 6px;
    z-index: 99;
}

#mobile-menu ul li span.menu-toggler.collapsed img,
#mobile-menu ul li span.menu-toggler img {
    transition: all 0.4s;
}

#mobile-menu ul li span.menu-toggler.collapsed img {
    transform: rotate(0deg);
}

#mobile-menu ul li span.menu-toggler img {
    transform: rotate(-90deg);
}

#mobile-menu ul li:hover .menu-toggler {
    color: #222;
}

#mobile-menu ul li {
    line-height: 20px;
    display: block;
    position: relative;
}

#navigation #mobile-menu .navbar-nav>li>a:focus,
#navigation #mobile-menu .navbar-nav>li>a:hover {
    background-color: transparent;
}

#navigation .navbar-header .navbar-toggle:hover,
#navigation .navbar-header .navbar-toggle:focus {
    background-color: transparent;
}

#wp-megamenu-primary {
    padding-right: 0;
    border: 1px solid #fff;
}

#wp-megamenu-primary li.wpmm-social-link-search a {
    padding-right: 3px !important;
}

#wp-megamenu-primary .wpmm-search-form input {
    color: #333;
}

.wpmm-sticky.wpmm-sticky-wrap {
    position: inherit;
}


/* -------------------------------------- *
*    		BuddyPress Css    	  		  *
* --------------------------------------- */

body.buddypress .page-global-padding .site-content {
    padding-top: 0;
}

body #buddypress .select-wrap span.select-arrow {
    display: none;
}

body #buddypress input[type='submit'],
.buddypress .buddypress-wrap input[type='button'],
.buddypress .buddypress-wrap input[type='submit'] {
    padding: 15px 30px;
    font-weight: 600;
    color: #ff5248 !important;
    border-color: #ff5248 !important;
}

.buddypress .buddypress-wrap input[type='button']:hover,
.buddypress .buddypress-wrap input[type='submit']:hover {
    background: #1f2949 !important;
    color: #fff !important;
    border-color: #1f2949 !important;
}

.bp-list li .item-avatar img.avatar {
    width: 80px;
}

.bp-list li .item-avatar {
    margin-right: 2%;
}

.members-type-navs ul.component-navigation.members-nav li a {
    padding: 10px 24px;
    background: #1f2949;
}

.members-type-navs ul.component-navigation.members-nav li a span.count {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ffffff40;
    color: #fff;
    border: 0;
    margin-left: 10px;
    display: inline-block;
    line-height: 20px;
    padding: 0;
}

#buddypress .dir-search form input,
#buddypress .dir-search form button {
    height: 50px;
    border-color: #dadce0;
}

.activity-update-form #whats-new-textarea textarea {
    border-color: #dadce0;
}

.buddypress-wrap .bp-navs li:not(.selected) a:hover {
    background: none;
}

#buddypress .subnav-search.clearfix a.bp-tooltip {
    height: 50px;
    line-height: 50px;
}

#buddypress .activity-list.bp-list {
    background: none;
    border: 0;
    padding: 0;
}

#buddypress .activity-list.bp-list .activity-item,
.activity-update-form,
.groups-header .desc-wrap .group-description,
.buddypress-wrap .bp-feedback {
    box-shadow: none;
}

#buddypress .activity-avatar.item-avatar {
    width: 5%;
    margin: 0;
}

#buddypress .activity-avatar.item-avatar a img {
    width: 30px;
    height: auto;
}

#buddypress .activity-content {
    display: flex;
}

#buddypress .activity-content .activity-meta.action {
    margin-left: auto;
    background: none;
}

.buddypress-wrap .bp-navs li.selected a {
    background: #1f2949 !important;
    padding: 11px 25px !important;
    color: #fff !important;
}

.buddypress-wrap .bp-navs li.selected a .count {
    padding: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
}

.buddypress-wrap .bp-feedback {
    padding: 0;
}


/* -------------------------------------- *
*    		Course Archive    	  		  *
* --------------------------------------- */

.skillate-sec-head-link a {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
}

.category-type-2 .skillate-cat-layout-2:hover .cat-image img {
    transform: scale(1);
}

.skillate-form-search-wrapper .skillate-course-search-results ul li a {
    text-transform: capitalize;
}

.archive-container {
    padding-bottom: 120px;
}

.archive-container .skillate-pagination {
    margin-bottom: 0;
}

.nice-select:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0d7' !important;
    border-bottom: 0;
    border-right: 0;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 15%;
    transform: rotate(0) !important;
    width: 5px;
}

.tutor-login-wrap {
    box-shadow: none;
}

.tutor-form-register-wrap a,
.tutor-login-rememeber-wrap a,
.tutor-login-rememeber-wrap label {
    color: #797c7f;
}

.tutor-login-form-wrap input[type='password'],
.tutor-login-form-wrap input[type='text'] {
    background: none;
    border-color: #dadce0;
}

.tutor-login-title h4 {
    font-size: 20px;
}

.tutor-template-segment.tutor-login-wrap {
    margin-bottom: 100px;
    margin-top: 50px;
}

.tutor-login-form-wrap input[type='submit']:hover {
    background: #1f2949;
}

.archive-course-pagination {
    margin-top: 80px;
}

.courses-mobile-filter {
    display: block;
    line-height: 30px;
    text-align: center;
    color: #1f2949;
    float: right;
    margin-top: 3px;
    font-size: 16px;
}

.filter-clear-btn a {
    color: #1f2949;
    font-weight: 400;
    font-size: 14px;
    display: none;
}

.filter-clear-btn a.course-clear {
    display: inline-block;
}

.filter-clear-btn a.search-active {
    display: block;
}

.filter-clear-btn a.empty-search {
    display: none;
}

.skillate-related-course.course-archive-top-slide-wrap {
    padding-top: 0;
    padding-bottom: 40px;
}

.skillate-related-course-slide,
.client-logo-carousel,
.author-slide-parent {
    display: none;
}

.skillate-related-course-slide.slick-initialized,
.client-logo-carousel.slick-initialized,
.author-slide-parent.slick-initialized {
    display: block;
}

.client-logo-carousel .slick-track {
    display: flex;
    align-items: center;
}

.skillate-course-filter-wrap,
.skillate-courses-wrap .skillate-course-col {
    margin-bottom: 30px;
}

.skillate-course-filter-wrap .nice-select,
.skillate-course-archive-results-wrap strong {
    padding-left: 0;
    color: #1f2949;
    font-size: 16px;
    border: 0;
    font-weight: 600;
}

.single-filter h4 {
    font-weight: 700;
    margin-bottom: 20px;
}

.skillate-sidebar-filter .single-filter {
    margin-bottom: 25px;
    color: #1f2949;
}

.skillate-sidebar-filter .single-filter:last-child {
    margin-bottom: 0;
}

.skillate-course-col .skillate-course .tutor-loop-rating-wrap.no-rating .tutor-star-rating-group {
    color: #ddd;
}

.skillate-sidebar-filter .single-filter label {
    display: block;
    cursor: pointer;
    transition: 300ms;
}

.skillate-sidebar-filter .single-filter label input {
    display: none;
}

.skillate-sidebar-filter .single-filter label .filter-checkbox {
    height: 17px;
    width: 17px;
    display: inline-block;
    border: 1px solid #dadce0;
    border-radius: 3px;
    vertical-align: middle;
    transform: translateY(-2px);
    margin-right: 8px;
}

.rtl .skillate-sidebar-filter .single-filter label .filter-checkbox {
    margin-right: 0;
    margin-left: 4px;
}

.skillate-sidebar-filter .single-filter label input:checked+.filter-checkbox {
    border-color: #ff5248;
    background: #ff5248;
    position: relative;
}

.skillate-sidebar-filter .single-filter label:hover input+.filter-checkbox {
    border-color: #dadce0;
}

.skillate-sidebar-filter .single-filter label input:checked+.filter-checkbox::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: '\f00c';
    line-height: 15px;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 11px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.skillate-archive-single-cat {
    position: relative;
}

.skillate-archive-single-cat .category-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px;
    cursor: pointer;
    font-size: 10px;
    color: #1f294978;
    line-height: 24px;
}

.skillate-archive-childern {
    padding: 0 15px 5px;
}

.skillate-course-media img {
    border-radius: 3px;
}

.skillate-course-media {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.skillate-course-media::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.skillate-course-col:hover .skillate-course-media:after {
    visibility: visible;
    opacity: 1;
}

.skillate-course-media .course-media-hover {
    position: absolute;
    left: 0;
    bottom: -100%;
    height: 100%;
    width: 100%;
    padding: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    z-index: 9;
}

.skillate-course-media .tutor-course-loop-header-meta .tutor-course-wishlist:hover {
    background: none;
}

.tutor-course-loop-header-meta {
    z-index: 99;
}

.skillate-course-media .tutor-course-wishlist a {
    color: #fff;
}

.skillate-course-media .tutor-course-loop-header-meta {
    top: 10px;
}

.skillate-course-media .tutor-course-wishlist {
    background: none;
    padding: 0;
}

.skillate-course-col:hover .skillate-course-media .course-media-hover {
    opacity: 1;
    bottom: 0;
    visibility: visible;
}

.skillate-course-col .skillate-course-media .course-media-hover a:not(:last-child) {
    margin-bottom: 10px;
}


/* skillate design issue */


/* .skillate-course-col:hover
  .skillate-course-media
  .course-media-hover
  .skillate-course-enroll-btn
  a {
  color: #ffffff;
  border-color: var(--tutor-color-primary-hover);
  background-color: var(--tutor-color-primary-hover);
} */


/* skillate design issue */

.skillate-course-col .skillate-course-media a img {
    transition: all 0.4s;
}

.skillate-course-col:hover .skillate-course-media a img {
    transform: scale(1.1);
}

.course-media-hover .archive-course-view,
.course-media-hover .tutor-loop-cart-btn-wrap {
    height: 46px;
    line-height: 44px;
    width: 134px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    transition: all 0.3s;
}

.course-media-hover .tutor-loop-cart-btn-wrap a {
    color: inherit !important;
}

.course-media-hover .tutor-loop-cart-btn-wrap:hover {
    background: #1f2949;
    color: #fff;
    border-color: #1f2949;
}

.course-media-hover .tutor-loop-cart-btn-wrap:hover a {
    color: #fff;
}

.course-media-hover .archive-course-view:hover {
    background: #fff;
    color: #1f2949;
}

.skillate-course-enroll-btn .woocommerce-Price-amount.amount {
    display: none;
}

.skillate-related-course-items .tutor-course-grid-level {
    /* float: left; */
}

.skillate-related-course-items .tutor-course-grid-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
    row-gap: 10px;
    column-gap: 10px;
}

.skillate-slider-section-single-course .skillate-related-course-items .tutor-course-grid-meta{
    flex-direction: column;
}

.skillate-slider-section-single-course .skillate-related-course-items .tutor-course-grid-enroll span.tutor-course-grid-level:after{
    display: none;
}

.skillate-related-course-items .tutor-course-grid-meta span.tutor-course-duration {
    margin: 0;
    padding-left: 0;
}

.skillate-course-col .skillate-course-enroll-btn .price,
.skillate-related-course-items .tutor-btn {
    margin-top: 20px;
}

.instructor-single-all-course .skillate-course-enroll-btn .price .product_type_simple {
    margin-top: 20px;
}

.instructor-single-all-course .skillate-course-enroll-btn .price a {
    margin-top: 0px !important;
    border: 0px !important;
}


/* .skillate-course-col .skillate-course-enroll-btn .price a, */

.skillate-related-course-items .tutor-btn {
    height: 46px !important;
    line-height: 2em !important;
    /* skillate design issue */
    width: auto;
    /* skillate design issue */
    border-color: #fff;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    transition: all 0.3s;
    border: 1px solid #fff !important;
}

.skillate-course-col .skillate-course-enroll-btn .price a:hover,
.skillate-related-course-items .tutor-btn:hover {
    border: 1px solid #1f2949 !important;
}

.skillate-course-col .skillate-course-enroll-btn .price a .btn-icon,
.skillate-related-course-items .tutor-btn .btn-icon {
    display: none;
}

.skillate-course-col .skillate-course-enroll-btn .price a span,
.skillate-related-course-items .tutor-btn span {
    font-weight: 700;
}

.skillate-course-col .skillate-course-body h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.skillate-course-body h3 a {
    color: #1f2949;
    line-height: 30px;
    transition: all 0.4s;
}

.course-archive-single-meta span {
    display: inline-block;
    color: #797c7f;
    font-size: 14px;
    padding-right: 15px;
    margin-right: 8px;
    position: relative;
}

.course-archive-single-meta span:after {
    position: absolute;
    right: 0;
    top: 12px;
    height: 4px;
    border-radius: 50%;
    width: 4px;
    background: #b0b4b8;
    content: '';
}

.course-archive-single-meta span:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.course-archive-single-meta span:last-child:after {
    display: none;
}

.skillate-course-col .course-archive-price,
.skillate-course-col .course-single-price .price {
    font-size: 24px;
    display: inline-block;
}

.skillate-course-col .course-single-price .price a {
    color: #1f2949;
    transition: 400ms;
}

.skillate-course-col .course-archive-price.course-single-price .price .price span {
    font-size: 24px;
}

.skillate-course-col .course-archive-price {
    margin-bottom: 15px;
}

.skillate-course-col .tutor-single-course-rating .tutor-single-rating-count {
    color: #797c7f;
}

.course-archive-single-meta {
    margin-bottom: 15px;
    margin-top: 15px;
}

.course-archive-author h4 {
    display: inline-block;
}

.course-archive-author a img {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 8px;
}

.best-sell-tag {
    display: inline-block;
    font-size: 12px;
    padding: 1px 5px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    height: 22px;
    width: 95px;
    margin-bottom: 10px;
}

.best-sell-tag.new-tag {
    background: #5cc323;
    width: 42px;
}

.skillate-instructor-slide-wrap .view-more-link {
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
}

.skillate-instructor-slide-wrap {
    background-image: linear-gradient(to top, #ffffff, #f3f4f7);
    padding: 80px 0;
}


/* ******** Instructor Slide *********** */

.skillate-instructor-thumb {
    position: relative;
}

.skillate-instructor-thumb .rating-avg {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    border-top-right-radius: 3px;
    font-size: 14px;
    color: #1f2949;
    display: inline-block;
    padding: 2px 20px;
}

.skillate-instructor-thumb {
    max-height: 236px;
    overflow: hidden;
}

.skillate-instructor-thumb .rating-avg strong {
    font-weight: 600;
}

.skillate-instructor-thumb .rating-avg i {
    color: #ffc922;
}

.upskil-instructor-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11);
    padding: 15px 20px 10px 20px;
}

.instructor-name {
    font-size: 24px;
    margin-bottom: 5px;
    transition: all 0.5s;
}

.instructor-course-count {
    color: #797c7f;
}

.instructor-course-count strong {
    color: #1f2949;
    font-weight: 600;
}

.skillate-instructor-content.slick-slide {
    padding: 0 15px;
}


/* ******** Instructor Single ************ */

.instructor-single-top {
    background: #333;
    padding: 170px 0;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}

.instructor-single-top:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}

.instructor-single-name h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.instructor-single-asset {
    color: #fff;
}

.instructor-single-asset span {
    display: inline-block;
    padding-right: 22px;
    margin-right: 12px;
    position: relative;
}

.instructor-single-asset span:after {
    position: absolute;
    content: '';
    right: 0;
    top: 12px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fff;
}

.instructor-single-asset span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.instructor-single-asset span:last-child:after {
    display: none;
}

.instructor-single-content {
    margin-top: -90px;
}

.instructor-single-avatar {
    margin-top: -80px;
}

.instructor-single-avatar img {
    border: 5px solid #fff;
    border-radius: 3px !important;
    width: 100%;
    height: auto;
}

.instructor-single-avatar span.tutor-text-avatar {
    min-width: 255px;
    min-height: 255px;
    line-height: 255px;
    border-radius: 4px;
}

.sennd-msg-to-instructor a {
    color: #fff;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    transition: all 0.3s;
    margin-top: 20px;
}

.sennd-msg-to-instructor a:hover {
    background: #1f2949;
    color: #fff;
}

.instructor-single-social {
    text-align: center;
}

.instructor-single-social a {
    color: #797c7f;
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    transition: all 0.4s;
}


/* .skillate-instructor-achivement{
    pointer-events: none;
} */

.tutor-course-reviews-wrap {
    margin-top: 65px;
}

.instructor-single-review {
    margin-left: auto;
}

.instructor-single-review .tutor-star-rating-group {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: right;
}

.instructor-single-review .tutor-star-rating-group i {
    margin-left: 5px;
}

.instructor-single-review span {
    display: block;
    text-align: right;
    color: #fff;
}

.instructor-single-course-content {
    padding-top: 60px;
    padding-bottom: 100px;
}

.instructor-single-title {
    font-size: 24px;
    margin-bottom: 30px;
}

.instructor-single-about {
    width: 80%;
    margin-bottom: 50px;
    color: #1f2949;
}

.instructor-single-all-course .skillate-course-col {
    margin-bottom: 30px;
}

.skillate-home-countdown-cta-btn:hover a {
    background: #1f2949 !important;
}


/* --------------------------------------*
*    		Tutor Dashboard  	  		  *
* --------------------------------------*/

.tutor-dashboard-permalinks a,
.tutor-dashboard-content>h3 {
    color: #1f2949;
}

.tutor-wrap.tutor-dashboard {
    margin-bottom: 50px;
}

.tutor-dashboard-header-avatar img {
    border-radius: 4px;
}

.tutor-topics-in-single-lesson .tutor-topics-title h3 {
    color: #1f2949;
    padding: 10px 40px 10px 17px;
}

.tutor-review-individual-item .tutor-review-user-info a {
    color: #1f2949 !important;
}

.tutor-topics-in-single-lesson .tutor-single-lesson-items a span {
    font-size: 14px;
    color: #1f2949;
}

.tutor-dashboard-inline-links ul li a,
.tutor-dashboard-info-table tr td a {
    color: #1f2949;
}

.tutor-dashboard-content-inner h3 a,
.tutor-dashboard-content>h3,
.tutor-dashboard-info-table-wrap>h3 {
    font-weight: 600;
}


/* -------------------------------------- *
*    		Footer Top   	  		  *
* -------------------------------------- */

.footer-top-section {
    background: #f3f4f7;
    padding: 31px 0;
}

.footer-top-section .client-logo-title {
    font-weight: 400;
    font-size: 20px;
}

.client-logo-single-widget img {
    max-width: 160px !important;
}

.footer-top-section .bottom-widget .widget.widget_skillate_repeat_widget h3.widget-title {
    margin-right: 150px !important;
    margin-bottom: 0 !important;
    float: left;
    display: inline-block;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #1f2949 !important;
    margin-top: 10px;
}

.bottom-widget .widget.widget_skillate_repeat_widget h3.widget-title {
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.footer-payment-method-widget .bottom-widget .widget.widget_skillate_repeat_widget h3.widget-title {
    font-size: 16px;
    font-weight: 400 !important;
    margin-bottom: 0;
    color: #797c7f;
    margin-top: 5px;
}

.footer-payment-method-widget .skillate-widget-repeat-wrap {
    width: 240px;
    float: left;
}

.skillate-widget-repeat-wrap .slick-list .slick-track {
    display: flex;
    flex-direction: row;
    align-items: center;
}


/* -------------------------------------- *
*    		10. Footer      	  		  *
* --------------------------------------- */

.footer-menu-center ul {
    text-align: center;
}

.bottom-widget .widget {
    font-size: 16px;
}

.bottom-widget .widget {
    padding: 0;
    font-weight: 400;
}

.bottom-widget .widget .about-desc {
    padding-top: 20px;
    padding-bottom: 30px;
}

#bottom-wrap .bottom-widget ul.themeum-about-info li {
    display: inline-block;
    margin-right: 30px;
    font-weight: 600;
}

#bottom-wrap .bottom-widget ul.themeum-about-info li span img,
#bottom-wrap .bottom-widget ul.themeum-about-info li span i {
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.bottom-widget ul.themeum-about-info li span i {
    font-size: 18px;
    margin-right: 10px;
}

.bottom-widget .themeum-social-share {
    margin-top: 30px;
}

.bottom-widget .themeum-social-share li {
    display: inline-block;
    margin-right: 18px;
    font-size: 20px;
}

.bottom-widget ul.themeum-social-share li a {
    color: #b0b4b8 !important;
}

.bottom-widget .widget h3.widget-title,
h3.social-share-title {
    font-size: 20px;
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 30px;
}

.bottom-widget .widget.widget_nav_menu {
    margin-bottom: 30px;
}

.send-arrow {
    margin-bottom: 35px;
}

.mc4wp-form-fields button {
    color: #fff;
    border: none;
    padding: 0;
    margin-left: 0;
    position: absolute;
    right: 0px;
    top: 10px;
}

.mc4wp-form-fields button i {
    font-size: 26px;
}

.mc4wp-form-fields button:hover {
    cursor: pointer;
}

.mc4wp-form-fields .send-arrow {
    position: relative;
}

.mc4wp-form-fields .send-arrow input[type='email'] {
    width: 100%;
    background: #222538;
    color: #8e9eb0;
    padding: 9px 15px;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}

.mc4wp-form-fields {
    position: relative;
}

.bottom-widget input[type='email']::-webkit-input-placeholder {
    color: #8e9eb0;
}

.bottom-widget input[type='email']::-moz-placeholder {
    color: #8e9eb0;
}

.bottom-widget input[type='email']:-ms-input-placeholder {
    color: #8e9eb0;
}

.bottom-widget input[type='email']:-moz-placeholder {
    color: #8e9eb0;
}

.menu-footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    display: inline-block;
}

.menu-footer-menu li {
    display: inline-block;
    margin-left: 10px;
    border-left: 2px solid #fff;
    padding-left: 10px;
    line-height: 14px;
    font-weight: 400;
}

.bottom-widget .widget-blog-posts-section {
    margin-top: 40px;
}

.bottom-widget .skillate-widgets.media {
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.skillate-widgets.media a {
    font-weight: 400;
    transition: 0.3s;
}

.bottom-widget .skillate-widgets img {
    border-radius: 0;
}

.bottom-widget .skillate-widgets h4 {
    font-weight: 400;
}

.bottom-widget .textwidget strong {
    font-size: 16px;
}

.bottom-widget .textwidget>p:first-child {
    margin-bottom: 0;
    line-height: 30px;
}

.bottom-widget span.latest-widget-date {
    color: rgba(255, 255, 255, 0.4);
}

span.latest-widget-date {
    color: #989898;
}

.bottom-widget .widget_nav_menu ul li:first-child {
    padding-top: 0;
}

.bottom-widget .mc4wp-form input[type='email'] {
    background-color: transparent;
    border: none;
    padding: 20px 0 28px;
    border-radius: 0;
    width: 100%;
    border-bottom: 1px solid #333457;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.bottom-widget .mc4wp-form input[type='email']::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #6c6d8b;
}

.bottom-widget .mc4wp-form input[type='email']::-moz-placeholder {
    /* Firefox 19+ */
    color: #6c6d8b;
}

.bottom-widget .mc4wp-form input[type='email']:-ms-input-placeholder {
    /* IE 10+ */
    color: #6c6d8b;
}

.bottom-widget .mc4wp-form input[type='email']:-moz-placeholder {
    /* Firefox 18- */
    color: #6c6d8b;
}

.bottom-widget .mc4wp-form input[type='submit'] {
    position: absolute;
    right: 0;
    width: 45px;
    height: 42px;
    background: transparent;
    z-index: 1;
    top: 0;
}

.footer-copyright {
    display: inline-block;
    width: auto;
    font-weight: 400;
    line-height: 24px;
}

.bottom-widget .skillate-mailchimp i.fa.fa-long-arrow-right {
    position: absolute;
    top: 33%;
    right: 12px;
    font-size: 16px;
    color: #ff5248;
    font-weight: 400;
    z-index: 0;
}

.skillate-mailchimp p {
    font-weight: 400;
    line-height: 20px;
}

.skillate-mailchimp .form-box {
    margin-top: 17px;
    position: relative;
}


/*********CUSTOM CSS********/

.skillate-wrapper {
    overflow: hidden;
    margin-bottom: 20px;
}

.skillate-align {
    margin-top: 40px;
}

.single-gallery {
    margin-top: 4px;
}

.single-gallery .plus-icon img {
    padding-top: 16px;
}

.skillate-content-flex li.flex-active-slide:before {
    background: rgba(0, 101, 224, 0.71);
    height: 65px;
    width: 84px;
    z-index: 99999;
    content: '';
    position: absolute;
    display: inline-block;
    overflow: hidden;
    margin-left: -42px;
    right: auto;
    border-radius: 3px;
}

.featured-wrap .flexslider {
    padding: 0;
    margin: 0;
    border: none;
}

.featured-wrap img {
    margin: 0;
}

.featured-wrap .skillate-flesislider {
    background: transparent;
    position: relative;
    margin-top: -5%;
    text-align: center;
}

.featured-wrap .skillate-content-flex {
    width: 100% !important;
}

.featured-wrap .skillate-content-flex li {
    float: inherit !important;
    display: inline-block !important;
}

.featured-wrap .flex-prev,
.featured-wrap .flex-next {
    display: none;
}

span.footer-theme-design {
    color: #fff;
    font-weight: 400;
}


/* Magnifitpopup */

.product-img-zoomin .mfp-container,
.product-img-zoomin.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-img-zoomin.mfp-ready .mfp-container {
    opacity: 1;
}

.product-img-zoomin.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.product-img-zoomin.mfp-removing .mfp-container,
.product-img-zoomin.mfp-removing.mfp-bg {
    opacity: 0;
}

img.mfp-img {
    margin: inherit !important;
}


/* Search */

.course-search {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.course-search input[type='search'] {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    padding: 10px 16px 12px;
    margin: 0;
    display: inline-block;
    float: left;
    width: 300px;
    font-weight: 400;
}

.course-search input[type='submit'] {
    border-radius: 0;
}

.wpcf7-form .skillate-hire-me-form input[type='text'],
.wpcf7-form .skillate-hire-me-form input[type='email'],
.wpcf7-form .skillate-hire-me-form textarea {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 0px;
}

#estimated-budget {
    font-weight: 400;
}

.hire-datetime {
    width: 100%;
    padding: 6px;
    border: 1px solid #e5e5e5;
    font-weight: 400 !important;
    color: rgba(51, 51, 51, 0.73);
    border-radius: 3px;
}

.skillate-hire-me-form p {
    margin: 0;
    padding: 15px 0 0 0;
}

.hire-btn {
    padding: 12px 32px;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
}

.contactform_hire_button .modal-dialog {
    max-width: 820px;
}

.contactform_hire_button .modal .modal-title {
    color: #191919;
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
}

.contactform_hire_button .modal label {
    padding-left: 0;
    font-size: 16px;
}

.skillate-hire-me-form .wpcf7-not-valid-tip {
    position: relative;
    top: 5px;
}

.contactform_hire_button .hire-btn {
    background-image: inherit !important;
}

.related-post-img {
    position: relative;
}

.single_related .overlay-content {
    transition: all 300ms;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

.overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay-content .overlay-btn {
    position: absolute;
    top: 46%;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0;
    transition: all 300ms;
}

.single_related:hover .overlay-content {
    background: #ff5248;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single_related:hover .overlay-content .overlay-btn {
    opacity: 1;
}


/* IO css code */

.entry-summary input[type='password'] {
    height: 42px;
    border-radius: 4px;
    border: 2px solid #ddd;
    width: 245px;
}

table#wp-calendar {
    width: 100%;
}

.blog-navigation ul li {
    margin-right: 5px;
}

.blog-navigation ul li a {
    border-radius: 5px;
    background: #f7f9fb;
    padding: 5px 12px;
    color: #ababab;
    font-weight: 400;
}

.blog-navigation ul li.active a,
.blog-navigation ul li a:hover {
    color: #ff5248;
}

.blog-navigation ul.nav.nav-tabs {
    border: none;
}

.blog-content-wrapper .thm-profile-content ul {
    padding: 20px 0 25px;
    margin-bottom: 32px;
}

.blog-content-wrapper span.post-category a,
.blog-content-wrapper span.post-category {
    font-size: 14px;
    color: #ff5248;
    text-transform: uppercase;
    font-weight: 400;
}

.blog-content-wrapper h3.thm-profile-title a {
    font-size: 30px;
    font-family: 'Open Sans';
    color: rgb(0, 0, 0);
    line-height: 1.2;
    font-weight: 400;
    transition: 0.3s;
}

.blog-content-wrapper h3.thm-profile-title a:hover {
    color: #70d133;
}

.blog-search-full {
    margin-bottom: 40px;
}

.thm-profile-content ul {
    padding: 0;
}

.thm-profile-content ul li {
    display: inline-block;
}

.blog-content-wrapper .thm-profile-content i {
    color: #ff5248;
}

.blog-navigation .blog-12-column ul li a {
    background: transparent;
}

.blog-navigation .blog-content-wrapper ul li a {
    border-radius: 5px;
    background: transparent;
    padding: 6px 12px;
    color: rgb(152, 152, 152);
    font-weight: 400;
}

.blog-content-wrapper ul {
    z-index: 1;
    padding: 0;
}

.blog-content-wrapper .blog-12-column {
    border-style: solid;
    border-width: 0px;
    border-color: rgb(245, 246, 250);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 27px 0px rgba(152, 170, 198, 0.15);
    margin-bottom: 30px;
    transition: 0.3s;
}

.blog-12-column:hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.blog-content-wrapper .thm-profile-content {
    padding: 54px 30px 30px 30px;
}

.blog-content-wrapper a.blog-button.btn.btn-success {
    background: #ff5248;
    border-radius: 4px;
    margin-top: 32px;
}

.col-md-6.no-padding {
    padding: 0;
}

.blog-content-wrapper .thm-profile {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(245, 246, 250);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 27px 0px rgba(152, 170, 198, 0.15);
    margin-bottom: 30px;
    transition: 0.3s;
}

.blog-content-wrapper .thm-profile:hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.blog-content-wrapper .single-post-content h3.thm-profile-title a {
    font-size: 20px;
    font-family: 'Open Sans';
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: 400;
}

.blog-content-wrapper .thm-profile-content.single-post-content {
    font-size: 16px;
    line-height: 26px;
    color: #222538;
    padding: 30px 30px;
}

.thm-profile-content.single-post-content ul {
    border: none;
    padding: 0;
    margin: 0;
}

.blog-navigation .single-post-content ul li a {
    border-radius: 0;
    background: transparent;
    padding: 0;
    color: #ababab;
    font-weight: 400;
    font-size: 14px;
}


/* Single Blog */

.blog-content-wrapper blockquote img {
    width: inherit;
}

.blog-content-wrapper .blog-comments-section ul {
    border: none;
}

.single-social-share span.view-count {
    text-align: right;
    float: right;
    margin-top: 36px;
}

.view-count i.far.fa-heart {
    color: #fe251a;
}

.blog-content-wrapper .single-social-share ul {
    border-bottom: none;
}

.single-social-share {
    margin-top: 26px;
}

.blog-post-review-next.col-md-6 {
    text-align: right;
}

.blog-post-review-next a {
    font-size: 20px;
    font-family: 'Open Sans';
    color: rgb(0, 0, 0);
    line-height: 1.1;
    font-weight: 400;
    transition: 0.3s;
}

span.arrow-button-right {
    font-size: 24px;
    font-family: 'go';
    color: rgb(215, 217, 219);
    text-transform: uppercase;
    line-height: 2.333;
}

.blog-post-review-pre a {
    font-size: 20px;
    font-family: 'Open Sans';
    color: rgb(0, 0, 0);
    line-height: 1.1;
    font-weight: 400;
    transition: 0.3s;
}

span.arrow-button-left {
    float: left;
}

span.arrow-button-left1 {
    float: left;
    font-size: 24px;
    font-family: 'go';
    color: rgb(215, 217, 219);
    text-transform: uppercase;
    line-height: 2.7;
    margin-right: 40px;
}

.blog-post-review-pre p.prev,
.blog-post-review-next p.next,
.blog-post-review-pre:hover i,
.blog-post-review-next:hover i {
    color: #ff5248;
}

.vertical-tab ul.wppb-tab-nav {
    border-bottom: none !important;
}

.wppb-text-block-content {
    width: 100%;
}

.breadcrumb {
    display: inherit;
}

.breadcrumb {
    margin: 0;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
}

.header-social .social-share ul li a {
    color: #fff;
}

.header-social .social-share ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.header-social .social-share ul li {
    display: inline-block;
    background-color: transparent;
    font-size: 16px;
    border-radius: 50%;
    text-align: center;
    line-height: inherit;
    margin-right: 2px;
    -webkit-transition: 400ms;
    transition: 400ms;
    margin-bottom: inherit;
    line-height: 35px;
}

.spache-wrap.social {
    margin-top: 0;
    line-height: 74px;
}

.vertical-tab ul.wppb-tab-nav .wppb-tab-nav-list .wppb-tab-nav-list-wrap {
    border-bottom: none !important;
}

.wp-megamenu-wrap .wpmm-nav-wrap>ul>li>a {
    padding: 13px 10px;
}

.hidden-lg-up {
    display: none;
}

.wpmm-social-link a {
    position: relative;
    font-size: 18px !important;
}

.site-header.sticky {
    min-height: 70px;
}

.single-courses .site-header.sticky {
    position: static;
}

.portfolio-cat a:hover {
    border-bottom: 2px solid #04a9af;
}

.common-menu-wrap .nav>li>a {
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    padding: 8px 15px;
}

.skillate-navbar-header {
    position: relative;
    z-index: 100;
}


/* -----------------------------------------------
* --------------- Footer Widgets ----------------- 
-------------------------------------------------- */

.widget_nav_menu ul {
    display: inline-block;
}

#menu-footer-menu li {
    float: left;
    width: 50%;
    padding: 0 5px 0 0;
    text-align: left;
}

#menu-footer-menu li a {
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.29;
    letter-spacing: normal;
    color: #a8a9c4;
}

.bottom-widget .textwidget p {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.31;
    letter-spacing: normal;
    color: #a8a9c4;
}

.skillate-form .form-group {
    margin-top: 20px;
}

.bottom-widget .mc4wp-form-fields button {
    background: transparent;
    font-size: 20px;
    color: #ff5248;
}

.bottom-widget .mc4wp-form-fields button:hover {
    color: #fff;
}

.footer-copyright img.enter-logo {
    width: 95px;
    margin-right: 10px;
    line-height: 79px;
    float: left;
}


/* skillate Style CSS */


/* Gutenberg */

.entry-content .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.container.blog-full-container {
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

.article-details h3.article-title a {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.3px;
    color: #1f2949;
    transition: 0.3s;
}

.article-details h3.article-title a:hover {
    color: #ff5248;
}

.section-content-second .item-image .wp-post-image {
    border-radius: 3px;
}

.article-introtext a.blog-btn-wrap {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #ff5248;
    text-transform: uppercase;
    transition: all 0.5s;
}

.article-introtext a.blog-btn-wrap:hover {
    color: #252a37;
}


/* Subheader CSS Style */

.skillate .skillate-row {
    position: relative;
}

.skillate .skillate-row .wrap {
    background: #fff;
}

.subtitle-cover.sub-style-2 .skillate .skillate-row .wrap {
    background: none;
    top: 0;
    padding: 80px 0;
}

.page-leading {
    text-transform: capitalize;
}

.subtitle-cover .row.subtitle-border {
    position: relative;
}

.subtitle-cover .row.subtitle-border:after {
    content: '';
    width: calc(100% - 30px);
    height: 1px;
    position: absolute;
    background: #dadce0;
    opacity: 0.6;
    bottom: -50px;
    margin-left: 15px;
}


/* Blog Listing */

.skillate-image-wrap .article-image-wrap img {
    transition: all 0.5s;
}

.article-details .article-introtext p,
.article-details .article-meta .meta-date {
    color: #7e879a;
}

.skillate-image-wrap .skillate-blog {
    position: relative;
    transition: all 0.4s;
}

.feature-blog .skillate-image-wrap .skillate-blog:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}

.feature-blog .skillate-image-wrap .skillate-blog:hover .article-image-wrap img {
    transform: scale(1.1);
}

.feature-blog .article-image-wrap {
    overflow: hidden;
}

.section-content-second .article-details {
    display: block;
    height: 99px;
    margin-bottom: 30px;
}

.section-content-second .article-details:hover img {
    transform: scale(1.2);
}

.section-content-second a.item-image img {
    transition: all 0.5s;
}

.section-content-second a.item-image {
    float: left;
    margin-right: 22px;
    overflow: hidden;
}

.skillate-index-post .meta-author {
    margin-top: 20px;
}

.meta-author h4 a {
    color: #1f2949;
}

.meta-author h4 a img {
    max-width: 35px;
    border-radius: 50%;
    margin-right: 10px;
}

.meta-author span.tutor-text-avatar {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    margin-right: 10px;
    background: #1f2949 !important;
    font-size: 14px;
}

.section-content-second .article-details h3.article-title a {
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.65;
    letter-spacing: -0.3px;
    color: #151416;
    transition: 0.3s;
}

.section-content-second .article-details h3.article-title a:hover {
    color: #ff5248;
}

.section-content-second .article-title span.meta-date {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: -0.2px;
    color: #7e879a;
    display: block;
}

.section-content-second .article-details h3.article-title {
    padding: 22px 0;
    margin: 0;
    transition: 0.3s;
}

.section-content-second .article-details h3.article-title:hover {
    background-color: #f8f9fb;
}

.blog-full-container .border-bottom {
    border-bottom: 2px solid #eaeaea !important;
    margin: 52px 0 58px;
}

.paged-2 .feature-blog,
.paged-3 .feature-blog,
.paged-4 .feature-blog,
.paged-5 .feature-blog,
.paged-6 .feature-blog,
.paged-7 .feature-blog,
.paged-8 .feature-blog,
.paged-9 .feature-blog,
.paged-10 .feature-blog,
.paged-11 .feature-blog,
.paged-12 .feature-blog {
    display: none;
}

.skillate-pagination .page-numbers>li.p-2:first-child {
    padding: 0 !important;
    margin-top: 5px;
}

.page-numbers li.p-2.first {
    padding: 0;
    color: #6c6d8b;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transition: 0.3s;
}


/* Blog Widgets */

.skillate-widgets span.blog-cat {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0;
    letter-spacing: normal;
    color: #6c6d8b;
    position: relative;
    margin-left: 9px;
}

.skillate-widgets h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.41;
    letter-spacing: normal;
    color: #353630;
}

.skillate-widgets h4 a {
    color: #353630;
}

.skillate-widgets.media {
    border-bottom: 1px solid #eaeaea;
}

#sidebar .widget.widget_categories ul li:first-child {
    padding-top: 0;
}

#sidebar h3.widget_title {
    position: relative;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #1f2949;
    margin-bottom: 20px;
}

.skillate-widgets span.blog-cat:before {
    width: 4px;
    height: 11px;
    background-color: #ff5248;
    content: '';
    position: absolute;
    top: 4px;
    left: -8px;
}


/* Blog Call To action */

.call-to-action .support-title {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 3px;
    color: #7e879a;
}

.call-to-action .title-self {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #151416;
}

.call-to-action a.btn {
    border-radius: 2px;
    border: solid 1px #ff5248;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #151416;
}

.call-to-action a.btn {
    border-radius: 2px;
    border: solid 1px #ff5248;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.2px;
    color: #151416;
    padding: 14px 21px;
    margin-top: 13px;
    text-transform: uppercase;
    border-radius: 2px;
    transition: 0.3s;
}

.call-to-action a.btn:hover {
    background-image: linear-gradient(286deg, #00d3a7, #02c0d0);
    color: #fff;
}

.call-to-action a.btn.btn2 {
    margin-left: 30px;
    border: solid 1px #ffffff;
    background-image: linear-gradient(286deg, #00d3a7, #02c0d0);
    border-radius: 4px;
    color: #fff;
    transition: all 0.3s;
}

.call-to-action a.btn.btn2:hover {
    background-image: linear-gradient(286deg, #02c0d0, #00d3a7);
}

.col-md-12.call-to-action {
    margin-bottom: 90px;
}

.skillate-post.hentry .skillate-blog-title .blog-post-meta {
    padding: 10px 0px;
}

.blog-details-img {
    overflow: hidden;
}

.skillate-index-post .blog-details-img {
    padding-right: 40px;
}

.skillate-index-post .blog-details-img img {
    border-radius: 3px;
}

.entry .entry-content,
.entry .entry-summary {
    max-width: calc(100% - (2 * 1rem));
    margin: 0 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content,
    .entry .entry-summary {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

.entry .entry-content p {
    word-wrap: break-word;
}

.entry .entry-content .more-link {
    transition: color 110ms ease-in-out;
    display: inline;
    color: inherit;
}

.entry .entry-content .more-link:after {
    content: '\02192';
    display: inline-block;
    margin-left: 0.5em;
}

.entry .entry-content .more-link:hover {
    color: #0073aa;
    text-decoration: none;
}

.entry .entry-content a {
    text-decoration: underline;
}

.entry .entry-content a.button,
.entry .entry-content a:hover {
    text-decoration: none;
}

.entry .entry-content a.button {
    display: inline-block;
}

.entry .entry-content a.button:hover {
    background: #111;
    color: #fff;
    cursor: pointer;
}

.entry .entry-content>iframe[style] {
    margin: 32px 0 !important;
    max-width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>iframe[style] {
        max-width: calc(8 * (100vw / 12) - 28px) !important;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>iframe[style] {
        max-width: calc(6 * (100vw / 12) - 28px) !important;
    }
}

.entry .entry-content .page-links a {
    margin: calc(0.5 * 1rem);
    text-decoration: none;
}

.entry .entry-content .wp-audio-shortcode {
    max-width: calc(100vw - (2 * 1rem));
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-audio-shortcode {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-audio-shortcode {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.single-blog-info.has-post-thumb {
    margin-top: -120px;
}

.container.no-post-thumb {
    padding-top: 70px;
}

.admin-bar article .container.no-post-thumb {
    padding-top: 80px;
}

span.post-category a {
    color: #797c7f;
}

.single-blog-post-top {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
    padding: 50px;
    border-radius: 3px;
}

.single-blog-post-top .blog-post-meta-wrap {
    margin-bottom: 0;
}

.single-blog-info .entry-summary {
    padding: 50px;
}

.post-single-sidebar {
    padding-left: 50px;
}

.single-post-author.has-post-thumb {
    margin-top: -40px;
    margin-bottom: 40px;
}

.single-post-author a img {
    max-width: 74px;
    border-radius: 50%;
    border: 5px solid #fff;
    margin-bottom: 5px;
}

.single-post-author p {
    color: #797c7f;
    font-size: 14px;
    line-height: 24px;
}

.single-post-author h3 a {
    color: #1f2949;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.25px;
}


/* Blocks */


/* !Block styles */

.entry .entry-content>*,
.entry .entry-summary>* {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*,
    .entry .entry-summary>* {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>*,
    .entry .entry-summary>* {
        max-width: 100%;
    }
}

.entry .entry-content>*>*:first-child,
.entry .entry-summary>*>*:first-child {
    margin-top: 0;
}

.entry .entry-content>*>*:last-child,
.entry .entry-summary>*>*:last-child {
    margin-bottom: 0;
}

.entry .entry-content>*.alignwide,
.entry .entry-summary>*.alignwide {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*.alignwide,
    .entry .entry-summary>*.alignwide {
        width: 100%;
        max-width: 100%;
    }
}

.entry .entry-content>*.alignfull,
.entry .entry-summary>*.alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

.entry .entry-content>*.alignleft,
.entry .entry-summary>*.alignleft {
    /*rtl:ignore*/
    float: left;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-left: 0;
    /*rtl:ignore*/
    margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*.alignleft,
    .entry .entry-summary>*.alignleft {
        max-width: calc(4 * (100vw / 12));
        /*rtl:ignore*/
        margin-right: calc(2 * 1rem);
    }
}

.entry .entry-content>*.alignright,
.entry .entry-summary>*.alignright {
    /*rtl:ignore*/
    float: right;
    max-width: calc(5 * (100vw / 12));
    margin-top: 0;
    margin-right: 0;
    /*rtl:ignore*/
    margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*.alignright,
    .entry .entry-summary>*.alignright {
        max-width: calc(4 * (100vw / 12));
        margin-right: 0;
        /*rtl:ignore*/
        margin-left: calc(2 * 1rem);
    }
}

.entry .entry-content>*.aligncenter,
.entry .entry-summary>*.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        max-width: 1000px;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        max-width: 1000px;
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*.aligncenter,
    .entry .entry-summary>*.aligncenter {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1040px) and (min-width: 768px) {
    .entry .entry-content>*.alignfull,
    .entry .entry-summary>*.alignfull {
        left: -1rem;
        width: calc(100% + (2 * 1rem));
        max-width: calc(100% + (2 * 1rem));
        clear: both;
    }
}


/*
 * Unset nested content selector styles
*/

.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
    margin: inherit;
    max-width: inherit;
    padding: inherit;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .entry-content,
    .entry .entry-content .entry-summary,
    .entry .entry-content .entry,
    .entry .entry-summary .entry-content,
    .entry .entry-summary .entry-summary,
    .entry .entry-summary .entry {
        margin: inherit;
        max-width: inherit;
        padding: inherit;
    }
}

.entry .entry-content p.has-background {
    padding: 20px 30px;
}

.entry .entry-content .wp-block-audio {
    width: 100%;
}

.entry .entry-content .wp-block-audio audio {
    width: 100%;
}

.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
    max-width: 198px;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-audio.alignleft audio,
    .entry .entry-content .wp-block-audio.alignright audio {
        max-width: 384px;
    }
}

@media only screen and (min-width: 1379px) {
    .entry .entry-content .wp-block-audio.alignleft audio,
    .entry .entry-content .wp-block-audio.alignright audio {
        max-width: 385.44px;
    }
}

.entry .entry-content .wp-block-video video {
    width: 100%;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
    border: none;
    font-size: 0.88889em;
    line-height: 1.2;
    box-sizing: border-box;
    font-weight: bold;
    text-decoration: none;
    padding: 0.76rem 1rem;
    outline: none;
    outline: none;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
    background-color: #0073aa;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
    color: white;
}

.entry .entry-content .wp-block-button .wp-block-button__link:hover {
    color: white;
    background: #111;
    cursor: pointer;
}

.entry .entry-content .wp-block-button .wp-block-button__link:focus {
    color: white;
    background: #111;
    outline: thin dotted;
    outline-offset: -4px;
}

.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
    border-radius: 2px;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
    transition: all 150ms ease-in-out;
    border-width: 2px;
    border-style: solid;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
    background: transparent;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    color: #0073aa;
    border-color: currentColor;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: white;
    border-color: #111;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
    color: #111;
}

.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
    padding: 0;
    list-style: none;
}

.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
    color: #767676;
    font-size: calc(22px * 1.125);
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0.75rem;
}

.entry .entry-content .wp-block-archives li.menu-item-has-children,
.entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
    padding-bottom: 0;
}

.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
    text-decoration: none;
}

.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
    text-align: center;
}

.entry .entry-content .wp-block-categories ul {
    padding-top: 0.75rem;
}

.entry .entry-content .wp-block-categories li ul {
    list-style: none;
    padding-left: 0;
}

.entry .entry-content .wp-block-categories ul {
    counter-reset: submenu;
}

.entry .entry-content .wp-block-categories ul>li>a::before {
    font-weight: normal;
    content: '– ' counters(submenu, '– ', none);
    counter-increment: submenu;
}

.entry .entry-content .wp-block-latest-posts.is-grid li {
    border-top: 2px solid #ccc;
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
    content: '';
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
    margin-bottom: auto;
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
    content: '';
}

.entry .entry-content .wp-block-preformatted {
    font-size: 0.71111em;
    line-height: 1.8;
    padding: 1rem;
}

.entry .entry-content .wp-block-verse {
    font-size: 22px;
    line-height: 1.8;
}

.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    font-size: 3.375em;
    line-height: 1;
    font-weight: bold;
    margin: 0 0.25em 0 0;
}

.entry .entry-content .wp-block-pullquote {
    border-color: transparent;
    border-width: 2px;
    padding: 1rem;
}

.entry .entry-content .wp-block-pullquote blockquote {
    color: #111;
    border: none;
    margin-top: calc(4 * 1rem);
    margin-bottom: calc(4.33 * 1rem);
    margin-right: 0;
    padding-left: 0;
}

.entry .entry-content .wp-block-pullquote p {
    font-size: 1.6875em;
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.entry .entry-content .wp-block-pullquote p em {
    font-style: normal;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote p {
        font-size: 2.25em;
    }
}

.entry .entry-content .wp-block-pullquote cite {
    display: inline-block;
    line-height: 1.6;
    text-transform: none;
    color: #767676;
    font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-pullquote.alignleft,
.entry .entry-content .wp-block-pullquote.alignright {
    width: 100%;
    padding: 0;
}

.entry .entry-content .wp-block-pullquote.alignleft blockquote,
.entry .entry-content .wp-block-pullquote.alignright blockquote {
    margin: 1rem 0;
    padding: 0;
    text-align: left;
    max-width: 100%;
}

.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child,
.entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
    margin-top: 0;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color {
    background-color: #0073aa;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    font-size: 1.6875em;
    line-height: 1.3;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
        font-size: 2.25em;
    }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
    color: #fff;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
    color: inherit;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    color: #fff;
    padding-left: 0;
    margin-left: 1rem;
    margin-right: 1rem;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
    color: inherit;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright,
    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
        padding: 1rem calc(2 * 1rem);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
        padding-left: calc(10% + 58px + (2 * 1rem));
        padding-right: calc(10% + 58px + (2 * 1rem));
    }
}

.entry .entry-content .wp-block-quote:not(.is-large),
.entry .entry-content .wp-block-quote:not(.is-style-large) {
    border-width: 2px;
    border-color: #0073aa;
    padding-top: 0;
    padding-bottom: 0;
}

.entry .entry-content .wp-block-quote p {
    font-size: 1em;
    font-style: normal;
    line-height: 1.8;
}

.entry .entry-content .wp-block-quote cite {
    /*
             * This requires a rem-based font size calculation instead of our normal em-based one,
             * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
             */
    font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-quote.is-large,
.entry .entry-content .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 0;
    border-left: none;
}

.entry .entry-content .wp-block-quote.is-large p,
.entry .entry-content .wp-block-quote.is-style-large p {
    font-size: 1.6875em;
    line-height: 1.4;
    font-style: italic;
}

.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer,
.entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
    /*
                 * This requires a rem-based font size calculation instead of our normal em-based one,
                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
                 */
    font-size: calc(1rem / (1.25 * 1.125));
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-quote.is-large,
    .entry .entry-content .wp-block-quote.is-style-large {
        margin: 1rem 0;
        padding: 1rem 0;
    }
    .entry .entry-content .wp-block-quote.is-large p,
    .entry .entry-content .wp-block-quote.is-style-large p {
        font-size: 1.6875em;
    }
}

.entry .entry-content .wp-block-image {
    max-width: 100%;
}

.entry .entry-content .wp-block-image img {
    display: block;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image .aligncenter {
        margin: 0;
        width: calc(8 * (100vw / 12) - 28px);
    }
    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-image .aligncenter {
        width: calc(6 * (100vw / 12) - 28px);
    }
    .entry .entry-content .wp-block-image .aligncenter img {
        margin: 0 auto;
    }
}

.entry .entry-content .wp-block-image.alignfull img {
    width: 100vw;
    max-width: calc(100% + (2 * 1rem));
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-image.alignfull img {
        max-width: calc(125% + 150px);
        margin-left: auto;
        margin-right: auto;
    }
}

.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
    position: relative;
    min-height: 430px;
    padding: 1rem;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-cover-image,
    .entry .entry-content .wp-block-cover {
        padding: 1rem 10%;
    }
}

.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
    font-size: 1.6875em;
    font-weight: bold;
    line-height: 1.25;
    padding: 0;
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image h2,
    .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover .wp-block-cover-text,
    .entry .entry-content .wp-block-cover h2 {
        font-size: 2.25em;
        max-width: 100%;
    }
}

.entry .entry-content .wp-block-cover-image.alignleft,
.entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-cover-image.alignleft,
    .entry .entry-content .wp-block-cover-image.alignright,
    .entry .entry-content .wp-block-cover.alignleft,
    .entry .entry-content .wp-block-cover.alignright {
        padding: 1rem calc(2 * 1rem);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-cover-image.alignfull,
    .entry .entry-content .wp-block-cover.alignfull {
        padding-left: calc(10% + 58px + (2 * 1rem));
        padding-right: calc(10% + 58px + (2 * 1rem));
    }
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover-image.alignfull h2,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
    .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
    .entry .entry-content .wp-block-cover.alignfull h2 {
        padding: 0;
    }
}

.entry .entry-content .wp-block-gallery {
    list-style-type: none;
    padding-left: 0;
}

.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
    margin-bottom: 16px;
}

.entry .entry-content .wp-block-gallery figcaption a {
    color: #fff;
}

.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 0.71111em;
    line-height: 1.6;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
}

.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
    background-color: #767676;
    border: 0;
    height: 2px;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 2.25em;
    text-align: left;
}

.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-separator.is-style-wide,
    .entry .entry-content hr.is-style-wide {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
    max-width: 100%;
    background-color: inherit;
    border: inherit;
    height: inherit;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-separator.is-style-dots,
    .entry .entry-content hr.is-style-dots {
        max-width: calc(6 * (100vw / 12) - 28px);
    }
}

.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
    color: #767676;
    font-size: 1.6875em;
    letter-spacing: 0.88889em;
    padding-left: 0.88889em;
}

.entry .entry-content .wp-block-separator+h1:before,
.entry .entry-content .wp-block-separator+h2:before,
.entry .entry-content hr+h1:before,
.entry .entry-content hr+h2:before {
    display: none;
}

.entry .entry-content .wp-block-embed-twitter {
    word-break: break-word;
}

.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
    border-color: #767676;
}

.entry .entry-content .wp-block-file .wp-block-file__button {
    display: table;
    border: none;
    border-radius: 5px;
    background: #0073aa;
    font-size: 22px;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
    padding: 0.75rem 1rem;
    color: #fff;
    margin-left: 0;
    margin-top: calc(0.75 * 1rem);
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content .wp-block-file .wp-block-file__button {
        font-size: 22px;
        padding: 0.875rem 1.5rem;
    }
}

.entry .entry-content .wp-block-file .wp-block-file__button:hover {
    background: #111;
    cursor: pointer;
}

.entry .entry-content .wp-block-file .wp-block-file__button:focus {
    background: #111;
    outline: thin dotted;
    outline-offset: -4px;
}

.entry .entry-content .wp-block-code {
    border-radius: 0;
}

.entry .entry-content .wp-block-code code {
    font-size: 1.125em;
    white-space: pre-wrap;
    word-break: break-word;
}

.entry .entry-content .wp-block-columns .wp-block-column>*:first-child {
    margin-top: 0;
}

.entry .entry-content .wp-block-columns .wp-block-column>*:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content .wp-block-columns {
        flex-wrap: nowrap;
    }
    .entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
        margin-left: 32px;
    }
}

.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
    font-weight: normal;
}

.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    font-size: inherit;
}

.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
    font-size: 0.71111em;
}

.entry .entry-content .has-small-font-size {
    font-size: 0.88889em;
}

.entry .entry-content .has-normal-font-size {
    font-size: 1.125em;
}

.entry .entry-content .has-large-font-size {
    font-size: 1.6875em;
}

.entry .entry-content .has-huge-font-size {
    font-size: 2.25em;
}

.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
    color: #fff;
}

.entry .entry-content .has-primary-background-color>p,
.entry .entry-content .has-primary-background-color>h1,
.entry .entry-content .has-primary-background-color>h2,
.entry .entry-content .has-primary-background-color>h3,
.entry .entry-content .has-primary-background-color>h4,
.entry .entry-content .has-primary-background-color>h5,
.entry .entry-content .has-primary-background-color>h6,
.entry .entry-content .has-primary-background-color>a,
.entry .entry-content .has-secondary-background-color>p,
.entry .entry-content .has-secondary-background-color>h1,
.entry .entry-content .has-secondary-background-color>h2,
.entry .entry-content .has-secondary-background-color>h3,
.entry .entry-content .has-secondary-background-color>h4,
.entry .entry-content .has-secondary-background-color>h5,
.entry .entry-content .has-secondary-background-color>h6,
.entry .entry-content .has-secondary-background-color>a,
.entry .entry-content .has-dark-gray-background-color>p,
.entry .entry-content .has-dark-gray-background-color>h1,
.entry .entry-content .has-dark-gray-background-color>h2,
.entry .entry-content .has-dark-gray-background-color>h3,
.entry .entry-content .has-dark-gray-background-color>h4,
.entry .entry-content .has-dark-gray-background-color>h5,
.entry .entry-content .has-dark-gray-background-color>h6,
.entry .entry-content .has-dark-gray-background-color>a,
.entry .entry-content .has-light-gray-background-color>p,
.entry .entry-content .has-light-gray-background-color>h1,
.entry .entry-content .has-light-gray-background-color>h2,
.entry .entry-content .has-light-gray-background-color>h3,
.entry .entry-content .has-light-gray-background-color>h4,
.entry .entry-content .has-light-gray-background-color>h5,
.entry .entry-content .has-light-gray-background-color>h6,
.entry .entry-content .has-light-gray-background-color>a {
    color: #fff;
}

.entry .entry-content .has-white-background-color {
    color: #111;
}

.entry .entry-content .has-white-background-color>p,
.entry .entry-content .has-white-background-color>h1,
.entry .entry-content .has-white-background-color>h2,
.entry .entry-content .has-white-background-color>h3,
.entry .entry-content .has-white-background-color>h4,
.entry .entry-content .has-white-background-color>h5,
.entry .entry-content .has-white-background-color>h6,
.entry .entry-content .has-white-background-color>a {
    color: #111;
}

.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
    background-color: #0073aa;
}

.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
    background-color: #005177;
}

.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
    background-color: #111;
}

.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
    background-color: #767676;
}

.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
    background-color: #fff;
}

.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color>p {
    color: #0073aa;
}

.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color>p {
    color: #005177;
}

.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color>p {
    color: #111;
}

.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color>p {
    color: #767676;
}

.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
    color: #fff;
}


/* -------------------------------------
*           Blog Single Post            
---------------------------------------- */

.single-blog-style figure.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.single-blog-style .entry-summary,
.single-blog-style .blog-comments-section,
.post-tags-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 732px;
}

.blog-content-wrapper .skillate-blog-title p em {
    text-align: left;
    color: #7e879a;
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    line-height: 2.06;
    letter-spacing: -0.4px;
}


/* Related Post */

.relatedthumb {
    overflow: hidden;
}

.relatedthumb .img-wrapper img {
    transition: all 0.5s;
}

.relatedthumb:hover .img-wrapper img {
    transform: scale(1.2);
}

.related-entries .relatedcontent {
    padding: 25px;
    text-align: center;
}

.related-entries .relatedcontent h3 a {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #1f2949;
    transition: all 0.5s;
    display: block;
    margin-bottom: 10px;
}

.related-entries .relatedcontent span.meta-category a {
    color: #797c7f;
}

.related-entries h3.related-post-title {
    font-size: 24px !important;
    letter-spacing: -0.4px;
    color: #1f2949;
    margin-bottom: 50px;
}


/* Blog single page */

.title-content-wrap .qubely-block-text-title {
    position: relative;
    margin-left: 60px;
}

.title-content-wrap span {
    left: 60px;
    position: relative;
}

.skillate-testimonial .qubely-testimonial-quote {
    float: left;
    margin-right: 32px;
}

.blog-content-wrapper .skillate-blog-title .post-tags-list {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #151416;
}

.blog-content-wrapper .skillate-blog-title p a {
    color: #6c6d8b;
}

.blog-comments-section .comment-reply-title {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.44px;
    color: #151416;
    margin-top: 20px;
    margin-bottom: 30px;
}

p.comment-form-cookies-consent {
    display: none;
}

.comment-avartar {
    float: left;
}

.blog-comments-section .form-submit .submit {
    width: 100%;
    border: 1px solid #ff5248;
    padding: 15px 0;
}

.blog-comments-section .form-submit {
    width: 100%;
}

#commentform p input {
    width: 100% !important;
    border: 1px solid #e1e1e1 !important;
    padding: 10px !important;
}


/***White Nav Css***/

.white-nav .skillate-portfolio-nav li a.active {
    color: #fff !important;
}

.white-nav .skillate-portfolio-nav li a.active:after {
    background: #fff !important;
}

.white-nav .skillate-portfolio-nav li:first-child a {
    padding-left: 0;
}

.white-nav .skillate-portfolio-nav li {
    margin: 0;
}

.error-log .form-control {
    width: 380px;
    padding: 22px 20px;
}


/* -------------------------------------- *
*          Header Cart                      *
* --------------------------------------- */

.modal {
    z-index: 999999;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 420px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: scroll;
    border: 0;
}

.modal.right .modal-body {
    padding: 80px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal.right .modal-body input,
.tutor-form-group input[type='text'] {
    height: 50px;
    border: 1px solid #dadce0;
    border-radius: 3px;
    padding: 10px 15px;
    color: #1f2949;
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.tutor-form-group input[type='text'] {
    padding-left: 0;
}

.tutor-form-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1f2949;
}

.tutor-form-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: #1f2949;
}

.tutor-form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: #1f2949;
}

.tutor-form-group input:-moz-placeholder {
    /* Firefox 18- */
    color: #1f2949;
}

.tutor-form-group.tutor-reg-form-btn-wrap .tutor-button {
    font-weight: 700;
    font-size: 16px;
    border-radius: 3px;
    text-transform: uppercase;
}

.tutor-form-group.tutor-reg-form-btn-wrap .tutor-button:hover {
    background: #1f2949;
    border-color: #1f2949;
}

.modal.right .modal-body input[type='submit'] {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    height: 46px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}

.modal.right .skillate-login-body.modal-body input[type='submit'] {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}


/* .modal.right .modal-body input[type='submit']:hover {
    border-color: #1f2949;
} */

.modal.right .modal-body .title-small {
    font-weight: 400 !important;
    margin-bottom: 30px;
}

.skillate-login-social a {
    display: block;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    height: 46px;
    line-height: 46px;
    color: #fff;
    transition: all 0.5s;
    border-radius: 3px;
    margin-bottom: 30px;
    position: relative;
}

.skillate-login-social a:hover {
    color: #fff;
    opacity: 0.8;
}

.skillate-login-social a i {
    margin-right: 30px;
    position: absolute;
    left: 20px;
    top: 14px;
    font-size: 20px;
}

.skillate-signin-modal-form h2 {
    font-size: 30px;
}

.skillate-login-social a.facebook-login {
    background: #3a5a99;
}

.skillate-login-social a.twitter-login {
    background: #55acee;
}

.skillate-login-social a.google-login {
    border: none;
    display: block;
    width: 100%;
    height: auto;
    /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.18); */
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skillate-login-divider {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative;
}

.skillate-login-divider span {
    background: #fff;
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 6px;
}

.skillate-login-divider:after {
    position: absolute;
    left: 0;
    top: 13px;
    content: '';
    border-top: 1px dashed #86939e;
    width: 100%;
}

.new-user-login {
    color: #1f2949;
    font-weight: 400;
}

.modal.right.fade .modal-dialog {
    right: -420px;
    -webkit-transition: opacity 0.3s linear, right 0.5s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.5s ease-out;
    -o-transition: opacity 0.3s linear, right 0.5s ease-out;
    transition: opacity 0.3s linear, right 0.5s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
}

.modal button.close {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 30px;
    color: #fff;
    z-index: 99;
    border-radius: 50%;
    opacity: 1;
}

.skillate-login-remember input {
    display: none;
}

.skillate-login-remember input+span {
    width: 20px;
    height: 20px;
    background: #dadce0;
    color: #dadce0;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
}

a.forgot-pass {
    color: #797c7f;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: -5px;
}

.skillate-login-remember input:checked+span {
    background: #dadce0;
    color: #86939e;
}

.skillate-login-remember {
    display: block;
    line-height: 20px;
    cursor: pointer;
    font-weight: 400;
    color: #797c7f;
    margin-bottom: 28px;
    font-size: 12px;
}

.site-header-cart {
    position: relative;
    list-style-type: none;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 0;
    display: inline-block;
}

.header-white .site-header-cart span.cart-icon img {
    filter: invert(0.5);
}

.site-header-cart .cart-contents:focus {
    outline: 0 !important;
}

@media (max-width: 991px) {
    .site-header-cart {
        border: none;
    }
}

a.add_to_cart_button.ajax_add_to_cart.added {
    display: none;
}

.header-transparent .site-header-cart .cart-contents::before,
.header-solid .site-header-cart .cart-contents::before {
    color: #fff;
}

.header-white .site-header-cart a img {
    filter: brightness(0.3);
}

.site-header-cart .cart-contents {
    padding: 0 14px 0 0;
    display: block;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    text-indent: 0;
}

.site-header-cart .cart-contents span {
    font-size: 8px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin-left: 5px;
    background: orange;
    position: absolute;
    top: -8px;
    right: 0;
}

.site-header-cars-edd .cart-content-edd {
    padding: 0 14px 0 0;
    display: block;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    text-indent: 0;
}

.site-header-cars-edd .cart-content-edd span {
    font-size: 8px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: -3px;
    right: 0;
    font-weight: 600;
}

.page-id-376 .site-header-cart .cart-contents span {
    color: #1f2949;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
    margin: 0;
    padding: 15px;
}

.winkel-users {
    color: #ffffff;
}

.site-header-cart li a {
    color: #fff;
}

.site-header-cart .woocommerce .widget_shopping_cart .cart_list li,
.site-header-cart .woocommerce.widget_shopping_cart .cart_list li {
    padding: 10px 20px;
    text-align: left;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.site-header-cart .woocommerce .widget_shopping_cart .cart_list li a img,
.site-header-cart .woocommerce.widget_shopping_cart .cart_list li a img {
    height: 50px;
    width: auto;
    display: none;
}

.site-header-cart .woocommerce .widget_shopping_cart .cart_list li a.remove,
.site-header-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
}

.site-header-cart .woocommerce .widget_shopping_cart .cart_list li a,
.site-header-cart .woocommerce.widget_shopping_cart .cart_list li a {
    font-weight: 500;
    line-height: 1.44;
}

.site-header-cart .woocommerce-mini-cart__total {
    text-align: left;
    padding: 10px 24px 0 !important;
    border: none !important;
    color: #444;
}

.site-header-cart .woocommerce-mini-cart__buttons {
    text-align: left;
    padding-left: 20px;
    margin-bottom: 20px;
}

.woocommerce .widget_shopping_cart .buttons a.show-cart-btn,
.woocommerce.widget_shopping_cart .buttons a.show-cart-btn {
    font-size: 14px;
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
    background-color: #eee;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    vertical-align: top;
    padding: 2px 16px;
    border-radius: 3px;
    margin-left: 3px;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    border-color: #dedede;
}

.woocommerce .widget_shopping_cart .buttons a:hover,
.woocommerce.widget_shopping_cart .buttons a:hover {
    color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

p#billing_first_name_field {
    width: 100%;
}


/* cart-success */

.cart-success {
    text-align: center;
}

.cart-success img {
    margin-bottom: 40px;
}

.cart-success h1 {
    text-transform: uppercase;
    font-size: 48px;
    margin: 0 0 50px;
}

.cart-success h3 {
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 60px;
}


/*****CUSTOM CSS******/

.tab-content .tutor-course-grid-item .course-price-mobile span.woocommerce-Price-amount,
.tab-content .tutor-course-grid-item .course-price-mobile .price {
    font-size: 16px;
    font-weight: 600;
}

.no-menu-action a {
    color: #fff;
    display: inline-block;
    padding: 10px;
    transition: all 0.3s;
    font-weight: 600;
}

.no-menu-action a i {
    margin-right: 3px;
}

.no-menu-action a:hover {
    color: #6a6a6a;
}

.tutor-form-group button[type='submit'] {
    border: 0;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
}


/* ******** Blog Single ********** */

.single-blog-post-top .content-item-title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.6px;
    color: #1f2949;
}

.slick-initialized .slick-slide {
    outline: none;
}


/*******Mobile Menu Bottom*******/

.navbar-toggle {
    border: none;
}

.navbar-toggle img {
    margin-bottom: 2px;
    margin-top: 3px;
}

.skillate-mobile-menu-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    color: #fff;
    font-size: 12px;
    z-index: 999999;
    text-align: center;
    box-shadow: 0 0 16px 0 rgba(176, 182, 209, 0.18);
}

.skillate-menu-bottom-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 30px;
}

.skillate-single-menu-bottom a:focus {
    outline: 0;
}

.skillate-single-menu-bottom a img {
    margin-bottom: 3px;
}

.skillate-single-menu-bottom i {
    font-size: 14px;
    color: #1f2949;
    display: block;
}

.skillate-single-menu-bottom a {
    display: block;
    color: #81878f;
}

.skillate-single-menu-bottom.active a {
    color: #ff5248;
}

.skillate-single-menu-bottom.active img {
    filter: invert(64%) sepia(53%) saturate(6639%) hue-rotate(331deg) brightness(99%) contrast(105%);
}

.top-search-input-wrap {
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}

.search-close-icon {
    position: relative;
    z-index: 999999999;
    text-align: right;
    padding: 5px 20px;
    top: 60px;
}

.search-close-icon span {
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: 26px;
    color: #000000;
    cursor: pointer;
    opacity: 0.5;
}

.top-search-input-wrap .top-search-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    z-index: 99999;
}

.skillate-top-search .skillate-top-search-inner img {
    display: none;
}

.top-search-input-wrap form {
    width: 100%;
}

.top-search-input-wrap .search-wrap {
    width: 100%;
}

.top-search-input-wrap .search-wrap .search.skillate-top-search {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99999999;
}

.skillate_search_input {
    position: relative;
}

.skillate_search_input input {
    padding-left: 40px;
    height: 54px;
    border-color: #efeeee;
}

.skillate_search_input .search-icon-wrap {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
    line-height: 48px;
    width: 48px;
    text-align: center;
}

.skillate_search_input .search-icon-wrap img {
    filter: brightness(0.5);
}

.top-search-input-wrap .search-wrap .form-control {
    color: #1f2949;
    height: 54px;
    padding-left: 45px;
    border-color: #dadce0;
}

.skillate-top-search input[type='submit'] {
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 46px;
}

.skillate-top-search h3.text-center {
    font-size: 18px;
    color: #1f2949;
    margin-bottom: 30px;
    margin-top: 50px;
}

.top-search-input-wrap .search-wrap .search.skillate-top-search .thm_search_input:after {
    content: '\f002';
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    pointer-events: none;
    line-height: 60px;
}

.skillate-single-menu-bottom .skillate-search.search-close-icon {
    color: #fff;
    display: none;
    position: relative;
    z-index: 9999;
}


/*****Membership Pro Css*****/

#pmpro_levels .pmpro_btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pmpro_advanced_levels-compare_table {
    border: none;
}

#pmpro_levels.pmpro_advanced_levels-table h2 {
    margin: 0;
}

.pmpro_advanced_levels-compare_table th,
.pmpro_advanced_levels-compare_table td {
    border-color: #d1d1d1;
    border-width: 0 1px 1px 0;
    padding: 0.75em 1em;
    vertical-align: middle;
}

.pmpro_advanced_levels-compare_table thead th,
.pmpro_advanced_levels-compare_table tfoot td {
    border-width: 0 1px 0 0;
}

.pmpro_advanced_levels-compare_table thead tr {
    border: none;
}

.pmpro_advanced_levels-compare_table tr th:last-child,
.pmpro_advanced_levels-compare_table tr td:last-child {
    border-right: none;
}

.pmpro_advanced_levels-compare_table thead tr th:nth-child(even),
.pmpro_advanced_levels-compare_table tbody tr td:nth-child(even) {
    background: rgba(0, 0, 0, 0.02);
}

.pmpro_advanced_levels-compare_table thead tr th:first-child,
.pmpro_advanced_levels-compare_table tfoot tr td:first-child {
    background: none;
    text-indent: -9999em;
    width: 20%;
}

.pmpro_advanced_levels-compare_table thead tr:last-child th,
.pmpro_advanced_levels-compare_table tbody tr:last-child td {
    border-bottom: 0.5rem solid #ccc;
}

.pmpro_advanced_levels-compare_table tbody tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.05);
}

.pmpro_advanced_levels-compare_table tbody tr td:first-child {
    text-align: right;
}

.pmpro_advanced_levels-compare_table tfoot tr {
    border: none;
}

.pmpro_advanced_levels-compare_table tfoot td {
    padding: 0.75em 1em;
    vertical-align: middle;
}

.pmpro_advanced_levels-compare_table thead th h2 {
    margin: 0;
    padding: 0.5em 0 0 0;
}

.pmpro_advanced_levels-compare_table .pmpro_level-price {
    font-size: 1.6rem;
    padding-bottom: 0;
    padding-top: 0;
}

.pmpro_advanced_levels-compare_table .pmpro_level-expiration {
    font-weight: normal;
}

.pmpro_advanced_levels-compare_table .pmpro_level-compare-true,
.pmpro_advanced_levels-compare_table_responsive .pmpro_level-compare-true {
    font-size: 2rem;
    line-height: 2rem;
}

.pmpro_advanced_levels-compare_table .pmpro_level-compare-true:after,
.pmpro_advanced_levels-compare_table_responsive .pmpro_level-compare-true:after {
    content: '\2713';
}

.pmpro_advanced_levels-compare_table .pmpro_level-compare-false,
.pmpro_advanced_levels-compare_table_responsive .pmpro_level-compare-false {
    color: rgba(0, 0, 0, 0.2);
}

.pmpro_advanced_levels-compare_table .pmpro_level-compare-false:after,
.pmpro_advanced_levels-compare_table_responsive .pmpro_level-compare-false:after {
    content: '\002D';
}


/* Styles for Bootstrap Template */

table.pmpro_advanced_levels-bootstrap h2 {
    margin-top: 0;
}

.pmpro_advanced_levels-bootstrap .panel-heading h2 {
    margin: 0;
    padding: 0;
}


/* Styles for Genesis Template */

table.pmpro_advanced_levels-genesis thead th,
table.pmpro_advanced_levels-genesis tbody td {
    padding-right: 10px;
    padding-left: 10px;
}


/* Styles for Gantry Template */

table.pmpro_advanced_levels-gantry h2 {
    border-bottom: none;
    box-shadow: none;
    padding-bottom: 0;
}


/* Styles for WooThemes Template */

table.pmpro_advanced_levels-woothemes tbody td {
    vertical-align: middle;
}


/* Styles for Foundation Template */

.pmpro_advanced_levels-foundation .panel .button {
    margin-bottom: 0;
}

.pmpro_advanced_levels-foundation .panel h5.subheader {
    color: #6f6f6f;
}

.pmpro_advanced_levels-foundation .pricing-table .price {
    font-size: 1rem;
}

.pmpro_advanced_levels-foundation .pricing-table .price span {
    display: block;
    font-size: 2rem;
}


/* Styles for TwentyFourteen Template */

.pmpro_advanced_levels-twentyfourteen .button,
.pmpro_advanced_levels-twentyfourteen .button:hover {
    color: #fff;
}


/* Styles for No Template */

#pmpro_levels.pmpro_advanced_levels-div .post {
    padding: 1em;
}

#pmpro_levels.pmpro_advanced_levels-div h2 {
    margin: 0 0 0.5em 0;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-header {
    margin: 0;
    padding: 0;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-content {
    padding: 0;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-footer {
    background: none;
    margin: 0;
    padding: 1em 0;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-footer p {
    margin: 0.5em 0;
    padding: 0;
}

.pmpro_advanced_levels-compare_table_responsive {
    display: none;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .pmpro_advanced_levels-compare_table {
        display: none;
    }
    .pmpro_advanced_levels-compare_table_responsive {
        display: block;
    }
}

span.period-text {
    color: #abafb6;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.pmpro_advanced_levels-div .row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 73.125em;
}

.pmpro_advanced_levels-div .row:before,
.pmpro_advanced_levels-div .row:after {
    content: ' ';
    display: table;
}

.pmpro_advanced_levels-div .row:after {
    clear: both;
}

.pmpro_advanced_levels-div .column,
.pmpro_advanced_levels-div .columns {
    position: relative;
    float: left;
}

.pmpro_advanced_levels-div [class*='column']+[class*='column']:last-child {
    float: right;
}

.pmpro_advanced_levels-div [class*='column']+[class*='column'].end {
    float: left;
}

.pmpro_advanced_levels-div .small-12 {
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .pmpro_advanced_levels-div .medium-1 {
        width: 8.33333%;
    }
    .pmpro_advanced_levels-div .medium-2 {
        width: 16.66667%;
    }
    .pmpro_advanced_levels-div .medium-3 {
        width: 25%;
    }
    .pmpro_advanced_levels-div .medium-4 {
        width: 33.33333%;
    }
    .pmpro_advanced_levels-div .medium-5 {
        width: 41.66667%;
    }
    .pmpro_advanced_levels-div .medium-6 {
        width: 50%;
    }
    .pmpro_advanced_levels-div .medium-7 {
        width: 58.33333%;
    }
    .pmpro_advanced_levels-div .medium-8 {
        width: 66.66667%;
    }
    .pmpro_advanced_levels-div .medium-9 {
        width: 75%;
    }
    .pmpro_advanced_levels-div .medium-10 {
        width: 83.33333%;
    }
    .pmpro_advanced_levels-div .medium-11 {
        width: 91.66667%;
    }
    .pmpro_advanced_levels-div .medium-12 {
        width: 100%;
    }
}

h2.subscription-price {
    font-size: 58px;
    line-height: 58px;
    color: #3057d5;
    font-weight: 700;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
}

p.pmpro_level-price {
    color: #606c8f;
    font-size: 14px;
}

#pmpro_levels {
    margin-top: 50px;
    margin-bottom: 100px;
}

.pmpro_level .entry {
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    padding: 30px 40px !important;
}

#pmpro_levels .pmpro_level:nth-child(2) .entry {
    position: relative;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    background: #fbfbfc;
}

#pmpro_levels .pmpro_level:nth-child(2) .entry:after {
    position: absolute;
    left: 0;
    top: -41px;
    content: 'Super Saver';
    background: #3057d5;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 600;
    width: 100%;
    padding: 7px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.entry-header h2 {
    color: #3b4859;
    font-size: 20px;
    font-weight: 700;
}

.pmpro_level-select a.pmpro_btn {
    display: block;
    border: 1px solid #3057d5;
    border-radius: 2px;
    padding: 14px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    color: #1b52d8;
    background: #fff;
    transition: all 0.5s;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.pmpro_level-select a.pmpro_btn:hover {
    background: #3057d5;
    color: #fff;
    border-color: #3057d5;
}

#pmpro_levels .pmpro_level:nth-child(2) .pmpro_level-select a.pmpro_btn {
    background: #3057d5;
    color: #fff;
}

#pmpro_levels .pmpro_level:nth-child(2) .pmpro_level-select a.pmpro_btn:hover {
    background: #fff;
    color: #3057d5;
    border-color: #3057d5;
}


/******PMPRO CHECKOUT PAGE******/

.pmpro-checkout-page-wrap {
    margin-bottom: 100px;
}

#pmpro_form .pmpro_checkout h3 {
    margin-top: 0;
}

#pmpro_pricing_fields.pmpro_checkout {
    background: #fbfbfc;
    padding: 40px;
    border-radius: 4px;
    margin-left: 80px;
    border: 1px solid #dcdfe5;
}

.discount-wrap {
    margin-left: 80px;
    margin-top: 20px;
}

.discount-input-block input {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #e0e3ee;
}

input[type='button']#discount_code_button {
    display: block;
    width: 100% !important;
    text-decoration: none;
    padding: 10px 15px;
    background: #1b52d8;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    max-width: 100% !important;
    font-family: Montserrat !important;
}

input[type='button']#discount_code_button:hover {
    background: #006be5;
    text-decoration: none;
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    font-family: Montserrat !important;
}

.discount-wrap .pmpro_small {
    font-size: 14px !important;
    color: #606c8f;
}

#pmpro_form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

#pmpro_form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

#pmpro_form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

#pmpro_form input:-moz-placeholder {
    /* Firefox 18- */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

.pmpro_checkout h3 span.pmpro_checkout-h3-msg {
    font-size: 14px;
    font-style: normal;
    text-transform: capitalize;
}

.pmpro_checkout h3 span.pmpro_checkout-h3-msg a {
    color: #606c8f;
}

.membership-block-title .pmpro_checkout-h3-name {
    font-size: 34px;
    color: #3057d5;
}

.membership-period-text {
    font-weight: 400;
    color: #3b4859;
    font-size: 16px;
    margin-bottom: 15px;
}

.membership-period-text strong {
    font-weight: 600;
}

.subscribe-charge-total {
    margin-top: 30px !important;
}

.subscribe-charge-total div {
    margin-bottom: 5px !important;
}

.subscribe-charge-total div.single-charge-line h5 {
    color: #1f2949;
    font-size: 16px;
    font-weight: 600;
}

.subscribe-charge-total div.single-charge-line.total-billing-amount {
    margin-top: 20px;
    border-top: 1px solid #d0d3da;
    border-bottom: 1px solid #d0d3da;
}

.subscribe-charge-total div.single-charge-line.total-billing-amount h5 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px;
}

div#pmpro_level_cost {
    margin-bottom: 0;
}

div#pmpro_level_cost p,
p.checkout-details-text {
    color: #606c8f;
    font-size: 14px;
}

.form-heading-title span.pmpro_checkout-h3-name {
    color: #3b4859;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.already-have-account {
    margin-bottom: 30px;
}

.already-have-account .pmpro_checkout-h3-msg {
    color: #606c8f;
    font-size: 14px;
}

.pmpro_checkout-fields .pmpro_checkout-field input {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 1px solid #e0e3ee;
    border-radius: 3px;
    background: #fbfbfc;
    padding: 10px 15px;
    color: #1f2949;
}

.pmpro_checkout-fields .pmpro_checkout-field input:-internal-autofill-selected {
    background: #fbfbfc !important;
}

.pmpro_checkout-fields .pmpro_checkout-field input:-webkit-autofill,
.pmpro_checkout-fields .pmpro_checkout-field input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px #fbfbfc inset;
    transition: background-color 5000s ease-in-out 0s;
}

.pmpro_checkout-fields .nice-select {
    float: none;
    height: 50px;
    line-height: 50px;
    background: #fbfbfc;
    font-weight: 600;
    font-family: Montserrat;
}

.pmpro_checkout-fields .nice-select:focus {
    border-color: #e0e3ee;
}
span.pmpro_asterisk {
    display: none;
}
form.pmpro_form .pmpro_custom abbr {
    border: none;
    text-decoration: none;
}
.col-6.card-year-col {
    padding-top: 26px;
}
span.pmpro_custom {
    border: 0;
    display: block;
}
.pmpro_checkout-fields .pmpro_checkout-field label {
    color: #535967;
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-family: Montserrat;
    font-weight: 600;
}

.pmpro_checkout-field.pmpro_payment-expiration,
.pmpro_checkout-field.pmpro_payment-cvv {
    width: 80%;
    float: left;
}

.pmpro_checkout-field.pmpro_payment-cvv input {
    max-width: 100% !important;
}

form.pmpro_form .pmpro_submit {
    clear: both;
    text-align: left;
}

.card-date-col span.pmpro_asterisk {
    display: none;
}

.card-year-col .nice-select.pmpro_required {
    position: relative;
    top: 5px;
}

small.cvc-info a {
    color: #535967;
    font-size: 14px;
    font-weight: 500;
}

.pmpro_btn.pmpro_btn-submit-checkout {
    width: 250px;
    height: 60px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 16px;
    font-family: Montserrat;
}

.checkout-form-left-col {
    padding-right: 80px;
}

.pmpro_checkout-fields .pmpro_checkout-field input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

.pmpro_checkout-fields .pmpro_checkout-field input::-moz-placeholder {
    /* Firefox 19+ */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

.pmpro_checkout-fields .pmpro_checkout-field input:-ms-input-placeholder {
    /* IE 10+ */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}

.pmpro_checkout-fields .pmpro_checkout-field input:-moz-placeholder {
    /* Firefox 18- */
    color: #959595;
    font-weight: 400;
    font-family: Montserrat !important;
}


/******SPLASH SCREEN******/

.skillate-splash-screen {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    padding: 50px;
    top: 0;
    left: 0;
    background: url(../images/mobile-screen-bg.png);
    background-size: cover;
    background-position: center center;
    background-color: #fff;
}

.skillate-splash-screen.login-true {
    display: block;
}

body.modal-open .skillate-splash-screen {
    position: relative;
}

.skillate-splash-content {
    height: 100%;
    text-align: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.skillate-splash-logo {
    margin-bottom: 70px;
}

.skillate-splash-title {
    font-size: 30px;
    color: #1f314a;
    margin-top: 40%;
    font-weight: 400;
}

h4.splash-content {
    color: #797c7f;
    font-size: 18px;
    font-weight: 400;
}

.splash-login-btn {
    position: relative;
    top: 15%;
}

.splash-login-btn a {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.skillate-skip-login {
    font-weight: 600;
    color: #1f314a;
    display: block;
    margin-top: 15px;
}


/* Review */

.tutor-review-individual-item {
    border-top: none;
    padding: 0;
    overflow: hidden;
    margin-bottom: 64px;
}

.tutor-review-individual-item p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.7;
    letter-spacing: normal;
    color: #1f2949;
}

.tutor-course-reviews-wrap {
    border: none;
    border-radius: 0;
}

.tutor-review-individual-item .review-avatar {
    width: 96px;
}

.tutor-review-individual-item .tutor-review-user-info {
    padding-left: 36px;
}

.review-time-name {
    height: 28px;
    display: block;
}

.review-time-name p {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2949;
}

.review-time-name p.review-meta {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.7px;
    color: #797c7f;
    padding-left: 10px;
    padding-top: 8px;
}

.individual-review-rating-wrap {
    color: #f8c51c;
    text-align: left;
    float: left;
    width: 100%;
}

.tutor-star-rating-group {
    color: #f4c150;
    display: inline-block;
    text-align: left;
}

.tutor-review-individual-item p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.7;
    letter-spacing: normal;
    color: #1f2949;
    float: left;
}

.tutor-review-individual-item .review-left {
    width: 100%;
    float: left;
    overflow: hidden;
}

.tutor-review-individual-item .review-content {
    padding-left: 134px;
}

.individual-review-rating-wrap i,
.course-avg-rating-html i {
    margin-right: 4px;
    color: #f8c51c;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: 4px;
    color: #ffbd22;
}

.tutor-star-rating-group {
    color: #f4c150;
    display: inline-block;
    text-align: left;
    margin-top: 12px;
}

.review-time-name p a {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1f2949;
}

a.skillate-write-review-btn {
    border-radius: 3px;
    background-color: transparent;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff5248;
    display: inline-block;
    margin-top: -6px;
    width: 100%;
    border: 1px solid #ff5248;
    text-align: center;
}

a.skillate-write-review-btn:hover {
    color: #fff;
}


/* Easy Download */

.single-download-page .featured-wrap {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 30px;
}

.single-download-page .edd-submit.button.blue {
    color: #fff;
    background: #ff5248;
    border-color: #ff5248;
    padding: 16px 35px;
    font-size: 20px;
    margin-top: 30px;
}

.single-download-page .single-blog-info .entry-summary {
    padding: 40px 0 0;
}

.single-download-page .skillate-post {
    margin-top: 180px;
}

.single-download-page .single-blog-info {
    margin-top: 0;
    margin-bottom: 80px;
}

.single-download-page .post-single-sidebar p,
.single-download-page .single-blog-info form {
    display: none;
}

.single-download-page .single-blog-post-top {
    box-shadow: none;
    background-color: #ffffff;
    padding: 30px 0;
    border-radius: 0;
}

.single .single-download-page .skillate-post .content-item-title {
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
    max-width: 60%;
    padding: 0;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: right;
    width: 38%;
    max-width: 38%;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #fafafa;
    border-radius: 5px;
}

.tutor-dashboard-content .responsive-table-wrap table {
    width: 100%;
}

.tutor-dashboard-content .responsive-table-wrap table td,
.tutor-dashboard-content .responsive-table-wrap table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.tutor-dashboard-header-display-name h4 {
    margin-bottom: 0;
}

.course-search-results .skillate-courses-wrap.successfully h2 {
    font-size: 30px;
}

.search-results .skillate-related-course.course-archive-top-slide-wrap,
.search-no-results .skillate-related-course.course-archive-top-slide-wrap,
.search-no-results .skillate-instructor-slide-wrap,
.search-results .skillate-instructor-slide-wrap {
    display: none;
}

.skillate-search-result-wrap.subtitle-cover.sub-title {
    display: block;
    margin-bottom: 86px;
}

.skillate-courses-wrap.course-archive h2 {
    font-size: 30px;
}

.skillate-courses-wrap.course-archive img.wp-post-image {
    width: 100%;
}

.woo-cart-btn ul.woocommerce-mini-cart.cart_list.product_list_widget,
#themeum-woo-cart p.woocommerce-mini-cart__total.total,
#themeum-woo-cart p.woocommerce-mini-cart__buttons.buttons {
    display: none;
}

.woo-cart-btn {
    position: fixed;
    bottom: 30px;
    width: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 10px;
}

.woo-cart-btn .woocommerce-mini-cart__empty-message {
    display: none;
}

.woo-cart-btn .woocommerce-mini-cart__buttons a.button {
    width: 45%;
}

.cart-icon .widget.woocommerce.widget_shopping_cart {
    display: none;
}

.woocart span.cart-icon {
    width: 50px;
    display: inline-block;
}

.site-header-cart .cart-contents span {
    font-size: 8px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin-left: 5px;
    background: #ff5248;
    position: absolute;
    top: 0px;
    right: 0;
    color: #fff;
    font-size: 12px;
    padding: 1px;
}

.site-header-cart .cart-contents span.woo-cart-items span {
    font-size: 8px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    margin-left: 5px;
    background: #ff5248;
    position: absolute;
    top: 0px;
    right: 0;
    color: #fff !important;
    font-size: 12px;
    padding: 1px;
    border: 1px solid #ff5248;
}

.site-header-cart .cart-contents span.cart-has-products {
    color: #fff;
}

.site-header-cart .cart-contents {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: -2px;
}

.spinner-cls {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
}

.skillate-courses-wrap.successfully {
    margin-top: 20px;
}

.tutor-dashboard-permalinks a,
.tutor-dashboard-content-inner h3 a {
    transition: 0.3s;
}

.tutor-dashboard-content-inner h3 a {
    font-size: 20px;
}

.report-top-sub-menu {
    margin: 0 10px 5px 0;
    display: inline-block;
    font-size: 0;
    float: left;
}

.report-top-sub-menu a.active {
    background-color: var(--tutor-primary-color);
    color: #ffffff;
    border: 1px solid #ff5248;
}

.date-range-input input,
.date-range-input input[type='text'],
.date-range-input button {
    border: 1px solid #d7dadf;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 29px;
    margin: 0;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    padding: 4px 12px;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
    color: #282c35;
    font-size: 14px;
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #eeeeee;
    display: none;
    margin-top: 0px;
    padding: 10px;
    width: 331px;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 0;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    font-size: 12px;
    line-height: 22px;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 13px;
    text-align: center;
}

.site-header-cart.menu.woocart span.woo-cart-items {
    overflow: hidden;
}

.woo-menu-item-add.woocart {
    width: 100%;
    padding-right: 0;
    overflow-y: scroll;
    height: 200vh;
}

.skillate-error-wrapper a.btn.btn-secondary:hover {
    background: #e43329;
}

.skillate-cat-layout-2 .skillate-course-category-list {
    background: #fff;
}


/***SUCCESS Animation CSS*******/

.checkout-success-wrapper {
    padding: 100px 0;
}

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

.skillate-mute-color {
    color: #797c7f;
}

.skillate-order-success {
    border: 1px solid;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
}

.skillate-order-success:hover {
    color: #fff;
}

.success-checkmark .check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4caf50;
}

.success-checkmark .check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}

.success-checkmark .check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}

.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
    content: '';
    height: 100px;
    position: absolute;
    background: #fff;
    transform: rotate(-45deg);
}

.success-checkmark .check-icon .icon-line {
    height: 5px;
    background-color: #4caf50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}

.success-checkmark .check-icon .icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}

.success-checkmark .check-icon .icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}

.success-checkmark .check-icon .icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, 0.5);
}

.success-checkmark .check-icon .icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #fff;
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}


/*******CORE CSS*******/

.skillate-form-search-wrapper .skillate-course-search-results ul {
    box-shadow: 0 0 20px -8px rgba(0, 0, 0, 0.3);
}

.skillate-form-search-wrapper .skillate-course-search-results ul li:last-child {
    border-bottom: 0;
}

body.home .entry-content .wp-block-qubely-row.alignfull:first-child {
    z-index: 9;
}

.tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll {
    /* z-index: 99; */
}

.tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll .product_type_simple,
.skillate-course-enroll-btn .tutor-btn.tutor-btn-outline-primary.add_to_cart_button,
.skillate-course-enroll-btn .tutor-btn.tutor-btn-outline-primary.added_to_cart {
    height: 46px !important;
    line-height: 32px !important;
    /* skillate design issue */
    width: auto;
    /* skillate design issue */
    color: #fff !important;
    /* display: inline-block; */
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    transition: all 0.3s;
    border: 1px solid #fff !important;
}

.tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll .product_type_simple .btn-icon {
    display: none;
}

.tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll .product_type_simple:hover,
.skillate-course-enroll-btn .tutor-btn.tutor-btn-outline-primary.add_to_cart_button:hover,
.skillate-course-enroll-btn .tutor-btn.tutor-btn-outline-primary.added_to_cart:hover {
    border: 1px solid #1f2949 !important;
}

.tutor-course-overlay-element .level-tag {
    position: absolute;
    left: 15px;
}


/* .tutor-course-grid-item .tutor-course-grid-content .tutor-course-overlay .tutor-course-grid-enroll .edd_purchase_submit_wrapper a.edd-add-to-cart {
    display: none;
} */


/* edd */

#edd_checkout_form_wrap .edd-cart-adjustment input.edd-input,
#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit,
#edd_checkout_form_wrap input.edd-input,
#edd_checkout_form_wrap textarea.edd-input {
    border: 1px solid #d0d0d0;
    padding: 8px 15px;
}

#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit {
    padding: 12px 25px;
    border: none;
}

.tutor-course-overlay .edd-submit.button.blue {
    color: #fff;
}

.tutor-course-purchase-box .edd_purchase_submit_wrapper {
    margin-top: 2px;
}

.tutor-course-purchase-box .edd-submit.button.blue {
    margin-left: 0;
    margin-top: 0;
}

.tutor-course-purchase-box .edd-submit.button.blue.edd-add-to-cart {
    margin-left: 10px;
}

.skillate-course-archive-filters-wrap {
    z-index: 999;
}

.layout-2 .course-info ul li .tutor-text-avatar img,
.layout-2 .course-info ul li a span.tutor-text-avatar {
    padding: 0px !important;
    line-height: 30px !important;
}

.tutor-dashboard-setting-profile label {
    display: block;
}

.tutor-dashboard-setting-profile select.tutor-form-select {
    /* display: block !important; */
    margin: 20px 0px 15px;
}

.tutor-dashboard-setting-profile .nice-select {
    display: none;
}

.tutor-dashboard-header-ratings i {
    margin-right: 3px;
}

.tutor-dashboard .tutor-dashboard-content .nice-select {
    width: 100%;
}

.tutor-dashboard-content-inner .tutor-v2-date-picker {
    margin-top: -20px;
}

.nice-select.open .list {
    width: 100%;
}

.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:before {
    color: #fff;
}

.tutor-dashboard .tutor-dashboard-content .tutor-ui-pagination {
    margin-top: 40px;
}


/* disable after 2.0.1
.tutor-btn {
  background: #ff5248 !important;
  border: 1px solid #ff5248 !important;
  color: #fff !important;
}
.tutor-btn.tutor-no-hover{
    background: none !important;
    color: inherit !important;
}

.tutor-btn.tutor-no-hover:hover{
    background: inherit !important;
    color: inherit !important;
} */

.tutor-dashboard-setting-profile .tutor-dropdown-select.select-dropdown {
    display: none;
}


/* tutor responsive issues solved */

.skillate-single-course-sidebar .tutor-social-share .tutor-btn-ghost {
    align-items: center;
}

.tutor-course-preview-thumbnail .skillate-course-cart-btn {
    display: none !important;
}


/* skillate design issue */

.skillate-course-cart-btn.enrolled a:first-child {
    padding-bottom: 10px;
}

.skillate-tab-content-wrap .skillate-tab-content.current button.tutor_submit_review_btn.tutor-button.tutor-button-primary.tutor-updating-message {
    width: auto !important;
    height: 46px;
}

.skillate-tab-content-wrap .skillate-tab-content.current .tutor-write-review-form .tutor-updating-message:before {
    vertical-align: sub;
}

@media (min-width: 992px) {
    .course-single-attribute .skillate-course-cart-btn.enrolled {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 20px;
    }
}

.course-single-attribute .skillate-course-cart-btn.enrolled {}

.skillate-course-cart-btn.enrolled .tutor-btn {
    display: flex;
    justify-content: center;
}

@media (max-width: 1199px) and (min-width: 768px) {
    /* .course-single-attribute .skillate-course-cart-btn button {
		margin-left: 0px;
	} */
}

@media (max-width: 991px) {
    .skillate-course-cart-btn div {
        float: unset !important;
        display: block !important;
    }
    .skillate-course-cart-btn div a {
        width: 100%;
        text-align: center;
    }
}

.skillate-course-col .skillate-course-enroll-btn .price>a {
    color: #fff;
    background: transparent;
    border-color: #fff;
}

.skillate-course-col .skillate-course-enroll-btn .price>a:hover {
    color: #000;
    background: #fff;
    border-color: #fff !important;
}

.skillate-single-course-sidebar .tutor-card {
    border: 0px !important;
}

.skillate-single-course-sidebar .tutor-card .tutor-card-body {
    padding: 0px !important;
}

.skillate-single-course-sidebar .tutor-card .tutor-card-footer {
    display: none !important;
}
/* Popup menu */
.popup-opener {
    position: relative;
    padding: 0;
}

.popup-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    display: inline-block;
    outline: none;
    border: none;
    cursor: pointer;
    background: transparent;
}

.popup-btn>* {
    pointer-events: none;
}

.popup-menu {
    background: #212327;
    position: absolute;
    top: calc(100% + 10px);
    min-width: 140px;
    right: -6px;
    right: calc(50% - 140px);
    top: calc(100% + 10px);
    margin-right: 70px;

    padding: 8px 0px;
    background-color: rgb(255 255 255 / 60%);
    border: 1px solid var(--tutor-border-color);
    box-shadow: 0px 6px 20px rgb(28 49 104 / 10%);
    border-radius: 4px;
    backdrop-filter: blur(5px);

    transition: 200ms ease-out;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}

.popup-menu li {
    list-style: none;
}

.popup-menu a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 4px 15px;
    transition: 200ms;
    margin-inline: 0 !important;
}

.popup-menu a i {
    margin-right: 5px;
}

.popup-menu.visible {
    opacity: 1;
    visibility: visible;
    animation-name: fadeIn;
    animation-duration: 100ms;
    animation-timing-function: cubic-bezier(0.74, 0.49, 0.24, 0.96);
}

@keyframes fadeIn {
    from {
        transform: translateY(2px);
        opacity: 0;
    }

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


/* .skillate-related-course-items *{
    border: 1px solid purple;
} */