@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body {
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}
.heading_grad{
    background: -webkit-linear-gradient(45deg, #c81053, #1ebe84, #1f98d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a {
    text-decoration: none; 
}

a:hover {
    text-decoration: none; 
}

.blue_color{
    color:#3d2f6d;
}
.blue_back{
    background:#3D2F6D;
}
.pink_color{
    color:#FF0A62;
}
.pink_back{
    background:#FF0A62;
}
.black_back{
    background:#000;
}
.lightBlue_back{
    background:#1183ba;
}
.lightBlue_color{
    color:#1183BA;
}
.green_color{
    color:#22E59F;
}
.green_back{
    background:#22E59F;
}

.dropdown-menu{
    border-radius:0px;
}
.dropdown-item{
    font-size:12px;
    font-weight:bold;
}
.dropdown-item:hover{
    background:#FF0A62;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}


/* banner section start */


.banner_section .navbar{
    background:rgba(0,0,0,1);
}
.banner_section .navbar .nav-link{
    color:#fff;
    font-weight:600;
}
.banner_section .navbar .nav-link:hover{
    color:#fff;
    font-weight:600;
}
.banner_section .navbar .nav-link button{
    color:#80140C;
    font-weight:600;
}


@media (min-width:320px) and (max-width:480px){
    .banner_section {
        background: url('../../../images/frontend/courses_banner_back.png') no-repeat;
        background-size: cover;
        background-position: top center;
        height: auto;
        padding-bottom: 25%;
    }
}


/* banner section end  */

/* blogs section start  */

.blogs_section{
    margin-top:5%;
}
.blogs_section  h2{
    font-weight:bold;
    color:#000;
    text-transform: uppercase;
    font-size:35px;
}
.blogs_section .blog_div h4{
    font-weight:600;
    color:#000;
    margin:2% 0%;
    font-size:30px;
}
.blogs_section hr{
    border:1px solid rgba(0,0,0,0.5);
    margin-top:3% 0% 2% 0%;
}
@media (min-width:320px) and (max-width:480px){
    .blogs_section h2 {
        font-size: 25px;
    }
    .blogs_section .blog_div h4 {
        font-size: 18px;
        margin-bottom:6%;
    }
    .blogs_section .blog_div p{
        font-size:12px;
        font-weight:700;
    }
}

/* blogs section end */

/* top stories section start  */

.top_stories{
    padding:3% 0%;
}
.top_stories .top_story_nav{
    background:#3D2F6D;
    padding:1% 3% 0% 3%;
}
.top_stories .top_story_nav h2{
    color:#fff;
}
.top_stories .top_story_nav .btn-group label.active{
    background:#1183BA;
    color:#fff;
    text-transform: uppercase;
    border-radius:0px;
    border:1px solid #1183BA;
}
.top_stories .top_story_nav .btn-group label{
    background:transparent;
    color:#fff;
    border:1px solid #fff;
    border-radius:0px;
    text-transform: uppercase;
}
.card {
  margin-bottom: 1rem;
  border:none;
  box-shadow:0px 0px 20px rgba(0,0,0,0.5);
  margin-top:10%;
}

.card h5{
    color:#000;
    font-weight:600;
}

.list-view .row > [class*=col-] {
  max-width: 100%;
  flex: 0 0 100%;
}
.list-view .card {
  flex-direction: row;
  margin-top:4%;
}
.list-view .card h5{
    font-size:30px;
}
.list-view .card > .card-img-top {
  width: 30%;
}
.list-view .card .card-body {
  display: inline-block;
}
.card .card-body h6{
    font-weight:600;
    color:#000;
}
.card .card-body h6:hover{
    text-decoration: none;
}
.card .card-body p{
    font-size:14px;
    color:#000;     
}

@media (min-width:320px) and (max-width:480px){
    .top_stories .top_story_nav{
        background:#3D2F6D;
        padding:5% 3%;
    }
    .list-view .card {
        flex-direction: flex;
    }
    .list-view .card h5 {
        font-size: 14px;
    }
    .list-view .card h6{
        font-size:12px;
    }
    .list-view .card > .card-img-top {
        width: 30%;
    }
}

/* top stories section end */

/* pagination section start  */

.nav ul li{
    border:1px solid #000 !important;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.page-link {
    color: #000 !important;
    background-color: #fff;
    border: 1px solid #000 !important;
}
.page-item.active .page-link{
    background:#3D2F6D;
    color:#fff !important;
    border:1px solid #3D2F6D !important;
}

/* pagination section end */

/* cta section start  */

.cta_section{
    padding: 3% 0%;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(37,25,77,1) 50%, rgba(61,47,109,1) 50%);
}
.cta_section  button{
    background: #fff;
    color: #3D2F6D;
    font-weight: 700;
    border-radius: 0px;
    padding: 2% 20%;
    margin: 0% 3%;
    font-size: 18px;
}

@media (min-width:320px) and (max-width:480px){
    .cta_section button {
        margin: 0% 1%;
    }
    .cta_section {
        padding: 10% 0% 7% 0%;
    }
}

/* cta section end  */

/* footer section start  */

.footer{
    padding:0% 0% 1% 0%;
    background:#3D2F6D;
}
.footer h2{
    color:#fff;
    font-size:45px;
}
.footer hr{
    border-top:1px solid #97231A;
}
.footer h6{
    color:#fff;
    font-size:15px;
    font-weight:600;
}
.footer h6 a{
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-decoration: none;
}
.footer ul{
    list-style:none;
    padding-left:0;
}
.footer ul li{
    font-size:9px;
    color:rgba(255,255,255,0.7);
    margin:6% 0%;
}
.footer .copyright_hr{
    border-top:1px solid #fff;
}
.footer h5{
    font-size:13px;
    color:rgba(255,255,255,0.6);
    font-weight: 600;
}
@media (min-width:320px) and (max-width:480px){
    .footer{
        padding:15% 0% 3% 0%;
    }
    .footer h6{
        font-size:14px;
    }
}

/* footer section end  */



/* blog content css start */

    .blogs_Content_section{
        padding:4% 0%;
    }
    .blogs_Content_section h4{
        font-weight:bold;
        font-size:45px;
    }

/* blog content css end */