/* Global Hear Nav Start */
.header ul.navicons li#tnav8, .header ul.navicons li#tnav7{
    background: none;
    padding-bottom: 0;
}
.wrapper.bg-black .header .subnavContainer.dropdown-menu.small-dropdown-menu {
  width: unset;
  margin: 0 10px 0 0;
}
.header .subnavContainer.small-dropdown-menu {
  left: unset;
}
.header .dropdown-menu.small-dropdown-menu {
  left: unset;
}
.dropdown-menu.small-dropdown-menu {
  left: unset;
}
.header .subnavContent.small-subnavContent {
  width: unset;
}
.header ul.subnavlinks.small-subnavlinks li {
  width: unset;
}
.header ul.subnavlinks.small-subnavlinks li ul {
  margin: 0;
}
#tnav7 .dropdown-menu {
  padding: 30px 25px !important;
}

/* Homepage Start */
.first-container {
    margin-top: 48px;
}

.home-entry-meta .entry-title {
    font-size: 48px;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: left;
    color: #383434;
    margin-bottom: 24px;
}
.home-entry-meta p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    max-width: 457px;
    color: #383434;
}

.two-blocks div, .three-blocks div {
    margin-bottom: 24px;
}
.first-img {
    height: 216px;
    border-radius: 16px;
    background-position: center !important;
    background-size: cover !important;
}
.second-txt {
    height: 184px;
    border-radius: 16px;
    padding: 24px;
    background: url(../img/gradient-2.jpg);
    background-size: cover;
    display: flex;
    align-items: end;
}
.third-txt {
    height: 184px;
    border-radius: 16px;
    padding: 24px;
    background: url(../img/gradient-1.jpg);
    background-size: cover;
    display: flex;
    align-items: end;
}
.fourth-txt {
    height: 128px;
    border-radius: 16px;
    padding: 24px;
    background: #A5B0FF;
    display: flex;
    align-items: end;
}
.fifth-image {
    height: 216px;
    border-radius: 16px;
    background-position: center !important;
    background-size: cover !important;
    margin-bottom: 0 !important;
}
.two-blocks div span, .three-blocks div span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    color: #ffffff;
    display: flex;
    align-items: end;
}



.category-title-desc{
    margin: 48px 0;
}
.category-title-desc .category-title {
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 0em;
    color: #383434;
    margin-bottom: 16px;
}
.category-title-desc .category-desc {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0em;
    color: #383434;
}
.home-category-section .featured-row {
    margin-bottom: 48px;
}
.home-category-section .featured-row .row  {
    margin-bottom: 16px;
}
.home-category-section .featured-row .row .left-col {
    background: url('../img/gradient-1.jpg') no-repeat; 
    background-position: left;
    background-size: cover;
    border-radius: 16px 0 0 16px;
    max-height: 216px;
    min-height: 216px;
}
.home-category-section .featured-row .row .bg-img {
    border-radius: 0 16px 16px 0;
    background-size: cover;
    background-position: center;
    max-height: 216px;
    min-height: 216px;
}
.home-category-section .featured-row .row .postfeaturedata {
    padding: 32px;
}
.home-category-section .featured-row .row .postfeaturedata .blogpost-tag {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 8px;
}
.home-category-section .featured-row .row .postfeaturedata .blogpost-name a{
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    letter-spacing: 0em;
}
.home-category-section .featured-row .row .blogpost-read {
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    position: absolute;
    bottom: 32px;
    left: 32px;
    margin-bottom: 0;
}
.home-category-section h3{
    font-size: 28px;
    font-weight: 400;
    line-height: 39.2px;
    letter-spacing: 0em;
    color: #383434;
    margin-bottom: 32px;
}
.explore-more-row .blogpost-name-time {
    border-left: 3px solid #C01818;
    padding-left: 19px;
    margin-bottom: 32px;
}
.explore-more-row .blogpost-name-time p {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    margin-bottom: 8px;
}
.explore-more-row .blogpost-name-time p a {
    color: #383434;
}
.explore-more-row .blogpost-name-time span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #706E6E;
    opacity: 0.8;
}
.explore-more-row .blogpost-name-time span span {
    opacity: 1;
}
.home-category-section hr {
    border-color: #D1CCCC;
    margin: 72px 0;
}



.ready-to-try {
    margin-top: 40px;
    margin-bottom: 64px;
    background: #F9F1EC;
}
.ready-to-try .ready-content {
    padding: 80px 0;
}
.ready-to-try .ready-heading {
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    letter-spacing: 0em;
    color: #383434;
}
.ready-to-try .ready-subheading {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #383434;
    margin-bottom: 56px;
}
a.primary-button {
    background: #FF3838;
    border-radius: 100px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #ffffff;
}
a.primary-button:hover {
    background-color: #970b0b !important;
    border-color: #970b0b !important;
}
.ready-to-try .ready-bg-img{
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 40px;
}

.visit-blog {
    width: auto;
    border-radius: 16px;
    padding: 85px;
    border-radius: 16px;
    background: #4258FF;
}
.visit-blog .row {
    max-width: 1140px;
    margin: 0 auto;
}
.visit-blog .visit-heading {
    font-size: 28px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0em;
    color: #FFFFFF;
}
.visit-blog .visit-button-col {
    display: flex;
    justify-content: center;
}
.visit-blog .visit-button-col .visit-button {
    border-radius: 100px;
    padding: 16px 32px;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    color: #383434;
}
.article-mobile-cta {
    margin: 30px;
}
.article-mobile-cta .buy-option .card_body,
.article-sidebar-desktop .buy-option .card_body {
    padding: 1rem !important;
}
.article-sidebar-desktop .quick-link {
    position:unset
}
.article-mobile-cta .buy-option,
.article-sidebar-desktop .buy-option {
    background: #f5f6fa;
    text-align: left;
    border-radius: 1em;
}
.article-mobile-cta .buy-option img,
.article-sidebar-desktop .buy-option img {
    padding:20px 20px 0 20px
}
.article-mobile-cta .card.ad_text p,
.article-sidebar-desktop .card.ad_text p {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 20px 0;
}
.article-mobile-cta .card.ad_text,
.article-sidebar-desktop .card.ad_text {
    margin-top: 15px;
    border: none;
}

.article-mobile-cta .card.ad_text h6.card-title,
.article-sidebar-desktop .card.ad_text h6.card-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}
.article-mobile-cta button.btn.btn-danger.border-radius,
.article-mobile-cta a.btn.btn-danger.border-radius,
.article-sidebar-desktop button.btn.btn-danger.border-radius,
.article-sidebar-desktop a.btn.btn-danger.border-radius {
    border-radius: 30px;
    font-size: 14px;
    background-color: #E01919;
    border: none;
    text-align: center;
    min-width: 20%;
}

/* 404 page starts */
.error404 .singlecategory .card.category-card h5 a{
    font-size: 23px;
    line-height: 29px;
    color: #212934;
}
.notfound-img{
    text-align: center;
    margin: 0 auto;
}
.new-category-template .left-main-content {
    margin-top: 80px;
    margin-bottom: 80px;
}
.notfound-img img {
    width: 600px;
}
.notfound-text {
    font-family: Poppins;
    font-weight: bold;
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    color: #6D7895;
    margin-top: 50px;
    margin-bottom: 8px;
}

/* 404 page ends */

@media only screen and (max-width: 1199px) {
    .second-txt, .third-txt, .fourth-txt {
        padding: 16px;
    }
    .ready-to-try .ready-content {
        text-align: center;
    }
    .ready-to-try .ready-bg-img {
        width: 100%;
        position: unset;
        margin-top: 24px;
    }
    .visit-blog .visit-heading {
        text-align: center;
        margin-bottom: 32px;
    }
}

@media (min-width: 991px) {
    .container .navbar.navbar-expand-lg {
        margin-top: 23px;
    }
    .navbar .article-social-sharing {
        background: none;
    }
    .article-desktop-cta a.btn {
        padding: .375rem .75rem;
    }
}

@media only screen and (max-width: 1200px) {
    .article-desktop-cta {
        display: none;
    }
    .article-mobile-cta {
        display: block;
        margin: -150px 30px 30px 30px;
    }
    .article-desktop-cta a.btn {
        padding: .375rem .75rem;
    }
}

@media only screen and (min-width: 1201px) {
    .article-mobile-cta {
        display: none;
    }
    .article-desktop-cta {
        display: block;
    }
    .container .navbar.navbar-expand-lg {
        margin-top: 25px;
    }
    .article-desktop-cta a.btn {
        padding: .375rem .75rem;
    }
}


@media only screen and (max-width: 767px) {
    .first-container {
        margin-top: 40px;
    }
    .home-entry-meta .entry-title {
        font-size: 40px;
        line-height: 56px;
        margin-bottom: 16px;
    }
    .home-entry-meta p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 32px;
    }
    .two-blocks div, .three-blocks div {
        margin-bottom: 16px;
    }
    .two-blocks div span, .three-blocks div span{
        font-size: 16px;
        line-height: 24px;
    }

    .category-title-desc {
        margin-bottom: 32px;
    }
    .category-title-desc .category-title {
        font-size: 28px;
        line-height: 39.2px;
    }
    .category-title-desc .category-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .home-category-section .featured-row .row .postfeaturedata {
        padding: 24px;
    }
    .home-category-section .featured-row .row  {
        margin-bottom: 16px;
        flex-direction: column-reverse;
    }
    .home-category-section .featured-row .row .left-col {
        border-radius: 0 0 16px 16px;
        min-height: unset;
        max-height: unset;
    }
    .home-category-section .featured-row .row .bg-img {
        border-radius: 16px 16px 0 0;
        min-height: 160px;
        max-height: unset;
        background-position: top 15% center;
    }
    .home-category-section .featured-row .row .postfeaturedata .blogpost-tag {
        font-size: 14px;
        line-height: 20px;
    }
    .home-category-section .featured-row .row .postfeaturedata .blogpost-name a {
        font-size: 20px;
        line-height: 28px;
    }
     .home-category-section .featured-row .row .postfeaturedata .blogpost-read {
        position: unset;
        margin-bottom: 0;
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
    }
    .home-category-section h3 {
        font-size: 24px;
        line-height: 36px;
    }
    .explore-more-row .blogpost-name-time p {
        font-size: 16px;
        line-height: 24px;
    }
    .explore-more-row .blogpost-name-time span {
        font-size: 14px;
        line-height: 20px;
    }
    .home-category-section hr {
        margin: 48px 0;
    }

    .ready-to-try {
        margin-top: 16px;
        margin-bottom: 32px;
    }
    .ready-to-try .ready-content {
        padding: 32px 0;
    }
    .ready-to-try .ready-heading {
        font-size: 28px;
        line-height: 39.2px;
        margin-bottom: 8px;
    }
    .ready-to-try .ready-subheading {
        margin-bottom: 44px;
    }
    a.primary-button {
        padding: 12px 24px;
        font-size: 14px;
        line-height: 16.8px;
    }
    
    .visit-blog {
        margin: 32px 24px;
        padding: 32px 17px;
    }
    .visit-blog .visit-heading {
        font-size: 24px;
        line-height: 36px;
    }
    .visit-blog .visit-button-col .visit-button {
        padding: 12px 24px;
        font-size: 14px;
        line-height: 16.8px;
    }

    .cmp-footer ul.social {
        margin-top: 20px;
    }

    .notfound-img img {
        width: 100%;
    }

}