* {
     margin: 0;
     padding: 0;
}

:root {

     /* Variables */
     --dark2: #1a1a1d;
     --font-weight: 400 !important;
     --serif: 'Prata', serif;
     --brown: #8b5932;
     --golden: #ffca41;
     --bg-creme: #fcf8ed;
     --sans-serif: 'League Spartan', sans-serif;
     --grey: #898b90;
     --black: #000;
     --white: #fff;

     --sunshineyellow: #FFE6A8;
     --soothingblue: #ADD0FB;
     --royalpurple: #E6E0FF;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
     display: none;
}

/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden {
     -ms-overflow-style: none;
     scrollbar-width: none;
     /* Firefox */
}

::-webkit-scrollbar {
     width: 0px;
}

::-webkit-scrollbar-track {
     background: transparent;
}

::-webkit-scrollbar-thumb {
     background: transparent;
     border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {

     background: transparent;
}

/* Reset All Styles */
html,
body {
     margin: 0;
     padding: 0;
}

body {
     overflow-x: hidden !important;
}

#wrapper {
     max-width: 100vw !important;
     overflow-x: hidden !important;
}

main {
     background: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
     margin-bottom: 0;
     padding-bottom: 0;
     width: fit-content;
}

button,
input {
     border: none;
     outline: none;
     background: transparent;
}

sup {
     font-family: var(--sans-serif);
     font-size: 18px;
     font-weight: 100;
}

h1 {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 42px;
     line-height: 66px;
     color: #000000;
}

h2 {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 32px;
     line-height: 42px;
}

h3 {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 36px;
     text-align: center;
     color: var(--dark2);
}

h5 {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     color: var(--dark2);
}

p {
     font-family: var(--sans-serif);
     font-weight: 300;
     font-size: 18px;
     line-height: 25px;
}

.heading-normal {
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 400 !important;
     font-size: 24px;
     line-height: 32px;
     display: flex;
     align-items: center;
}

a {
     text-decoration: none;
     color: var(--black);
     font-family: var(--sans-serif);
     outline: none
}

/* Common Utility Classes */

.flex {
     display: flex;
}

.flex-aic {
     display: flex;
     align-items: center;
}

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

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

.flex-start-column {
     display: flex;
     align-items: flex-start;
     flex-direction: column;
}

.flex-content {
     max-width: 550px;
}

.text-center {
     text-align: center;
     margin: auto;
}

.text-black {
     color: #000000;
}

.text-dark {
     color: var(--dark2);
}

.text-white {
     color: var(--white);
}

.text-white-thin {
     color: var(--white);
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 22px;
     font-family: var(--sans-serif);
}

.text-brown {
     color: var(--brown) !important;
}

.text-golden {
     color: var(--golden);
}

.text-grey {
     color: #B9BABE;
}

.text-strong {
     font-weight: 600;
}

.text-large {
     font-size: 24px;
     line-height: 32px;
     font-weight: 300;
}

.text-underline {
     text-decoration: underline;
}

.center-content {
     max-width: 700px;
     margin: 0px auto;
}

.heading-sansserif {
     font-family: var(--sans-serif);
     font-weight: 600;
}

.caps {
     text-transform: uppercase;
}

/* .banner {
     background: var(--bg-creme);
} */

.bg-creme {
     background: var(--bg-creme);
}

.bg-black {
     background: var(--black);
}

#header .container {
     max-width: 1440px !important;
     margin: 0px auto;
}

.mt-20 {
     margin-top: 20px;
}

.mt-30 {
     margin-top: 30px;
}

.mt-40 {
     margin-top: 40px;
}

.mt-60 {
     margin-top: 60px;
}

.mt-80 {
     margin-top: 80px;
}

.mt-120 {
     margin-top: 120px;
}

.mt-160 {
     margin-top: 160px;
}

.mt-180 {
     margin-top: 180px;
}

.pt-0 {
     padding-top: 0px;
}

.hide {
     display: none;
     visibility: hidden;
}

.show {
     display: block;
     visibility: visible;
}

.plain-link {
     font-weight: 600;
     font-size: 20.6341px;
     line-height: 29px;
     display: flex;
     align-items: center;
}

.plain-link::after {
     content: '';
     display: inline-block;
     color: #fff;
     width: 12px;
     height: 20px;
     background: url('../images/caret-right-white.svg');
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     margin-top: -5px;
     margin-left: 12px;
}

.plain-link.text-black::after {
     background: url('../images/caret-right-black.svg');
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
}

/* :::::::::::::: 01 - Navigation Styles :::::::::::::: */

header {
     background: transparent;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 9;
     /* background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden; */

     /* background: #fff; */

}

.activeLink {
     color: #fff !important;
     font-weight: 600 !important;
}

.header {
     padding: 18px 140px;

}

.header .navbar {
     display: flex;
     justify-content: space-between;
     position: relative;

}

.navbar .nav-link,
.navbar .nav-link span {
     font-weight: var(--font-weight);
     /*color: #e9eaee;*/
     text-decoration: none;
     font-family: var(--sans-serif);
     margin-right: 20px;
     font-size: 18px;
     line-height: 25px;

}

.submenu {
     position: absolute;
     width: 190px;
     background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px);
     top: 91px;
     right: 0px;
}

.desktop-navbar-download-app-container {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: min-content;
     width: 155px;
     background: rgba(0, 0, 0, 0.6);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
}

.desktop-navbar-download-app-container-separator {
     width: 144px;
     display: block;
     margin: 11px auto 25px;
}

.desktop-navbar-download-app-btn img {
     display: block;
     margin: 0 auto 20px auto !important;
     cursor: pointer;
}

.submenuLink {
     display: block;
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     text-align: left;
     padding: 14px 20px;
     color: #E9EAEE;
}

/* .submenuLink.active {
     background: #000000 !important;
 }
 
 .submenuLink:hover {
     background: #000 !important;
     transition: 0.6s ease-in;
 } */

#chevron.rotateUp {
     transform: rotate(-180deg);
     transition: transform 0.5s ease;
}

#toggleSubmenu span.strong {
     font-weight: 600;
}


@keyframes fadeInUp {
     from {
          transform: translate3d(0, 20px, 0)
     }

     to {
          transform: translate3d(0, 0, 0);
          opacity: 1
     }
}

@-webkit-keyframes fadeInUp {
     from {
          transform: translate3d(0, 20px, 0)
     }

     to {
          transform: translate3d(0, 0, 0);
          opacity: 1
     }
}

@keyframes fadeOutDropdown {
     0% {
          opacity: 1;
     }

     98% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
     }

     100% {
          visibility: hidden;
          display: block;
          z-index: 0;
     }
}

@-webkit-keyframes fadeOutDropdown {
     0% {
          opacity: 1;
     }

     98% {
          opacity: 0;
          -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
     }

     100% {
          visibility: hidden;
          display: block;
          z-index: 0;
     }

}

.animated {
     animation-duration: 0.4s;
     animation-fill-mode: both;
     -webkit-animation-duration: 0.4s;
     -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
     opacity: 0
}

.fadeInUp {
     opacity: 0;
     animation-name: fadeInUp;
     -webkit-animation-name: fadeInUp;
}

.animatedFadeOutDown {
     opacity: 0
}

.fadeOutDown {
     opacity: 0;
     animation-name: fadeOutDropdown;
     -webkit-animation-name: fadeOutDropdown;
}

.hideSubmenu {
     display: none;
     visibility: hidden;
}

.navbar .nav-flex-center {
     display: flex;
     align-items: center;
}

.nav-flex-center .nav-link:last-child {
     margin-right: 0px;
}

.navbar .nav-link {
     font-weight: var(--font-weight);
     color: var(--grey);
     text-decoration: none;
     font-family: var(--sans-serif);
     margin-right: 20px;
     font-size: 18px;
     line-height: 25px;
}

.header-dark .navbar .nav-link {
     color: #e9eaee;
}

.header-dark .navbar a.nav-link.active,
.header-dark .navbar a.nav-link:hover {
     color: var(--white);
     font-weight: 600;
}



.header-dark.sticky .navbar .nav-link {
     /* color: var(--grey);*/
     color: #ffffff;
}

.header-dark.sticky .navbar a.nav-link.active,
.header-dark.sticky .navbar a.nav-link:hover {
     color: var(--white);
}

.navbar a.nav-link:hover {
     color: var(--dark2);
     transition: .5s ease-in;
}

.navbar a.nav-link.active {
     color: var(--dark2);
}

.logo-container {
     text-align: center;
     margin-right: 0px;
     text-decoration: none;
}

.logo {
     width: 50px;
}

.logo-text {
     font-family: var(--serif);
     font-weight: var(--font-weight);
     color: var(--dark2);
     font-size: 24px;
     line-height: 36px;
}

.mobile-navbar {
     display: none;
     visibility: hidden;
}

.mobile-navbar>a {
     position: relative;
     height: 48px;
}

.sticky {
     position: fixed !important;
     /* backdrop-filter: blur(20px); */
     width: 100%;
     left: 0;
     top: 0;
     z-index: 99999999;
     border-top: 0;
     box-shadow: 0px 36px 112px rgba(0, 0, 0, 0.04), 0px 15.0399px 46.7909px rgba(0, 0, 0, 0.0287542), 0px 8.04107px 25.0167px rgba(0, 0, 0, 0.0238443), 0px 4.50776px 14.0241px rgba(0, 0, 0, 0.02), 0px 2.39404px 7.44811px rgba(0, 0, 0, 0.0161557), 0px 0.996212px 3.09933px rgba(0, 0, 0, 0.0112458);
}

header.sticky .navbar .nav-link {
     color: #898B90;
}

header.sticky .navbar .nav-link.active {
     font-weight: 600;
     color: var(--white);
}

.clickprogressbar {
     position: relative;
     width: 100%;
     height: 5px;
     background: var(--bg-creme);
     display: none;
     visibility: hidden;
     z-index: 111;
}

.clickprogressbar.show {
     display: block;
     visibility: visible;
}

.clickprogress {
     position: absolute;
     top: 0;
     left: 0;
     height: 5px;
     width: 100%;
     background: #649DE5;
     animation: fillprogress 2s linear 0s 1 normal none running;
}

/* :::::::::::::: 02 - Banner Styles :::::::::::::: */

.padding-box {
     padding: 120px 140px 120px 140px;
}

.banner-content {
     height: 100%;
}

.banner-heading {
     margin-top: 60px !important;
     font-family: 'Prata';
     font-style: normal;
     font-weight: 400;
     font-size: 32px;
     line-height: 42px;
     color: #000000;
}

.banner-text {
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 300;
     font-size: 20px;
     line-height: 28px;
     color: #313236;
}

.article-link {
     display: block;
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 400 !important;
     font-size: 18px;
     line-height: 25px;
     text-decoration: underline;
}

section .footer-about {
     padding: 80px 140px;
     margin-bottom: 20px;
}

#topScrollIcon {
     display: block;
     margin: 0px auto;
     width: fit-content;
}

.aboutbox {
     background: var(--bg-creme);
     padding: 60px 140px;
     margin-top: 80px;
}

.aboutbox .flex-sb {
     align-items: flex-start;
     /* justify-content: space-evenly; */
}

.aboutbox .menu-section,
.aboutbox .cta-section {
     width: 365px;
}

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

}

.logo-flex .logo-text {
     margin-left: 10px;
     margin-top: 0px;
}

.cta-section .logo-flex {
     margin-bottom: 40px;
     /* max-width: 210px; */
}

.cta-section .logo-flex img {
     height: 66px;
}

.cta-section p.caps {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 36px;
}

.cta-section .styled-input {
     padding: 15px;
}

.cta-section p {
     max-width: 325px;
     margin-top: 20px;
}

.cta-section .article-link {
     margin-top: 80px;
}

.aboutbox .menu-section h4 {
     color: #65676D;
     font-weight: 500;
     font-family: var(--sans-serif);
     font-size: 18px;
     line-height: 25px;
     margin-bottom: 20px;
}

/* .aboutbox .menu-section .links {
     margin-bottom: 80px;
} */

.aboutbox .menu-section .links a h2 {
     margin-bottom: 30px;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
}

.aboutbox .menu-section .links a:last-child h2 {
     margin-bottom: 0;
}

.aboutbox .cta-section h3 {
     font-family: var(--serif);
     font-weight: 400;
     font-size: 24px;
     line-height: 36px;
     color: #1a1a1d;
}


.section-white {
     background: var(--white);
}

.section-msYellow {
     background: rgba(252, 248, 237, 1);
}

.section-content {
     padding: 0px 140px;
}

.section-subheading {
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 400 !important;
     font-size: 24px;
     line-height: 32px;
     margin: 10px 0px;
}

.section-creme {
     background: var(--bg-creme);
     padding: 50px;
     position: relative;
}

.section-creme::after {
     content: '';
     display: block;
     position: absolute;
     width: 420px;
     height: 420px;
     border-radius: 50%;
     top: -30px;
     left: 120px;
     background: #FFE6AF;
     /*mix-blend-mode: multiply;*/
     opacity: 0.4;
     filter: blur(45px);
}

.email-section {
     text-align: center;
     display: flex;
     align-items: center;
     flex-direction: column;
     max-width: 700px;
     margin: 0px auto;
}

.styled-input {
     background: var(--white);
     padding: 15px;
     border: 1px solid var(--dark2);
     margin-top: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative !important;
     max-width: 360px;
     width: 375px;
}

.styled-input input {
     width: 260px;
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     color: var(--dark2);
}

button img.arrow {
     height: 16px;
     cursor: pointer;
}

.section-black {
     background: url('../images/black\ section-bg.png');
}

.section-black .membership-section {
     padding: 0px 140px;
}

.mail-area {
     margin: 140px;
     text-align: left;
     max-width: 440px;
     margin-left: 0px;
}

.mail-area h3 {
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 700;
     font-size: 42px;
     line-height: 39px;
     margin-bottom: 10px;
}

.mailbox {
     margin-top: 60px;
}

.mailbox h6 {
     font-size: 18px;
     line-height: 25px;
     font-family: var(--sans-serif);
}

.mailbox .styled-input {
     margin-top: 10px;
}

.membership-area {
     background: var(--dark2);
     padding: 30px 60px;
     max-width: 430px;
}

.membership-area h3 {
     font-family: var(--serif);
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 36px;
}

.membership-area p {
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 22px;
     margin-top: 10px;
}

.abstract-list {
     margin-top: 40px;
     margin-left: 0px;
     list-style-type: none;
}

.abstract-list li {
     color: var(--white);
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 300;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 25px;
     position: relative;
}

.abstract-list li::before {
     content: "";
     display: inline-block;
     height: 10px;
     width: 10px;
     background: var(--golden);
     position: absolute;
     top: 4px;
}

.abstract-list li .list-content {
     margin-left: 20px;
}

.abstract-list li .item-head {
     display: block;
     font-weight: 500;
     font-size: 16px;
     line-height: 22px;
     margin-bottom: 5px;
}


.gjs-row input,
.gjs-row select,
.gjs-row textarea {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
}

.gjs-row input[type="submit"] {
     margin: 0px !important;
     padding: 0px !important;
     width: 20px !important;
     position: absolute;
     top: 20px;
     right: 25px;
}

.es_subscription_message.success {
     font-family: var(--sans-serif);
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 22px;
     color: #313236;
     position: relative;

}

/*.es_subscription_message::before{
    content:url('../images/checkblack.png'); 
    position: absolute;
    z-index:10; 
    left:-20px;
    top:10px;
}*/

.subscribe-arrow {
     width: 28px;
     display: inline-block;
     position: absolute;
     width: 16px;
     height: 10.67px;
     top: 22px;
     right: 19px;
}

.subscribe-box {
     text-align: center;
     display: flex;
     align-items: center;
     width: fit-content;
     /* margin: 30px auto; */
}

/*.subscribe-box input[type="checkbox"] {
    margin-right: 10px;
}
.subscribe-box label {
    font-family: 'League Spartan';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #1A1A1D;
}*/
#newsletterCheck {
     accent-color: #000;
     width: 24px;
     height: 24px;
     border-radius: 0px;
     margin-right: 10px;
     display: block;
     background: #fff;
     appearance: none;
     border: 1px solid #eae9ee !important;
     display: none;
}

.appearance-auto {
     appearance: auto !important;
}

.newsletter label.subscribe-text {
     color: #fff;
}

.subscribe-text {
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     color: #1A1A1D;
     display: none;
}

.newsletter #newsletterCheck {
     accent-color: #fff;
}

.cta-section .styled-checkbox,
.cta-section .subscribe-box {
     margin: 0;
     /* padding-top: 21px; */
}

.news-letter-success {
     display: flex;
     justify-content: center;
     text-align: center;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     gap: 12px;
     color: #E9EAEE;
     margin-top: 30px;
}

.aboutbox .news-letter-success,
.success {
     display: flex;
     justify-content: center;
     text-align: center;
     gap: 12px;
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     color: #313236;
     text-align: left;
}

.newsletter .news-letter-success {
     color: #fff;
     margin-left: -5px;
     text-align: left;
}

.es_subscription_message.error img,
.es_subscription_message.warning img {
     position: absolute;
     height: 16px;
     width: 16px;
}

.es_subscription_message.error,
.es_invalid_email_notice {
     color: #CC563C;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     font-family: 'League Spartan', sans-serif;
     display: block;
     margin-top: 5px;
     text-align: left;
     position: relative;
}

.es_subscription_message.error span,
.es_invalid_email_notice span {
     margin-left: 20px;
}


.es_subscription_message.warning,
.es_email_exists_notice {
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     color: #DEA81F !important;
     display: block;
     text-align: left;
     position: relative;
}

.es_subscription_message.warning span,
.es_email_exists_notice span {
     margin-left: 20px;
}



.section-heading {
     font-family: 'Prata';
     font-style: normal;
     font-weight: 400;
     font-size: 24px;
     line-height: 36px;
     color: #000000;
}

.section-text {
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 300;
     font-size: 20px;
     line-height: 28px;
     color: #313236;
}

.mobile-invisible {
     display: block;
     visibility: visible;
}

.mobile-visible {
     display: none !important;
     visibility: hidden !important;
}

.mobile-only-block {
     display: none !important;
     visibility: hidden !important;
}

.mobile-share {
     display: none;
     visibility: hidden;
}

.share-area {
     margin-top: 68px;
}
.r-mark {
     vertical-align: super;
     font-size: 18px;
 }

@media only screen and (min-width: 1450px) {
     #article #blogSidebar.sticky-sidebar {
          right: calc(calc(calc(calc(100vw - 1440px) / 2)) + 142px) !important;
     }
}

.error404 #site-content {
    width: 100vw;
    height: calc(100vh - 120px);
    background-color: #FFF5DA;
    background-image: url(/magazine/wp-content/themes/1finance/assest/images/background-grid.svg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-inner.thin.error404-content {
    width: 90%;
    max-width: 570px;
}

.error404 .entry-title {
    width: 100%;
    color: #000;
    font-family: spirits-soft, serif;
    text-align: center;
    font-size: 300px;
    font-style: normal;
    font-weight: 400;
    line-height: 300px;
    margin-bottom: 32px;
}
.error404 .intro-text p {
    width: 100%;
}
.error404 .button-group a {
    font-family: "Fira Sans";
    font-weight: 500;
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.error404 .intro-text p{
     color: #101010;
    text-align: center;
    font-family: "Fira Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 136.023%;
}
.button-group {
     margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    column-gap: 40px;
    justify-items: center;
    justify-content: center;
}
.button-group-item-tfa, .button-group-item-homepage {
     position: relative;
}
.button-item {
     border: 1px solid #262626;
     padding: 12px 24px;
     border-radius: 4px;
     position: relative;
}
.button-group-item-tfa .button-item {
     background-color: #fff;
}
.button-group-item-homepage .button-item {
     background-color: #262626;
}
.button-group-item-homepage .button-item a {
     color: #fff;
}
.button-group-item-tfa .arrow-icon {
    margin-bottom: -3px;
    margin-left: 7px;
    filter: invert(1);
}
.button-group-item-homepage .arrow-icon {
    margin-bottom: -3px;
    margin-left: 7px;
}
.button-group-item-tfa::before, .button-group-item-homepage::before {
    content: "";
    border: 1px solid #262626;
    width: 99%;
    height: 96%;
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 4px;
    z-index: 0;
}
.error404 .footer_container {
    display: none;
}

@media screen and (max-width: 1400px) {
     .banner-content .slider-wrapper {
          left: 120px;
     }

     .section-content {
          padding: 4% 5%;
     }

     #qfa .section-content {
          padding: 4% 0px 4% 5%;
     }

     .section-black .membership-section {
          padding: 0% 5%;
     }

     .mail-area {
          margin: 5% 0%;
     }

     .membership-area {
          padding: 5% 4%;
     }

     section .footer-about {
          padding: 4% 5%;
          margin-bottom: 20px;
     }

     .aboutbox {
          background: var(--bg-creme);
          padding: 4% 5%;
          margin-top: 80px;
     }

     footer .prefooter {
          display: flex;
          justify-content: space-between;
          padding: 3% 4%;
     }

     /* #article #blogSidebar.sticky-sidebar {
           right: 5% !important; 
     } */

}

/* for big screen Android Smartphones */
@media screen and (max-width: 540px) {

     .article-body b {
          text-align: left;
     }

     .mobile-navbar-download-app-container img:last-child {
          margin-top: 40px;
          max-width: 261px;
          width: 100%;
     }

     .mobile-navbar-download-app-container {
          max-width: 325px;
          width: 100%;
          margin-top: 45px !important;
     }

     .lrCenter {
          text-align: center !important;
     }

     a.a-sep {
          display: none !important;
     }

     .h33 {
          text-align: left;
     }

     .right-section {
          margin: 25px;
     }

     .ria-flexmobile {
          align-items: center;
          flex-direction: column;
     }

     .mobile-share {
          visibility: visible;
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          width: 100%;
          padding: 0px 25px;
          margin-bottom: 80px;
     }

     .mobile-share .icons-in-mob {
          margin-bottom: 0px !important;
          margin-top: 5px !important;
     }

     .mobile-share .addtoany_header {
          margin-bottom: 0 !important;
     }

     .flex.text-grey.text-center.ria-flexmobile {
          margin: 0px auto !important;
     }

     .logohometext {
          font-size: 32px;
          line-height: 42px;
          letter-spacing: 0px;
     }

     .aboutbox .cta-section h3 {
          margin: auto;
     }

     .ria-flexmobile span {
          display: block;
     }

     .cta-section .es_subscription_message.error {
          margin-right: 55px !important
     }

     .banner-slider {
          z-index: 0;
     }

     .mobile-navbar {
          z-index: 11;
     }

     .mobile-visible .caption {
          font-weight: 300 !important;
          font-size: 16px !important;
          line-height: 22px !important;
          color: #fff !important;
          margin-left: 25px;
     }

     #wrapper::before {
          display: none;
          visibility: hidden;
     }

     .article-body p {
          padding: 12px 25px !important;
          text-align: justify !important;
          text-align-last: center !important;
          font-weight: 400;
     }

     .post-carousel {
          max-height: 460px;
     }

     .post-carousel .slick-list {
          max-height: 460px;
     }

     .mobile-only-block {
          display: block;
          visibility: visible;
     }

     .r-mark {
          vertical-align: super;
          font-size: 14px;
      }

     /* write below this only to avoid any display rules overriding invisible display rules */

     body {
          overflow-x: hidden !important;
     }

     h1 {
          font-size: 24px;
          line-height: 36px;
     }

     h2 {
          font-size: 24px;
          line-height: 36px;
     }

     h3 {
          font-size: 18px;
          line-height: 25px;
     }

     p {
          font-size: 18px;
          line-height: 25px;
     }

     p.text-center {
          text-align: center;
          margin: 0px auto;
     }

     /* Mobile Navigation Overrides */
     .header {
          padding: 0px;
     }

     .navbar.hidden {
          display: none;
          visibility: hidden;
     }

     .mobile-navbar {
          padding: 10px 25px;
          width: calc(100vw - 50px);
          background: transparent;
          position: absolute;
          top: 0;
          left: 0;
          align-items: center;
          justify-content: space-between;
          display: none;
          visibility: hidden;
          z-index: 11;
     }

     .stickymobile {
          position: fixed;
          left: 0;
          top: 0;
          z-index: 100;
          border-top: 0;
          background: rgba(0, 0, 0, 0.7);
          backdrop-filter: blur(20px);
          -webkit-backdrop-filter: blur(20px);
          box-shadow: 0px 36px 112px rgba(0, 0, 0, 0.04), 0px 15.0399px 46.7909px rgba(0, 0, 0, 0.0287542), 0px 8.04107px 25.0167px rgba(0, 0, 0, 0.0238443), 0px 4.50776px 14.0241px rgba(0, 0, 0, 0.02), 0px 2.39404px 7.44811px rgba(0, 0, 0, 0.0161557), 0px 0.996212px 3.09933px rgba(0, 0, 0, 0.0112458);
     }

     .stickymobile #menuToggle span {
          background: var(--white);
     }

     .navbar-dark.stickymobile {
          background: var(--black) !important;
     }



     #hamburger-icon {
          width: 24px;
          margin-right: 10px;
     }

     .mobile-navbar.visible {
          display: flex;
          visibility: visible;
          background: rgba(0, 0, 0, 0.6);
          backdrop-filter: blur(20px);
          max-height: 80px;
          position:fixed;
          box-sizing: border-box;
          /* padding-right: 45px; */
     }

     #close-icon {
          display: block;
          height: 30px;
          width: 30px;
          margin-top: -25px;
          margin-right: -10px;
     }

     .menu-options {
          display: block;
          font-family: 'League Spartan';
          font-style: normal;
          font-weight: 400;
          font-size: 30px;
          line-height: 42px;
          margin-bottom: 20px;
          color: var(--grey);
     }

     .menu-options.active {
          color: var(--white);
          font-weight: 600
     }

     .menu-options:hover {
          color: var(--grey);
          transition: .5s ease;
     }

     #menu .mobile-menu-downloadApp {
          max-width: 261px;
     }

     .mobile-logo {
          width: 34px;
          position: absolute;
          z-index: 2;
          top: 4px;
     }

     .posts-bottom {
          width: 100%;
          max-width: 500px;
          height: auto;
          position: static;
          margin-top: 40px;
     }

     .post-section {
          position: static;
     }

     .post-section hr {
          display: none;
          visibility: hidden;
     }

     .post-grid {
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          padding: 30px 0px 15px 0px;
          margin-top: 20px;
     }

     .post-grid .post-left {
          width: 100%;
          /* margin-bottom: 45px; */
     }

     .post-left {
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          text-align: left;
     }

     .post-grid .post-title {
          font-size: 24px;
          line-height: 36px;
     }

     .post-left .post-image {
          width: calc(100vw - 50px);
     }

     .post-container.mobile-only-block .post.post-left .post-image {
          width: 100% !important;
     }

     .post-left .tag {
          margin: 20px 0px;
          margin-top: 0px;
     }

     .section-content,
     #qfa .section-content {
          padding: 60px 25px;
     }

     .section-subheading {
          font-size: 16px;
          line-height: 22px;
          margin: 0px 0px;
     }

     .email-section .text-brown.text-strong {
          font-weight: 700;
     }

     /* post slider styles for mobile */
     .post-carousel .slick-track {
          display: flex;
          flex-wrap: nowrap;
          margin-left: 10px;
     }

     .post-slide {
          width: 320px !important;
          margin-right: 30px !important;
     }

     .post-slide.post-container-1.pst-ct {
          margin: 0 auto !important;

     }

     .post-image {
          width: 320px;
     }

     .section-creme {
          padding: 70px 25px;
     }

     .email-section .heading-normal {
          margin-bottom: 40px;
     }

     .section-black {
          background: black;
     }

     .section-black .membership-section {
          display: flex;
          flex-direction: column;
          padding: 0% !important;
     }

     .mail-area {
          background: url('../images/blackpatternbg-mobile.png');
          background-position: top;
          background-size: cover;
          padding: 50px 25px;
          align-items: center;
          margin: 0%;
     }

     .mail-area h3,
     .mail-area p {
          text-align: center;
     }

     .mail-area h3 {
          font-size: 35px;
          line-height: 42px;
          text-align: center;
     }

     .mailbox {
          display: none;
          visibility: hidden;
     }

     .membership-area {
          align-items: center;
          padding: 50px 25px;
          max-width: 100%;
     }

     .membership-area p {
          text-align: center;
     }

     .mailbox.mobile-only-block {
          display: block;
          visibility: visible;
          margin-top: 10px;
          width: 100%;
     }

     .mobile-only-block .styled-input input {
          width: 90%;
     }

     .creamemail {

          background: url('../images/emailsectionbg-mobile.png') !important;
     }

     .continuous-slider.scrollopposite .gallery-row,
     .continuous-slider .gallery-row {
          width: calc(160px * 10);
     }

     .continuous-slider .image-frame {
          height: auto;
     }

     .image-frame::after {
          bottom: 0px;
     }

     section .footer-about {
          padding: 0px;
          margin-bottom: 0px;
     }

     #topScrollIcon {
          margin: 60px auto;
     }

     .aboutbox .flex-sb {
          flex-direction: column;
          padding: 80px 10px;
     }

     .cta-section {
          padding-bottom: 60px;
          margin-bottom: 0px;
          max-width: calc(100%);
     }

     .mobile-visible .separator-dot {
          height: 4px;
          width: 4px;
          background: var(--black);
          margin: 7px 10px;
     }

     .sepbtn {
          margin-top: 10px;
          margin-left: -9px;
     }

     .cta-section p.caps.logo-text {
          font-size: 32px;
          line-height: 42px;
     }

     .assignment-banner .center-content {
          align-items: flex-start;
     }

     /* .assignment-banner .flex-start {
          margin: 40px auto 0px auto;
     } */

     .cta-section p {
          max-width: 100%;
          font-weight: 300;
          font-size: 18px;
          line-height: 25px;
     }

     .cta-section p.mt-40 {
          margin-top: 40px;
     }

     /* .styled-input {
          width: calc(100%) !important;
     } */

     .assignment-banner p {
          text-align: left !important;
          text-align-last: left !important;
          padding: 0px !important;
          font-size: 17px;
     }

     .assignment-banner h2 {
          font-style: normal;
          font-weight: 400;
          font-size: 23px;
          line-height: 36px;
          width: fit-content;
          margin: 10px auto;
          text-align: left;
          margin-left: -3px;
     }

     .newsletter h2 {
          margin-bottom: 10px;
          text-align-last: center;
          width: 204px;
     }

     .newsletter .caption {
          text-align: left !important;
          padding: 0 !important;
     }

     .cta-section .article-link {
          display: none;
          visibility: hidden;
     }

     .menu-section {
          width: 100%;
     }

     .aboutbox .menu-section h4 {
          font-weight: 500;
          font-size: 18px;
          line-height: 25px;
     }

     .aboutbox .menu-section .links {
          margin-bottom: 0px;
     }

     .aboutbox .menu-section .links a h2 {
          font-weight: 400;
          font-size: 18px;
          line-height: 25px;
          margin-bottom: 15px;
     }

     #article {
          padding-top: 120px;
     }

     .article-area {
          padding: 0%;
     }

     .article-banner {
          margin-bottom: 15px;
     }

     .article-header,
     .article-content,
     .section-sidebar .column h4 {
          margin: 25px;
          margin-bottom: 0px;
     }

     .related-posts h3.heading-normal {
          margin: 10px 25px;
     }

     .heading-normal.relatedHeading {
          font-size: 18px;
          line-height: 25px;
     }

     .article-header {
          width: 90%;
     }

     .article-desc {
          width: 90%;
          overflow-wrap: break-word;
     }

     .article-body {
          margin-top: 40px;
     }

     .section-sidebar .column {
          margin: 0px;
     }

     .post-container {
          margin: 20px 0px 20px 25px;
     }

     .related-posts .post-left {
          width: 50%;
          max-width: 220px;
          flex-wrap: wrap;
          margin-right: 25px;
          margin-top: 0;
     }

     .content-wrapper .content {
          text-align: left;
          margin: 0px;
     }

     #menuToggle {
          -webkit-tap-highlight-color: transparent;
          display: block;
          position: absolute;
          top: 22px;
          right: 25px;
          z-index: 1;
          -webkit-user-select: none;
          user-select: none;
     }

     #menuToggle input {
          display: block;
          width: 40px;
          height: 32px;
          position: absolute;
          top: -7px;
          left: -5px;
          cursor: pointer;
          opacity: 0;
          z-index: 2;
          -webkit-touch-callout: none;
     }

     #menuToggle span.hamburgerIcon {
          display: block;
          width: 24px;
          height: 4px;
          margin-bottom: 5px;
          position: relative;
          background: #fff;
          z-index: 1;
          transform-origin: 4px 0px;
          transition: transform 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
               background 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
               opacity 0.55s ease;
     }

     .header-dark #menuToggle span {
          background: #fff;
     }

     #menuToggle span:first-child {
          transform-origin: 0% 0%;
     }

     #menuToggle span:nth-child(2) {
          opacity: 0;
          background: transparent;
     }

     #menuToggle span:nth-last-child(2) {
          transform-origin: 0% 100%;
     }

     #menuToggle input:checked~span {
          opacity: 1;
          transform: rotate(45deg) translate(2px, 4px);
          background: #B9BABE;
     }

     #menuToggle input:checked~span:nth-last-child(3) {
          opacity: 0;
          transform: rotate(0deg) scale(0.2, 0.2);
     }

     #menuToggle input:checked~span:nth-last-child(2) {
          opacity: 1;
          transform: rotate(-45deg) translate(0, -1px);
     }

     .invertlogo {
          filter: invert(1);
          transition: filter 1s;
     }

     #menu {
          position: fixed;
          width: 100vw;
          height: 100vh;
          top: 0;
          left: 0;
          padding: 25px;
          padding-top: 100px;
          background-color: #1a1a1d;
          background: url('../images/mobilemenubg.png');
          background-size: cover;
          background-repeat: no-repeat;
          list-style-type: none;
          -webkit-font-smoothing: antialiased;
          transform-origin: 0% 0%;
          transform: translate(100%, 0);
          transition: transform 1s cubic-bezier(0.77, 0.2, 0.05, 1.0);
          overflow-y: scroll;
     }

     #menu li {
          padding: 10px 0;
          font-size: 22px;
     }

     /* #menu.show-menu {
               transform: translate(0,0);
          /* opacity: 1; */
          /* display: block */
          /* left: 0; */
     /* } */ 
     #menu.show-menu {
          transform: translate(0, 0);
          
      }
      #menu.hide-menu {
          transform: translate(100vw, 0);
          
      }

     .mobile-invisible {
          display: none !important;
          visibility: hidden !important;
     }

     .mobile-visible {
          display: block !important;
          visibility: visible !important;
     }

     .mobile-only-block {
          display: block !important;
          visibility: visible !important;
     }

     .article-body h3 {
          margin-left: 25px;
          margin-top: 25px;
          text-align: left !important;
     }

     .insights-mobile .slick-list {
          padding-bottom: 80px;
     }

     .insights-mobile .slick-list .slick-track .card {
          box-shadow: 0px 36px 112px rgba(0, 0, 0, 0.04), 0px 15.0399px 46.7909px rgba(0, 0, 0, 0.0287542), 0px 8.04107px 25.0167px rgba(0, 0, 0, 0.0238443), 0px 4.50776px 14.0241px rgba(0, 0, 0, 0.02), 0px 2.39404px 7.44811px rgba(0, 0, 0, 0.0161557), 0px 0.996212px 3.09933px rgba(0, 0, 0, 0.0112458);
     }

     .insights-mobile .slick-list .slick-track .card p {
          text-align: left !important;
          padding: 0px !important;
          text-align-last: left !important;
     }

     .aboutbox .menu-section,
     .aboutbox .cta-section {
          width: width-content;
     }
     .error404 #site-content {
          background-image: url("/magazine/wp-content/themes/1finance/assest/images/background-grid-mobile.svg");
     }
     .error404 .entry-title {
          font-size: 150px;
          line-height: normal;
     }
     .error404 .intro-text p{
          font-size: 16px;
          font-weight: 500;
     }
     .button-group{
          grid-template-columns: 1fr;
     }
     .button-item a {
          font-size: 14px;
     }
     .button-item {
          width: 244px;
     }
}

@media screen and (max-width: 370px) {
     .cta-section .styled-input {
          width: calc(100%) !important;
          max-width: 300px;
     }

}

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

     #magazine-wrapper .story-section .flex-sb .cat-info .section-heading {
          width: 75%;
     }

     .cta-section .logo-flex img {
          height: auto !important;
          max-width: 240px;
     }

     .styled-input,
     .cta-section .styled-input {
          width: calc(100%) !important;
          max-width: 250px;
     }

     #magazine-wrapper .aboutbox .flex-sb .cta-section h3 {
          text-align: left;
     }

}