/*
Theme Name: Urdu Education
Description: Urdu Education 
Author: Mian Haseeb 
Author URI: https://datalinksolution.com/
Author Email: haseebwebz16@gmail.com
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

/* From Uiverse.io by abrahamcalsin */ 
        .board-section {
            width: 100%;
            background-color: #EFF8FA;
            border-radius: 10px;
            padding: 20px;
            display: block;
            margin: 20px 0px;
        }

        .board-books-grid {
            display: flex;
            width: 100%;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 25px;
        }

        .board-books-grid .single-book {
            width: calc(25% - 12px);
            min-width: 250px;
        }

        .board-books-grid .single-book a {
            width: 100%;
            border: 1px solid #c4c4c4;
            background-color: white;
            transition: all 0.3s ease;
            border-radius: 4px;
            padding: 10px;
            gap: 10px;
            display: flex;
            align-items: center;

            &:hover {
                box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                transform: translateY(-3px);
            }
        }
.board-books-grid .single-book a h4{
	margin:0px !important;
}


        .board-books-grid .single-book a img {
			
            width: 55px;
            height: 47px;
            padding: 6px;
            border: 1px solid #c4c4c4;
            border-radius: 4px;
        }

        @media (max-width: 767px) {
            .board-books-grid .single-book {
                flex: 1;
            }
        }
        .board-heading{
            position: relative;
			margin:0px 0px 3px !important;
        }
        .board-heading::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            background-color: rgb(218, 218, 218);
            height: 2px;
            width: 100%;
        }

        .board-heading::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #f0d144;
            height: 5px;
            width: 50px;
        }