@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap');


/* Global start */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --environment: #73B504;
    --technology: #3738A9;
    --social-cause: #AA00FF;
    --government-sector: #FF7C4C;
    --economy: #B4B4B4;
    --recent-event: #37A9A2;
    --latest-blogs: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
    --sports: #e91e63;
    --entertainment: #ffc107;
    --guest-posting: #795548;
    --environment-hover: #517F03;
    --technology-hover: #272777;
    --social-cause-hover: #7700B3;
    --government-sector-hover: #B35735;
    --economy-hover: #7E7E7E;
    --recent-event-hover: #277772;
    --latest-blogs-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
    --sports-hover: #af154a;
    --entertainment-hover: #c29203;
    --guest-posting-hover: #9c7364;
}

/* Global end */

/* Overlay start */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
}

.col-overlay {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
}

/* Overlay end */

/* Header start */
header {
    width: 100%;
    /* height: 24vh; */
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: #ffffff;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
    z-index: 999;
}

header .logo {
    width: auto;
    height: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

header .logo img {
    /*width: 80px;*/
    /*height: 80px;*/
    width: 65px;
    height: 65px;
    margin-right: 15px;
}

header .logo h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.5rem, 4vw + 1rem, 4rem);
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .nav {
    width: 100%;
    /*height: 70px;*/
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .nav .nav-links {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .nav .nav-links ul {
    height: 100%;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

header .nav .nav-links ul li:not(:last-child) {
    margin-right: 18px;
}

header .nav .nav-links ul li {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

header .nav .nav-links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.43px;
    text-transform: uppercase;
    font-family: 'DM Sans', sans-serif;
    position: relative;
    color: #ffffff;
}

header .nav .nav-links ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.43px;
    text-transform: uppercase;
    font-family: 'DM Sans', sans-serif;
    position: relative;
    gap: 3px;
    color: #ffffff;
}

header .nav .nav-links ul li a::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -5px;
    transition: 0.3s ease-in-out;
}

header .nav .nav-links ul li a:hover::after {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.hamburger {
    height: 100%;
    margin-left: 1.5%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5%;
    top: 0%;
}

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

.hamburger #burger img {
    width: 100%;
    height: 100%;
}

/* Header end */

/* Sidebar start */
.sidebar-main-container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sidebar-main-container .sidebar-container {
    width: 50%;
    min-height: 100vh;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 90px;
    background: linear-gradient(0deg, #0083C1, #0083C1);
}

.links {
    background-color: transparent;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.sidebar-main-container .sidebar-container .sidebar {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* padding: 0 90px; */
    background: linear-gradient(0deg, #0083C1, #0083C1);
}

.col-link {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
}

.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
    padding: 0;
    gap: 4px;
}

/*.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li:not(:last-child) {*/
/*    margin-bottom: 1vh;*/
/*}*/

.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a {
    width: auto;
    position: relative;
    display: inline-flex;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Jost', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #ffffff;
}

.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    height: 3px;
    width: 0;
    left: 0;
    /*bottom: -5px;*/
    bottom: -1px;
    transition: 0.3s ease-in-out;
}

.sidebar-main-container .sidebar-container .sidebar .sidebar-links ul li a:hover::after {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.sidebar-main-container .sidebar-container .sidebar .search-bar {
    width: 100%;
    /*margin-top: 22px;*/
    margin-top: 10px;
}

.sidebar-main-container .sidebar-container .sidebar .search-bar form {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.sidebar-main-container .sidebar-container .sidebar .search-bar form input {
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    font-family: 'DM Sans';
    padding-right: 24px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background: linear-gradient(0deg, #0083C1, #0083C1);
}

.sidebar-main-container .sidebar-container .sidebar .search-bar form input::placeholder {
    color: #FFFFFF;
}

.sidebar-main-container .sidebar-container .sidebar .search-bar form button {
    height: 100%;
    position: absolute;
    right: 0;
    border: none;
    outline: none;
    background: transparent;
}

.sidebar-main-container .sidebar-container .sidebar .search-bar form button i {
    font-size: 20px;
    color: #FFFFFF;
}

.sidebar-main-container .sidebar-container .sidebar .company-logo {
    /*width: 80px;*/
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*margin: 28px 0;*/
    margin: 22px 0;
    text-decoration: none;
}

.sidebar-main-container .sidebar-container .sidebar .company-logo img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.sidebar-main-container .sidebar-container .sidebar .company-logo h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-main-container .sidebar-container .sidebar .social-media-links {
    width: 100%;
    height: auto;
}

.sidebar-main-container .sidebar-container .sidebar .social-media-links ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 5%;
}

/*.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li:not(:last-child) {*/
/*    margin-right: 55px;*/
/*}*/

.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a {
    text-decoration: none;
    transition: 0.25s ease-in-out;
}

.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a:hover {
    opacity: 0.75;
    transition: 0.25s ease-in-out;
}

.sidebar-main-container .sidebar-container .sidebar .social-media-links ul li a i {
    font-size: 22px;
    color: #FFFFFF;
}

.sidebar-main-container .sidebar-container .close-btn {
    top: 60px;
    position: fixed;
    right: 90px;
    cursor: pointer;
}

.sidebar-main-container .sidebar-container .close-btn img {
    width: 100%;
    height: 100%;
}

/* Sidebar end */

/* Home start */
.home-main-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home-main-container .home-home-screen {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 85vh;*/
    height: 100vh;
    position: relative;
}

.home-main-container .home-home-screen::before {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #EDEDED;
    position: absolute;
    z-index: -1;
    top: 0;
}

.home-main-container .home-home-screen .home-left-screen {
    width: 50%;
    /*height: 64vh;*/
    height: 70vh;
    margin-right: 70px;
}

.home-main-container .home-home-screen .home-left-screen .title {
    position: absolute;
    top: 4vh;
    left: 20%;
}

.home-main-container .home-home-screen .home-left-screen .title a {
    font-weight: 400;
    font-size: 24px;
    line-height: 14px;
    font-family: 'DM Mono', monospace;
    text-transform: uppercase;
    padding: 10px 14px;
    text-decoration: none;
    color: #FFFFFF;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
    transition: 0.2s ease-in-out;
}

.home-main-container .home-home-screen .home-left-screen .title a:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
    transition: 0.2s ease-in-out;
}

.home-main-container .home-home-screen .home-left-screen .title a.multi-lang{
    background: none;
    color: #0082c0;
    display: contents;
}

.home-main-container .home-home-screen .home-left-screen .title a.multi-lang svg{
    width: 28px;
}

.home-main-container .home-home-screen .home-left-screen .latest-blog-link:hover span {
    color: #006BB7;
}

.home-main-container .home-home-screen .home-left-screen .main-blog-details {
    /*width: calc(100% - 44%);*/
    width: calc(100% - 56%);
    top: 10.5%;
    position: absolute;
    z-index: 1;
    left: 19%;
}

.home-main-container .home-home-screen .home-left-screen .main-blog-details h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 61px;
    font-family: 'DM Sans';
    color: #000000;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.home-main-container .home-home-screen .home-left-screen .main-blog-details h1 span {
    background-color: #ffffff;
    padding: 0.5% 1.5%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.home-main-container .home-home-screen .home-left-screen .img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: lightgray;
}

.home-main-container .home-home-screen .home-left-screen .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: lightgray;
}

.home-main-container .home-home-screen .home-left-screen .image-credit {
    position: relative;
    top: 12.5%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-main-container .home-home-screen .home-left-screen .image-credit h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    font-family: 'DM Sans';
    text-align: center;
    color: #413E38;
}

.home-main-container .home-home-screen .home-right-screen {
    width: 13.5%;
    /*height: 64vh;*/
    height: 70vh;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container {
    width: 100%;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .blog-align:not(:last-child) {
    margin-bottom: 16px;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container.cont-align:not(:last-child) {
    margin-bottom: 21px;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image {
    width: 100%;
    /*height: 13.5vh;*/
    height: 17vh;
    background-color: lightgray;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image .home_rel_card_image {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: lightgray;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .content .home_rel_card_details {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .content p {
    font-weight: 400;
    font-size: 18px;
    /*line-height: 24px;*/
    line-height: normal;
    font-family: 'DM Sans';
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .content p:hover {
    color: #006BB7;
}

.home-main-container .home-home-screen .home-right-screen .related-blogs .blog-container .posted-date .date {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    color: #413E38;
}

.home-main-container .trending-blog-main-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.home-main-container .trending-blog-main-container .left-container {
    width: 50%;
    height: auto;
    /*margin-right: 70px;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-top: 1px solid #EDEDED;
}

.home-main-container .trending-blog-main-container .left-container .trending-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-button {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 21px 0;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-button a {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #FFFFFF;
    padding: 10px;
    text-decoration: none;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
    text-transform: capitalize;
    transition: 0.2s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-button a:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
    transition: 0.2s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container {
    width: 100%;
    height: 28vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container:not(:last-child) {
    margin-bottom: 25px;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image {
    width: 50%;
    height: 100%;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: lightgray;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-mid-container .trending-blog-container .trending-blog-image .trending_blog_image_link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details {
    width: 50%;
    height: 28vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 15px;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a {
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    font-family: 'DM Mono';
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    transition: 0.3s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Environment-btn {
    background: var(--environment);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Social-Cause-btn {
    background: var(--social-cause);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Government-Sector-btn {
    background: var(--government-sector);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Technology-btn {
    background: var(--technology);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Economy-btn {
    background: var(--economy);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Recent-Events-btn {
    background: var(--recent-event);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.whats_trend_btn {
    background: var(--latest-blogs);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Sports-btn {
    background: var(--sports);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Entertainment-btn {
    background: var(--entertainment);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Guest-Posting-btn {
    background: var(--guest-posting);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Environment-btn:hover {
    background: var(--environment-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Social-Cause-btn:hover {
    background: var(--social-cause-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Government-Sector-btn:hover {
    background: var(--government-sector-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Technology-btn:hover {
    background: var(--technology-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Economy-btn:hover {
    background: var(--economy-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Recent-Events-btn:hover {
    background: var(--recent-event-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.whats_trend_btn:hover {
    background: var(--latest-blogs-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Sports:hover {
    background: var(--sports-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Entertainment:hover {
    background: var(--entertainment-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a.Guest-Posting:hover {
    background: var(--guest-posting-hover);
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-button a:hover {
    transition: 0.3s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content {
    margin-bottom: 42px;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content .trend_blog_content_details {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-content p:hover {
    color: #006BB7;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-date .date-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-date .bull {
    padding: 0 10px;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .trending-blog-image-details .blog-date .blog-credit p {
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.6);
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}

.home-main-container .trending-blog-main-container .left-container .trending-container .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    padding: 5px;
    text-decoration: none;
    color: #006BC6;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container {
    width: 100%;
    height: auto;
    border-top: 1px solid #EDEDED;
    padding: 40px 0 80px 0;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Environment {
    border-bottom: 8px solid #73B504;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Social-Cause {
    border-bottom: 8px solid #AA00FF;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Government-Sector {
    border-bottom: 8px solid #FF7C4C;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Technology {
    border-bottom: 8px solid #3738A9;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Economy {
    border-bottom: 8px solid #B4B4B4;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Recent-Events {
    border-bottom: 8px solid #37A9A2;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Sports {
    border-bottom: 8px solid var(--sports);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Entertainment {
    border-bottom: 8px solid var(--entertainment);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .title p.Guest-Posting {
    border-bottom: 8px solid var(--guest-posting);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .loading-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-top .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #006BC6;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    grid-column-gap: 2%;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left {
    width: 49%;
    height: auto;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image {
    width: 100%;
    height: 260px;
    margin-bottom: 20px;
    position: relative;
    background-color: lightgray;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image .home_cat_blog_link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    background-color: lightgray;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image .image-tag {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    left: 0;
    bottom: 0;
    position: absolute;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image .image-tag:hover {
    transition: 0.3s ease-in-out;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Environment-link {
    background: #73B504;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Social-Cause-link {
    background: #AA00FF;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Government-Sector-link {
    background: #FF7C4C;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Technology-link {
    background: #3738A9;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Economy-link {
    background: #B4B4B4;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Recent-Events-link {
    background: #37A9A2;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Sports-link {
    background: var(--sports);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Entertainment-link {
    background: var(--entertainment);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Guest-Posting-link {
    background: var(--guest-posting);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Environment-link:hover {
    background: #517F03;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Social-Cause-link:hover {
    background: #7700B3;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Government-Sector-link:hover {
    background: #B35735;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Technology-link:hover {
    background: #272777;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Economy-link:hover {
    background: #7E7E7E;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Recent-Events-link:hover {
    background: #277772;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Sports-link:hover {
    background: var(--sports-hover);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Entertainment-link:hover {
    background: var(--entertainment-hover);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image a.Guest-Posting-link:hover {
    background: var(--guest-posting-hover);
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details {
    margin-bottom: 36px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details .image_details_link {
    width: 100%;
    height: 100%;
    display: block;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .image-details .image_details_link:hover {
    color: #006BB7;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation {
    margin-bottom: 12px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .quotation p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .blog-date-details {
    display: flex;
    align-items: center;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .blog-date-details .blog-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .blog-date-details .bull {
    padding: 0 10px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .left .blog-date-details .credit p {
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.6);
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right {
    width: 49%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-column-gap: 18px;
    grid-row-gap: 22px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image {
    width: 100%;
    height: 126px;
    margin-bottom: 20px;
    background-color: lightgray;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image .home_rel_blog_link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: lightgray;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .details {
    margin-bottom: 10px;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .details .home_rel_blog_details_link {
    width: 100%;
    height: 100%;
    /*display: block;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .details .home_rel_blog_details_link:hover {
    color: #006BB7;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .date-details{
    display: flex;
}

.home-main-container .trending-blog-main-container .left-container .blogs-main-container .blog-bottom .right .sim-blog-container .date-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.home-main-container .trending-blog-main-container .right-container {
    width: 13.5%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /*margin: 0 0 80px 0;*/
    margin: 0 0 0 0;
}

/* Home end */

/* About us start */
.aboutus-main-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec1-main-container {
    width: 100%;
    height: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec1-main-container .sec1-container {
    width: calc(50% + 13.5% + 70px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec1-main-container .sec1-container .title {
    padding-top: 80px;
}

.aboutus-main-container .sec1-main-container .sec1-container .title p {
    font-weight: 400;
    font-size: 43px;
    line-height: 70px;
    font-family: 'DM Sans';
    text-align: center;
    letter-spacing: 1.88px;
    color: #000000;
}

.aboutus-main-container .sec1-main-container .sec1-container .sec1-details {
    padding-top: 25px;
}

.aboutus-main-container .sec1-main-container .sec1-container .sec1-details p {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    font-family: 'DM Sans';
    text-align: center;
    letter-spacing: 0.4px;
    color: #000000;
}

.aboutus-main-container .sec1-main-container .sec1-container .title-image {
    position: relative;
    top: 80px;
    width: 870px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec1-main-container .sec1-container .title-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutus-main-container .sec2-main-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.aboutus-main-container .sec2-main-container .sec2-container {
    width: calc(50% + 13.5% + 70px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 140px 0 80px 0;
}

.aboutus-main-container .sec2-main-container .sec2-container .title {
    padding-bottom: 25px;
}

.aboutus-main-container .sec2-main-container .sec2-container .title p {
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    font-family: 'DM Sans';
    text-align: center;
    letter-spacing: 1.88px;
    color: #FFFFFF;
}

.aboutus-main-container .sec2-main-container .sec2-container .sec2-details {
    padding-bottom: 25px;
}

.aboutus-main-container .sec2-main-container .sec2-container .sec2-details p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    font-family: 'DM Sans';
    text-align: center;
    color: #FFFFFF;
}

.aboutus-main-container .sec2-main-container .sec2-container .loading-btn a {
    font-weight: 400;
    font-size: 19px;
    line-height: 35px;
    font-family: 'DM Sans';
    letter-spacing: 0.4px;
    text-decoration: none;
    color: #FFFFFF;
}

.aboutus-main-container .sec3-main-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec3-main-container .sec3-container {
    width: calc(50% + 13.5% + 70px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aboutus-main-container .sec3-main-container .sec3-container .title {
    padding-top: 80px;
}

.aboutus-main-container .sec3-main-container .sec3-container .title p {
    font-weight: 400;
    font-size: 44px;
    line-height: 68px;
    font-family: 'DM Sans';
    letter-spacing: 1.88px;
    color: #202020;
}

.aboutus-main-container .sec3-main-container .sec3-container .image {
    margin: 40px 0;
    width: 400px;
    height: 400px;
}

.aboutus-main-container .sec3-main-container .sec3-container .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutus-main-container .sec3-main-container .sec3-container .image-link {
    width: 400px;
    height: auto;
    position: relative;
    transform: translateY(-35px);
}

.aboutus-main-container .sec3-main-container .sec3-container .image-link a {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: 'DM Sans';
    text-align: center;
    text-decoration: none;
    color: #413E38;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
}

.aboutus-main-container .sec3-main-container .sec3-container .image-name {
    padding-bottom: 25px;
}

.aboutus-main-container .sec3-main-container .sec3-container .image-name p {
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    font-family: 'DM Sans';
    text-align: center;
    letter-spacing: 1.88px;
    color: #000000;
}

.aboutus-main-container .sec3-main-container .sec3-container .sec3-details {
    padding-bottom: 80px;
}

.aboutus-main-container .sec3-main-container .sec3-container .sec3-details p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    font-family: 'DM Sans';
    text-align: center;
    color: #000000;
}

/* About us end */

/* Blog page start */
.blog-main-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.blog-main-container .blog-home-screen {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
    position: relative;
}

.blog-main-container .blog-home-screen::before {
    content: '';
    width: 100%;
    height: 50%;
    background-color: #EDEDED;
    position: absolute;
    z-index: -1;
}

.blog-main-container .blog-home-screen .title {
    width: calc(100% - 34%);
    position: absolute;
    top: 8vh;
}

.blog-main-container .blog-home-screen .title a {
    width: fit-content;
    font-weight: 400;
    font-size: 24px;
    line-height: 14px;
    font-family: 'DM Mono', monospace;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px;
    left: 20%;
    position: relative;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-home-screen .title .Economy-btn {
    background: var(--economy);
}

.blog-main-container .blog-home-screen .title a.Environment-btn {
    background: var(--environment);
}

.blog-main-container .blog-home-screen .title a.Government-Sector-btn {
    background: var(--government-sector);
}

.blog-main-container .blog-home-screen .title a.Recent-Events-btn {
    background: var(--recent-event);
}

.blog-main-container .blog-home-screen .title a.Social-Cause-btn {
    background: var(--social-cause);
}

.blog-main-container .blog-home-screen .title a.Technology-btn {
    background: var(--technology);
}

.blog-main-container .blog-home-screen .title a.Sports-btn {
    background: var(--sports);
}

.blog-main-container .blog-home-screen .title a.Entertainment-btn {
    background: var(--entertainment);
}

.blog-main-container .blog-home-screen .title a.Guest-Posting-btn {
    background: var(--guest-posting);
}

.blog-main-container .blog-home-screen .title a:hover {
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-home-screen .title a.Economy-btn:hover {
    background: var(--economy-hover);
}

.blog-main-container .blog-home-screen .title a.Environment-btn:hover {
    background: var(--environment-hover);
}

.blog-main-container .blog-home-screen .title a.Government-Sector-btn:hover {
    background: var(--government-sector-hover);
}

.blog-main-container .blog-home-screen .title a.Recent-Events-btn:hover {
    background: var(--recent-event-hover);
}

.blog-main-container .blog-home-screen .title a.Social-Cause-btn:hover {
    background: var(--social-cause-hover);
}

.blog-main-container .blog-home-screen .title a.Technology-btn:hover {
    background: var(--technology-hover);
}

.blog-main-container .blog-home-screen .title a.Sports-btn:hover {
    background: var(--sports-hover);
}

.blog-main-container .blog-home-screen .title a.Entertainment-btn:hover {
    background: var(--entertainment-hover);
}

.blog-main-container .blog-home-screen .title a.Guest-Posting-btn:hover {
    background: var(--guest-posting-hover);
}

.blog-main-container .blog-home-screen .blog-link-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-main-container .blog-home-screen .main-blog-details {
    width: calc(100% - 58%);
    top: 15%;
    position: absolute;
    z-index: 1;
}

.blog-main-container .blog-home-screen .main-blog-details h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 61px;
    font-family: 'DM Sans';
    color: #000000;
}

.blog-main-container .blog-home-screen .main-blog-details h1 span {
    background-color: #ffffff;
    padding: 0.5% 1.5%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.blog-main-container .blog-home-screen .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 33%);
    height: 100%;
    position: relative;
    top: 18%;
    position: absolute;
    /*height: 64vh;*/
    height: 70vh;
}

.blog-main-container .blog-home-screen .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-main-container .blog-home-screen .image-credit {
    position: relative;
    /*top: 83vh;*/
    top: 88vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.blog-main-container .blog-home-screen .image-credit a {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: 'DM Sans';
    text-align: center;
    text-decoration: none;
    color: #413E38;
    text-transform: capitalize;
}

.blog-main-container .blog-home-screen .image-credit a span {
    display: flex;
    flex-wrap: wrap;
}

.blog-main-container .blog-details-main-container {
    width: calc(100% - 33%);
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
    border-bottom: 1px solid #EDEDED;
}

.blog-main-container .blog-details-main-container .left {
    width: 25%;
    margin: 0 10px 100px 0;
}

.blog-main-container .blog-details-main-container .left .left-top-line {
    width: 100%;
    height: 1px;
    border: none;
    margin-bottom: 10px;
    background: #EDEDED;
}

.blog-main-container .blog-details-main-container .left .left-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.blog-main-container .blog-details-main-container .left .left-heading h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
    word-wrap: break-word;
}

.blog-main-container .blog-details-main-container .left .social-links {
    margin-bottom: 35px;
}

.blog-main-container .blog-details-main-container .left .social-links h5 {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    color: #413E38;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.blog-main-container .blog-details-main-container .left .social-links .social-links-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    border-left: 1px solid #EDEDED;
}

.blog-main-container .blog-details-main-container .left .social-links .social-links-details a {
    width: 35px;
    height: 35px;
    display: block;
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blog-main-container .blog-details-main-container .left .social-links .social-links-details a i {
    position: absolute;
    color: #ffffff;
}

.blog-main-container .blog-details-main-container .left .social-links .social-links-details a img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.blog-main-container .blog-details-main-container .left .posted-date {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.blog-main-container .blog-details-main-container .left .posted-date h5 {
    width: auto;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    color: #413E38;
}

.blog-main-container .blog-details-main-container .left .posted-date .date {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.blog-main-container .blog-details-main-container .left .blog-category {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.blog-main-container .blog-details-main-container .left .blog-category h5 {
    width: auto;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    color: #413E38;
}

.blog-main-container .blog-details-main-container .left .blog-category .name {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    text-decoration: none;
    text-transform: capitalize;
    color: #006BB7;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links h5 {
    width: auto;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    color: #413E38;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links .tag-links {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links .tag-links form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links .name {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    font-family: 'DM Sans';
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 13px;
    margin: 5px 0;
    border-radius: 30px;
    color: #ffffff;
    background: #006BB7;
}

.blog-main-container .blog-details-main-container .left .blog-tag-links .name:not(:last-child) {
    margin-right: 10px;
}

.blog-main-container .blog-details-main-container .mid {
    /*width: 50%;*/
    width: 75%;
    border-right: 1px solid #EDEDED;
    padding: 0 10px 100px 10px;
}

.blog-main-container .blog-details-main-container .mid .top-line {
    width: 100%;
    height: 4px;
    border: none;
    margin-top: 38px;
    background: #EDEDED;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para {
    padding-bottom: 40px;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para h1,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para h2,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para h3,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para h4,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para h5,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para h6 {
    font-family: 'DM Sans';
    word-wrap: break-word;
    color: #413E38;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para p,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para p span{
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-family: 'DM Sans' !important;
    word-wrap: break-word !important;
    color: #413E38 !important;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para p span a{
    display: inline;
    text-decoration: initial;
    color: #413E38;
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para p span a:hover{
    color: #0082c0;
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para ul a,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para ol a{
    text-decoration: initial;
    color: #413E38;
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para ul a:hover,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para ol a:hover{
    color: #0082c0;
    transition: 0.3s ease-in-out;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para ol {
    padding-left: calc(100% - 97%);
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para ul {
    padding-left: 16px;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para ol li span,
.blog-main-container .blog-details-main-container .mid .blog-details-container .para ul li span{
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-family: 'DM Sans' !important;
    word-wrap: break-word !important;
    color: #413E38 !important;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para p a {
    display: contents;
    width: 100% !important;
    height: 100% !important;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .para p img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column.blog-align {
    padding-bottom: 40px;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-image {
    width: 100%;
    height: 100%;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-image-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0 40px 0;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-image-details a {
    text-decoration: none;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-image-details a span {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    font-family: 'DM Sans';
    display: flex;
    flex-wrap: wrap;
    color: #413E38;
    text-transform: capitalize;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-details {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.blog-main-container .blog-details-main-container .mid .blog-details-container .blog-column .blog-column-details p {
    word-wrap: break-word;
}

.blog-main-container .blog-details-main-container .mid .bottom-line {
    width: 100%;
    height: 1px;
    border: none;
    margin-bottom: 38px;
    background: #EDEDED;
}

.blog-main-container .blog-details-main-container .right {
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0px 100px 10px;
}

.blog-main-container .blog-details-main-container .right .section {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.blog-main-container .blog-details-main-container .right .section:not(:last-child) {
    margin-bottom: 50px;
}

.blog-main-container .blog-details-main-container .right .section .image {
    width: 100%;
    top: 200px;
    position: sticky;
}

.blog-main-container .similar-blog-main-container {
    width: calc(100% - 33%);
    margin-bottom: 60px;
}

.blog-main-container .similar-blog-main-container .similar-top-column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 30px 0;
}

.blog-main-container .similar-blog-main-container .similar-top-column .title {
    display: flex;
    margin-right: 10px;
}

.blog-main-container .similar-blog-main-container .similar-top-column .explore-link {
    display: flex;
}

.blog-main-container .similar-blog-main-container .similar-top-column .title h3 {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.blog-main-container .similar-blog-main-container .similar-top-column .explore-link .explore {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #006BB7;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog {
    width: 100%;
    height: 100%;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image {
    width: 100%;
    height: 173px;
    position: relative;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image .sim-blog-link {
    width: 100%;
    height: 100%;
    display: block;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image .sim-blog-link img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image .sim-blog-tag-link {
    position: absolute;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a {
    transition: 0.3s ease-in-out;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a:hover {
    transition: 0.3s ease-in-out;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Environment-link {
    background: var(--environment);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Social-Cause-link {
    background: var(--social-cause);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Government-Sector-link {
    background: var(--government-sector);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Technology-link {
    background: var(--technology);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Economy-link {
    background: var(--economy);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Recent-Events-link {
    background: var(--recent-event);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Sports-link {
    background: var(--sports);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Entertainment-link {
    background: var(--entertainment);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Guest-Posting-link {
    background: var(--guest-posting);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Environment-link:hover {
    background: var(--environment-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Social-Cause-link:hover {
    background: var(--social-cause-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Government-Sector-link:hover {
    background: var(--government-sector-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Technology-link:hover {
    background: var(--technology-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Economy-link:hover {
    background: var(--economy-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Recent-Events-link:hover {
    background: var(--recent-event-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Sports-link:hover {
    background: var(--sports-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Entertainment-link:hover {
    background: var(--entertainment-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .image a.Guest-Posting-link:hover {
    background: var(--guest-posting-hover);
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-details a {
    width: 100%;
    height: 100%;
    display: block;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    transition: 0.3s ease-in-out;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-details a:hover{
    color: #0082c0;
    transition: 0.3s ease-in-out;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details {
    display: flex;
    padding-top: 22px;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details span {
    padding: 0 10px;
    font-size: 20px;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details .similar-blog-time {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details .similar-blog-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details .similar-blog-credit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-main-container .similar-blog-main-container .similar-bottom-column .similar-blog .similar-blog-date-details .similar-blog-credit p {
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.6);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Blog page end */

/* Tag start */
.tag-main-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag-main-container .tag-container {
    width: calc(50% + 13.5% + 70px);
}

.tag-main-container .tag-container .tag-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0 20px 0;
}

.tag-main-container .tag-container .tag-title p {
    width: auto;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    padding: 12px 20px;
    color: #FFFFFF;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tag-main-container .tag-container .tag-title p:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tag-main-container .tag-container .tag-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 30px 0;
}

.tag-main-container .tag-container .tag-line p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container {
    width: 100%;
    height: 28vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container:not(:last-child) {
    margin-bottom: 25px;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-left {
    width: 35%;
    height: 100%;
    margin-right: 15px;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-left .tag-image {
    width: 100%;
    height: 100%;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-left .tag-image .tag-img-blog-link {
    width: 100%;
    height: 100%;
    display: block;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-left .tag-image .tag-img-blog-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right {
    width: 35%;
    height: 100%;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-button a {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    color: #FFFFFF;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-button a:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-blog-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 42px;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-blog-details .tag-blog-det-link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-blog-details .tag-blog-det-link p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-blog-details .tag-blog-det-link p:hover {
    color: #006BB7;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-posted-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-posted-date .tag-blog-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-posted-date .tag-blog-date .date-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-posted-date .tag-blog-date .bull {
    padding: 0 10px;
}

.tag-main-container .tag-container .tag-blog-main-container .tag-blog-container .tag-right .tag-posted-date .tag-blog-date .blog-credit p {
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.5);
}

.tag-main-container .tag-container .loading-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.tag-main-container .tag-container .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    text-decoration: none;
    color: #006BB7;
}

/* Tag end */

/* Category start */
.category-main-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-main-container .category-container {
    width: calc(50% + 13.5% + 70px);
}

.category-main-container .category-container .category-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0 20px 0;
}

.category-main-container .category-container .category-title p {
    width: auto;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    padding: 12px 20px;
    color: #FFFFFF;
}

.category-main-container .category-container .category-title p.Environment-btn {
    background: var(--environment);
}

.category-main-container .category-container .category-title p.Social-Cause-btn {
    background: var(--social-cause);
}

.category-main-container .category-container .category-title p.Government-Sector-btn {
    background: var(--government-sector);
}

.category-main-container .category-container .category-title p.Technology-btn {
    background: var(--technology);
}

.category-main-container .category-container .category-title p.Economy-btn {
    background: var(--economy);
}

.category-main-container .category-container .category-title p.Recent-Events-btn {
    background: var(--recent-event);
}

.category-main-container .category-container .category-title p.latest-blog-btn {
    background: var(--latest-blogs);
}

.category-main-container .category-container .category-title p.Sports-btn {
    background: var(--sports);
}

.category-main-container .category-container .category-title p.Entertainment-btn {
    background: var(--entertainment);
}

.category-main-container .category-container .category-title p.Guest-Posting-btn {
    background: var(--guest-posting);
}

.category-main-container .category-container .category-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 30px 0;
}

.category-main-container .category-container .category-line p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.category-main-container .category-container .category-blog-main-container {
    padding: 0 0 60px 0;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container {
    width: 100%;
    height: 28vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container:not(:last-child) {
    margin-bottom: 25px;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-left {
    width: 35%;
    height: 100%;
    margin-right: 15px;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-left .category-image {
    width: 100%;
    height: 100%;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-left .category-image .cat-img-blog-link {
    width: 100%;
    height: 100%;
    display: block;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-left .category-image .cat-img-blog-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right {
    width: 35%;
    height: 100%;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a:hover {
    transition: 0.3s ease-in-out;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Environment-btn {
    background: var(--environment);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Social-Cause-btn {
    background: var(--social-cause);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Government-Sector-btn {
    background: var(--government-sector);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Technology-btn {
    background: var(--technology);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Economy-btn {
    background: var(--economy);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Recent-Events-btn {
    background: var(--recent-event);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.whats_trend_btn {
    background: var(--latest-blogs);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.latest_blogs_btn {
    background: var(--latest-blogs);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Sports-btn {
    background: var(--sports);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Entertainment-btn {
    background: var(--entertainment);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Guest-Posting-btn {
    background: var(--guest-posting);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Environment-btn:hover {
    background: var(--environment-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Social-Cause-btn:hover {
    background: var(--social-cause-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Government-Sector-btn:hover {
    background: var(--government-sector-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Technology-btn:hover {
    background: var(--technology-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Economy-btn:hover {
    background: var(--economy-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Recent-Events-btn:hover {
    background: var(--recent-event-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.whats_trend_btn:hover {
    background: var(--latest-blogs-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.latest_blogs_btn:hover {
    background: var(--latest-blogs-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Sports-btn:hover {
    background: var(--sports-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Entertainment-btn:hover {
    background: var(--entertainment-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-button a.Guest-Posting-btn:hover {
    background: var(--guest-posting-hover);
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 42px;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details .cat-blog-det-link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details .cat-blog-det-link p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-blog-details .cat-blog-det-link p:hover {
    color: #006BB7;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-posted-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-posted-date .category-blog-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-posted-date .category-blog-date .date-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-posted-date .category-blog-date .bull {
    padding: 0 10px;
}

.category-main-container .category-container .category-blog-main-container .category-blog-container .category-right .category-posted-date .category-blog-date .blog-credit p {
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.6);
    text-transform: capitalize;
}

.category-main-container .category-container .loading-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.category-main-container .category-container .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    text-decoration: none;
    color: #006BB7;
}

/* Category end */

/* Tags start */
.tags-main-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tags-main-container .tags-container {
    width: calc(50% + 13.5% + 70px);
}

.tags-main-container .tags-container .tags-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0 20px 0;
}

.tags-main-container .tags-container .tags-title p {
    width: auto;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    padding: 12px 20px;
    color: #FFFFFF;
}

.tags-main-container .tags-container .tags-title p.Environment-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Social-Cause-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Government-Sector-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Technology-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Economy-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Recent-Events-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.latest-blog-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Sports-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Entertainment-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-title p.Guest-Posting-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 30px 0;
}

.tags-main-container .tags-container .tags-line p {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.tags-main-container .tags-container .tags-blog-main-container {
    margin-bottom: 60px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container {
    width: 100%;
    height: 28vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container:not(:last-child) {
    margin-bottom: 25px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left {
    width: 35%;
    height: 100%;
    margin-right: 15px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left .tags-image {
    width: 100%;
    height: 100%;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left .tags-image .cat-img-blog-link {
    width: 100%;
    height: 100%;
    display: block;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-left .tags-image .cat-img-blog-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right {
    width: 35%;
    height: 100%;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a:hover {
    transition: 0.3s ease-in-out;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Environment-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Social-Cause-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Government-Sector-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Technology-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Economy-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Recent-Events-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Sports-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Entertainment-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Guest-Posting-btn {
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Environment-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Social-Cause-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Government-Sector-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Technology-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Economy-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Recent-Events-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Sports-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Entertainment-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-button a.Guest-Postings-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 42px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details .cat-blog-det-link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details .cat-blog-det-link p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-blog-details .cat-blog-det-link p:hover {
    color: #006BB7;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-posted-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-posted-date .tags-blog-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-posted-date .tags-blog-date .date-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-posted-date .tags-blog-date .bull {
    padding: 0 10px;
}

.tags-main-container .tags-container .tags-blog-main-container .tags-blog-container .tags-right .tags-posted-date .tags-blog-date .blog-credit p {
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.5);
    text-transform: capitalize;
}

.tags-main-container .tags-container .no-result-container .display-4 {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.tags-main-container .tags-container .no-result-container .lead {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.tags-main-container .tags-container .no-result-container ul {
    list-style: none;
}

.tags-main-container .tags-container .no-result-container ul li {
    font-weight: 400;
    font-size: 18px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.tags-main-container .tags-container .loading-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.tags-main-container .tags-container .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    text-decoration: none;
    color: #006BB7;
}

/* Tags end */

/* Search result start */
.search-main-container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-main-container .search-container {
    width: calc(50% + 13.5% + 70px);
    height: auto;
}

.search-main-container .search-container .search-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 115px 0;
}

.search-main-container .search-container .search-bar form {
    display: flex;
    width: 500px;
    height: 100%;
    position: relative;
}

.search-main-container .search-container .search-bar form input {
    width: 100%;
    outline: none;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    font-family: 'DM Sans';
    padding-right: 20px;
    color: #413E38;
    border-bottom: 1px solid #413E38;
}

.search-main-container .search-container .search-bar form button {
    right: 0px;
    position: absolute;
    outline: none;
    border: none;
    background: transparent;
}

.search-main-container .search-container .categories {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.search-main-container .search-container .categories ul {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    max-height: 850px;
    overflow-x: auto;
}

.search-main-container .search-container .categories ul li {
    min-width: fit-content;
}

.search-main-container .search-container .categories ul li:not(:last-child) {
    margin-right: 40px;
}

.search-main-container .search-container .categories ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-decoration: none;
    color: #413E38;
}

.search-main-container .search-container .search-result-container {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-column-gap: 32px;
    grid-row-gap: 75px;
    padding: 60px 0;
    border-top: 1px solid rgba(65, 62, 56, 0.15);
}

.search-main-container .search-container .search-result-container .search-result {
    width: 100%;
    /*max-width: 300px;*/
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.search-main-container .search-container .search-result-container .search-result .image {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    max-height: 200px;
    height: 100%;
}

.search-main-container .search-container .search-result-container .search-result .image .ser-img-blog-link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.search-main-container .search-container .search-result-container .search-result .image .ser-img-blog-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link {
    position: absolute;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    font-family: 'DM Mono';
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    transition: 0.3s ease-in-out;
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link:hover {
    transition: 0.3s ease-in-out;
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Environment {
    background: var(--environment);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Social-Cause {
    background: var(--social-cause);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Government-Sector {
    background: var(--government-sector);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Technology {
    background: var(--technology);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Economy {
    background: var(--economy);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Recent-Events {
    background: var(--recent-event);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Sports {
    background: var(--sports);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Entertainment {
    background: var(--entertainment);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Guest-Posting {
    background: var(--guest-posting);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Environment:hover {
    background: var(--environment-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Social-Cause:hover {
    background: var(--social-cause-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Government-Sector:hover {
    background: var(--government-sector-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Technology:hover {
    background: var(--technology-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Economy:hover {
    background: var(--economy-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Recent-Events:hover {
    background: var(--recent-event-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Sports:hover {
    background: var(--sports-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Entertainment:hover {
    background: var(--entertainment-hover);
}

.search-main-container .search-container .search-result-container .search-result .image .ser-blog-tag-link.Guest-Posting:hover {
    background: var(--guest-posting-hover);
}

.search-main-container .search-container .search-result-container .search-result .search-result-details {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 12px;
}

.search-main-container .search-container .search-result-container .search-result .search-result-details .ser-blog-det-link {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

.search-main-container .search-container .search-result-container .search-result .search-result-details .ser-blog-det-link p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    color: #413E38;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.search-main-container .search-container .search-result-container .search-result .search-result-details .ser-blog-det-link p:hover {
    color: #006BB7;
}

.search-main-container .search-container .search-result-container .search-result .search-result-posted-date {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.search-main-container .search-container .search-result-container .search-result .search-result-posted-date .date-time p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: #413E38;
}

.search-main-container .search-container .search-result-container .search-result .search-result-posted-date .bull {
    padding: 0 10px;
}

.search-main-container .search-container .search-result-container .search-result .search-result-posted-date .blog-credit p {
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    font-family: 'DM Sans';
    color: rgba(65, 62, 56, 0.6);
}

.search-main-container .search-container .search-result-container .no-result-container .display-4 {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.search-main-container .search-container .search-result-container .no-result-container .lead {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.search-main-container .search-container .search-result-container .no-result-container ul {
    list-style: none;
}

.search-main-container .search-container .search-result-container .no-result-container ul li {
    font-weight: 400;
    font-size: 18px;
    font-family: 'DM Sans';
    color: #413E38;
    text-transform: capitalize;
}

.search-main-container .search-container .loading-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}

.search-main-container .search-container .loading-btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-transform: capitalize;
    text-decoration: none;
    color: #006BB7;
}

/* Search result end */

/* Advertise form start */
.advertise-main-container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advertise-main-container .advertise-container {
    width: calc(50% + 13.5% + 70px);
    padding: 70px 0;
}

.advertise-main-container .advertise-container .advertise-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 70px 0;
}

.advertise-main-container .advertise-container .advertise-title p {
    width: auto;
    text-transform: capitalize;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    font-family: 'DM Sans';
    color: #FFFFFF;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.advertise-main-container .advertise-container .advertise-title p:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.advertise-main-container .advertise-container .advertise-bottom {
    display: flex;
}

.advertise-main-container .advertise-container .advertise-bottom .left {
    width: calc(100% - 20%);
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 80px 0;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-tag-line p {
    font-weight: 400;
    font-size: 31px;
    line-height: 41px;
    font-family: 'DM Sans';
    color: #413E38;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form {
    width: 100%;
    height: auto;
    padding-top: 30px;
    border-top: 1px solid #EDEDED;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form .advertise-form-title {
    top: -60px;
    position: relative;
    display: flex;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form .advertise-form-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form {
    width: calc(100% - 20%);
    height: auto;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details {
    width: 100%;
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .personal-details .form {
    display: flex;
    flex-direction: column;
    width: 49%;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form .label_name {
    margin-bottom: 15px;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form .label_name .content_name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    letter-spacing: 0.666667px;
    color: #413E38;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form .input_name {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: 'DM Sans';
    outline: none;
    border: none;
    border-bottom: 1px solid #BFDAED;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form .textarea_name {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: 'DM Sans';
    outline: none;
    border: none;
    border-bottom: 1px solid #BFDAED;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .form .label_name {
    margin-bottom: 15px;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Mono';
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 2px solid #006BB7;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.label {
    padding: 15px 60px 15px 20px;
    background: #006BB7;
    transition: all 0.3s ease-in-out;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn span.arrow {
    padding: 15px 20px;
    color: #006BB7;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn:hover .label {
    color: #ffffff;
    background: #004B80;
    border: 2px solid #004B80;
}

.advertise-main-container .advertise-container .advertise-bottom .left .advertise-form form .submit-button .btn:hover .arrow {
    color: #004B80;
    background: transparent;
    border: 2px solid #004B80;
}

.advertise-main-container .advertise-container .advertise-bottom .right {
    border-left: 1px solid #EDEDED;
    margin-left: 15px;
}

/* Advertise form end */

/* Contactus form start */
.contactus-main-container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactus-main-container .contactus-container {
    width: calc(50% + 13.5% + 70px);
    padding: 70px 0;
}

.contactus-main-container .contactus-container .contactus-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 70px 0;
}

.contactus-main-container .contactus-container .contactus-title p {
    width: auto;
    text-transform: capitalize;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    font-family: 'DM Sans';
    color: #FFFFFF;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.contactus-main-container .contactus-container .contactus-title p:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0171A8 69.27%, #0083C1 100%);
}

.contactus-main-container .contactus-container .contactus-bottom {
    display: flex;
}

.contactus-main-container .contactus-container .contactus-bottom .left {
    width: calc(100% - 20%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 80px 0;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-tag-line p {
    font-weight: 400;
    font-size: 31px;
    line-height: 41px;
    font-family: 'DM Sans';
    color: #413E38;
}

.contactus-main-container .contactus-container .contactus-bottom .left .tabs {
    width: calc(100% - 20%);
    display: flex;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 50px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .tabs ul {
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    padding: 0;
}

.contactus-main-container .contactus-container .contactus-bottom .left .tabs ul label {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    cursor: pointer;
}

.contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.business-iq {
    display: flex;
}

.contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.general-iq {
    display: none;
}

.contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked+.layer {
    left: 40%;
}

.contactus-main-container .contactus-container .contactus-bottom .left #chbox:checked~.layer2 {
    left: 40%;
}

.contactus-main-container .contactus-container .contactus-bottom .left .tabs ul span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.contactus-main-container .contactus-container .contactus-bottom .left #chbox {
    display: none;
}

.contactus-main-container .contactus-container .contactus-bottom .left .layer {
    content: '';
    height: 75px;
    width: 40%;
    background-color: transparent;
    float: right;
    position: absolute;
    left: 0px;
    top: 147px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .layer2 {
    content: '';
    height: 75px;
    z-index: -1;
    width: 40%;
    border-bottom: 2px solid #006BB7;
    float: right;
    position: absolute;
    left: 0px;
    top: 147px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form {
    width: 100%;
    height: auto;
    padding-top: 30px;
    margin-top: 130px;
    border-top: 1px solid #EDEDED;
    display: flex;
    flex-direction: column;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .contactus-form-title {
    top: -60px;
    position: relative;
    display: flex;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .contactus-form-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title {
    top: -130px;
    position: relative;
    display: flex;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form .general-form-title p {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    font-family: 'DM Sans';
    color: #413E38;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form {
    width: calc(100% - 20%);
    height: auto;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details {
    width: 100%;
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .personal-details .form {
    display: flex;
    flex-direction: column;
    width: 49%;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form .label_name {
    margin-bottom: 15px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form .label_name .content_name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    letter-spacing: 0.666667px;
    color: #413E38;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form .input_name {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: 'DM Sans';
    outline: none;
    border: none;
    border-bottom: 1px solid #BFDAED;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form .textarea_name {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    font-family: 'DM Sans';
    outline: none;
    border: none;
    border-bottom: 1px solid #BFDAED;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .form .label_name {
    margin-bottom: 15px;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Mono';
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 2px solid #006BB7;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.label {
    padding: 15px 60px 15px 20px;
    background: #006BB7;
    transition: 0.3s ease-in-out;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn span.arrow {
    padding: 15px 20px;
    color: #006BB7;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn:hover .label {
    color: #ffffff;
    border: 2px solid #004B80;
    background: #004B80;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form form .submit-button .btn:hover .arrow {
    color: #004B80;
    border: 2px solid #004B80;
    background: transparent;
}

.contactus-main-container .contactus-container .contactus-bottom .left .contactus-form.business-iq {
    display: none;
}

.contactus-main-container .contactus-container .contactus-bottom .right {
    border-left: 1px solid #EDEDED;
    margin-left: 15px;
}

/* Contactus form end */

/* FAQ start */
.faq-main-container{
    width: 100%;
    color: #000;
    padding: 80px 0;
    gap: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
@keyframes text-revel {
    to {
        background-size: 100% 100%;
    }
}
.faq-main-container .faq-container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    z-index: 1;
}
.faq-main-container .faq-container .faq{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    overflow: hidden;
    border-bottom: 2px solid #000;
}
.faq-main-container .faq-container .faq .question{
    width: calc(100% - 3px);
    height: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.faq-main-container .faq-container .faq .question h1{
    /* font-size: 1.5vw; */
    font-size: 22px;
    font-family: 'DM Sans';
    font-weight: 600;
    text-align: left;
    letter-spacing: 2px;
    color: #000;
}
.faq-main-container .faq-container .faq .question .arrow{
    font-size: 22px;
    transform: rotate(90deg);
    transition: 0.5s ease-in-out;
}
.faq-main-container .faq-container .faq .answer{
    height: 0;
    transition: 0.8s ease-in-out;
}
.faq-main-container .faq-container .faq .answer h2{
    font-size: 22px;
    font-family: 'DM Sans';
    font-weight: 600;
    text-align: left;
    letter-spacing: 2px;
}
.faq-main-container .faq-container .faq .answer p{
    /* font-size: 22px; */
    font-weight: 400;
    font-size: 16px;
    font-family: 'DM Sans';
    overflow: hidden;
    text-align: left;
}
.faq-main-container .faq-container .faq.active .answer{
    height: 100%;
    padding-bottom: 10px;
    animation: fade 1.4s ease-in-out;
}

.faq-main-container .faq-container .faq.active .arrow{
    transform: rotate(270deg);
}

@keyframes fade{
    from{
        opacity: 0;
        transform: translateY(-10px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

.faq-main-container .overlay{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: rgb(0 0 0 / 65%);
    backdrop-filter: blur(5px);
}
/* FAQ end */

/* write for us start */
.write_main_container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 35px;
        padding-bottom: 50px;
    }

    .write_main_container .banner {
        /* border: 2px solid red; */
        width: 100%;
        height: 22vmax;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

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

    .write_main_container .banner h2 {
        display: flex;
        width: 50%;
        text-align: center;
        font-size: clamp(1rem, .9vw + 1rem, 2.4rem);
        font-family: 'DM Sans';
        position: absolute;
        color: #fff;
        z-index: 1;
    }

    .write_main_container .banner .write_for_us_overlay {
        /* border: 2px solid green; */
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .write_main_container .write_sub_container {
        /* border: 2px solid red; */
        width: 60%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 35px;
    }

    .write_main_container .write_sub_container .who_we_are,
    .write_main_container .write_sub_container .write_for_us,
    .write_main_container .write_sub_container .why_write,
    .write_main_container .write_sub_container .looking_for,
    .write_main_container .write_sub_container .guidelines,
    .write_main_container .write_sub_container .submit,
    .write_main_container .write_sub_container .next,
    .write_main_container .write_sub_container .note
    {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .write_main_container .write_sub_container .who_we_are .title,
    .write_main_container .write_sub_container .write_for_us .title,
    .write_main_container .write_sub_container .why_write .title,
    .write_main_container .write_sub_container .looking_for .title,
    .write_main_container .write_sub_container .guidelines .title,
    .write_main_container .write_sub_container .submit .title,
    .write_main_container .write_sub_container .next .title {
        /* border: 2px solid green; */
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .write_main_container .write_sub_container .who_we_are .title .img,
    .write_main_container .write_sub_container .write_for_us .title .img,
    .write_main_container .write_sub_container .why_write .title .img,
    .write_main_container .write_sub_container .looking_for .title .img,
    .write_main_container .write_sub_container .guidelines .title .img,
    .write_main_container .write_sub_container .submit .title .img,
    .write_main_container .write_sub_container .next .title .img {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: flex-start;
    }

    .write_main_container .write_sub_container .who_we_are .title .img img,
    .write_main_container .write_sub_container .write_for_us .title .img img,
    .write_main_container .write_sub_container .why_write .title .img img,
    .write_main_container .write_sub_container .looking_for .title .img img,
    .write_main_container .write_sub_container .guidelines .title .img img,
    .write_main_container .write_sub_container .submit .title .img img,
    .write_main_container .write_sub_container .next .title .img img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%;
    }

    .write_main_container .write_sub_container .who_we_are .title .title_content,
    .write_main_container .write_sub_container .write_for_us .title .title_content,
    .write_main_container .write_sub_container .why_write .title .title_content,
    .write_main_container .write_sub_container .looking_for .title .title_content,
    .write_main_container .write_sub_container .guidelines .title .title_content,
    .write_main_container .write_sub_container .submit .title .title_content,
    .write_main_container .write_sub_container .next .title .title_content {
        /* border: 2px solid red; */
        height: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
    }

    .write_main_container .write_sub_container .who_we_are .title .title_content h3,
    .write_main_container .write_sub_container .write_for_us .title .title_content h3,
    .write_main_container .write_sub_container .why_write .title .title_content h3,
    .write_main_container .write_sub_container .looking_for .title .title_content h3,
    .write_main_container .write_sub_container .guidelines .title .title_content h3,
    .write_main_container .write_sub_container .submit .title .title_content h3,
    .write_main_container .write_sub_container .next .title .title_content h3 {
        font-size: clamp(.8rem, .5vw + .6rem, 1.5rem);
        font-family: 'DM Sans';
    }

    .write_main_container .write_sub_container .why_write .content ul,
    .write_main_container .write_sub_container .looking_for .content ul,
    .write_main_container .write_sub_container .guidelines .content ul,
    .write_main_container .write_sub_container .submit .content ul,
    .write_main_container .write_sub_container .submit .content ul li ul,
    .write_main_container .write_sub_container .next .content ul
    {
        position: relative;
        left: 35px;
        width: calc(100% - 35px);
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .write_main_container .write_sub_container .who_we_are .content p,
    .write_main_container .write_sub_container .write_for_us .content p,
    .write_main_container .write_sub_container .why_write .content p,
    .write_main_container .write_sub_container .looking_for .content p,
    .write_main_container .write_sub_container .guidelines .content p,
    .write_main_container .write_sub_container .submit .content p,
    .write_main_container .write_sub_container .next .content p,
    .write_main_container .write_sub_container .note p
    {
        font-size: clamp(.8rem, .5vw + .6rem, 1.5rem);
        line-height: 150%;
        font-family: 'DM Sans';
        word-break: break-word;
    }
/* write for us end */

/* Footer start */
.footer-main-container {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(100% 9216% at 0% 50%, #8A3258 0%, #016598 49.66%, #0083C1 100%);
}

.footer-main-container .footer-container {
    width: calc(100% - 33%);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}

.footer-main-container .footer-container .top-footer-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 50px;
    gap: 25px;
}

.footer-main-container .footer-container .top-footer-container .left-footer {
    width: calc(100% / 3);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-main-container .footer-container .top-footer-container .left-footer .left-sub-footer {
    width: 100%;
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.footer-main-container .footer-container .top-footer-container .left-footer .left-sub-footer .comp-logo {
    text-decoration: none;
    width: max-content;
}

.footer-main-container .footer-container .top-footer-container .left-footer .left-sub-footer .comp-logo img {
    width: 100%;
    height: 100%;
}

.footer-main-container .footer-container .top-footer-container .left-footer .left-sub-footer p {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-align: left;
    text-transform: capitalize;
    color: #FFFFFF;
}

.footer-main-container .footer-container .top-footer-container .mid-footer {
    width: calc(100% / 3);
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 60%);
    padding: 0 3%;
    gap: 20px;
}

.footer-main-container .footer-container .top-footer-container .mid-footer .section a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: max-content;
    color: #FFFFFF;
}

.footer-main-container .footer-container .top-footer-container .mid-footer .section a p {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 1.17em;
    font-weight: bold;
    line-height: inherit;
}

.footer-main-container .footer-container .top-footer-container .mid-footer .section a p::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -5px;
    transition: 0.3s ease-in-out;
}

.footer-main-container .footer-container .top-footer-container .mid-footer .section a p:hover::after {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.footer-main-container .footer-container .top-footer-container .mid-footer .section a:not(:last-child) {
    margin-bottom: 15px;
}

.footer-main-container .footer-container .top-footer-container .right-footer {
    /*width: calc(100% / 3);*/
    width: 300px;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.footer-main-container .footer-container .top-footer-container .right-footer .social-media-links {
    width: 100%;
    /*width: 300px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 15px
}

/*.footer-main-container .footer-container .top-footer-container .right-footer .social-media-links a:not(:last-child) {*/
/*    margin-right: 30px;*/
/*}*/

.footer-main-container .footer-container .top-footer-container .right-footer .social-media-links a {
    transition: 0.25s ease-in-out;
}

.footer-main-container .footer-container .top-footer-container .right-footer .social-media-links a:hover {
    opacity: 0.75;
    transition: 0.25s ease-in-out;
}

.footer-main-container .footer-container .top-footer-container .right-footer .social-media-links a i {
    font-size: 18px;
    color: #ffffff;
}

.footer-main-container .footer-container .bottom-footer-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-main-container .footer-container .bottom-footer-container .copyright p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.footer-main-container .footer-container .bottom-footer-container .powered-by a {
    text-decoration: none;
}

.footer-main-container .footer-container .bottom-footer-container .powered-by a p {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DM Sans';
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

/* Footer end */