img {
        max-width: 100%;
        height: auto;
    }

    .p_120 {
        padding-block: 120px;
    }

    .mb-50 {
        margin-bottom: 50px;
    }

    .mt-50 {
        margin-top: 50px;
    }

    .blog-tb {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

	.size16 {
		font-family: 'Aktiv Grotesk Corp-Regular';
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
		color: #929292;
	}

    .size10 {
        font-family: 'Aktiv Grotesk Corp';
        font-size: 10px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }

    h5 {
        font-family: 'Aktiv Grotesk Corp';
        font-size: 25px;
        font-weight: 500;
        line-height: 35px;
        text-align: left;
    }
	 .tab-txt h5 {
		font-family: 'Aktiv Grotesk Corp-Medium' !important;
		font-size: 25px !important;
		font-weight: 500 !important;
		line-height: 35px !important;
		text-align: left;
		color: #000000 !important;
		 margin-bottom:0px;
	}


   .tab-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}
	.tab-button {
		background-color: #fff;
		font-family: 'Aktiv Grotesk Corp-Regular';
		font-size: 18px;
		font-weight: 400;
		line-height: 21.06px;
		text-align: center;
		padding: 20px 40px;
		color: #000000;
		border: 1px solid transparent;
		border-radius: 50px;
	}

    .tab-button.active {
        border: 1px solid #000;
        display: inline-block;

    }

    .tab-button:focus-visible {
        outline: none;
    }

    .search-bar {
        flex: 0 0 440px;
    }

    .search-bar form {
        align-items: baseline;
        position: relative;
    }

    .search-bar form input.form-control {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #000;
        font-family: 'Aktiv Grotesk Corp';
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
        color: #777777;
        padding-bottom: 10px;
        padding-left: 30px;
    }

    .mg-glass {
        flex: 0 0 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .mg-glass .svg-inline--fa.fa-magnifying-glass {
        width: 100%;
        height: 100%;
    }

    .tab {
        display: none;
    }

    .tb {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

   .tb .tab-img {
    padding: 15px;
    border-radius: 20px;
    display: flex;
    min-height: 313px;
}
.tb .tab-img>div a {
    display: inline-block;
    height: 100%;
}
.tb .tab-img>div a img {
    height: 100%;
    object-fit: cover;
}
    .tab-content .tab-dv.row {
        row-gap: 60px;
    }
.blog_tab .pagination_dv {
    margin-top: 0px;
}
    .color-1, .color-7 {
        background: #0D4FE033;
    }

    .color-2, .color-8 {
        background: #FF7F3733;
    }

    .color-3, .color-9 {
        background: #29675433;

    }

    .color-4 {
        background: #0DD89B33;
    }

    .color-5 {
        background: #4B317733;
    }

    .color-6 {
        background: #00D9FF33;
    }


    /* .tb .tab-img img {
        border-radius: 20px;
    } */

    .tb .tab-img>div {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
    }

    .tb .tab-img>div .img-btn {
        position: absolute;
        top: 5%;
        left: 4%;
        padding: 2px 12px;
        border-radius: 50px;
    }

    .color-1 .img-btn,.color-7 .img-btn {
        background: #0D4FE0;
    }

    .color-2 .img-btn,.color-8 .img-btn {
        background: #ff8037;
    }

    .color-3 .img-btn,.color-9 .img-btn {
        background: #296754;
    }

    .color-4 .img-btn {
        background: #0dd89b;
    }

    .color-5 .img-btn {
        background: #4b3177;
    }

    .color-6 .img-btn {
        background: #00d9ff;
    }

    .pagination_dv ul.pagination {
        justify-content: center;
        gap: 10px;
    }

    .pagination_dv ul.pagination li.page-item {
        flex: 0 0 50px;
        height: 50px;
        width: 50px;

    }
	.pagination_dv ul.pagination li.page-item a.page-link {
		border: 1px solid #E1E1E1;
		border-radius: 50px;
		padding: 14px 19px;
		width: 100%;
		height: 100%;
		font-family: 'Aktiv Grotesk Corp-Regular';
		font-size: 20px;
		font-weight: 400;
		line-height: 23.4px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
	}
    .pagination_dv ul.pagination li.page-item.active a.page-link {
        color: #fff;
        border: 1px solid #018BE2;
        background-color: #018BE2;
    }

    .pagination_dv ul.pagination li.page-item a.page-link:hover {
        background-color: #018BE2;
        color: #fff;
    }

    .pagination_dv ul.pagination li.page-item a.page-link:focus-visible,
    .pagination_dv ul.pagination li.page-item a.page-link:focus {
        box-shadow: none;
        outline: none;

    }

    .search-bar form input.form-control:focus-visible,
    .search-bar form input.form-control:focus {
        box-shadow: none;
        outline: none;
    }
	@media(min-width: 1600px){
		.container {
		max-width: 1440px;
	}
	}
    @media screen and (max-width: 1300px) {
        .search-bar {
            flex: 0 0 380px;
        }

        h5 {
            font-size: 24px;
        }

        .tab-content .tab-dv.row {
            row-gap: 50px;
        }
		.p_120 {
    padding-block: 100px;
}
    }

    @media screen and (max-width: 1199px) {
        .search-bar {
            flex: 0 0 340px;
        }

        .tab-buttons {
            gap: 20px;
        }

        .tab-button {
            padding: 16px 30px;
        }

        .tab-content .tab-dv.row {
            row-gap: 40px;
        }

        h5 {
            font-size: 21px;
            line-height: 1.2;
        }

        .tb .tab-img {
            padding: 12px;
        }

        .mt-50 {
            margin-top: 40px;
        }

        .mb-50 {
            margin-bottom: 40px;
        }
    }

    @media screen and (max-width: 991px) {
        .search-bar {
            flex: 0 0 240px;
        }

        .tab-buttons {
            gap: 15px;
        }

        .tab-button {
            padding: 14px 20px;
            font-size: 16px;
            line-height: 1.2;
        }

        .search-bar form input.form-control {
            font-size: 16px;
            line-height: 1.2;
            padding-bottom: 8px;
            padding-left: 20px;
        }

        .mg-glass {
            flex: 0 0 14px;
            height: 14px;
            top: 34%;
        }

        h5 {
            font-size: 20px;
        }

        .mb-50 {
            margin-bottom: 30px;
        }

        .mt-50 {
            margin-top: 30px;
        }

        .tab-content .tab-dv.row {
            row-gap: 30px;
        }

        .size16 {
            font-size: 14px;
            line-height: 1.2;
        }

        .pagination_dv ul.pagination li.page-item a.page-link {
            padding: 10px 16px;
            font-size: 16px;
            line-height: 1.2;

        }

        .pagination_dv ul.pagination li.page-item {
            flex: 0 0 40px;
            height: 40px;
            width: 40px;
        }
		.p_120 {
    padding-block: 80px;
}
		.tab-txt h5 {
    font-size: 22px !important;
    line-height: 1.2 !important;
}
    }

    @media screen and (max-width: 767px) {
        .tab-button {
            padding: 10px 20px;
        }

        .tb {
            gap: 10px;
        }

        .tab-content .tab-dv.row {
            row-gap: 20px;
        }

        .mb-50 {
            margin-bottom: 25px;
        }

        .mt-50 {
            margin-top: 25px;
        }

        .size10 {
            line-height: 1.6;
        }

        .tb .tab-img>div .img-btn {
            padding: 4px 10px;
        }

        .pagination_dv ul.pagination li.page-item {
            flex: 0 0 35px;
            height: 35px;
            width: 35px;
        }

        .pagination_dv ul.pagination li.page-item a.page-link {
            padding: 10px 12px;
            font-size: 14px;
        }
		.p_120 {
    padding-block: 60px;
}
    }

    @media screen and (max-width: 575px) {
        .tb .tab-img>div img {
            width: 100%;
        }

        .tab-content .tab-dv.row {
            row-gap: 15px;
        }

        .tb .tab-img {
            padding: 10px;
        }

        .blog-tb {
            gap: 15px;
        }

        .search-bar {
            flex: 0 0 auto;
            width: 100%;
        }
		.p_120 {
    padding-block: 30px;
}
		.blog_tab .container {
     padding-inline: 15px; 
}
		.tab-txt h5 {
    font-size: 20px !important;
			        margin-bottom: 10px;
}
		.tab-buttons {
    flex-direction: column;
    align-items: center;
}
		.blog-tb {
    justify-content: center;
}
		.pagination_dv.mt-50 {
    margin-top: 0px;
}
		.pagination_dv ul.pagination {
    margin: 10px auto;
}
    }