@extends('frontend.layouts.app')
@push("style")
<style>
/* .equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.button-bottom {
    position: absolute;
    bottom: 20px;
}
.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    height: 100%;
}
.recruiters-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	width: 100%;
}

.article-items a {
    box-shadow: 0px 14px 25px rgb(3 90 172 / 20%);
    position: absolute !important;
    bottom: -20px;
	left: 35px;
}
#best-seller .btn{
	background-color: #f04b4c;
    border-color: #f04b4c;
	box-shadow: 0px 14px 25px rgb(201 47 167 / 28%);
}
.btn-danger{
	font-weight:500;
}
.text-pink{
	color: #aa2193;
}
.btn-pink{
	background-color: #aa2193;
    border-color: #760e61;
	box-shadow: 0px 14px 25px rgb(201 47 167 / 28%);
}
.btn-dark-blue{
	background-color: #007b99;
    border-color: #007b99;
    box-shadow: 0px 14px 25px rgb(15 73 87 / 30%);
}
.btn-white{
	color: #000;
	background-color: #fff;
    border-color: #fff;
    box-shadow: 0px 14px 25px rgb(15 73 87 / 30%);
}
.btn-red{
	color: white;
	font-weight: 600;
	background-color: #f04b4c;
    border-color: #f04b4c;
    box-shadow: 0px 14px 25px rgb(240 75 76 / 13%) !important;
}
.btn-red:hover{
	color: white;
	background-color: #ff0000 !important;
}
.btn-yellow{
	color: black;
	font-weight: 600;
	background-color: #ffd200;
    border-color: #ffd200;
    box-shadow: 0px 14px 25px rgb(240 75 76 / 13%) !important;
}
.btn-yellow:hover{
	color: black;
	background-color: #f1c600 !important;
}
.text-red{
	color: #f04b4c;
}
.text-dark-blue{
	color: #213159;
	font-weight: 600;
	text-align: justify;
}
.text-gray{
	color: #727273;
	font-size: 13px;
    font-weight: 600;
}
.text-head{
	color: #213159;
}
.text-head-gray{
	color: #282828;
}
.text-color-dark-blue{
	color: #314273;
}
.offer-circel{
	width: 80px;
	height: 80px;
	background: url("{{asset('themes/default/images/card-background-circle.png')}}");
	float: right;
}
.offer-circel span{
	font-size: 30px;
	color: #f05136;
	font-weight: 600;
    position: absolute;
    top: 31%;
    right: 6%;
}
.offer-circel small{
	font-size: 15px;
	color: #f05136;
	font-weight: 600;
    position: absolute;
    top: 40%;
    right: 6%;
}
.offer-circel label{
    font-size: 20px;
    color: #f05136;
    font-weight: 600;
    position: absolute;
    top: 44%;
    right: 11%;
}
.selling-price{
	font-size: 42px;
    font-weight: 600;
    padding-left: 20px;
}
.cost-price{
	font-size: 20px;
    font-weight: 600;
    color: #3e3d3d;
}
.text-weight{
	padding-top: 14px;
    text-align: justify;
}
.text-color-red{
	color: #f05136;
	font-size: 17px;
    font-weight: 600;
	padding: 0.4125em 1.5rem;
}
.theme-bg-blue{
	background-color: #589ed9;
}
.theme-bg-blue p{
	font-weight: 500;
}
@media only screen and (max-width: 1199px) {
	.offer-circel span {
		top: 25%;
	}
	.offer-circel label {
		top: 36%;
	}
}
@media only screen and (max-width: 991px) {
	.offer-circel span {
		top: 35%;
	}
	.offer-circel label {
		top: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.offer-circel span {
		top: 29%;
	}
	.offer-circel label {
		top: 43%;
	}
}
@media only screen and (max-width: 767px) {
	.offer-circel span {
		top: 18%;
		right: 23px;
	}
	.offer-circel label {
		top: 27%;
		right: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.offer-circel span {
		top: 18%;
		right: 23px;
	}
	.offer-circel label {
		top: 27%;
		right: 40px;
	}
}  */
</style>
@endpush
@section('title', $dataSettings['title'] ?? 'Home')
@section('content')
    @include('frontend.common.header')

    <!-- @include('frontend.block.slider') -->

    <!-- @include('frontend.block.marketing')

    @include('frontend.block.top_sellers')

    @include('frontend.block.search_by_company')

    @include('frontend.block.subject-item')
	
	{{-- @include('frontend.block.best_seller') --}}

    @include('frontend.block.announcement')
	
    {{-- @include('frontend.block.side_social') --}}

    {{-- @include('frontend.block.latest_courses') --}}

    @include('frontend.block.our_blogs')

    {{-- @include('frontend.block.latest_updates') --}}

    @include('frontend.block.top_testimonials')

    @include('frontend.block.subscribe') -->

	<!-- @include('frontend.common.footer') -->


@endsection