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

img {
    max-width: 100%;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #000;
}

button {
    border: unset;
    background: unset;
}

/* ===============header==================== */

header {
    padding: 10px 40px;
    background-color: #fafafa;
    border-bottom: 1px solid #d2d2d2;
    position: sticky;
    top: 0;
    z-index: 9;
}

header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .logo {
}

header .logo img {
    height: 50px;
    /* padding-top: 6px; */
}

header .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0px;
}
header .nav li {
}
header .nav li a {
    font-weight: bold;
    color: black;
    font-size: 20px;
}
header .nav li a:hover {
    color: #ff8400;
}

/* ===========banner section================ */

.banner_section {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}
.banner_section .container {
}
.banner_section .container .row {
    display: flex;
    justify-content: center;
}

.banner_section .left_section {position: sticky;top: 90px;}

.banner_section .left_section .about-widget{border-top: 1px solid #d2d2d2;padding: 20px;text-align: center;}
.banner_section .left_section .about-widget .widget-header-2{}
.banner_section .left_section .about-widget .widget-header-2 h5{}
.banner_section .left_section .about-widget .textwidget{}
.banner_section .left_section .about-widget .textwidget p{}
.banner_section .left_section .about-widget .textwidget .header-social-network{}
.banner_section .left_section .about-widget .textwidget .header-social-network .list-inline-item{}
.banner_section .left_section .about-widget .textwidget .header-social-network .list-inline-item a{}
.banner_section .left_section .about-widget .textwidget .header-social-network .list-inline-item a i{
    background: grey;
    padding: 10px;
    border-radius: 100%;
    color: #fff;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
}
.banner_section .left_section .about-widget .textwidget .header-social-network .list-inline-item a i:before{}

.banner_section .left_section .list {
    margin: 0px;
}
.banner_section .left_section .list li {
    padding: 0px 0px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 10px;
}

.banner_section .left_section .list li a img {
    width: 35px;
    /* min-width: 32px; */
    height: 35px;
    object-fit: contain;
}
.banner_section .left_section .list li a h2 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.banner_section .left_section .list li a {
    display: inline-flex;
    align-items: center;
    column-gap: 0.5em;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 20px;
    color: var(--contrast);
    text-decoration: none;
}

.banner_section .left_section .list li:hover {
    color: red;
}

.banner_section .col-md-6 {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}
.banner_section .middle_section {
}
.banner_section .middle_section .category_card {
    border-bottom: 1px solid #d2d2d2;
}
.banner_section .middle_section .category_card h1 {
        font-weight: bold;
        font-size: 35px;
        text-transform: uppercase;
        margin: 10px 0;
}
.banner_section .middle_section .category_card p {
    margin: 0;
    margin: 10px 0;
}
.banner_section .middle_section .marque_box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #d2d2d2;
}
.banner_section .middle_section .marque_box .title {
    padding: 0px 10px;
    font-size: 15px;
    white-space: nowrap;
    color: #f44336;
    font-weight: 700;
}
.banner_section .middle_section .marque_box marquee {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    gap: 20px;
    padding: 10px 0px;
}
.banner_section .middle_section .marque_box marquee a {
    border: 1px solid #bcb8b8;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 16px;
    color: #f44336;
    display: inline-block;
    margin: 0 5px;
}
.banner_section .middle_section .news_card {
    border-bottom: 1px solid #d2d2d2;
}
.banner_section .middle_section .inside_article {
    border-bottom: 1px solid #d2d2d2;
}
.banner_section .middle_section .inside_article {
}
.banner_section .middle_section .inside_article .details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    gap: 20px;
    font-size: 20px;
    font-weight: 700;
}
.banner_section .middle_section .inside_article .details a{
    display: contents;
}
.banner_section .middle_section .inside_article .details p {
    margin: 0px;
}
.banner_section .middle_section .inside_article .details img {
    height: 100px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.banner_section .middle_section .inside_article .img_box {
}
.banner_section .middle_section .inside_article .img_box img {
}
.banner_section .middle_section .inside_article .link_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 20px 0px;
}
.banner_section .middle_section .inside_article .link_box .title {
}
.banner_section .middle_section .inside_article .link_box .title a {
    font-weight: bold;
    border: 1px solid #d2d2d2;
    padding: 6px 20px;
    display: inline-block;
    border-radius: 30px;
}
.banner_section .middle_section .inside_article .icon_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.banner_section .middle_section .inside_article .icon_box i {
}
.banner_section .middle_section .news_card .heading {
    padding: 5px 0px 10px 0;
}
.banner_section .middle_section .news_card .heading h2 {
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    line-height: normal;
}
.banner_section .middle_section .news_card .heading p {
    margin-top: 14px;
    font-style: italic;
    color: grey;
    border-left: 4px solid #ff0000;
    padding-left: 10px;
    font-weight: 600;
}
.banner_section .middle_section .news_card .img_box {
}
.banner_section .middle_section .news_card .img_box img {
    width: 100%;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.banner_section .middle_section .news_card .link_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 10px 0px;
    border: 1px solid #d2d2d2;
    border-right: unset;
    border-left: unset;
    border-bottom: unset;
}
.banner_section .middle_section .news_card .link_box .title {
}
.banner_section .middle_section .news_card .link_box .title a {
    font-weight: bold;
    border: 1px solid #d2d2d2;
    padding: 6px 20px;
    display: inline-block;
    border-radius: 30px;
}
.banner_section .middle_section .news_card .link_box .icon_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.banner_section .middle_section .news_card .link_box .icon_box i {
    font-size: 20px;
    padding: 10px 10px;
}
.banner_section .right_section {
    /* margin-left: 20px; */
    =: 10px;
    position: sticky;
    top: 90px;
}
 
.banner_section .right_section .sidebar-widget{
    padding: 16px;
    border: 1px solid #d2d2d2;
    margin: 0 0 20px 0px;
    text-align: center;
}

.banner_section .right_section .sidebar-widget .widget-header-2{}
.banner_section .right_section .sidebar-widget .widget-header-2 h5{}
.banner_section .right_section .sidebar-widget .widget-header-2 {}
.banner_section .right_section .sidebar-widget .newsletter{}
.banner_section .right_section .sidebar-widget .newsletter .font-medium{}
.banner_section .right_section .sidebar-widget .newsletter form{}
.banner_section .right_section .sidebar-widget .newsletter form input{
    border: unset;
    border-bottom: 2px solid #d2d2d2;
    border-radius: unset;
    margin-bottom: 20px;
}
.banner_section .right_section .sidebar-widget .newsletter form button{
    background: red;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    border: unset;
}
.banner_section .right_section .heading {
}
.banner_section .right_section .heading h2 {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    font-size: 24px;
}
.banner_section .right_section .list {
    margin: 0px;
}
.banner_section .right_section .list a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    gap: 10px;
}
.banner_section .right_section .list ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.banner_section .right_section .list ul li {border-bottom: unset;}
.banner_section .right_section .list li h2 {
}
.banner_section .right_section .list li .img_box {
    width: fit-content;
}
.banner_section .right_section .list li img {
    border-radius: 5px;
    object-fit: cover;
}
.banner_section .right_section .list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}
.banner_section .right_section .list li p {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}
.banner_section .first_blog {
}
.banner_section .first_blog .heading {
}
.banner_section .first_blog .heading h2 {
}
.banner_section .first_blog .heading p {
}
.banner_section .first_blog .details {
}
.banner_section .first_blog .details .row {
    display: flex;
    align-items: center;
    /* padding-bottom: 10px; */
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    padding: 3px 0px;
}
.banner_section .first_blog .details .text {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px;
}
.banner_section .first_blog .details .text a {
    border-radius: 100%;
}
.banner_section .first_blog .details .text a img {
    height: 45px;
}
.banner_section .first_blog .details .text .name {
}
.banner_section .first_blog .details .icon_box {
    width: 50%;
    text-align: end;
    display: flex;
    justify-content: end;
    gap: 20px;
}
.banner_section .first_blog .details .icon_box a {
}
.banner_section .first_blog .details .icon_box a i {
}
.banner_section .first_blog .img_box {
    margin-top: 20px;
}
.banner_section .first_blog .img_box img {
    width: 100%;
}
.banner_section .first_blog .img_box p {
    padding-top: 20px;
}

.banner_section .first_blog .notes {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 10px;
}
.banner_section .first_blog .notes p {
    margin: 0px;
}

.banner_section .social_links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 0px;
}

.banner_section .social_links .link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: green;
    padding: 6px 20px;
    border-radius: 10px;
    color: #fff;
}

.banner_section .social_links .link i {
    font-size: 20px;
}
.banner_section .social_links .link p {
    margin: 0px;
}
.banner_section .exam_news {
}
.banner_section .exam_news .heading {
}
.banner_section .exam_news .heading h2 {
}
.banner_section .exam_news .inside_article {
}
.banner_section .exam_news .inside_article .row {
}
.banner_section .exam_news .inside_article .row .details {
}
.banner_section .exam_news .inside_article .row .details p {
}
.banner_section .exam_news .inside_article .row .details img {
}
.banner_section .exam_news .inside_article .row .details img i {
}
.banner_section .exam_news .inside_article .row .details img i::before {
}

table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 20px 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

thead , th{
  background-color: red;
  color: white;
}

th, td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

.news_card_content{}
.news_card_content a{
    border-bottom: 2px solid red;
    color: red;
}
.news_card_content ul{
    padding-left: 20px;
    margin: 20px;
}
.news_card_content li{
    list-style: disc;
    margin-bottom: 10px;
}

.blog_subscribe_form{
    padding: 20px;
    background: red;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    width: 80%;
    margin: 20px auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.blog_subscribe_form h2{}
.blog_subscribe_form p{}
.blog_subscribe_form form{}
.blog_subscribe_form form input{
    margin-bottom: 15px;
}
.blog_subscribe_form form button{
    background: black;
    border: unset;
}

.author-bio {
    display: flex;
    gap: 20px;
    border: 1px solid #d2d2d2;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 40px;
}
.author-bio .author-image{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
}
.author-bio .author-image img{
    border-radius: 100%;
}
.author-bio .author-info{
    width: fit-content;
}
.author-bio .author-info h4{}
.author-bio .author-info .author-description{}
.author-bio .author-info .author-social {}
.author-bio .author-info .author-social ul{
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.author-bio .author-info .author-social ul li{}
.author-bio .author-info .author-social ul li a{
    color: red;
    font-size: 16px;
    display: inline-block;
    border: 1px solid #ff0000;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border-radius: 100%;
}

/* Bootstrap Grid Equivalents */
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-md-3,
.col-md-6,
.col-md-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Breakpoints for col-md-3/6/12 (Basic) */
@media (min-width: 768px) {
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Section styling */
.banner_section {
    padding: 0px 0;
}