/*===========================
Project Name: Tafisa
===========================*/


:root {
    --primary-color: rgba(255, 206, 83, 1);
}

.pt-20 {
	padding-top: 20px;
}

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

.top-bar-area-four .top-bar-wrap .top-bar-end ul li a .fab {
    transition: 0.3s;
    color: rgba(255, 255, 255, 0.7);
}

.top-bar-area-four .top-bar-wrap .top-bar-end ul li a:hover .fab,
.top-bar-area-four .top-bar-wrap .top-bar-center ul li .icon .far,
.blog-card .card-content .top-content li .icon .fas,
.footer-section .footer-widget .contact-information ul li .far,
.footer-widget .location-information .fas,
.footer-widget .contact-information .fas {
    color: #ffce53;
}

header.style-2 .header-logo a img {
    width: 170px;
	margin: 10px 0;
}

header .disclamer-home {
	color: #ffce53;
	text-transform: uppercase;
}

.home2-banner-section .slider-btn-grp .slider-btn svg path,
path {
	fill: rgb(255, 206, 83);
}

.home2-banner-section .slider-btn-grp {
    bottom: 100px;
    right: 0px;
    max-width: 677px;
    font-style: italic;
}

.home2-banner-section .slider-btn-grp span {
    font-size: 35px;
	color: #ffce53;
}	
	
.blog-insight-card-four .card-content .date-area {
    text-align: center;
}

.landmark-card-five .landmark-image .content-and-icon {
    max-width: 90%;
	z-index: 99;
}

.blog-card .card-content {
    padding: 24px;
	min-height: 200px;
}

.blog-card .card-content .top-content {
    flex-wrap: nowrap;
    justify-content: space-between;
}

.section-title-five .sub-title-five {
    background: #ffffff;
    padding: 30px;
}

.section-title-five .sub-title-five span::after {
    content: none;
}

.partner-section .border-line {
    background-color: rgba(255, 206, 83);
}

.partner-section .logo-wrap .logo-area .logo-wrap .logo-supporters {
    background-color: var(--white-color);
    box-shadow: 0px 0px 30px 0px rgba(3, 35, 48, 0.05);
    padding: 36px 48px;
    margin-left: 24px;
    display: inline-block;
	padding: 10px;
}

.footer-section .footer-widget .contact-information ul li .far,
.footer-widget .location-information .fas  {
    font-size: large;
}

.footer-section .footer-widget .location-information ul li .content.two {
    font-family: var(--font-DM-Sans);
    font-weight: 400;
    font-size: 17px;
    line-height: 1.8;
    color: rgb(255, 255, 255);
    max-width: 224px;
    width: 100%;
    display: inline-block;
    transition: 0.3s;
    margin-bottom: 30px;
}

.social-area {
	margin-top: 30px;
}

.socail-list {
	margin-top: 10px;
}

.socail-list ul {
	display: flex;
}

.socail-list li {
	padding-right: 10px;
}

.socail-list li i {
	color: white;
    font-size: 20px;
}

.blog-insight-card-four .card-content .date-area {
    bottom: auto;
	top: 10px;
}

.blog-insight-card-four .card-content p {
	min-height: 100px;
}

.blog-insight-card-four .card-content h5,
.blog-card .card-content h5 {
	min-height: 55px;
}

.blog-details-page .blockquote-area .blockquote-wrap .blockquote-content p {
	font-style: italic;
	font-size: 25px;
}

.recent-project-section-five .landmark-slider-btn .landmark-prev {
    top: 105%;
    left: 47%;
}

.recent-project-section-five .landmark-slider-btn .landmark-next {
    top: 105%;
    right: 47%;
}

.recent-project-section-five .landmark-slider-btn .slider-btn {
    height: 40px;
    width: 40px;
}

.swiper-pagination-bullet-active {
	background: #ffce53;
}

.breadcrumb-section {
	background-image: linear-gradient(180deg, rgba(15, 49, 58, 0.7) 0%, rgba(15, 49, 58, 0.7) 100%), url("../../img/slider.jpg");
}




/*===========================
  LISTING PAGE 
===========================*/

.header-text .about-title,
.header-text-image-center .customer-image,
.header-text .about-text-end {
	text-align: center;
}

.header-text .section-title .sub-title {
	justify-content: center;
}

.header-text .section-title .sub-title .sub-clip {
	background-image: none;
	background-color: #ffce53;
}

.header-text .section-title .sub-title .sub-clip {
	padding: 0 28px;
}

.card-container {
	background-image: linear-gradient(rgba(2, 17, 24, 0), rgba(2, 17, 24, 0.6), rgb(2, 17, 24)), url("../../img/sport-2.jpg");
	padding: 50px 20px;
}

.card-container.team-member-card .team-content {
	margin-top: 0;
}

.card-container p {
	color: #ffffff;
}

.card-container.team-member-card .team-content .white-content {
    font-family: var(--font-Outfit);
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: var(--primary-black);
    background-color: var(--white-color);
    padding: 9px 11px;
    display: inline-block;
}

.card-container .team-content h6 {
	margin: 10px 0;
}

.card-container {
	max-height: 500px;
    overflow: hidden;
	background-size: cover;
}

.team-member-card .team-content .red-content h4 {
    background-color: #ffce53;
}

.primary-btn-custom {
    background-color: var(--primary-color);
    font-family: var(--font-Outfit);
    font-weight: 500;
    font-size: 16px;
    color: var(--white-color);
    text-transform: capitalize;
    line-height: 1;
    padding: 15px;
    display: inline-flex
;
    align-items: center;
    gap: 7px;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
}

.listing-top-image.service-card-two .service-card-content h5 {
    margin-bottom: 5px;
}







/*===========================
  RESPONSIVE 
===========================*/



@media (max-width: 1199px) {
	.landmark-card-five .landmark-image .content-and-icon {
		min-height: 150px;
	}
	
	.landmark-card-five .landmark-image .content-and-icon .content h2 {
		line-height: 0.7;
	}

	.landmark-card-five .landmark-image .content-and-icon .content h2 a {
		font-size: 17px;
	}

	.blog-insight-card-four .card-content p {
		min-height: 146px;
	}

	.blog-insight-card-four .card-content h5,
	.blog-card .card-content h5 {
		min-height: 83px;
	}
	
	.blog-card .card-content .top-content {
		flex-wrap: wrap; 
		gap: 0;
	}
	
	.blog-card .card-content {
		min-height: 254px;
	}
	
	.home2-banner-section .home2-banner-bg .sub-slider-img,
	.home2-banner-section .slider-btn-grp	{
		display: block;
	}
	
	.home2-banner-section .home2-banner-bg .sub-slider-img {
		right: -168px;
	}
	
	.home2-banner-section .home2-banner-bg .sub-slider-img img {
		max-width: 60%;
	}

}


@media (max-width: 991px) {
	
	.home2-banner-section .banner-content-wrap {
		text-align: center;
		top: 33%;
	}
	
	.home2-banner-section .home2-banner-bg .sub-slider-img {
		top: 138%;
		right: -83px;
	}
	
	.home2-banner-section .slider-btn-grp {
		right: 33px;
	}
	
	.footer-section .widget-img {
		text-align: center;
	}
	
	.footer-section .widget-title img {
		width: 30%;
	}
	
	.footer-section .social-area {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 20px,
	}
	
	.footer-section .socail-list ul {
		justify-content: center;
	}


}

@media (max-width: 767px) {
	
	.home2-banner-section .home2-banner-bg .sub-slider-img {
		top: 105%;
	}
	
	.home2-banner-section .slider-btn-grp {
		right: -21px;
	}
	
	.home2-banner-section .slider-btn-grp span {
		font-size: 29px;
	}
	
}

@media (max-width: 575px) {
	
	.home2-banner-section .home2-banner-bg .sub-slider-img {
		top: 124%;
	}
	
	.home2-banner-section .slider-btn-grp span {
		font-size: 24px;
	}
	
}

@media (max-width: 479px) {
	
	.home2-banner-section .home2-banner-bg .sub-slider-img {
		top: 124%;
	}
	
	.home2-banner-section .slider-btn-grp {
		right: 0px;
		text-align: center;
	}
	
	.home2-banner-section .slider-btn-grp span {
		font-size: 27px;
	}
	
}