/*!
Theme Name: qs-gen
Theme URI: https://qs-gen.com/
Author: Suchit Patel
Author URI: https://qs-gen.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qs-gen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

qs-gen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


/* Custom Design CSS SP */


@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-ExtraBold.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/./fonts/RedHatDisplay-BlackItalic.woff2') format('woff2'),
        url('./fonts/./fonts/RedHatDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-LightItalic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Medium.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Black.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Italic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-ExtraBoldItalic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Light.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-MediumItalic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Regular.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-SemiBold.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-BoldItalic.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url('./fonts/RedHatDisplay-Bold.woff2') format('woff2'),
        url('./fonts/RedHatDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-SemiBoldItalic.woff2') format('woff2'),
        url('./fonts/RedHatText-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-Medium.woff2') format('woff2'),
        url('./fonts/RedHatText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-Regular.woff2') format('woff2'),
        url('./fonts/RedHatText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-BoldItalic.woff2') format('woff2'),
        url('./fonts/RedHatText-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-Italic.woff2') format('woff2'),
        url('./fonts/RedHatText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-SemiBold.woff2') format('woff2'),
        url('./fonts/RedHatText-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-Bold.woff2') format('woff2'),
        url('./fonts/RedHatText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-MediumItalic.woff2') format('woff2'),
        url('./fonts/RedHatText-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-LightItalic.woff2') format('woff2'),
        url('./fonts/RedHatText-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('./fonts/RedHatText-Light.woff2') format('woff2'),
        url('./fonts/RedHatText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

html,
body {
    font-family: 'Red Hat Text';
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    color: var(--black);
    background-color: var(--white);
}

:root {
    --white: #fff;
    --black: #000;
    --light_black: #1D1D1B;
    --orange: #FECC01;
    --grey: #343432;
    --light_blue: #F6F6F6;

}




.bg_orange {
    background-color: var(--orange);
}

.bg_light_black {
    background-color: var(--light_black);
}

.bg_light_blue {
    background-color: var(--light_blue);
}

.container {
    max-width: 1210px;
    width: 100%;
    padding: 0px 50px;
    margin: 0px auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Red Hat Display';
    font-style: normal;
    font-weight: 700;
    color: var(--black);

}

h1,
.title_h1 {
    font-size: 24px;
    line-height: 150%;
    color: var(--light_black);
}

.title_h1_big {
    font-size: 28px;
    line-height: 142.857%;
    color: var(--black);
}

h2,
.title_h2 {
    font-size: 20px;
    line-height: 28px
}

h3,
.title_h3 {
    font-size: 16px;
    line-height: 150%;
}

h4,
.title_h4 {
    font-size: 14px;
    line-height: 142.857%;
    font-weight: 500;
}


p {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
}

.fourteen_p p,
.fourteen_p li {
    font-family: "Red Hat Text";
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
    color: var(--grey);
}

.banner_top_img p {
    color: #000;
}

.twelve_p li {
    color: var(--grey);
    text-align: justify;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.textoverflow p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: var(--light_black);
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

a:hover {
    color: var(--orange);
    transition: 0.2s all ease-in-out;
}

a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    font-family: "Red Hat Display";
    border-radius: 100px;
    background-color: var(--orange);
    width: max-content;
    border: 1px solid transparent;
}

a.btn:hover {
    background: white;
    color: var(--orange);
    border: 1px solid var(--orange);
    transition: 0.2s all ease-in-out;
}

a.black_btn {
    padding: 12.5px 16.3px;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    border-radius: 35px;
    background: var(--light_black);
}

a.black_btn:hover {
    color: var(--black);
    background: var(--white);
    border: 1px solid var(--black);
    transition: 0.2s all ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    user-select: none;
}


/* Animation of the image on the hover  */

.animated_img {
    overflow: hidden;
    border-radius: 10px;
}

.animated_img img {
    transition: all 0.3s ease-in-out;
}

.animated_img:hover img {
    scale: 1.1;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}



/* Flex - column - gap(20px) */

.flex_col_20 {
    gap: 20px;
    display: flex;
    flex-direction: column;
}





/* *************************************************************************************************************  Header Top  ******************************************************************************************************/

.header_top {
    padding: 10px 0;
    background: #1D1D1B;
}

.header_top_main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_top_slide img {
    margin: 0px auto;
    width: max-content;
}

/* -------------------------------------------------------------------------------------------------------------- Header ----------------------------------------------------------------------------------------------------------  */


.header {
    padding: 20px 0px;
    position: relative;
    z-index: 2;
    background: white;
}

.header_main {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.left_header {
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: center;
}

.header_links ul {
    display: flex;
    gap: 45px;
    align-items: center;
}

.right_header {
    display: flex;
    gap: 24px;
    align-items: center;
}

.log_register {
    display: flex;
    gap: 24px;
    align-items: center;
}

.for_mobile.right_menu {
    display: none;
}

.mobileIcon {
    display: none;
}

/* ------------------------------------------------------------------------------------------------- Hero Banner -------------------------------------------------------------------------------------------------------- */

.hero_banner {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

/* .hero_banner::After,
.inner_banner_otr:after {
    position: absolute;
    content: '';
    right: 0;
    top: -93px;
    width: 234px;
    height: 234px;
    background-image: url(../../uploads/2024/10/hero_banner_patch-1.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
} */

.hero_banner_slides {
    display: flex !important;
    gap: 30px;
    align-items: center;
}

.hero_banner_img {
    width: 48.65%;
}

.hero_banner_slides_content {
    flex: 1;
}

.banner_content_title_img_content,
.banner_content_title_img_content a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.banner_content_center h3 {
    padding-bottom: 8px;
}

.banner_top_img {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* .small_intro li {
    list-style-type: disc;
} */

.read_more a {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
}

.read_more.hover_yellow a:hover .yellow_aero {
    background: #fecc0191;
}

a.yellow_aero:hover {
    background: #fecc0191;
}

.yellow_aero {
    display: flex;
    padding: 17px 16.5px;
    background: var(--orange);
    border-radius: 100px;
}

.hero_banner_img img {
    border-radius: 20px;
    aspect-ratio: 544 / 306;
    object-fit: cover;
}


.banner_pagination span.swiper-pagination-bullet {
    width: 22px !important;
    height: 6px !important;
    border-radius: 2px !important;
    padding: 0 !important;
    margin: 0px !important;
}

.banner_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FECC01 !important;
}

.swiper-pagination.banner_pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex !important;
    width: max-content !important;
    gap: 14px !important;
    margin: 0px auto !important;
    position: unset !important;
    margin-top: 44px !important;
}



/* *************************************************************************************** Trending Now ************************************************************************************************* */

.trending_now {
    padding: 44px 0px;
    position: relative;
    z-index: 1;
}

.trending_now::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../uploads/2024/10/trending_bg_img-1.png);
    z-index: -2;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.trending_now::before {
    position: absolute;
    content: '';
    right: 79px;
    top: 53px;
    width: 265px;
    height: 136px;
    background-image: url(../../uploads/2024/10/trending_dotted-1.png);
    background-repeat: no-repeat;
    z-index: -1;
}


.trending_content_main {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.trending_tab {
    padding: 16px 24px;
    border-radius: 20px;
    background: var(--White, #FFF);
    display: flex !important;
}

.trending_tab .banner_content_title_img_content {
    gap: 12px 16px;
}

.trending_tab .banner_content_center h3,
.right_content_text h3 {
    padding-bottom: 4px;
}

.small_intro ul {
    display: flex;
    gap: 16px;
}

.banner_top_img img {
    border-radius: 100%;
	width:34px;
	height:34px;
}


/* ---------------------------------------------------------------  Featured ------------------------------------------------- */



.featured {
    padding: 44px 0px;
    position: relative;
    z-index: 1;
}

.featured::after,
.category_most_read:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -8px;
    width: 237px;
    height: 237px;
    background-image: url(../../uploads/2024/10/fetured_patch-1.svg);
    z-index: -1;
}

.featured_top {
    display: flex;
    gap: 31px;
}

.featured_title_left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.featured_slides_pagination {
    display: flex !important;
    gap: 8px;
    width: max-content;
    align-items: flex-start;
}

.featured_slides_pagination .swiper_pag_aero::After {
    display: none;
}

.featured_slides_pagination .swiper_pag_aero {
    position: unset !important;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #F7A70F;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100%;
}

.featured_left {
    width: 65.77%;
}

.featured_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 44px;
}

.featured_slides {
    display: grid !important;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.featured_sidebar {
    flex: 1;
}

.featured_sidebar h1 {
    padding-bottom: 24px;
}

.featured_side_img img {
    border-radius: 16px;
    padding: 0px 4px;
}



.featured_btm {
    padding-top: 40px;
}

.featured_btm img {
    margin: 0px auto;
}

.featured_img img {
    border-radius: 20px;
    aspect-ratio: 350 / 197;
    object-fit: cover;
}

.featured_side_img {
    background: #EDEDED;
    border-radius: 25px 25px 16px 16px;
    position: relative;
}

.featured_hover_content {
    position: absolute;
    top: 0;
    border-radius: 16px;
    background: rgba(29, 29, 27);
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    display: none;
}

.featured_hover_content h3,
.featured_hover_content p,
.featured_hover_content a {
    color: white;
}

.featured_content_top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured_side_img:hover .featured_hover_content {
    display: flex;
    transition: all 0.3s ease-in-out;
}



/************************************************************************************************* Qs Stories **************************************************************************************************/


.qs_stories {
    position: relative;
    z-index: 1;
    background: var(--white);
    padding: 22px 0px;
}

.qs_stories::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../uploads/2024/10/qs_stories_bg_img-1.png);
    background-repeat: no-repeat;
    z-index: -1;
    background-size: cover;
    border-radius: 8px;
}

.qs_stories_main {
    text-align: center;
}

.qs_stories_main a.btn.black_btn {
    width: max-content;
    padding: 12.5px 40.5px;
    margin: 0px auto;
    margin-top: 16px;
}


.qs_stories_main a.btn.black_btn:hover {
    border: 1px solid transparent;
    background: white;
    color: black;
}


/******************************************************************************************************  Ranking *********************************************************************************************/


.ranking {
    padding: 44px 0;
}

.tabbing_title {
    display: flex;
    justify-content: space-between;
}

.tabbing_main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tabbing_tabs {
    padding-bottom: 30px;
}

.tabbing_tabs ul {
    display: flex;
    gap: 20px;
}

.tabbing_tabs ul a {
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light_black);
    font-weight: 400;
    border-radius: 40px;
    border: 1px solid #A5A5A4;
}

.tabbing_tabs ul a:hover {
    background: var(--orange);
    border: 1px solid transparent;
    -webkit-text-stroke: 0.9px var(--light_black);
    transition: 0.2s all ease-in-out;
    border-radius: 40px;

}

.tabbing_tabs ul li.active a {
    border-radius: 40px;
    background: var(--orange);
    -webkit-text-stroke: 0.9px var(--light_black);
    border: 1px solid transparent;
    transition: 0.2s all ease-in-out;
}

.left_side_content img {
    position: relative;
}

.left_side_content {
    position: relative;
    width: 48.65%;
    z-index: 1;
}

.left_side_content::After {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /* border-radius: 20px; */
    background: linear-gradient(180deg, #000 0.29%, rgba(0, 0, 0, 0.41) 15.45%, rgba(0, 0, 0, 0.00) 27.64%, rgba(0, 0, 0, 0.00) 67.94%, rgba(0, 0, 0, 0.29) 77.62%, rgba(0, 0, 0, 0.41) 83.55%, #000 99.72%);
    z-index: 1;
}

.left_img_text {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 11px;
    right: 16px;
    left: 10px;
    bottom: 8px;
}

.tabbing_content_box,
.region_left_right_otr {
    display: flex;
    gap: 31px;
    align-items: flex-start;
}

.right_side_content {
    flex: 1;
}

.left_side_content p,
.left_side_content .fourteen_p li,
.left_side_content .read_more a,
.left_side_content .banner_content_center h3 {
    color: var(--white);
}

.left_btm_content_text {
    display: flex;
    justify-content: space-between;
}

.left_btm_content_text p {
    max-width: 338px;
}

.right_content_box {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.right_content_img_text {
    display: flex;
    gap: 20px;
}

.right_side_content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.right_content_text {
    flex: 1;
}

.right_content_img {
    width: 34.51%;
}

.right_content_img img {
    border-radius: 20px;
}

.right_side_content .banner_top_img img {
    width: 34px;
	height:34px;
}

.right_content_text_btn.textoverflow {
    display: flex;
    gap: 29px;
}

.right_content_text_btn.textoverflow a {
    align-self: flex-start;
}

.tabbing_content_box {
    display: none;
    transition: 0.3s all ease-in-out;
}

.tabbing_content_box.active {
    display: flex;
    transition: 0.3s all ease-in-out;
    flex-direction: column;
    align-items: center;
}


/***********************************************************************************************  Regions ***********************************************************************************************************/


.regions {
    padding: 44px 0 34px;
}

.region_right {
    flex: 1;
}

.region_left {
    width: 31.532%;
}

.region_left .featured_tab {
    gap: 16px;
}

.regions .banner_content_center h3 {
    padding-bottom: 4px;
}

.region_left .featured_content {
    padding: 0px 8px;
}

.region_right {
    flex: 1;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.region_right .featured_tab {
    flex-direction: row;
    gap: 16px;
    margin-right: 13px;
    align-items: center;
}

.region_right .featured_img {
    width: 48.883%;
}

.region_right .featured_content {
    flex: 1;
    gap: 16px;
    padding: 0 8px;
}

.region_right .featured_img img {
    border-radius: 20px;
}

.extra_space img {
    margin: 0px auto;
}

.regions .tabbing_title a.btn.black_btn {
    display: none;
}


/********************************************************************************************************* Editorials  ****************************************************************************************** */

.bg_light_black .fourteen_p p,
.bg_light_black .fourteen_p li,
.bg_light_black h3,
.bg_light_black p {
    color: white;
}

.editorials {
    z-index: 1;
    padding: 44px 0;
    position: relative;
    overflow: hidden;
}

.editorials::after {
    position: absolute;
    content: '';
    top: 0;
    right: 24px;
    width: 136px;
    height: 265px;
    background-image: url(../../uploads/2024/10/editorials_right_patch-1.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.editorials::before {
    position: absolute;
    content: '';
    bottom: -15px;
    left: 57.5px;
    width: 265px;
    height: 136px;
    background-image: url(../../uploads/2024/10/editorials_left_patch-1.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.editorials_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 44px;
}

.editorials_title h1 , .editorials_title h2 {
    color: white;
}

.editorials_content .tabbing_content_box,
.category_most_read_main .tabbing_content_box {
    display: flex;
}

.editorials_content .left_side_content::After {
    border-radius: 0px;
}

.editorials_content .yellow_aero {
    background: #F9B93D;
}

.left_side_content>img {
    /* position: absolute; */
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.editorials_content .tabbing_content_box {
    align-items: stretch;
}


/************************************************************************************  Most Read  *************************************************************************************************************/

.most_read {
    padding: 44px 0px;
}

.most_read_title {
    padding-bottom: 24px;
}

.most_read_content_adv {
    display: flex;
    gap: 131px;
    align-items: center;
}

.most_read_content {
    width: 64.51%;
}

.most_read_content_adv {
    display: flex;
    gap: 146px;
    align-items: center;
}

.most_read_content_top .region_right .featured_tab.flex_col_20 {
    margin-right: 0;
}

.most_read_content_btm .featured_content {
    padding: 0 8px;
    gap: 16px;
}

.most_read_content_btm {
    display: grid;
    gap: 16px;
    padding-top: 31px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.most_read_adv_otr {
    flex: 1 !important;
}

.most_read_adv_slides {
    max-width: 250px !important;
}

.most_read_adv_slide img {
    aspect-ratio: 250 / 250;
    object-fit: cover;
}

/**************************************************************************************  Footer  **************************************************************************************************************/


.footer_top {
    padding: 90px 0 36px;
    border-bottom: 10px solid #EDEDED;
}

.footer_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 46px;
}

.footer_logo_links {
    display: flex;
    gap: 46px;
    align-items: center;
}

.footer_links ul {
    display: flex;
    gap: 23.33px;
}

.footer_social_links {
    display: flex;
    gap: 15px;
    align-items: center;
}



.social_links {
    display: flex;
    gap: 5px;
}

.social_links a {
    padding: 7px;
    background: #FECC01;
    border-radius: 50%;
    display: block;
}

.footer a,
.footer p {
    font-size: 13.333px;
    font-weight: 400;
    line-height: normal;
}

.footer_bottom {
    padding: 38px 0 33px;
}

.footer_btm_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_btm_main .copyright p:last-child {
    color: #F7A70F;
    font-weight: 500;
    padding-top: 8px;
}

.footer_contact_links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.footer_btm_links ul {
    display: flex;
    gap: 11.67px;
}

.footer_bottom p,
.footer_bottom li,
.footer_bottom .footer_btm_links a {
    font-size: 10px;
}

.footer_social_links p {
    margin: 0;
}

/* Trending Tab Responsive   */


.trending_tab_pagination .swiper_pag_aero {
    background: white;
}

.trending_main_title a.btn.black_btn {
    background: unset;
    color: black;
    line-height: 142.857%;
    padding: 0;
}

.trending_main_title a.btn.black_btn:hover {
    border: unset;
}

.trending_main_title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 17px;
}

.title_left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.trending_main_title .trending_tab_pagination {
    display: none !important;
}

.trending_main_title .view_all {
    display: none;
}

.swiper-grid-column>.swiper-wrapper {
    width: 100% !important;
}

.mobile_trending_content_main .trending_slides {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
}

.mobile_trending_content_main {
    display: none !important;
}



.readMoreBtn.d-none.d-xxl-flex.d-xl-flex.d-lg-flex.align-items-center.justify-content-start {
    display: flex;
    align-items: center;
}

.readMoreBtn a {
    background-color: #FECC01;
    height: 44px;
    width: 44px;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
}

.readMoreBtn img {
    position: absolute;
    transform: translate(17px, 17px);
}

.search-bar {
    display: flex;
    cursor: pointer;
}

.search-results .search {
    display: none;
}

.search_open .search-bar {
    display: none;
}

.search_open .header_main {
    padding-bottom: 80px;
}

.search_open .search {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.search_input_icon {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 44.6%;
}

.search_open div#searchResults {
    display: block !important;
}

.search_open div#searchResults form.search-form {
    display: flex;
    gap: 24px;
    width: 100%;
}

input#searchInput {
    color: #9A9A99;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: unset !important;
    border-bottom: 2px solid #F7A70D !important;
    height: 44px;
    width: 100%;
    padding: 10px 0 10px 10px;
}

input:focus-visible {
    outline: unset !important;
}

.qs_stories_main a.btn.black_btn {
    background: #000;
    color: #fff;
}

.qs_stories_main h2 {
    padding-bottom: 8px;
}

.ranking {
    display: none;
}

.header_menu li.mobile {
    display: none;
}


/***************sub-menu*********/
.header_menu li {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
 
    justify-content: center;
}

.header_menu .sub-menu {
    position: absolute;
    padding: 20px;
    background: #fff;
    top: 58px;
    width: max-content;
    min-width: 250px;
    height: fit-content;
    z-index: 99999;
    width: 100%;
    left: 0;
    opacity: 0;
    white-space: wrap;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
    box-shadow: 0px 23px 46px -26px rgba(0, 0, 0, 0.25);
}

.header_menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.header_menu .menu-item-has-children p {
    position: relative;
}

.header_menu .menu-item-has-children p {
    width: 26px;
    height: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23181818"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.7;
}

.header_menu .menu-item-has-children:hover p,
.header_menu li.menu-item-has-children.menu-item-35144.active:hover p {
    opacity: 1;
    filter: invert(90%) sepia(22%) saturate(6699%) hue-rotate(359deg) brightness(102%) contrast(106%);
    transition: 0.2s all ease-in-out;
}

.header_menu .current-menu-item p {
    opacity: 1;
}

.header_menu .menu-item-has-children a:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 51px;
    z-index: 1;
}

.sub-menu p {
    transform: rotate(-90deg);
}

.header_menu li:hover .sub-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
}

.header_menu .sub-menu li {
    margin-right: auto;
    justify-content: flex-end;
}

.header_menu .sub-menu li ::before {
    display: none;
}

.header_menu li ul.sub-menu {
    gap: 20px;
}

.header_menu .sub-menu {
    flex-direction: column;
}

.header_menu li:hover .sub-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.header_menu li .sub-menu li .sub-menu {
    left: 111%;
    top: 0;
    transform: unset;
}

.header_menu .sub-menu li>a {
    width: max-content;
}

.header_menu ul .current-menu-item .sub-menu a {
    color: var(--dark-black);
}

.header_menu li .sub-menu li .sub-menu li:last-child {
    padding-bottom: 0;
}

.header_menu li .sub-menu li:last-child {
    padding-bottom: 0;
}




.read_more.hover_yellow {
    margin-top: auto;
}



/* ********************************************************************************* Featured Page ************************************************************ */


.inner_banner_otr.category_banner {
    padding: 50px 0;
    position: relative;
    z-index: 1;
}



.title_btn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    align-items: center;
}

.category_advertise_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.multiple_category {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 50px 30px;
    padding-top: 50px;
}

.banner_content_title_img_content a {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.small_intro li {
    position: relative;
    padding-left: 22px;
	text-align: left;
}

.small_intro li:after {
    width: 6px;
    height: 6px;
    position: absolute;
    content: '';
    left: 0;
    background: #5D5D5B;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.featured_content.flex_col_20 {
    flex: 1;
}

.banner_content_center.textoverflow {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.banner_content_center.textoverflow p {
    margin-top: auto;
}

.right_content_img_text {
    display: flex;
    gap: 20px;
}

.category_advertise_box_otr {
    max-width: 250px;
}

/* Most Read section */


.category_most_read {
    padding: 34px 0 40px;
    background: #F6F6F6;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.category_space_otr {
    padding: 50px 0 0;
}

/* .qs_stories {
    margin: 50px 0 0;
} */


.flex_open>a {
    position: relative;
    display: flex;
}

.flex_open a>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: unset !important;
}

.banner_flex_img.flex_open>a {
    padding-top: 56.3%;
}

.post_ninty_seven.flex_open>a {
    padding-top: 56.29%;
}

.post_thirty_four.flex_open>a {
    padding-top: 56.3%;
}

.post_zero_four.flex_open>a {
    padding-top: 55.92%;
}


.title_btn a.a_btn {
    background: white;
    border-radius: 500px;
    padding: 8px 10px;
    box-shadow: 0px 1px 4px -2px;
}

.left_side_content .small_intro li:after {
    background: white;
}

#post-count p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--Kelp, #1D1D1B);
}

div#post-count-main {
    text-align: center;
    padding: 50px 0;
}

.progress-bar_otr {
    max-width: 200px;
    background: #DBDBDB;
    height: 4px;
    border-radius: 4px;
    margin: 8px auto 15px;
    overflow: hidden;
}

button#load-more {
    align-items: center;
    justify-content: center;
    padding: 12px 59px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    font-family: "Red Hat Display";
    border-radius: 100px;
    background-color: var(--orange);
    width: max-content;
    border: 1px solid transparent;
    cursor: pointer;
}

button#load-more:hover {
    background: white;
    color: var(--orange);
    border: 1px solid var(--orange);
    transition: 0.2s all ease-in-out;
}

/*  */
.author .category_most_read {
    margin-top: 50px;
}

.author .title_btn {
    padding: 50px 0px;
}



/*  Category Detail Page  */

.article_details {
    padding-top: 30px;
}

.back_btn {
    display: flex;
    align-items: center;
    gap: 13px;
}

.back_btn p {
    color: #1D1D1B;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.back_btn svg {
    transform: rotate(180deg);
}


.article__title_category {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 40px;
}

.article_image_description img {
    border-radius: 20px !important;
    aspect-ratio: 665 / 374;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.article_image_description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article_description strong {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}

.article_description {
    text-align: justify;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 31.5px;
}

.related_tags {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-top: 40px;
	flex-wrap: wrap;
}

.related_post_name ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.related_post_name ul li a {
    color: #FFF;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 29px;
    background: var(--light_black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.related_post_name ul li a:hover {
    color: #000;
    background: #fecc01;
}

.article_detail_otr {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.btm_article_otr {
    display: flex;
    gap: 60px;
    align-items: flex-start;
	margin-bottom: 60px;
}

.article_left_otr {
    width: 59.91%;
}

.article_detail_right {
    padding: 24px 15px;
    border-radius: 16px;
    background: #F6F6F6;
    flex: 1;
}

.related_articles_otr {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
}

.related-articles h3 {
    color: #000;
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;

}

.article_author_category_otr .banner_content_center h3 {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0 4px;
}

.related_article .small_intro a {
    color: #343432;
    text-align: justify;
    font-family: "Red Hat Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.author_category {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.article_author_category_otr {
    gap: 0px;
}

.article_author_category_otr .banner_top_img {
    width: 100%;
}

.article_author_category_otr .small_intro ul {
    flex-wrap: wrap;
    gap: 8px 16px;
}

.post_detail_img {
    display: none;
}

.recent_img_content {
    display: flex;
    gap: 16px;
    align-items: center;
}










/* login css */

.g-recaptcha.login-captcha {
    margin-top: 15px;
}

article#post-16189 {
    padding: 100px 0;
    max-width: 729px;
    margin: 0 auto;
    position: relative;
}

article#post-16189 .entry-title {
    font-size: 32px;
    text-align: center;
}

article#post-16189 .entry-content {
    padding-top: 61px;
}

.common_input {
    position: relative;
    margin-bottom: 16px;
}

.common_input label {
    position: absolute;
    top: 14px;
    left: 12px;
    color: #797979;
    transition: all ease-in-out 0.3s;
}

.common_input input {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px;
    color: #797979;
    background-color: transparent !important;
    border: 1px solid #A5A5A4;
    width: 100%;
    position: relative;
    border-radius: 4px;
    font-family: 'Red Hat Text';
    z-index: 1;
}

.common_input .select2-container span#select2-country-select-container {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 24px;
    flex: 1;
}

.common_input .select2-container span.select2-selection.select2-selection--single {
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.common_input .select2-container .select2-selection--single .select2-selection__arrow {
    top: 12px;
}

.common_input .select2-container span.select2-selection.select2-selection--single button.select2-selection__clear {
    padding: 3px 22px 0 0;
    width: auto;
    margin: 0;
    height: auto;
    line-height: 1;
}

.register_input_row .common_input span.select2.select2-container+label {
    top: -9px;
    background: #ffffff;
    padding: 0 3px;
    font-size: 13px;
    z-index: 1;
}

.register_input_row .common_input span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {}

.register_input_row .common_input span.select2.select2-container+label {
    top: -9px;
    background: #ffffff;
    padding: 0 3px;
    font-size: 13px;
    z-index: 1;
}


.common_input .select2-container span.select2-selection.select2-selection--single button.select2-selection__clear {
    padding: 3px 22px 0 0;
    width: auto;
    margin: 0;
    height: auto;
    line-height: 1;
}

.register_center__otr {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.register_center__otr .common_input {
    flex: 1;
}

.common_input .password-requirements p {
    text-align: left;
    padding-bottom: 10px;
    line-height: 1;
}

.register_input_row .common_input button#btnToggle {
    position: absolute;
    top: 0;
    margin: 0;
    background: none;
    border: none;
    width: auto;
    line-height: 26px;
    right: 0;
    z-index: 1;
}

.register_input_row .common_input input#password {
    padding-right: 40px;
}

.password-requirements p span.icon {
    margin-right: 5px;
    font-size: 9px;
}

.password-requirements {
    margin-top: 10px;
}

/* Style for the toggle switch container */
.register_center {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Hide the default checkbox */
.switch input {
    display: none;
}

/* Styling the slider */
.register_center__otr .slider {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    background-color: #DBDBDB;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* Circle inside the toggle switch */
.register_center__otr .slider::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #797979;
    border-radius: 50%;
    top: -2px;
    left: 0px;
    transition: transform 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* When the checkbox is checked */
.register_center__otr .switch input:checked+.slider {
    background-color: #4caf5080;
}

.register_center__otr .switch input:checked+.slider::before {
    transform: translateX(13px);
    background-color: #4caf50;
}

.common_input input::placeholder {
    display: none !important;
}

article#post-16189 .entry-header {
    max-width: 355px;
    margin: 0 auto;
}

article#post-16189 .entry-content form {
    max-width:402px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 40px 50px;
}

article#post-16189 .entry-content form:before {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_1.svg);
    position: absolute;
    top: 1px;
    left: -110px;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: top;
}

article#post-16189 .entry-content form:after {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_2.svg);
    position: absolute;
    top: auto;
    left: auto;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: bottom;
    right: -110px;
    bottom: 0px;
}

.common_input input:hover,
.common_input input:focus,
.common_input input:active {
    background-color: transparent !important;
}

article#post-16189 .entry-content form button {
    display: block;
    background: #FECC01;
    border-radius: 34px;
    padding: 12px;
    width: 100%;
    border: 1px solid #fecc01;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Red Hat Display';
    color: #1D1D1B;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    margin-top: 16px;
}

article#post-16189 .entry-content form button:hover {
    background: transparent;
    color: #fecc01;
}

main#primary:after {
    content: '';
    background: url(../wp-content/uploads/2024/10/hero_banner_patch-1.svg);
    position: absolute;
    top: 0;
    right: 0;
    width: 237px;
    height: 237px;
}

.common_input input:not(:placeholder-shown)+label {
    top: -9px;
    background: #ffffff;
    padding: 0 3px;
    font-size: 13px;
    z-index: 1;
}

.common_input input::placeholder {
    color: rgb(255 255 255 / 0%);
}


main#primary {
    position: relative;
}


/* register */


.register_main {
    display: flex;
    gap: 30px;
    max-width: 1440px;
    margin: 0 auto;
}

.register_left {
    padding: 81px 95px 360px 165px;
    background: #FEF6E7;
    position: relative;
}

.register_left:after {
    content: '';
    background: url(../wp-content/uploads/2024/11/register_patch.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 237px;
    height: 237px;
}

.register_left h2 {
    font-size: 24px;
}

.register_main form {
    padding-right: 165px;
}

.register_left_otr {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}

.register_left_row {
    display: flex;
    align-items: center;
    gap: 35px;
}

.common_register_bottom p a {
    color: #5D5D5B;
}

.register_img {
    padding: 17px;
    background: #FDE5B6;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.register_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.register_left_row p {
    flex: 1;
    max-width: 350px;
}

article#post-16191 .entry-header {
    display: none;
}

.page-id-16191 main#primary:after {
    display: none;
}

.register_input_row {
    display: flex;
    gap: 30px;
}

.register_input_row .common_input {
    width: 50%;
}

.common_register_bottom {
    margin-top: 20px;
}

.register_form {
    flex: 1;
    padding-top: 80px;
}

.register_form h2 {
    padding-bottom: 30px;
}

.common_input select {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px;
    color: #797979;
    background-color: transparent !important;
    border: 1px solid #A5A5A4;
    width: 100%;
    position: relative;
    border-radius: 4px;
    font-family: 'Red Hat Text';
}

.register_main form button {
    display: block;
    background: #FECC01;
    border-radius: 34px;
    padding: 12px;
    width: 100%;
    border: 1px solid #fecc01;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Red Hat Display';
    color: #1D1D1B;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    margin: 0 auto;
    max-width: 271px;
    margin-top: 20px;
}

.register_main form button:hover {
    background: transparent;
    color: #fecc01;
}

.common_register_bottom p {
    font-family: 'Red Hat Display';
    color: #5D5D5B;
    text-align: center;
    max-width: 399px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.register_center {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.register_center label {
    line-height: 1;
}

.register_form .g-recaptcha {
    margin-top: 15px;
}

.common_input select:not(:placeholder-shown)+label {
    top: -9px;
    background: #fff;
    padding: 0 3px;
    font-size: 13px;
}

article#post-40485 {
    padding: 100px 0;
    max-width: 729px;
    margin: 0 auto;
    position: relative;
}

article#post-40485 .entry-content {
    padding-top: 61px;
}

article#post-40485 .entry-title {
    text-align: center;
}

article#post-40485 .entry-content form {
    position: relative;
    z-index: 1;
    padding: 40px 50px;
}

article#post-40485 .entry-content form:before {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_1.svg);
    position: absolute;
    top: 1px;
    left: -110px;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: top;
}

article#post-40485 .entry-content form:after {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_2.svg);
    position: absolute;
    top: auto;
    left: auto;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: bottom;
    right: -110px;
    bottom: 0px;
}

article#post-40485 .entry-content button {
    display: block;
    background: #FECC01;
    border-radius: 34px;
    padding: 12px;
    width: 100%;
    border: 1px solid #fecc01;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Red Hat Display';
    color: #1D1D1B;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    margin: 0 auto;
    max-width: 271px;
    margin-top: 20px;
}

article#post-40485 .entry-content button:hover {
    background: transparent;
    color: #fecc01;
}


article#post-40487 {
    padding: 100px 0;
    max-width: 729px;
    margin: 0 auto;
    position: relative;
}

article#post-40487 .entry-content {
    padding-top: 140px;
    position: relative;
}

article#post-40487 .entry-content p {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

article#post-40487 .entry-header {
    max-width: 355px;
    margin: 0 auto;
}

article#post-40487 .entry-header .entry-title {
    font-size: 32px;
    text-align: center;
}

article#post-40487 .entry-content form {
    max-width: 355px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 40px 50px;
}

article#post-40487 .entry-content form button {
    display: block;
    background: #FECC01;
    border-radius: 34px;
    padding: 12px;
    width: 100%;
    border: 1px solid #fecc01;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Red Hat Display';
    color: #1D1D1B;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    margin-top: 16px;
}

article#post-40487 .entry-content form button:hover {
    background: transparent;
    color: #FECC01;
}

article#post-40487 .entry-content form:before {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_1.svg);
    position: absolute;
    top: -64px;
    left: -150px;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: top;
}

article#post-40487 .entry-content form:after {
    content: '';
    background: url(../wp-content/uploads/2024/11/login_patch_2.svg);
    position: absolute;
    top: auto;
    left: auto;
    width: 186px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    background-position: bottom;
    right: -120px;
    bottom: -25px;
}

article#post-40487 .entry-content span {
    position: absolute;
    top: -13px;
    width: 100%;
    text-align: center;
    left: 0;
}

.dashboard-main {
    position: relative;
}

.dashboard-main:before {
    content: '';
    background: url(../wp-content/uploads/2024/10/hero_banner_patch-1.svg);
    position: absolute;
    top: 0;
    right: 0;
    width: 237px;
    height: 237px;
    background-repeat: no-repeat;
}

.page-template-dashboard .dashboard-container {
    max-width: 1210px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 50px;
	margin: 0px auto;
}
div#delete-confirmation-popup {
    display: none;
}
.page-template-dashboard .dashboard-container .dashboard-header {
    max-width: 336px;
    padding: 16px;
    background: #F6F6F6;
    border-radius: 20px;
    margin-bottom: 0;
}

.page-template-dashboard .dashboard-container .dashboard-header .total-posts {
    font-size: 1rem;
    color: #000;
    line-height: 1;
    padding-bottom: 12px;
}

.dashboard_btm_main {
    padding: 24px 16px 16px 16px;
    background: #F6F6F6;
    display: flex;
    gap: 16px;
    border-radius: 20px;
}

.dashboard_btm_main .post-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 63%;
    margin-bottom: 0;
}

.dashboard_btm_main .post-section h2 {
    margin: 0;
    font-size: 1em;
}

.dashboard_btm_main .draft-section {
    flex: 1;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dashboard_btm_main .post-section .post-list {
    background: #fff;
    width: 100%;
    display: block;
    padding: 24px 16px;
    border-radius: 16px;
    min-height: 366px;
}

.dashboard_btm_main .post-section .post-list .user-post {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    padding-bottom: 16px;
}

.dashboard_btm_main .post-section .post-list .user-post h3 {
    width: 100%;
    line-height: 1;
    color: #000;
    padding-bottom: 4px;
}

.dashboard_btm_main .draft-section .draft_btm_box .button {
    background: var(--orange);
    color: #000;
    border: 1px solid var(--orange);
    display: none;
}

.page-template-dashboard .dashboard-container .dashboard-header h1 {
    font-size: 1rem;
    color: #000;
    line-height: 1;
    padding-bottom: 16px;
}

.dashboard_btm_main .draft-section .draft_btm_box p {
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    max-width: 316px;
    color: #000;
}

.user_post_main:last-child .user-post {
    padding-bottom: 0 !important;
}

.dashboard_btm_main .draft-section .draft_btm_box p span {
    font-size: 12px;
    font-weight: 400;
    color: #797979;
}

.dashboard_btm_main .draft-section .draft_btm_box p:nth-child(4) {
    padding: 0;
}

.dashboard_btm_main .draft-section .draft_btm_box .button:hover {
    background: transparent;
    color: var(--orange);
}

.dashboard_btm_main .post-section .post-list .user-post p {
    width: max-content;
    font-size: 12px;
}

.user_post_para {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dashboard_btm_main .post-section .post-list .user-post .user_dot p:last-child {
    font-size: 14px;
    padding-left: 18px;
    position: relative;
}

.dashboard_btm_main .post-section .post-list .user-post p:last-child:before {
    content: '';
    position: absolute;
    background: #000;
    width: 8px;
    height: 8px;
    top: 6px;
    left: 0;
    border-radius: 50%;
}

/* .dashboard_btm_main .post-section .post-list .yellow_dot p:last-child:before {
    background: #FECC01;
}
.dashboard_btm_main .post-section .post-list .red_dot p:last-child:before {
    background: #B00020;
}
.dashboard_btm_main .post-section .post-list .green_dot p:last-child:before {
    background: #36BB1C;
} */

.dashboard_btm_main .post-section .post-list .pending p:last-child:before {
    background: #FECC01;
}

.dashboard_btm_main .post-section .post-list .publish p:last-child:before {
    background: #36BB1C;
}

.dashboard_btm_main .draft-section h2 {
    margin-bottom: 0;
    font-size: 1rem;
}

.page-template-dashboard .dashboard-container .dashboard-header a {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

.user_post_main {
    display: flex;
    align-items: center;
    position: relative;
}

.post_dummy_text {
    position: absolute;
    right: 0;
    width: 40%;
    text-align: center;
    background: #f5f5f5;
    padding: 10px;
    top: 41px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.dot_btn.active+.post_dummy_text {
    opacity: 1;
    visibility: visible;
}

.dashboard_btm_main .draft-section .draft_btm_box {
    padding: 24px 16px;
    background: #fff;
    height: 100%;
    border-radius: 16px;
}

.common_input textarea::placeholder {
    color: #fff;
}

.common_input textarea {
    outline: none;
    color: #797979;
    font-family: 'Red Hat Text';
}

.draft_post_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.draft_post_main .button {
    margin-top: 0;
    position: absolute;
    right: 0;
    background: var(--orange);
    color: #000;
    border: 1px solid var(--orange);
    border-radius: 5000px;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 16px;
}

.draft_post_main .button:hover {
    background: transparent;
    color: var(--orange);
}

.dashboard_btm_main .post-section .post-list .user-post h3 a {
    font-size: 14px;
}

.post_edit_add_main_box label {
    position: absolute;
    top: 20px;
    left: 12px;
    color: #797979;
    transition: all ease-in-out 0.3s;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Red Hat Text';
    margin-bottom: 0;
}

.post_edit_add_main_box form textarea {
    padding: 17px 10px;
    max-height: 109px;
    margin-bottom: 0;
    resize: none;
}

.post_edit_add_main_box form textarea#tell_us_your_story {
    margin-bottom: 16px;
    min-height: 400px;
}

body.page-template-add_post,
body.page-template-edit_post {
    background: #fff;
    margin: 0;
}

.post_edit_add_main_box form input#image {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

.action_popup_box_main_btn_otr button,
.post_edit_add_main_box form button {
    background: var(--orange);
    color: #000;
    font-family: 'Red Hat Text';
    font-weight: 500;
    border: 1px solid var(--orange);
    transition: all ease-in-out 0.3s;
}

.action_popup_box_main_btn_otr button:hover,
.post_edit_add_main_box form button:hover {
    background: transparent;
    color: var(--orange);
}

.post_edit_add_main_box form .common_input {
    margin-bottom: 0;
    margin-top: 16px;
}

.common_input textarea:not(:placeholder-shown)+label {
    top: -9px;
    background: #ffffff;
    padding: 0 3px;
    font-size: 13px;
    z-index: 1;
}

.dashboard_btm_main .draft-section .draft_btm_box .user_post_main {
    justify-content: space-between;
    align-items: flex-start;
    ;
}

.dashboard_btm_main .draft-section .draft_btm_box .user-post {
    background: none;
    border: none;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
}

.dashboard_btm_main .draft-section .draft_btm_box .user-post .user_post_para {
    width: 100%;
}

.dashboard_btm_main .draft-section .draft_btm_box .user-post h3 {
    width: 100%;
}

.dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text {
    width: 70%;
}

.dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text p {
    padding-bottom: 0;
}

.dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text p {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.post_edit_add_main_box form input,
.post_edit_add_main_box form textarea {
    border-radius: 16px;
}

.post_edit_add_main_box form input {
    padding: 19px 10px 18px;
}

.company_img_div_inr {
    position: relative;
}

.post_edit_add_main_box form input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.company_img_div_inr label {
    display: none;
}

.company_img_box {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    background: #000;
    color: #fff;
    width: max-content;
    gap: 10px;
    font-family: 'Red Hat Text';
    border-radius: 32px;
    font-weight: 500;
}

.company_img_main_inr {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
}

.company_img_div_btm {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #5d5d5d;
    font-family: 'Red Hat Text';
}







/* new media */

.dashboard-header-top {
    display: flex;
    align-items: center;
    gap: 40px;
}

.dashboard-header-top-right {
    text-align: left;
}

.draft_btm_box .post_dummy_text button,
.post-list .post_dummy_text button {
    background: none;
    color: #000000;
    padding: 0;
    border: none;
    font-size: 15px;
}

.dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text,
.dashboard_btm_main .post-section .post-list .user_post_main .post_dummy_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
    border-radius: 3px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.draft_btm_box .post_dummy_text button:hover,
.post-list .post_dummy_text button:hover {
    color: #fecc03;
}

.action_popup_box_main {
    text-align: left;
    padding: 30px 24px;
    min-width: 444px;
    max-width: 600px;
    background-color: white;
    border-radius: 8px;
    position: relative;
}

.action_popup_box_main h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 140% */
    margin-bottom: 30px;
}

.action_popup_box_main_btn_otr .action_popup_box_main_text_btn,
.action_popup_box_main_btn_otr .action_popup_box_main_fill_btn {
    margin: 0;
    color: var(--black);
    font-family: 'Red Hat Display';
}

.action_popup_box_main p {
    margin-bottom: 24px;
    color: var(--black);
    font-family: 'Red Hat Display';

}

.action_popup_box_main .action_popup_box_main_btn_otr .action_popup_box_main_fill_btn {
    font-family: "Red Hat Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    background: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 5000px;
    padding: 11px 24px;
}

.action_popup_box_main_btn_otr {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center;
}

.action_popup_box_main .action_popup_box_main_btn_otr .action_popup_box_main_text_btn {
    background: none;
    border: none;
    padding: 0;
    line-height: unset;
    height: auto;
    min-height: auto;
}

.action_popup_box_main .action_popup_box_main_btn_otr .action_popup_box_main_fill_btn:hover {
    color: var(--orange);
    background: none;
}

.action_popup_box_main .action_popup_box_main_btn_otr .action_popup_box_main_text_btn:hover {
    color: var(--orange);
}

.dashboard-header-top-right .total-posts strong {
    color: var(--orange);
    text-align: justify;
    text-overflow: ellipsis;
    font-family: "Red Hat Text";
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.add_edit_form_btn_box .action_popup_box_main_text_btn {
    background: none;
    border: none;
    padding: 0;
}

.action_popup_box_main_btn_otr.add_edit_form_btn_box {
    width: max-content;
    flex-direction: row-reverse;
}

.action_popup_box_main_btn_otr.add_edit_form_btn_box button {
    margin: 0;
}

.action_popup_box_main_btn_otr.add_edit_form_btn_box .action_popup_box_main_fill_btn {
    border-radius: 5000px;
}

.action_popup_box_main .close-btn {
    background: none;
    color: #000;
    padding: 0;
    margin: 0;
    top: 30px;
    right: 30px;
    position: absolute;
    border: none;
    border-radius: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.action_popup_box_main .close-btn:hover {
    transform: rotate(90deg);
}

.action_popup_box_main_list_checkbox label {
    position: static;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    color: var(--black);
    font-family: 'Red Hat Display';
}

.action_popup_box_main_list_checkbox label.action_popup_box_main_list_title {
    margin-bottom: 16px;
    width: 100%;
}

.action_popup_box_main_list_checkbox .checkbox-button span {
    border-radius: 4px;
    border: 1px solid var(--Grey-Delta, #A5A5A4);
    background: var(--White, #FFF);
    padding: 12px 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    color: var(--black);
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s ease;
}

.action_popup_box_main_list_checkbox {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.action_popup_box_main_list_checkbox .checkbox-button {
    padding: 0;
    border: none;
}

.action_popup_box_main_list_checkbox .checkbox-button input[type="checkbox"]:checked+span {
    background-color: var(--orange);
    border-color: var(--orange);
}

.action_popup_box_main_list_checkbox .checkbox-button span:hover {
    border-color: var(--orange);
}

.profile-box_inr a {
    display: flex;
    align-items: center;
    gap: 13px;
    transition: all 0.3s ease-in-out;
}

.profile-box_inr a:hover {
    color: var(--orange);
}

.profile-box_inr {
    max-width: 560px;
    text-align: left;
}

.profile-box_inr h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    margin: 30px 0 25px;
}

.profile-box_inr .profile-initial {
    width: 72px;
    border-radius: 50%;
    background: #FCDC9E;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    aspect-ratio: 1 / 1;
    line-height: 1;
    color: var(--black);
    font-weight: 400;
    background-size: cover;
    background-position: center;
}

.profile-box-main {
    padding: 23px 0;
}

.profile-box_inr input#inputFile {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.profile-picture-section {
    display: flex;
    align-items: center;
    gap: 31px;
    margin-bottom: 40px;
}

.common_input_two {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.common_input_two .common_input {
    flex: 1;
}

.profile-box_inr .common_input {
    margin-bottom: 20px;
}

.profile-box_inr button.update-button {
    width: max-content;
    margin: 23px 0 0 0;
    padding: 12px 104px;
    border-radius: 50000px;
    border: 1px solid var(--orange);
    font-family: 'Red Hat Text';
    font-weight: 500;
}

.profile-box_inr button.update-button:hover {
    background: transparent;
    color: var(--orange);
}

.common_input_select_box label {
    top: -9px;
    background: #ffffff;
    padding: 0 3px;
    font-size: 13px;
    z-index: 1;
}

.profile-box_inr .switch {
    display: inline-block;
    position: relative;
    border-radius: 20px;
    background: #DBDBDB;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    width: 32px;
    height: 16px;
}

.profile-box_inr .switch::before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #797979;
    border-radius: 50%;
    transition: left 0.28s, background 0.28s, box-shadow 0.28s;
}

.profile-box_inr .toggle-group {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.profile-box_inr .toggle-group input:checked+.switch::before {
    left: 12px;
    background: #179900;
}

.profile-box_inr .toggle-group input:checked+.switch {
    background: #72f59a;
}

.dashboard_btm_main .post-section .post-list-blank {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.dashboard_btm_main .post-section .post-list a.button {
    position: static;
    border-radius: 5000px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    gap: 8px;
    display: flex;
    align-items: center;
}

.dashboard_btm_main .post-section .post-list a.button path {
    transition: all 0.3s ease-in-out;
}

.dashboard_btm_main .post-section .post-list a.button:hover path {
    fill: var(--orange);
}


/* dashboard-css-16-12 */

.dashboard_draft_main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 24px 16px;
    background: #fff;
    border-radius: 16px;
    height: 100%;
}

.dashboard_draft_main .draft_post_main {
    display: block;
}

.dashboard_draft_main .draft_post_main .button {
    position: unset;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard_draft_main .draft_post_main .button:hover svg path {
    fill: #fecc01;
}

.dashboard_draft_main p {
    max-width: 178px;
    margin: 0 auto;
    text-align: center;
}

.common_input p {
    font-family: 'Red Hat Text';
}

.post_edit_add_main_box form p {
    font-family: 'Red Hat Text';
}

.post_edit_add_main_box form .form_main {
    max-width: 920px;
    box-shadow: none;
    margin: 0 auto;
    margin-top: 63px;
    padding: 20px;
}

.post_edit_top_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.post_edit_add_main_box form {
    max-width: 100%;
    padding: 0;
    box-shadow: none;
}

body.page-template-add_post .header,
body.page-template-edit_post .header {
    display: none;
}

#closedPopup {
    background-color: unset !important;
}

 .banner_content_title_img_content .heart-icon {
    margin-left: auto;
}
.trending_content_main .read_more , .featured_tab .featured_content .read_more{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-id-16189 .register_input_row .common_input {
    width: 100%;
}
/*.featured_content , .trending_tab{
	position:relative;
}
.trending_tab .banner_content_title_img_content .heart-icon , .featured_content .banner_content_title_img_content .heart-icon {
    position: absolute;
    bottom: 19px;
    right: 20px;
} */

.register_form .linkedin-register {
    width: max-content;
}
.linkedin_or_register{
	color:#797979;
}
.register_our_terms{
	text-align:left !important;
	margin: 0px !important;
	max-width: 100% !important;
}

.loggedin-user-menu:hover .user-dropdown-menu {
    display: block;
}
.loggedin-user-menu>a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
	pointer-events: none;
    cursor: pointer;
}

.bookmark_page_top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-top: 40px;
}

.bookmark_page_top a {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Forgot Password */

.pad_both {
    padding: 100px 0;
}
.common_password_main {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.common_password_main .title_page {
    text-align: center;
}
.pass_form_otr {
    max-width: 40%;
    margin: 0px auto;
    width: 100%;
}
.common_password_main button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    font-family: "Red Hat Display";
    border-radius: 100px;
    background-color: var(--orange);
    width: max-content;
    border: 1px solid transparent;
    cursor: pointer;
}

.common_password_main button:hover {
    background: white;
    color: var(--orange);
    border: 1px solid var(--orange);
    transition: 0.2s all ease-in-out;
}

.pass_form_otr span {
    margin-bottom: 20px;
    display: flex;
}
.pass_form_otr p{
	padding-bottom: 8px;
    font-weight: 400;
}
.pass_form_otr p.resetlink-fail {
    color: red;
}
.pass_form_otr p.resetlink-sent {
    color: #07b307;
}

/* Reset Password */

.pass_form_otr input#user_email {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px;
    color: #797979;
    background-color: transparent !important;
    border: 1px solid #A5A5A4;
    width: 100%;
    position: relative;
    border-radius: 4px;
    font-family: 'Red Hat Text';
    z-index: 1;
    margin: 8px 0 24px;
}



.pass_form_otr input#user_email {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px;
    color: #797979;
    background-color: transparent !important;
    border: 1px solid #A5A5A4;
    width: 100%;
    position: relative;
    border-radius: 4px;
    font-family: 'Red Hat Text';
    z-index: 1;
}

/* FAQ Page  */

.faq_main details {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #00000038;
}
.faq_main details:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding: 0;
}
.faq_main details summary {
    padding-bottom: 8px;
}
.faq_main details summary p {
    padding-bottom: 8px;
}
.faq_main details p {
    padding-bottom: 8px;
}
.faq_main details:last-child p {
    padding: 0;
}
.title_faq {
    padding-bottom: 30px;
    text-align: center;
}
.common_section_main h2, .common_section_main h3, .common_section_main h4, .common_section_main h5, .common_section_main h6 {
    padding-bottom: 16px;
    padding-top: 8px;
}
.common_section_main p {
    padding-bottom: 8px;
}
.common_section_main p:last-child {
    padding: 0;
}



@media screen and (max-width:1400px) {

    .register_main form {
        padding-right: 95px;
    }

    .register_left {
        padding: 80px 80px 360px 100px;
    }

    .dashboard-main:before {
        width: 197px;
        height: 197px;
        background-size: contain;
    }

}

@media screen and (max-width:1300px) {

    .register_left {
        padding: 70px 80px 300px 55px;
    }

    article#post-16189 {
        padding: 80px 0;
    }

    .register_main form {
        padding-right: 50px;
    }
	
	.pad_both{
		padding:80px 0;
	}
	.pass_form_otr {
		max-width: 40%;
	}

}

@media screen and (max-width:1200px) {

    .register_left {
        padding: 60px 60px 300px 50px;
    }

    .register_left_row p {
        max-width: 300px;
    }

    .register_form {
        padding-top: 60px;
    }

    .register_left:after {
        width: 200px;
        height: 200px;
        object-fit: cover;
        background-size: 100%;
    }

    article#post-40485 {
        padding: 80px 0;
    }
	
	.pass_form_otr {
        max-width: 60%;
    }
}


@media screen and (max-width:1024px) {

    .register_main {
        flex-direction: column;
    }

    .register_form {
        padding-top: 0px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 30px;
    }

    .register_main form {
        padding-right: 0;
    }

    .register_form h2 {
        padding-bottom: 20px;
    }

    .register_left_row p {
        max-width: 100%;
    }

   .register_left {
        padding: 70px 40px 70px 40px;
    }

    article#post-40485 .entry-content form:before {
        left: -60px;
    }

    article#post-40485 .entry-content form:after {
        right: -60px;
    }

    .dashboard_btm_main {
        flex-direction: column;
        gap: 30px;
    }

    .dashboard_btm_main .post-section {
        width: 100%;
    }

    .draft_post_main .button {
        position: unset;
    }

    .page-template-dashboard .dashboard-container {
        gap: 20px;
        padding: 130px 40px 30px 40px;
    }

    .dashboard-main:before {
        width: 137px;
        height: 137px;
    }

    .page-template-dashboard .dashboard-container .dashboard-header {
        max-width: 100%;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text {
        width: 40%;
    }

    .dashboard_btm_main .draft-section .draft_btm_box {
        min-height: 300px;
    }

    .dashboard-header-top {
        align-items: flex-start;
    }


    .post_edit_add_main_box form {
        padding: 20px 40px;
    }

    .post_edit_top_btn .header_logo {
        margin: 0;
    }

    .post_edit_add_main_box form .form_main {
        padding: 0;
    }

    .post_edit_add_main_box form .container {
        padding: 0;
    }
	
	.pad_both {
        padding: 60px 0;
    }
	.pass_form_otr {
        max-width: 60%;
    }

}

@media screen and (max-width:900px) {

    article#post-16189 {
        padding: 60px 0;
    }

    article#post-16189 .entry-title {
        font-size: 28px;
    }

    .register_left {
        padding: 60px 40px 60px 40px;
    }

    article#post-40485 {
        padding: 60px 30px;
    }

    article#post-40485 .entry-content form .common_input {
        max-width: 500px;
        margin: 0 auto;
    }

    article#post-40485 .entry-content form:before {
        left: 10px;
        width: 156px;
    }

    article#post-40485 .entry-content form:after {
        right: 10px;
        width: 146px;
    }


    /* dashboard-main */

    .uploaded-img {
        max-width: 130px !important;
    }

    .company_img_main_inr {
        width: auto;
    }
	
	
	.loggedin-user-menu:hover .user-dropdown-menu {
    	display: none;
	}
	.my_account_open .loggedin-user-menu ul.user-dropdown-menu {
		display: block;
	}
	.loggedin-user-menu>a {
		cursor: pointer;
		pointer-events: auto;
	}
}

@media screen and (max-width:767px) {

    article#post-16189 .entry-content {
        padding-top: 50px;
    }

    article#post-16189 {
        padding: 50px 20px !important;
    }

    article#post-16189 .entry-content form {
        padding: 30px 30px;
    }

    article#post-16189 .entry-content form:before {
        left: -90px;
    }

    article#post-16189 .entry-content form:after {
        right: -90px;
    }

    main#primary:after {
        width: 180px;
        height: 180px;
        background-size: cover;
    }


    .register_left {
        padding: 50px 30px 50px 30px;
    }

    .register_form {
        padding-top: 0px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }

    article#post-40485 .entry-content {
        padding-top: 50px;
    }

    article#post-40485 {
        padding: 50px 30px;
    }

    article#post-40485 .entry-content form .common_input {
        max-width: 350px;
    }

    article#post-40485 .entry-content form:before {
        left: 25px;
    }

    article#post-40485 .entry-content form:after {
        right: 30px;
        width: 156px;
    }

    article#post-40487 {
        padding: 50px 20px;
    }

    article#post-40487 .entry-content form:before {
        left: -110px;
    }

    article#post-40487 .entry-content form:after {
        right: -100px;
    }

    .dashboard_btm_main .post-section .post-list {
        min-height: 290px;
    }

    .page-template-dashboard .dashboard-container {
        padding: 130px 30px 30px 30px;
    }

    .dashboard-main:before {
        width: 117px;
        height: 117px;
    }

    .post_dummy_text {
        width: 60%;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text {
        width: 60%;
    }

    .post_edit_add_main_box form {
        padding: 20px 30px;
    }

    .post_edit_add_main_box form textarea#tell_us_your_story {
        min-height: 220px;
    }

    .post_edit_top_btn {
        padding: 0px 0 20px;
    }

    div#popupContent {
        min-width: 394px;
        max-width: 550px;
    }
	
	.pad_both {
        padding: 50px 0;
    }
	.pass_form_otr {
        max-width: 100%;
    }
	
	
}

@media screen and (max-width:600px) {

    article#post-16189 .entry-content form:before {
        left: -48px;
        width: 116px;
    }

    article#post-16189 .entry-content form:after {
        right: -45px;
        width: 116px;
        bottom: 10px;
    }

    main#primary:after {
        width: 140px;
        height: 140px;
    }

    article#post-16189 .entry-content form {
        padding: 20px;
    }


    .register_left {
        padding: 50px 20px 50px 20px;
    }

    .register_left_otr {
        gap: 20px;
        margin-top: 20px;
    }

    .register_left_row {
        gap: 20px;
    }

    .register_form {
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
    }

    .register_left:after {
        width: 170px;
        height: 170px;
    }

    article#post-40485 {
        padding: 50px 20px;
    }

    article#post-40485 .entry-content form:before {
        display: none;
    }

    article#post-40485 .entry-content form:after {
        display: none;
    }

    article#post-40487 .entry-content form:before,
    article#post-40487 .entry-content form:after {
        display: none;
    }

    article#post-40485 .entry-content form {
        padding: 20px 0px;
    }

    .register_center__otr {
        flex-direction: column;
    }

    .register_center__otr .common_input {
        width: 100%;
    }

    article#post-40487 .entry-content {
        padding-top: 90px;
    }

    article#post-40487 .entry-header .entry-title {
        font-size: 26px;
    }

    .page-template-dashboard .dashboard-container {
        padding: 130px 20px 30px 20px;
    }

    .page-template-dashboard .dashboard-container .dashboard-header {
        border-radius: 16px;
    }

    .dashboard_btm_main {
        border-radius: 16px;
    }

    .dashboard_btm_main .draft-section .draft_btm_box p {
        padding-bottom: 16px;
    }

    .post_dummy_text {
        width: 70%;
    }

    .dashboard_btm_main .post-section .post-list {
        min-height: 280px;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text {
        width: 70%;
    }

    .dashboard_btm_main .draft-section .draft_btm_box {
        min-height: 290px;
    }

    .post_edit_add_main_box form {
        padding: 20px 20px;
        margin-bottom: 20px;
        margin-top: 50px;
    }

    .post_edit_add_main_box form input#image {
        padding: 19px 10px 5px;
    }

    .dashboard-header-top {
        gap: 20px;
    }


    .company_img_main_inr {
        flex-wrap: wrap;
    }

    .post_edit_add_main_box form {
        margin-top: 0;
    }

    .post_edit_top_btn .header_logo {
        max-width: 139px;
    }

    div#popupContent {
        min-width: 350px;
        max-width: 440px;
    }

    .action_popup_box_main_list_checkbox .checkbox-button span {
        padding: 12px 17px;
    }

    .profile-box_inr button.update-button {
        width: 100%;
    }

    .profile-box_inr .profile-initial {
        width: 55px;
    }

    .profile-picture-section {
        gap: 15px;
    }

    .profile-box_inr h1 {
        font-size: 22px;
        margin: 20px 0 20px;
    }

    .profile-box_inr .toggle-group {
        margin-bottom: 20px;
    }

    .profile-box_inr button.update-button {
        margin: 15px 0 0 0;
    }
	
	.bookmark_page_top a {
    	font-size: 16px;
	}
	
	.bookmark_page_top {
		padding-top: 25px;
		gap: 16px;
	}
	
	.bookmark-page .multiple_category .read_more.hover_yellow {
		display: flex !important;
	}
	.faq_main details {
		margin-bottom: 12px;
	}
	.common_section_main h2, .common_section_main h3, .common_section_main h4, .common_section_main h5, .common_section_main h6{
		padding-bottom:12px;
	}
}


@media screen and (max-width:479px) {

    article#post-16189 .entry-content form:before {
        display: none;
    }

    article#post-16189 .entry-content form:after {
        display: none;
    }

    main#primary:after {
        width: 90px;
        height: 90px;
    }

    article#post-16189 .entry-content form {
        padding: 0;
    }

    .register_left:after {
        width: 130px;
        height: 130px;
    }

    .register_left {
        padding: 50px 20px 50px 20px;
    }

    .register_input_row {
        flex-direction: column;
        gap: 0;
    }

    .register_input_row .common_input {
        width: 100%;
    }

    article#post-16189 .entry-title {
        font-size: 24px;
    }

    article#post-16189 .entry-content {
        padding-top: 40px;
    }

    .register_img {
        width: 55px;
        height: 55px;
        padding: 14px;
    }

    article#post-40485 .entry-content form {
        padding: 0px 0px 0px;
    }

    article#post-40487 .entry-content {
        padding-top: 90px;
    }

    article#post-40487 .entry-content form {
        padding: 0;
    }

    article#post-40487 .entry-header .entry-title {
        font-size: 24px;
    }

    article#post-40487 .entry-content span {
        top: -75px;
    }

    article#post-40487 .entry-content p {
        bottom: -32px;
    }

    .user_post_para {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .post_dummy_text {
        width: 100%;
    }

    .post_dummy_text p {
        font-size: 14px;
    }

    .dashboard_btm_main .post-section .post-list {
        min-height: 308px;
        text-align: center;
    }

    .dashboard_btm_main .draft-section .draft_btm_box {
        min-height: 270px;
    }

    .user_post_main {
        align-items: flex-start;
    }

    .page-template-dashboard .dashboard-container {
        padding: 130px 15px 30px 15px;
    }

    .post_dummy_text {
        right: 10px;
        top: 30px;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text {
        width: 100%;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user_post_main .post_dummy_text p {
        font-size: 14px;
    }

    .post_edit_add_main_box form input,
    .post_edit_add_main_box form textarea {
        margin-bottom: 0px;
        border-radius: 12px;
    }

    /* .company_img_main_inr {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	} */


    .post_edit_top_btn .header_logo {
        max-width: 110px;
    }

    .action_popup_box_main_btn_otr.add_edit_form_btn_box button {
        font-size: 14px;
    }

    .action_popup_box_main_btn_otr.add_edit_form_btn_box {
        gap: 12px;
    }

    .post_edit_add_main_box form button {
        margin: 0;
    }

    .uploaded-img {
        max-width: 130px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .company_img_main_inr {
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }

    .post_edit_add_main_box form p {
        margin-bottom: 10px;
    }

    #close1popupContent {
        min-width: 320px;
        width: 80% !important;
    }

    .action_popup_box_main .close-btn {
        top: 15px;
        right: 15px;
    }

    .action_popup_box_main h3 {
        margin-bottom: 20px;
    }

    div#popupContent {
        min-width: 300px;
        max-width: 330px;
    }

    .common_input_two {
        flex-direction: column;
        gap: 0;
    }

    .profile-box_inr .common_input {
        width: 100%;
    }

    .action_popup_box_main {
        min-width: 344px;
    }
	
	.common_password_main button {
		width: 100%;
	}

}


@media screen and (max-width:374px) {

    main#primary:after {
        width: 80px;
        height: 80px;
    }

    article#post-40487 .entry-content p {
        bottom: -57px;
    }

    .draft_post_main {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .dashboard_btm_main .draft-section .draft_btm_box .user-post {
        width: 90%;
    }


    .post_edit_top_btn .header_logo {
        max-width: 90px;
    }

    .action_popup_box_main_btn_otr.add_edit_form_btn_box {
        gap: 8px;
    }

    .action_popup_box_main_btn_otr.add_edit_form_btn_box button {
        font-size: 13px;
    }

    #close1popupContent {
        min-width: 290px;
        width: 75% !important;
    }

    div#popupContent {
        min-width: 290px;
        max-width: 290px;
    }

    .profile-box_inr button.update-button {
        padding: 12px 50px;
    }

    .action_popup_box_main {
        min-width: 280px;
        max-width: 300px;
    }
}



/*Custom CSS for User Dashboard dropdown menu  */

/* .logged-in.admin-bar .right_header {
    position: relative;
} */

.loggedin-user-menu {
    position: relative;
    display: inline-block;
}

.loggedin-user-menu:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 20px;
}

/* .loggedin-user-menu .user-dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 999;
    width: 200px;
} */



.loggedin-user-menu .user-dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    z-index: 999;
    width: 140px;
    top: 100%;
    box-shadow: 0px 23px 46px -26px rgba(0, 0, 0, 0.25);
    right: 0px;
    padding-top: 9px;
}



.loggedin-user-menu .user-dropdown-menu li {
    padding: 8px 12px;
}

.loggedin-user-menu .user-dropdown-menu li a {
    text-decoration: none;
    color: #333;
    display: block;
}

/* .loggedin-user-menu .user-dropdown-menu li a:hover {
    background-color: #f5f5f5;
    color: #0073aa;
} */

.loggedin-user-menu .user-dropdown-menu li a:hover {
    background: unset;
    color: var(--orange);
}



.user_account_img {
    width: 30px;
    height: 30px;
}
.user_account_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 50%;
}
.user_account_name {
    flex: 1;
}

.new .form-group {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.new .form-group input {
    width: max-content;
}

.new .form-group label {
    margin: 0;
}

.title-hover-yellow:hover {
	color: #fecc01;
}
/* / ------------------------------------------------------- / */

/* / Styles for the like/unlike popup / */
.like-popup {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    font-size: 16px;
    z-index: 9999;
    opacity: 0;
}

/* / Optional transition effects for the popup / */
.like-popup.fadeIn {
    opacity: 1;
}

.like-popup.fadeOut {
    opacity: 0;
}

/* / Popup message styling / */
.popup-message {
    width: 400px;
    height: 200px;
    position: fixed;
    bottom: 350px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #333;
    padding: 10px 20px;
    border: 2px solid rgba(254, 204, 1, 0.57);
    border-radius: 15px;
    font-size: 14px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Red Hat Text";
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;

}

.popup-message.show {
    opacity: 1;
    visibility: visible;
}


/* / Heart icon container (40px x 40px) / */
.heart-icon {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    /* / opacity: 0.5; / */
    -webkit-tap-highlight-color: transparent;
    transition: all 0.3s ease;
}

/* / Heart SVG size (24px x 24px) / */
.heart-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out, fill 0.3s ease-in-out;
}

/* / Change color on hover / */
.heart-icon:hover img {
    transform: scale(1.2);
}

/* / Change color when 'active' class is added / */
.heart-icon.active img {
/*     filter: invert(88%) sepia(22%) saturate(6184%) hue-rotate(359deg) brightness(103%) contrast(103%); */

}

/* Hide the second image by default */
.heart-icon .liked-icon {
	display: none;
}

/* Show the second image and hide the first image when .active class is present */
.heart-icon.active .liked-icon {
	display: inline-block;
}

.heart-icon.active .unliked-icon {
	display: none;
}

.heart-icon {
    cursor: pointer;
}

.heart-icon.active img {
    fill: red;
}

.the_champ_sharing_ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.social_share_icons {
    display: flex;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 10px;
    border-radius: 16px 0px 0px 16px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(29, 29, 27, 0.08);
    transform: translateY(-50%);
}
.social_share_icons .heart-icon {
    flex-direction: column;
    gap: 16px;
    position: unset;
    width: unset;
    height: unset;
    padding: 0px 16px 16px;
    border-bottom: 1px solid #A5A5A4;
}
.social_share_icons .heart-icon img {
    width: 24px;
    height: 24px;
}
.social_share_icons .heart-icon span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; / 142.857% /
}






#story-editor {
    max-height: 485px;
    min-height: 485px;
    border: 1px solid #ddd;
    border-radius: 16px !important;
	overflow: auto;
}
#story-editor + p {
    position: absolute;
    right: 20px;
    z-index: 1;
    bottom: 0px;
    margin-bottom: 12px;
}
.ql-toolbar.ql-snow {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    background: #DBDBDB;
    box-shadow: 0px 1px 0px 0px #DDDBDA;
    padding: 8px 16px !important;
}
.text_editor_otr button {
    padding: 8px !important;
    width: 32px !important;
    height: 32px !important;
    background: #fff !important;
    margin: 0 !important;
    margin-right: 5px !important;
    border-radius: 4px;
    border: 1px solid #A5A5A4 !important;
}
.text_editor_otr button svg {
    width: 100% !important;
    height: 100% !important;
}
.text_editor_otr span {
    margin-right: 0px !important;
}
.text_editor_otr .ql-editor {
    height: 90%;
    position: absolute;
    width: 100%;
}
.banner_content_center h3:hover, .banner_top_img p:hover, .right_content_text h3:hover {
    color: var(--orange);
}
.bg_light_black .heart-icon img {
/*     filter: invert(1); */
    border-radius: unset;
}
.bg_light_black .heart-icon.liked img {
    filter: unset;
}

@media screen and (max-width:479px) {

	.ql-toolbar.ql-snow {
		width: 100%;
		padding-bottom: 50px !important;
	}
	#story-editor + p {
		left: 20px;
		right: auto;
	}
	
}
.heart-icon.liked img.unliked-icon {
    display: none !important;
}

.heart-icon.liked img.liked-icon {
    display: block !important;
}



.linkedin-login {
    width: max-content;
    margin: 0px auto;
    margin-top: 10px;
}

.login-form-main > p{
    text-align: center;
    margin-bottom: 20px;
}

.company_img_main_inr.edit_post_otr {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.edit_post_otr .company_img_div_btm {
    align-items: center;
    margin-top: 16px;
    margin-bottom: 35px;
	text-align: left;
	font-style: italic;
	font-size: 12px;
}
.edit_post_otr .company_img_div_btm p {
    margin: 0;

}
	
.edit_post_otr .image_btn {
    display: flex;
    position: relative;
    width: 250px;
    height: 250px;
}

.edit_post_otr .image_btn img {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	max-width: 100%;
	object-fit: cover;
}

.edit_post_otr button {
    margin: 0;
    border: unset !important;
    position: absolute;
    right: 0;
    padding: 5px !important;
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.close-btn.static-img {
    display: none !important;
}
/* Custom CSS for Register Page Texts */
.common_register_bottom .tick_below, .common_register_bottom .home_latest {
    max-width: 100%;
    text-align: left;
}
.common_register_bottom .home_latest {
    padding-top: 12px;
}
.common_register_bottom .home_latest a {
    color: #5D5D5B !important;
    text-decoration: none !important;
}
.common_register_bottom a:hover {
    text-decoration: underline !important;
}
.register_input_row + p {
    text-align: left;
    max-width: 100%;
}


.register_input_row.wrap_user {
    flex-direction: column;
    gap: 0px;
}
.wrap_user .common_input {
    width: 47%;
}
.register_form .common_register_bottom {
    margin: 0;
}

@media screen and (max-width:1024px) {

	.wrap_user .common_input {
		width: 48%;
	}
}
@media screen and (max-width:767px) {
	.wrap_user .common_input {
		width: 47%;
	}
}
@media screen and (max-width:479px) {
	.wrap_user .common_input {
		width: 100%;
	}
}


.banner_content_title_img_content {
    position: relative;
}
/* .small_intro {
    width: 100%;
} */
.banner_content_title_img_content .heart-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.twice-checkbox {
    margin: 10px 0px;
}

.edit_profile_main_otr a {
    display: inline-flex;
}

.page-id-16187 .common_register_bottom p.register_our_terms {
    padding-top: 20px;
}
.search-results form.search-form {
    display: flex;
    gap: 20px;
    margin: 3rem 0 1.5rem;
}
 
.search-result-header {
    margin: 3rem 0 0 0;
    padding: 2rem 0 0 0;
    border-top: 2px solid #c2c2c2;
}
 .customsearch-loadmore-wrap {
    text-align: center;
    padding: 50px 0;
}
 
button.customsearch-loadmore-btn {
    align-items: center;
    justify-content: center;
    padding: 12px 59px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    font-family: "Red Hat Display";
    border-radius: 100px;
    background-color: var(--orange);
    width: max-content;
    border: 1px solid transparent;
    cursor: pointer;
}
  
button.customsearch-loadmore-btn:hover {
    background: white;
    color: var(--orange);
    border: 1px solid var(--orange);
    transition: 0.2s all ease-in-out;
}

.single-post-d .post-date {
    padding-left: 30px;
	font-size: 12px;
    font-style: italic;
}
 
.page-template-latest-post button#load-more-posts {
    align-items: center;
    justify-content: center;
    padding: 12px 59px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    font-family: "Red Hat Display";
    border-radius: 100px;
    background-color: var(--orange);
    width: max-content;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 10px;
}

/* Details page   */
.article_description ul li, .article_description ol li {
    list-style-type: initial;
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
}

.article_description ul, .article_description ol {
    padding-left: 30px;
/*     margin-top: 16px; */
}

.article_description ul li:not(:last-child), .article_description ol li:not(:last-child) {
    padding-bottom: 8px;
}

.common_input_select_box span.select2-selection.select2-selection--single.select2-selection--clearable {
    flex-direction: row;
    align-items: center;
    padding: 10px;
}
.common_input_select_box span.select2-selection.select2-selection--single.select2-selection--clearable button.select2-selection__clear {
    display: none;
}

.article_description p:not(:last-child) {
    padding-bottom: 12px;
}
 
.article_description p.story-paragraph strong, .article_description ol li strong, .article_description ul li strong, .article_description p strong {
    display: inline;
}

p.story-paragraph > a, p.story-paragraph > strong {
/*     display: inline-flex; */
    padding: 0px 4px;
}