@import "https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap";
@import "circle_images_slider.css";
@font-face {
    font-family: Avenir Next;
    src: url("/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextLTPro-Regular.otf"),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Regular.woff') format('woff'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Regular.ttf')  format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: Avenir Next;
    src: url("/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextLTPro-Bold.otf"),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Bold.woff') format('woff'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Bold.ttf')  format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: Avenir Next;
    src: url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Demi.woff2') format('woff2'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Demi.woff') format('woff'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Demi.ttf')  format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: Avenir Next;
    src: url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Light.woff2') format('woff2'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Light.woff') format('woff'),
        url('/wp-content/themes/Hello Elementor Child/assets/fonts/AvenirNextCyr-Light.ttf')  format('truetype');
    font-weight: 300;
}

body * {
    box-sizing: border-box;
    font-family: 'Avenir Next', sans-serif;
}
.hidden {
    display: none !important;
}

@media (max-width: 767px) {
	.icons_column.hidden {
		display: block !important;
	}
}

/*Twitter share button*/
body a.twitter_share_btn {
    color: #FFFFFF !important;
    font-weight: bold;
    display: inline-block;
    padding: 12px 60px 12px 60px !important;
    margin: 20px 0 !important;
    font-size: 11px !important;
    line-height: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background-color: #1DA1F2 !important;
    border: 1px solid #1DA1F2 !important;
    transition: all 0.3s;
    position: relative;
}
body a.twitter_share_btn:after {
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    top: 47%;
    right: 40px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform-origin: center;
    transform: rotate(45deg) translateY(-50%);
    transition: all 0.3s;
    max-width: 100%;
}
.twitter_share_btn:hover {
    color: #1DA1F2 !important;
    background-color: #FFFFFF !important;
}
body a.twitter_share_btn:hover:after {
    border-color: #1DA1F2;
}

/*Twitter share block*/
.tweet_block {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #46a9ff;
    margin: 20px 0;
    text-align: right;
}
.tweet_block .tweet_text {
    font-size: 22px;
    line-height: 32px;
    color: #46a9ff;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    text-align: left;
}
.tweet_block .tweet_btn {
    text-align: right;
    font-size: 15px;
    line-height: 24px;
}
.tweet_block .tweet_btn i {
    font-size: 18px;
    margin-left: 10px;
    vertical-align: text-top;
}
/*
-------- POPUP ------
*/
.popup_section{
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 40px;
    position: fixed;
    top: 65px;
    left: 0;
    right: 0;
    z-index: 20000;
    background: #fff;
    border-radius: 2px;
}
.hidden_popup{
    display: none;
}
.popup_section #close_button .elementor-icon{
    cursor: pointer;
}
.popup_section .lesson_form input:not([type="submit"]) {
    background-color: #f5f5f5 !important;
}
.popup_overlay{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    opacity: 0.3;
    height: 100%;
    background-color: #000;
}
.hidden_overlay{
    display:none;
}
html.hidden_scroll{
    overflow-y: hidden;
}
body.hidden_scroll{
    overflow-y: hidden;
    padding-right: 15px;
}


.red_btn, .purple_btn, .orange_btn {
    outline: none !important;
    background-color: #ff5064;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 2px;
    border: none;
}
.red_btn > a, .purple_btn > a {
    text-decoration: none;
    color: #FFFFFF !important;
}
.purple_btn {
    background-color: #7758d6;
}
.orange_btn {
    background-color: #F7C40D;
}
.purple_btn:hover,
.purple_btn:active,
.purple_btn:focus {
    background-color: #5230ab !important;
}
.red_btn:hover,
.red_btn:active,
.red_btn:focus {
    background-color: #dd3565 !important;
}
.orange_btn:hover,
.orange_btn:active,
.orange_btn:focus {
    background-color: #ecbb0d !important;
}

.all_posts {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 30px;
}

.post_types_list {
    list-style: none;
    margin: 30px auto;
    text-align: center;
    padding: 0;
}
.post_types_list li {
    display: inline-block;
    margin: 8px 30px;
    cursor: pointer;
}
.post_types_list li:before {
    display: block;
    content: attr(title);
    font-weight: bold;
    opacity: 0;
    height: 0;
    visibility: hidden;

}
.post_types_list li.active {
    color: #FF5064;
    font-weight: bold;
}
.post_types_list li{
    color: #292826;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
}
.post_types_list li:hover:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 3px;
    background: #292826;
    border: none;
}
.post_blocks {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 18px;
}

.post_block {
    /*flex-basis: 30%;*/
    /*margin: 15px;*/
    border-radius: 10px;
    position: relative;
    transition: transform 0.15s ease-out;
}
.post_block > div {
    transition: transform 0.15s ease-out;
    border-radius: 10px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.post_block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transform-origin: left bottom;
    transition: transform 0.15s ease-out;
    background-color: #E2E2E2;
    z-index: -3;
}
.post_block:not(.cus_post):hover > div {
    transform: rotate(-1deg);
}
.post_block:not(.cus_post):hover:after{
    transform: rotate(2.5deg) translateX(8px);
}

.post_block > div > a {
    text-decoration: none;
}
.post_block .overlay {
    background-color: rgba(0,0,0,0.3);
    padding: 20px;
    height: 230px;
    border-radius: 10px;
}
.post_block.remove_grey_overlay .overlay {
    background-color: transparent;

}

.post_block .title {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    margin-bottom: 30px;
}

.post_block .post_type {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    background-color: #FFFFFF;
    color: #292826;
    border-radius: 0 2px 2px 0;
}
.post_block.promotional .post_type {
    background-color: #C7E9BA;
}
.post_block.welcome .post_type {
    background-color: #EACDCD;
}
.post_block.newsletter .post_type {
    background-color: #B0D9F2;
}
.post_block.launch .post_type {
    background-color: #FDAFC4;
}
.post_block.post-purchase .post_type {
    background-color: #FFD6F1;
}
.post_block.onboarding .post_type {
    background-color: #EDFCB6;
}

.post_block .part_count {
    color: #FFFFFF;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
}

.post_block .part_count:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 50px;
    height: 3px;
    background: #FFFFFF;
    border: none;
}

/*-------------------
    search form style
---------------------*/

.search_block {
    margin: 40px auto;
    padding: 0 30px;
    max-width: 1200px;
}

.search_block .flex {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.search_form form {
    width: 300px;
    display: flex;
    max-width: 100%;
}

.search_form {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.page_title {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #292826;
    margin: 0;
}

.search_form input[type="text"] {
    width: 80%;
    border: none;
    border-radius: 2px;
    margin-right: 10px;
    background-color: #EFEFEF;
    font-size: 13px;
    line-height: 16px;
    padding: 10px 15px;
    outline: none;
}

.search_form button[type="submit"] {
    width: 20%;
    border-radius: 2px;
    background-color: rgba(103, 62, 210, 0.8);
    color: white;
    border: none;
    padding: 0 15px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_form button[type="submit"] img {
    width: 20px;
}
.search_form ::placeholder {
    color: rgba(41, 40, 38, 0.2);;
}

/*
---- Mastery topics
*/
.single_post_page p, .single_post_page a, .single_post_page h1, .single_post_page h2,
.single_post_page h3, .single_post_page h4, .single_post_page h5, .single_post_page h6,
.single_post_page div {
    color: #292826;
}
.single_post_page a {
    text-decoration: none;
}
.single_post_page {
    max-width: 1200px;
    padding: 0 30px;
    margin: 40px auto;
}

.single_post_page > .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single_post_page .left_col {
    width: 60%;
    padding-right: 40px;
}

/*right column*/
.single_post_page .right_col {
    width: 40%;
}
.parts_bar {
    background-color: #FAFAFA;
    border-radius: 10px;
    border: 1px solid #DADADA;
}
.parts_list {
    border-bottom: 1px solid #DADADA;
    padding: 30px 30px 40px 30px;
}
.articles .parts_list {
    padding-top: 0;
}
.parts_bar .subscription_form {
    padding: 30px;
}

.parts_bar .title {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 30px;
}

.parts_bar .parts .part {
    margin-bottom: 12px;
}
.parts_bar .parts .part:last-child {
    margin: 0;
}
.parts_bar .part a {
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    position: relative;
}

.parts_bar .part a.active,
.parts_bar .part a:hover {
    font-weight: bold;
}
/*.parts_bar .part a.active:after,*/
/*.parts_bar .part a:hover:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -7px;*/
/*    left: 0;*/
/*    width: 50px;*/
/*    height: 3px;*/
/*    background: #292826;*/
/*    border: none;*/
/*}*/
.parts_bar .part a.active:before{
    background: #ff5064;
}
.parts_bar .part.actived a:before{
    background-color: transparent;
    content: "\f00c";
    font-weight: bold;
    font-size: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    color: #5bb350;
}


/*left column*/
.back_link {
    margin-bottom: 30px;
}
.back_link a {
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    position: relative;
}
.back_link a:hover:after,
.left_col .nav_btns a:hover:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #292826;
    border: none;
}
.left_col .part_info {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    margin: 20px 0 40px 0;
}
.post_content .wp-block-code{
    background-color: #FAFAFA;
    border-radius: 10px;
    border: 1px solid #DADADA;
    padding: 20px;
}
.post_content .wp-block-code code{
    word-break: break-word;
}
.post_content * {
    font-family: Avenir Next;
}
.post_content a {
    color: #46A9FF !important;
}
.post_content .box {
    border-radius: 3px;
    padding:20px;
    display: flex;
    align-items: center;
}
.post_content .box .img{
    display: none;
}
.post_content .box.with_image .img{
    width: 90px;
    display: block;
}
.post_content .box .img img{
    border: none;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    width: 100%;
    margin: 0;
}
.post_content .box.with_image .content{
    width: calc(100% - 90px);
    padding-left: 20px;
}
.post_content p {
    font-size: 17px;
    line-height: 27px;
    font-weight: normal;
    margin-bottom: 20px;
}
.title, .post_content h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 20px 0;
    display: block;
}

.post_content ul, .post_content ol {
    margin: 20px 0;
}
.post_content ul li, .post_content ol li {
    font-size: 17px;
    line-height: 30px;
}
.post_content img {
    display: block;
    margin: 25px auto;
    border: 10px solid #ffdddd;
    border-radius: 2px;
    padding: 10px;
    background-color: #FFFFFF;
}
.post_content form.formkit-form div[data-style='full']{
    align-items: center!important;
}
.post_content form.formkit-form .formkit-column{
   padding: 30px!important;
}
.post_content form.formkit-form h1,
.post_content form.formkit-form .formkit-guarantee {
    margin: 0;

}
.post_content form.formkit-form img{
    margin: 0;
    outline: none!important;
}
.post_content form.formkit-form button.formkit-submit {
    background-color: #FF5064!important;
    color: white!important;
    border: none!important;
    border-radius: 2px!important;
    padding: 15px 25px!important;
    width: 100% !important;
    font-size: 16px!important;
    font-weight: 400!important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.post_content form.formkit-form button.formkit-submit:hover {
    background-color: #dd3565!important;
}
.post_content form.formkit-form button.formkit-submit span {
    padding: 0!important;
    background-color: transparent!important;
}
.post_content form.formkit-form input.formkit-input {
    font-size: 13px!important;
    line-height: 16px!important;
    border: 1px solid #DADADA!important;
    border-radius: 2px!important;
    color: #292826!important;
    padding: 16px 15px!important;
    width: 100% !important;
    background-color: #FFFFFF !important;
}

.left_col .nav_btns {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.left_col .nav_btns a {
    display: inline-block;
    position: relative;
}

.prev_chapter, .next_chapter {
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background-color: #EFEFEF;
    border-radius: 2px;
}
.prev_chapter a, .next_chapter a {
    text-decoration: none;
    line-height: 1.4;
}
.prev_chapter i, .next_chapter i {
    font-size: 14px;
}
.prev_chapter i, .back_link i {
    margin-right: 5px;
}
.next_chapter i {
    margin-left: 5px;
}
.prev_chapter {
    margin-right: 5px;
}
.next_chapter {
    margin-left: 5px;
    justify-content: flex-end;
    text-align: right;
}

.share_icons {
    margin: 40px 0;
}
.share_icons a {
    margin: 0 13px;
    color: #292826 !important;
}
.share_icons i {
    font-size: 20px;
    line-height: 20px;
}
.share_text {
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 15px;
}
.arrow {
    font-size: 14px;
    line-height: 20px;
}

.divider {
    margin: 40px 0;
}
.thank_notes p {
    font-size: 16px;
    line-height: 25px;
}
.thank_notes p:first-child {
    font-weight: bold;
    margin: 40px 0;
}
.thank_notes p:last-child {
    margin: 40px 0;
}

.download_modal_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    display: none;
}
.download_modal_bg .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: relative;
}
.download_modal {
    margin: auto;
    background: white;
    border-radius: 10px;
    width: 650px;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 40px 30px 50px 50px;
    text-align: left;
    min-height: 370px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    align-items: center;
}

.download_modal .main_content {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.download_modal .thank_note {
    display: none;
    text-align: center;
    max-width: 380px;
    margin: auto;
}
.download_modal .thank_note .title {
    font-size: 22px;
    line-height: 26px;
}
.download_modal .thank_note .text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.download_modal .close_btn {
    font-size: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.img_col {
    /*width: 40%;*/
    padding: 0 20px;
}
.img_col .download_img {
    max-width: 181px;
    /*max-width: 100%;*/
    margin: auto;
    position: relative;
    display: block;
}

.img_col .download_img .img_rect {
    box-shadow: 0 0 32px #DADADA;
    z-index: 3;
    position: relative;
}

.img_col .download_img .second_rect {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 0 32px #DADADA;
    top: -21px;
    left: -45px;
    z-index: 1;
}
.img_col .download_img .third_rect {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 0 32px #DADADA;
    top: 30px;
    left: -25px;
    z-index: 2;
}
.img_col .download_img img{
    width: 100%;
    z-index: 3;
}

.text_col{
    width: 60%;
}
.text_col p {
    text-align: left;
    font-weight: 400;
}
.text_col .text {
    margin-bottom: 30px;
}
.text_col p {
    font-size: 18px;
    line-height: 24px;
}
.text_col p:first-child {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.text_col p:last-child {
    font-size: 18px;
    line-height: 24px;
    position: relative;
}
.text_col .text > p:last-child:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 50px;
    height: 3px;
    background: #292826;
    border: none;
}

.ajax-loader {
    display: none !important;
}
.download_modal .text_col .form .report-download-form {
    display: flex;
}
.download_modal .text_col .form .report-download-form p {
    margin: 0;
}
.download_modal .text_col .form .report-download-form p:first-child {
    margin:0 17px 0 0;
}
.download_modal .text_col .form .report-download-form input {
    outline: none !important;
}
.download_modal .text_col .form .report-download-form input:not([type="submit"]) {
    background: #F5F5F5;
    font-size: 13px;
    line-height: 16px;
    border: none;
    border-radius: 2px;
    color: #292826;
    padding: 16px 15px;
}
.download_modal .text_col .form .report-download-form input[type="submit"] {
    background: #FF5064;
    color: white;
    border: none;
    border-radius: 2px;
    padding: 15px 25px;
}
.download_modal .wpcf7-mail-sent-ok {
    display: none !important;
    margin: 0;
    padding: 0;
    border: none;
}

.wpcf7-mail-sent-ok {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    color: green !important;
    font-size: 16px !important;
    line-height: 18px !important;
}
.wpcf7-validation-errors {
    margin: 0;
    padding: 0;
    display: none !important;
}
.wpcf7-not-valid-tip, .wpcf7-spam-blocked {
    border: none !important;
    margin: 7px 0 0 5px !important;
    font-size: 14px !important;
    line-height: 16px;
    color: #FF5064 !important;
}
.wpcf7-not-valid {
    border: 1px solid #FF5064 !important;
}

.download_modal .text_col .form .report-download-form input::placeholder {
    color:rgba(41, 40, 38, 0.2);;
}



.single_post_page.articles .parts_bar {
    padding: 30px;
    text-align: center;
}
.articles .download_btn {
    background-color: #F7C40D;
    border: none;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 10px 15px;
    width: 275px;
    height: 45px;
    outline: none;
    margin-top: 30px;
    max-width: 100%;
}
.articles .download_img img {
    display: block;
    margin: auto;
    width: 181px;
}
.hero {
    background-color: #FAFAFA;
    padding: 50px 30px;
}

.hero > .flex {
    display: flex;
    flex-direction: row;
}
.hero > .flex .left_col {
    width: 40%;
    text-align: end;
}
.hero > .flex .right_col {
    width: 60%;
}
.hero .card_img img {
    width: 181px;
}

/*-
--- resources ---
---*/
.resources .hero {
    background-color: #FFFFFF;
    display: flex;
}
.resources .hero .main_content {
    max-width: 850px;
    margin: auto;
    align-items: center;
}
.img_col .download_img .second_rect {
    left: -60px;
}
.img_col .download_img .third_rect {
    top: 30px;
}
.resources .img_col {
    margin-right: 50px;
}
.or_text {
    margin: 5px 15px;
}
.hero .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.resources .books .single_post_page {
    margin: 0 auto;
    padding: 50px 30px 70px 30px;
}
.cards .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cards .card {
    width: 30%;
    height: 650px;
    padding: 50px 30px 40px 30px;
    border: none;
    border-radius: 10px;
    justify-content: space-between;
}
.card .card_img {
    max-width: 181px;
    position: relative;
    display: block;
    margin: 0 auto 40px auto;
}
.card .card_img .img_rect {
    position: relative;
    box-shadow: 0 0 32px #DADADA;
    z-index: 3;
    height: 250px;
}
.card .card_img .img_rect img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.card .card_img .second_rect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: -10px;
    box-shadow: 0 0 32px #DADADA;
    z-index: 2;
    background-color: #FFFFFF;
}
.card .card_img .third_rect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20px;
    left: -20px;
    box-shadow: 0 0 32px #DADADA;
    z-index: 1;
    background-color: #FFFFFF;
}

.resource_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 30px;
    text-decoration: none;
    display: block;
}

.btn_wrap {
    text-align: center;
}
.sample_text {
    font-size: 18px;
    line-height: 24px;
    /*font-family: Georgia;*/
}

/*--
----resources single
--*/
.single_resources .hero {
    background-color: #F5F5F5;
    padding: 80px 30px;
}
.chapters_list .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.chapters_list .share_icons {
    margin: 0;
}
.chapter_item {
    position: relative;
}
.chapter_item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    transform-origin: left bottom;
    transition: transform 0.15s ease-out;
    background-color: #E2E2E2;
    z-index: -3;
}
.chapter_item .content {
    display: block;
    border: 1px solid #DADADA;
    padding: 20px;
    position: relative;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    z-index: 5;
    transition: transform 0.15s ease-out;
}
.chapter_item:last-child .content {
    margin-bottom: 0;
}
.chapter_item:hover .content {
    transform: rotate(-1deg);
}
.chapter_item:hover:after {
    transform: rotate(1deg);
}
.read_more {
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    position: absolute;
    bottom: 15px;
    right: 30px;
}
.read_more > a, .read_more > p {
    color: #292826 !important;
}

.read_more .arrow {
    margin-left: 8px;
}
.mins {
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    margin: 0 10px;
}
.single_resources .post_content {
    max-width: 58%;
    margin: auto;
}
.heading_section {
    margin-bottom: 30px;
}
.heading_section .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.heading_section .share_icons {
    min-width: 30%;
    text-align: end;
}
.heading_section .col1 {
    display: flex;
}
.heading_section .img_col {
    max-width: 75px;
    padding: 0;
}
.heading_section .img_col img {
    margin: 0;
    border: none;
    box-shadow: none;
    max-width: 100%;
}
.heading_section .resource_title {
    margin: 10px 20px 0 0;
}

.share_icons.mob, .next_ch_mob {
    display: none;
}
.next_ch {
    display: block;
}
.next_ch, .next_ch_mob {
    border: 1px solid #DADADA;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin: 30px auto;
}
.next_ch .flex {
    display: flex;
    justify-content: space-between;
}
.next_ch .flex .mins {
    min-width: 15%;
    text-align: end;
}
.next_ch_mob .flex div {
    display: inline;
}
.share_icons.mob {
    text-align: center;
}

/*
------ search page -----
*/
.search_container * {
    color: #292826;
}
.search_container {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 30px;
}
.search_container a {
    color: #292826;
}
.search_container .entry_title {
    font-size: 40px;
    line-height: 48px;
    text-align: left;
}
.search_container .resource_title {
    margin: 20px 0;
    font-weight: 600;
}
.search_container .excerpt p {
    font-size: 18px;
    line-height: 27px;
    /*font-family: Georgia;*/
}
.search_container .navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}


/*testimonial links */

.testimonial_with_img_link .elementor-testimonial-image {
    position: relative;
}

/*.testimonial_link {*/
/*    cursor: default;*/
/*}*/

.testimonial_img_link {
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    /*cursor: default;*/
}

/*Tip box style*/
.tip_box {
    border: 2px solid #dadada;
    border-radius: 3px;
    padding: 18px 15px;
    font-size: 19px;
    line-height: 28px;
    margin: 20px 0;
}
.tip_box a {
    color: #46A9FF;
}
.tip_box p, .tip_box a {
    font-size: 19px;
    line-height: 28px;
    /*word-break: break-all;*/
}
.tip_box p:last-child {
    margin: 0;
}
.tip_box img {
    border: none;
    margin: 0 10px 0 0;
    display: inline-block;
    padding: 5px;
}
.tip_box .button {
    background-color: #ff5064 !important;
    color: #FFFFFF !important;
    font-size: 16px;
    line-height: 15px;
    padding: 10px 30px;
    transition: all 0.3s;
    margin: 10px;
    display: inline-block;
}
.tip_box .button:hover,
.tip_box .button:active {
    background-color: #dd3565 !important;
}
.tip_box table {
    margin: 0;
}
.tip_box table td {
    background-color: transparent !important;
    border: none;
    padding: 3px;
}
.all_posts.spotlight{
    margin: 42px 0;
}
.spotlight_popup_open{
    /*overflow: hidden;*/
    /*padding-right: 15px;*/
    width: 100%;
    position: fixed;
    overflow-y:scroll
}
.spotlight_popup{
    position: fixed;
    width: 100%;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: -4;
    opacity: 0;
    visibility: hidden;
    left: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.spotlight_popup.open{
    z-index: 99;
    opacity: 1;
    visibility: visible;
}
.spotlight_popup .close {
    position: absolute;
    top: 1.6rem;
    right: calc(50% - 440px);
    transform: translateX(50%);
    cursor: pointer;
    z-index: 100;
    padding: 1rem;
    opacity: 1;
}
.spotlight_popup .close  svg rect{
    fill: #fff
}
.spotlight_popup .content{
    box-shadow: 0 15px 35px 0 rgba(50, 50, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.07);
    background: #fff;
    width: 800px;
    height: 90%;
    display: block;
    position: relative;
    border-radius: 6px;
    overflow-y: scroll;
    padding: 14px;
}
.spotlight_popup .content img{
    width: 100%;
}
.learn_wolds span{
    font-weight: normal;
}
@media (max-width: 1110px) {
    .spotlight .post_types_list li {
        margin: 8px 20px;

    }
}
@media (max-width: 990px) {
    .spotlight .post_types_list li {
        margin: 8px 10px;

    }
    .spotlight_popup{
        padding-top: 40px;
    }

    .spotlight_popup .close {
        right: 30px
    }

    .post_blocks {
        grid-template-columns: 1fr 1fr;
    }
    .post_types_list li {
        margin: 8px 10px;
    }
    .single_post_page > .flex {
        flex-direction: column;
    }
    .single_post_page .left_col, .single_post_page .right_col {
        width: 100%;
        padding: 0;
    }
    .single_post_page .right_col {
        padding: 30px 40px 0 40px;
    }
    .single_post_page .parts_list {
        padding: 30px;
    }
    .single_post_page .bottom_share_section {
        width: 100%;
    }
    .hero {
        padding: 0 0 40px 0;
    }
    .hero> .flex {
        flex-direction: column;
    }
    .hero > .flex .img_col {
        margin: 0 auto 50px auto;
    }
    .hero > .flex .text_col {
        width: 100%;
    }
    .hero .btns {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
    .resources .img_col {
        margin-right: 0;
    }
    .cards .flex {
        flex-direction: column;
    }
    .cards .card {
        width: 100%;
        height: 600px;
    }
    .cards .card:not(:last-child) {
        margin-bottom: 20px;
    }
    /*.resources .single_post_page {*/
    /*    margin-bottom: 0;*/
    /*}*/
    .heading_section .resource_title {
        margin: 10px 20px 0 20px;
    }
    .single_resources .post_content {
        max-width: 65%;
    }
}

@media (max-width: 767px) {
    .spotlight_popup .close {

        top: -5px;
    }
    .spotlight_popup .content{

        height: 100%;
        border-radius: 0;
        padding: 0px;
    }
    .popup_section{
        top: 30px;
        overflow: auto;
        max-height: calc(100% - 60px);
    }
    .search_block .flex {
        flex-direction: column;
    }
    .search_block .flex .page_title {
        margin-bottom: 30px;
    }
    .search_form {
        width: 100%;
        justify-content: center;
    }
    .single_post_page .right_col {
        padding: 30px 0 0 0;
    }
    .prev_chapter a, .next_chapter a {
        line-height: 1.4;
    }
    .prev_chapter, .next_chapter {
        display: flex;
        align-items: center;
        padding: 10px;
    }
    .post_blocks {
        grid-template-columns: 1fr;
    }
    .download_modal {
        padding: 40px 30px;
    }
    .download_modal .main_content {
        flex-direction: column;
    }
    .download_modal .img_col, .download_modal .text_col {
        width: 100%;
    }
    .download_modal .img_col {
        margin-bottom: 50px;
    }
    .cards .card {
        height: 650px;
    }
    .next_ch, .share_icons {
        display: none;
    }
    .next_ch_mob, .share_icons.mob {
        display: block;
    }
    .single_resources .post_content {
        max-width: 100%;
    }
    .tip_box ul, .tip_box ol {
        padding-left: 10px;
        margin: 5px 0;
    }
}
@media (max-width: 480px){
    .popup_section{
        top: 20px;
        overflow: auto;
        max-height: calc(100% - 40px);
    }

}

/*hr_glossary*/

.hr_glossary_nav{
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:80px ;
    margin-bottom: 70px;
    padding:13px 21px ;
    background: #FAFAFA;
    border-radius: 10px;
}
.hr_glossary_nav li a{
    font-family: 'Avenir Next', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.79em;
    color: #673ED2;
}
.hr_glossary_nav li:last-child a{
    letter-spacing: normal;
}
.hr_glossary_posts h3.glossary-alpha-header {
    background: #FAFAFA;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Avenir Next', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #673ED2;
    margin: 0;
    margin-bottom: 30px;
}
.hr_glossary_posts .hr_glossary_post a {
    font-family: 'Avenir Next', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height:20px;
    display: inline-block;
    margin-bottom: 30px;
    color: #292826;
}
.hr_glossary_posts .hr_glossary_post:not(:last-child)  {
    border-bottom: 1px solid #DADADA;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.hr_glossary_posts {
    margin-bottom: 100px;
}

.hr_glossary_related_terms {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -20px;
}
.hr_glossary_related_terms .hr_glossary_post{
    width: 33.333%;
    padding:0 20px;
}
.hr_glossary_related_terms .hr_glossary_post>div{
    padding: 20px 25px;
    background: #FAFAFA;
    border-radius: 10px;
}
.hr_glossary_related_terms .hr_glossary_post a.title{
    font-family: 'Avenir Next', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    color: #673ED2;
    margin-bottom: 15px;
    display: inline-block;
}
.hr_glossary_related_terms .hr_glossary_post .text{
    font-family: 'Avenir Next', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #292826;
    margin-bottom: 30px;
}

@media (max-width: 992px){

    .hr_glossary_related_terms {
        margin: 0 -10px;
    }
    .hr_glossary_related_terms .hr_glossary_post{
        padding:0 10px;
    }
}
@media (max-width: 992px){

    .hr_glossary_related_terms {
        margin: 0;
        flex-direction: column;
    }
    .hr_glossary_related_terms .hr_glossary_post{
        padding:15px 0 ;
        width: 100%;
    }
}

.wpcf7-spinner {
	width: 24px !important;
	margin: 10px 24px !important;
}