@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

* {
    font-family: "Sora", sans-serif;
}

header {
    background-color: rgb(16, 24, 40);
    font-size: 14px;
}

.headerNav {
    background-color: rgb(16, 24, 40) !important;
}

.barbtn {
    color: white;
    border: none;
}

.logoIMg img {
    width: 100px;
}

.outerDropdown i {
    font-size: 10px;
    margin-top: 5px;
}

.headerNav>div>ul>li:hover .outerDropdown {
    display: block;
}

.outerDropdown>li:hover .innerDropdown {
    display: block;
    position: absolute;
    left: 100%;
    top: 0px;
}

.bannerSection {
    background-color: lightyellow;
}

.carouselbottombtns {
    bottom: -50px;
}

.carouselbottombtns .active {
    background-color: black !important;
}

.carouselbottombtns button {
    background-color: gray !important;
}

.bannerForm form {
    background-color: rgb(16, 24, 40);
    color: white;
}

#detailsModal p,
#detailsModal a {
    font-size: 14px;
}

.beginprepcontent .col>div {
    transition: 0.5s;
}


.beginprepcontent .col>div::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: red;
    transition: width .4s ease-in;
}

.beginprepcontent a {
    color: black;
}

.beginprepcontent .col>div:hover a {
    color: red;
}

.beginprepcontent .col>div:hover {
    transform: translateY(-15px);
}

.beginprepcontent .col>div:hover::after {
    width: 100%;
}


.coachingPrograms {
    background-color: rgb(16, 24, 40);
}


.programbackground {
    height: 380px;
    background: url('https://lawpreptutorial.com/images/courses/courses-card-bg.webp') no-repeat;
    position: relative;
}

.programbackground::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    transition: 0.5s;
    /* background: rgb(101, 112, 8); */
    background: linear-gradient(90deg, rgba(101, 112, 8, 1) 4%, rgba(160, 185, 85, 1) 11%, rgba(240, 221, 78, 1) 34%, rgba(255, 235, 5, 0.8688725490196079) 99%, rgb(192, 181, 28) 100%);
}

.programbackground:hover::after {
    opacity: 0;
    visibility: hidden;
}

.programsbtns button {
    background-color: white;
    color: gray;
    transition: 0.5s;
}

.programsbtns button:hover {
    background-color: red;
    color: white;
}


.newsSection aside h4 {
    font-size: 20px;
    line-height: 28px;
    padding: 10px 0px;
    transition: 0.5s;
}

.newsSection aside h4 a {
    color: black;
    transition: 0.5s;
}

.newsSection aside h4 a:hover {
    color: red;
}

.newsimgaside {
    overflow: hidden;
    height: 200px;
}

.newsimgaside img {
    transition: 0.5s;
}

.newsSection aside div:hover img {
    transform: scale(1.1);
}

.newsMain h4 a {
    color: black;
    transition: 0.5s;
}

.newsMain h4 a:hover {
    color: red;
}

.newsmainImg {
    overflow: hidden;
}

.newsmainImg img {
    transition: 0.5s;
}

.newsMain:hover img {
    transform: scale(1.1);
}

.newsbtn button {
    background-color: white;
    color: red;
    transition: 0.5s;
}

.newsbtn button:hover {
    background-color: red;
    color: white;
}

footer{
    background-color: rgb(16,24,40);
    font-size: 14px;
}

.footerList li {
    margin-bottom: 15px;
}

.footerList li a {
    display: inline-block;
}

.footerList li a::after{
    content: '';
    display: block;
    width: 0;
    height: 0.5px;
    background: white;
    transition: width .4s ease-in;
}

.footerList li:hover a::after{
    width: 100%;
}

.sociallinks li a{
    color: white;
    transition: 0.5s;
}

.sociallinks li a:hover {
    color: rgb(85, 185, 219);
}
.sociallinks li a .fa-instagram {
    transition: 0.3s;
}
.sociallinks li a:hover .fa-instagram {
    color:purple;
}
.sociallinks li a .fa-youtube {
    transition: 0.2s;
}
.sociallinks li a:hover .fa-youtube {
    color:red;
}

#mentorsCarousel .active span{
    width: 30px ;
    background-color: red;
}