TaborgMain/public/assets/css/demo/modern-agancy/modern-agency.css

/* ***** Banner Image ***** */
.banner-image .module-btn {
	right: 19%;
	top: 32vh;
}

.banner-image .btn {
	--icon-font-size: 22px;
}

.banner-image .btn-icon:before {
	border-color: #FFFFFF;
}

@media (max-width: 1199px) {
	.banner-image .module-img {
		width: 600px;
		max-width: 600px;
	}

	.banner-image .module-btn {
		right: 17%;
		z-index: 5;
		top: 19vh;
	}
}

@media (max-width: 767px) {
	.banner-image .module-img {
		width: 100vw;
		max-width: 100vw;
		top: 65px;
	}

	.banner-image .lqd-imggrp-single {
		margin: -65px 0px 0px 0px;
	}

	.banner-image .module-btn {
		right: 30vw;
	}
}

/* ***** Banner ***** */
.banner .module-bg {
	background-position: 95% 95%;
}

.banner .btn-xl {
	--btn-pt: 1.5em;
	--btn-pe: 3.15em;
	--btn-pb: 1.5em;
	--btn-ps: 3.15em;
}

@media (max-width: 1199px) {
	.banner {
		padding: 0 30px;
		z-index: 2;
	}
}

@media (max-width: 767px) {
	.banner {
		padding: 320px 10px 50px 10px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 10vw;
	}

	.banner .module-text p {
		font-size: 18px;
	}

	.banner .btn-solid {
		margin-bottom: 15px;
	}
}

/* ***** Clients ***** */
@media (max-width: 767px) {
	.clients .ld-fancy-heading p {
		margin-bottom: 1em;
	}
}

/* ***** About ***** */
@media (max-width: 767px) {
	.about {
		padding: 20px 10px 0 10px;
	}

	.about .module-first {
		margin-bottom: 30px;
	}
}

/* ***** Digital Experience ***** */
.digital-experience .module-img-1 {
	right: 4vw;
}

.digital-experience .module-img-2 {
	right: 55px;
}

.digital-experience .module-img-3 {
	left: -19%;
}

@media (max-width: 1199px) {
	.digital-experience {
		padding: 50px 30px;
	}

	.digital-experience .module-img-2 {
		width: 192px;
		max-width: 192px;
		top: 6.5%;
		right: 5%;
	}

	.digital-experience .module-img-3 {
		width: 272px;
		max-width: 272px;
		top: 0%;
		left: 15px;
	}

	.digital-experience .module-img-4 {
		width: 319px;
		max-width: 319px;
	}
}

@media (max-width: 767px) {
	.digital-experience {
		padding: 0 10px 30px 10px;
	}

	.digital-experience .btn {
		margin-bottom: 15px;
	}
}

/* ***** Digital Experience Counter ***** */
@media (max-width: 1199px) {
	.digital-experience-counter {
		padding: 50px 30px 60px 30px;
	}

	.digital-experience-counter .module-counter {
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.digital-experience-counter {
		padding: 30px 10px 0 10px;
	}
}

/* ***** Services ***** */
.services .icon-box-bg-color:hover {
	background-color: #FFFFFF;
	box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07);
}

.services .icon-box-bg-color:hover .iconbox-heading-arrow-onhover h3 svg {
	opacity: 1;
	transform: translateX(.5em);
}

.services .icon-box-bg-color:hover p {
	color: var(--lqd-color-title);
}

@media (max-width: 1199px) {
	.services {
		padding: 0 40px;
	}

	.services .col-sm-12 {
		padding: 0;
	}

	.services .icon-box-bg-color {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.services {
		padding: 50px 20px;
	}
}

/* ***** Case Studies ***** */
.case-studies .liquid-filter-items {
	margin-bottom: 50px;
}

@media (max-width: 1199px) {
	.case-studies {
		padding: 100px 30px 50px 30px;
	}
}

@media (max-width: 767px) {
	.case-studies {
		padding: 0 10px;
	}
}

/* ***** Testimonials ***** */
.testimonials .carousel-nav {
	bottom: -40px;
}

.testimonials .flickity-button,
.testimonials .flickity-button:focus,
.testimonials .flickity-button:hover {
	background-color: transparent;
	color: #000;
}

.testimonials .d-flex .module-shape-2 {
	right: 3vw;
}

.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
	margin-top: 2.25em;
}

@media (max-width: 1199px) {
	.testimonials {
		padding-right: 30px;
		padding-left: 30px;
	}

	.testimonials .d-flex .module-shape-2 {
		bottom: -70px;
		right: -50px;
	}
}

@media (max-width: 767px) {
	.testimonials {
		padding-right: 10px;
		padding-left: 10px;
	}

	.testimonials .carousel-item-content {
		font-size: 20px;
	}

	.testimonials .module-last {
		margin-bottom: 20px;
	}
}

/* ***** Global Companies ***** */
@media (max-width: 1199px) {
	.global-companies {
		padding: 40px 30px 60px 30px;
	}

	.global-companies .lqd-imggrp-single {
		margin: 40px 0 0 0;
	}
}

@media (max-width: 767px) {
	.global-companies {
		padding: 0 10px;
	}

	.global-companies .lqd-imggrp-single {
		margin: 0 0 15px 0;
	}

	.global-companies .btn-solid {
		margin-bottom: 15px;
	}
}

/* ***** Blog ***** */
@media (max-width: 1199px) {
	.blog {
		padding: 50px 30px;
	}
}

@media (max-width: 767px) {
	.blog {
		padding: 20px 10px 40px 10px;
	}
}

/* ***** Contact ***** */
@media (max-width: 1199px) {
	.contact {
		padding: 0 30px 70px 30px;
	}

	.contact .module-content {
		padding: 40px;
	}

	.contact .module-shape {
		top: -10px;
		right: 32%;
	}
}

@media (max-width: 767px) {
	.contact {
		padding: 0 10px;
	}

	.contact .module-content {
		padding: 40px 15px;
	}

	.contact .btn-solid {
		margin-bottom: 15px;
	}
}