Files
OluAmeyeMain/public/assets/css/demo/asymmetric-agency/asymmetric-agency-our-approach.css
T
CHIEFSOFT\ameye 5e08671cbe first commit
2024-08-26 12:42:47 -04:00

136 lines
2.3 KiB
CSS

.main-header .main-nav {
--lqd-menu-items-right-padding: 20px;
--lqd-menu-items-left-padding: 20px;
}
/* ***** Banner ***** */
@media (max-width: 991px) {
.banner-our-approach {
padding-top: 80px;
padding-bottom: 50px;
}
.banner-our-approach h1 {
margin-bottom: 0.5em;
}
}
@media (max-width: 1199px) {
.banner-our-approach h1 {
font-size: 17vw;
}
}
/* ***** Services ***** */
@media (max-width: 991px) {
.services .module-title {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.services {
padding-bottom: 15px;
}
}
/* ***** Icon Box ***** */
@media (max-width: 991px) {
.icon-box .iconbox {
margin-bottom: 35px;
}
}
/* ***** What We Do ***** */
@media (max-width: 1199px) {
.what-we-do .module-content {
padding-left: 10%;
}
}
@media (max-width: 991px) {
.what-we-do .module-line {
margin-bottom: 15px;
}
.what-we-do .module-content {
padding-left: 0;
}
}
@media (max-width: 767px) {
.what-we-do .module-img {
margin-top: 35%;
}
}
/* ***** Steps ***** */
.steps .ld-fh-txt-outline {
-webkit-text-stroke-color: #d8d8d8;
}
@media (max-width: 991px) {
.steps {
padding-bottom: 40px;
}
}
/* ***** Our vision ***** */
.our-vision .module-content {
-webkit-backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1);
backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1);
}
.our-vision .btn-hover-reveal {
--icon-move: 0.5em;
--icon-ms: -1em;
}
.our-vision .btn-hover-reveal:hover .btn-icon i {
opacity: 1;
transform: translateX(1em);
}
.our-vision .btn-hover-reveal:hover.btn-underlined .btn-icon,
.our-vision .btn-hover-reveal:hover.btn-naked .btn-icon {
transform: translateX(.5em);
}
@media (max-width: 991px) {
.our-vision {
padding-top: 100px;
padding-bottom: 100px;
}
.our-vision .module-content {
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767px) {
.our-vision {
padding-top: 80px;
padding-bottom: 80px;
}
.our-vision .module-content {
padding-right: 20px;
padding-left: 20px;
}
}
/* ***** About Accordion ***** */
@media (max-width: 767px) {
.about-accordion .module-line {
margin-bottom: 30px;
}
}
/* ***** Lets Talk ***** */
@media (max-width: 767px) {
.lets-talk h2 {
font-size: 16vw;
margin-bottom: 0.5em;
}
}