/*!
Theme Name: smartautodeal
Theme URI: https://smartautodeal.com/
Author: Smartautodeal.com
Author URI: https://Smartautodeal.com/
Description: Upgrade your drive with deals from SmartAutoDeal Today!
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smartautodeal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
a{
	color: #5c6ac4
}
article h3 {
    font-size: 22px;
}
ol, ul {
    box-sizing: border-box;
    padding-left: 15px;
}
.bg-theme {
    --bs-bg-opacity: 1;
    background-color: rgb(92 106 196) !important;
}
.bg-light-subtle {
    background-color: #FBFBFB;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #5c6ac4;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

a.btn.btn-large {
    font-size: 2rem;
    min-width: 300px;
    padding: 10px;
    border-radius: 8px;
}

.search-results h3 {
    font-size: 24px;
    font-weight: 600;
}
.single article h2 {
    font-size: 20px;
    font-weight: normal;
}
.single article h2 strong {
    font-weight: 600;
}
.single article h3 {
    font-size: 16px;
    font-weight: normal;
}
.single article h3 strong {
    font-weight: 600;
}
.blockcontent {
    text-align: center;
    padding: 15px;
    min-height: 325px;
}
.blockcontent p {
    margin-bottom: 0;
}
.blockcontent img {
    margin: 0 auto;
    width: 80px;
    padding-top: 15px;
}


.boxlayout {
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    min-height: 255px;
	transition: 0.2s;
}
.boxlayout:hover {
    background: #5c6ac4;
	border: 1px solid #5c6ac4;
}
.boxlayout h5 {
    font-size: 18px;
}
.boxlayout .numbering {
    font-size: 26px;
    background: #5c6ac4;
    display: inline-block;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.boxlayout:hover .numbering {
    background: #fff;
    color: #5c6ac4;
}
.boxlayout:hover h5, .boxlayout:hover p{
	color: #fff;
}

.boxlayout.new {
    min-height: auto;
}
.boxlayout.new .numbering {
    font-size: 15px;
    background: #5c6ac4;
    display: inline-block;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}
.boxlayout.new h5 {
    font-size: 22px;
}
/*** Blog Start ***/
.blog-posts article {
  background-color: var(--surface-color);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.blog-posts .post-img img {
  transition: 0.5s;
}
.blog-posts .post-date {
    background-color: #4a5edf;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    font-size: 13px;
    padding: 6px 12px;
    font-weight: 500;
}
.blog-posts .post-content {
  padding: 15px;
}
.blog-posts .post-title {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    transition: 0.3s;
    margin-bottom: 0;
}
.blog-posts .post-title a, .blog-posts .meta a{
	color: #000;
	text-decoration:none;
}
.blog-posts .meta i {
    font-size: 16px;
    color: #000;
}

.blog-posts .meta span {
  font-size: 15px;
  color: #000;
}

.blog-posts p {
  margin-top: 20px;
}

.blog-posts hr {
  color: color-mix(in srgb, var(--default-color), transparent 60%);
  margin-bottom: 15px;
}

.blog-posts .readmore {
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  transition: 0.3s;
  color: color-mix(in srgb, var(--heading-color), transparent 20%);
}

.blog-posts .readmore i {
  line-height: 0;
  margin-left: 6px;
  font-size: 16px;
}

.blog-posts article:hover .post-title,
.blog-posts article:hover .readmore {
  color: var(--accent-color);
}

.blog-posts article:hover .post-img img {
  transform: scale(1.1);
}
.tags-list a {
    background: #fcfcfd;
    padding: 4px 5px;
    color: #000;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    margin: 0 0 5px 5px;
    font-weight: 600;
}
.tags-list a:hover {
    background: #4a5edf;
    color: #fff;
    border: 1px solid #4a5edf;
}
.pagination .page-item.active .page-link {
    background-color: #4a5edf; /* Bootstrap primary color */
    border-color: #4a5edf;
    color: #fff;
}
.pagination .page-link {
    color: #4a5edf;
    border: 1px solid #dee2e6;
    padding: 8px 14px;
    font-weight: 500;
}
.pagination .page-link:hover {
    background-color: #4a5edf;
    color: #fff;
    border-color: #4a5edf;
}
.pagination .page-link i {
    font-size: 14px;
    vertical-align: middle;
}


.allblogs .blog-item {
    border-radius: 10px;
    transition: 0.5s;
}

.allblogs .blog-item:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .2);
}
.allblogs .blog-item h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}
.allblogs .blog-item h3 a{
	color: #5c6ac4
}
.allblogs .blog-item .blog-img {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.allblogs .blog-item .blog-img img {
    transition: 0.5s;
}

.allblogs .blog-item:hover .blog-img img {
    transform: scale(1.2);
}  

.allblogs .blog-item .blog-content {
    position: relative;
    background: #fff;
}

.allblogs .blog-item .blog-content .blog-date {
    position: absolute;
    top: 0; 
    left: 25px; 
    transform: translateY(-50%);
    padding: 12px 25px;
    border-radius: 10px;
    color: var(--bs-white);
    background: #5c6ac4;
}

.allblogs .blog-item .blog-content .blog-comment {
    display: flex;
    justify-content: space-between;
}

.category-card img {
    transition: transform 0.4s ease;
}
.category-card:hover img {
    transform: scale(1.05);
}
.category-card h5 {
    font-size: 1.25rem;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

.blogSwiper {
    padding-bottom: 40px; /* enough space for dots */
    position: relative;    /* ensure dots are positioned relative to container */
}
.blogSwiper .swiper-pagination {
    position: absolute; /* default is absolute */
    bottom: -15px;       /* distance from bottom of container */
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;        /* ensure it’s above the slides */
}

/*** Blog End ***/

.page-id-78 .blockcontent h5.card-title {
    font-size: 14px;
}
.page-id-78 .blockcontent {
    text-align: center;
    padding: 15px;
    min-height: 235px;
}

.ctasection {
    background: #F4F4F9;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid rgba(92, 106, 196, 0.1);
    font-size: 20px;
}
.ctasection h3 {
    margin-bottom: 15px;
    font-weight: 700;
}

.serviceSwiper .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}

footer.entry-footer {
    background: transparent;
}
.fLinks a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.fLinks a:hover {
    text-decoration: underline;
}

.slant-section {
    min-height: 400px;
    position: relative;
}
.slant-left {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.slant-right {
position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.slant-right img {
    height: 100%!important;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.partnersSwiper .swiper-slide {
  width: auto; /* Allows auto-width */
  display: flex;
  justify-content: center;
  align-items: center;
}
.partnersSwiper img {
  max-height: 60px; /* Adjust size */
  width: auto;
}

@media (max-width: 575.98px) {
	.page-id-78 .blockcontent, .blockcontent {
		min-height: auto;
	}
	.boxlayout {
		min-height: auto;
	}
	main {
		margin-top: 68px;
	}
	.page-id-170 .blockcontent1.card {
		text-align: center;
	}
	.page-id-170 .blockcontent1.card img {
		margin: 0 auto;
	}
	.page-id-170 .boxlayout.new h5 {
    font-size: 18px;
}
	
	
}