.collapsed{
    height:0;
    overflow: hidden;
}

#content24 h3{
    margin-bottom: 20px;
}

.center{
    text-align: center;
}

.video-section .title{
    margin-bottom: 30px;
}
@media screen and (max-width: 480px){
	.video-section .title{
		font-size: 22pt;
	}
	.video-section h3{
		font-size: 16pt;
	}
}
.video-section a{
    color: #dba529; 
    text-decoration: underline; 
    font-weight: bolder;
}

@media screen and (max-width: 768px){
    .content-3-10 h3, .content-3-10 p{
        color: #505050;
    }
    .video-section .title, h2{
		font-size: 22pt;
	}
	.video-section h3{
		font-size: 16pt;
	}
}
.main-menu{
    position: static;
}
.sub-menu{
    background-color: #070709;
}
@media screen and (min-width: 1025px){
    .main-menu:hover .sub-menu{
        /* display: block; */
        width: 300px;
        transition: width 0.5s;
    }
    .sub-menu{
        padding-top:10px;        
        position: absolute;
        width: 0px;
        overflow: hidden;
        transition: width 0.5s;
        /* display: none; */
    }
    .sub-menu .link{
        display: block;
        padding: 10px 40px;
        margin: 0;
    }
}
.slider-banner h3{
    margin-right: 10%;
}

.projects{
    grid-template-columns: auto auto;
    display: grid;
    grid-column-gap: 30px;
}

@media screen and (max-width: 1200px){
    .projects{
        display: block;
    }
}

.projects .services{
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
}

.projects .services-content{    
    background-color: #000000a6;
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
    box-sizing: content-box;
    height: auto;
}

.projects h5, .projects p{
    color: white;
    text-align: center;
}

a.btn{
    color: white;
	background-color: #b7860c;
	transition: color 2s;
	transition: background-color 2s;
	transition: margin-top 1s;
	padding: 15px 60px;
	margin-top: 20px;
}
.modal .btn{
    padding: 10px 20px;
    color: white;
}
.modal .btn{
    border-radius: 5px;
}
.social-icons a:hover{
    background: #ffffff7c!important;
}
.btn-container{
    text-align: center;
}
#fee-analyzer .services-content{
    background-image: url("/assets/images/backgrounds/laptop-books.jpg");
}

#past-questions .services-content{
    background-image: url("/assets/images/backgrounds/finance-calc.jpg");
}

#blog .services-content {
    background-image: url("/assets/images/backgrounds/blog2.jpg");
    background-position: center;
}
#timetable .services-content {
    background-image: url("/assets/images/backgrounds/backdrop.jpg");
    background-position: center;
}

.floating-btn{
    cursor: pointer;
    position:fixed;
    bottom: 20px;
    right: 20px;
    background: white;
    z-index: 10;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0px 0px 10px gray;
    transition: bottom 1s;
}

.floating-btn p{
    margin: 0;
    display: flex;
    color: #505050;
    align-items: center;
}

.floating-btn .icon{
    display: inline-block;
    margin-right: 5px;
    font-size: 18pt; 
    color: green;  
}