/* Theme Name: LawnPro – Gardening & Landscaping Divi Child Theme Theme URI: https://lawnpro.layoutdivi.com/ Description: LawnPro is a modern Divi Child Theme designed for gardening, landscaping, lawn care, garden maintenance, tree care, irrigation services, outdoor living, and landscaping businesses. Built using Divi 5 native features and modules, the theme includes professionally designed layouts for services, projects, team members, testimonials, blogs, and business websites with full responsiveness and easy customization. Author: LayoutDivi Author URI: https://layoutdivi.com/ Template: Divi Version: 1.0.0 */ /*== General ==*/ body:not(.et-fb):not(.wp-admin) { overflow-x: hidden !important; } /*== Firefox Scrollbar ==*/ body:not(.et-fb):not(.wp-admin) ::-webkit-scrollbar, body:not(.et-fb):not(.wp-admin)::-webkit-scrollbar { width: 2px; height: 2px; } body:not(.et-fb):not(.wp-admin) ::-webkit-scrollbar-track, body:not(.et-fb):not(.wp-admin)::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } body:not(.et-fb):not(.wp-admin) ::-webkit-scrollbar-thumb, body:not(.et-fb):not(.wp-admin)::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px; transition: all 0.3s ease; } body:not(.et-fb):not(.wp-admin) ::-webkit-scrollbar-thumb:hover, body:not(.et-fb):not(.wp-admin)::-webkit-scrollbar-thumb:hover { background: #999999; } body:not(.et-fb):not(.wp-admin) ::-webkit-scrollbar-corner, body:not(.et-fb):not(.wp-admin)::-webkit-scrollbar-corner { background: transparent; } /*Header*/ /* Mobile Menu*/ .et_mobile_nav_menu .mobile_menu_bar::before { content: "" !important; } .et_mobile_nav_menu .mobile_nav .mobile_menu_bar { display: inline-block !important; position: relative !important; width: 28px !important; height: 2px !important; background: var(--gcid-secondary-color) !important; cursor: pointer !important; vertical-align: middle; transition: transform 0.3s ease, opacity 0.3s ease; padding: 8px 0 !important; background-clip: content-box !important; box-sizing: content-box !important; transform: none; } .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before, .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::after { content: "" !important; position: absolute !important; height: 2px !important; width: 100% !important; background: var(--gcid-secondary-color) !important; border-radius: 2px !important; left: 0; transition: transform 0.3s ease; } .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { top: 0; } .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::after { bottom: 0; } .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar { background: transparent !important; z-index: 10000 !important; } .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before { transform: translateY(0px) rotate(45deg); right: 0; left: auto; top: 7px; } .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::after { transform: translateY(0px) rotate(-45deg); bottom: 9px; } @keyframes ev-menu-slide-in-left { 0% { opacity: 0; transform: translateX(-100%); filter: blur(8px); } 100% { opacity: 1; transform: translateX(0); filter: blur(0); } } @keyframes ev-item-fade-in { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes ev-ripple { 0% { transform: scale(0); opacity: 0.4; } 100% { transform: scale(2.5); opacity: 0; } } .et_mobile_nav_menu .et_mobile_menu { display: block !important; position: absolute !important; top: 100% !important; left: 0 !important; width: 100% !important; height: calc(100vh - 100%) !important; min-height: calc(100vh - 100%) !important; max-height: calc(100vh - 100%) !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0px 0px 100px 0px !important; z-index: 9999 !important; visibility: hidden !important; opacity: 0 !important; transform: translateX(-100%) !important; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s !important; pointer-events: none !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu { visibility: visible !important; opacity: 1 !important; transform: translateX(0) !important; pointer-events: auto !important; } html.mobile-menu-active, body.mobile-menu-active, body.mobile-menu-active #page-container { overflow: hidden !important; height: 100vh !important; } .et_mobile_nav_menu .et_mobile_menu li { opacity: 0; transform: translateX(-20px); transition: transform 0.5s ease, opacity 0.5s ease; position: relative !important; list-style: none !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu li { opacity: 1; transform: translateX(0); } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(1) { transition-delay: 0.1s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(2) { transition-delay: 0.15s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(3) { transition-delay: 0.2s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(4) { transition-delay: 0.25s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(5) { transition-delay: 0.3s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(6) { transition-delay: 0.35s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(7) { transition-delay: 0.4s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(8) { transition-delay: 0.45s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(9) { transition-delay: 0.5s !important; } .et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu > li:nth-child(10) { transition-delay: 0.55s !important; } .et_mobile_nav_menu .et_mobile_menu ul li { animation: none !important; } .et_mobile_nav_menu .et_mobile_menu li a { position: relative; overflow: hidden; padding: 15px 20px !important; padding-right: 58px !important; color: var(--gcid-secondary-color) !important; background-color: transparent !important; letter-spacing: 0.01em !important; border-bottom: 1px solid rgba(0,0,0,0.045) !important; display: block !important; transition: color 0.25s ease, background-color 0.25s ease, padding-left 0.25s ease !important; } .et_mobile_nav_menu .et_mobile_menu li a:hover { color: var(--gcid-primary-color) !important; opacity: 1; } .et_mobile_nav_menu .et_mobile_menu li.current-menu-item > a, .et_mobile_nav_menu .et_mobile_menu li.current-menu-ancestor > a { color: var(--gcid-secondary-color) !important; font-weight: 600 !important; border-left: 3px solid var(--gcid-primary-color) !important; padding-left: 17px !important; } .et_mobile_nav_menu .et_mobile_menu ul.sub-menu, .et_mobile_nav_menu .et_mobile_menu ul.children { display: block !important; opacity: 0 !important; height: 0; overflow: hidden !important; padding: 0 !important; margin: 0 !important; transform: translateY(-8px) !important; pointer-events: none !important; will-change: height, opacity, transform; transition: height 0.55s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), padding 0.35s ease !important; background: rgba(87,168,67,0.025) !important; border-left: 3px solid rgba(87,168,67,0.35) !important; border-radius: 0 0 8px 0 !important; } .et_mobile_nav_menu .et_mobile_menu li.dt-open > ul.sub-menu, .et_mobile_nav_menu .et_mobile_menu li.dt-open > ul.children { opacity: 1 !important; padding: 4px 0 6px 8px !important; transform: translateY(0) !important; pointer-events: auto !important; border-left-color: var(--gcid-primary-color) !important; } .et_mobile_nav_menu .mobile-toggle { position: absolute; right: 16px; top: 26px; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: var(--gcid-secondary-color); cursor: pointer !important; z-index: 100 !important; display: flex; align-items: center; justify-content: center; transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; } .et_mobile_nav_menu .mobile-toggle::after { content: "\33" !important; font-family: "ETModules" !important; font-size: 25px !important; color: #fff; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease !important; position: relative; } .et_mobile_nav_menu .et_mobile_menu li.dt-open > .mobile-toggle { background: var(--gcid-primary-color) !important; border-color: var(--gcid-primary-color) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.30) !important; } .et_mobile_nav_menu .et_mobile_menu li.dt-open > .mobile-toggle::after { transform: rotate(180deg) !important; color: #fff !important; } .et_mobile_nav_menu .et_mobile_menu { margin-top: 0 !important; } @media only screen and (max-width: 980px) { .et_pb_menu_inner_container{padding: 15px 20px;width: 100%;} .et_mobile_nav_menu{margin-right: 0px;} } /*Comment*/ #comment-wrap .page_title {margin-bottom: 30px;} #comment-wrap .comment-body {border-bottom: 1px solid rgba(27,68,163,.07);} #comment-wrap .comment_avatar{float: left; margin-right: 22px;box-sizing: border-box;} #comment-wrap .comment_avatar img{border-radius: 50%;width: 60px;vertical-align: middle;height: 60px;} #comment-wrap #commentform {display: flex; flex-wrap: wrap;gap: 20px;} #comment-wrap .comment-notes, #comment-wrap .comment-form-comment, #comment-wrap .comment-form-cookies-consent, #comment-wrap #commentform textarea, #comment-wrap #commentform input[type="text"], #comment-wrap #commentform input[type="email"] {width: 100%;} #comment-wrap #commentform textarea, #comment-wrap #commentform input[type="text"], #comment-wrap #commentform input[type="email"] {background-color: #f7f9fa;border-radius: 3px;border: 1px solid #ccc;} #comment-wrap textarea { height: 150px; resize: none; padding: 12px 15px; } #comment-wrap .comment-form-author, #comment-wrap .comment-form-email, #comment-wrap .comment-form-url {width: 100%; flex: 1;} #comment-wrap .comment-form-comment{padding-bottom: 0;} @media (max-width: 768px) { #comment-wrap .comment-form-author, #comment-wrap .comment-form-email, #comment-wrap .comment-form-url { flex: 100%; } } #comment-wrap .form-submit .submit, #comment-wrap .reply-container .comment-reply-link{ text-transform: uppercase; padding: 15px 20px !important; color: #fff; border-radius: 5px !important;font-size: 16px; background-color: var(--gcid-primary-color); -webkit-transition: 0.4s ease-out 0s !important; -o-transition: 0.4s ease-out 0s !important; transition: 0.4s ease-out 0s !important; border: none !important; } #comment-wrap .reply-container .comment-reply-link{padding: 5px 16px !important;font-size: 14px;} #comment-wrap .form-submit .submit:hover, #comment-wrap .reply-container .comment-reply-link:hover{background-color: var(--gcid-secondary-color);} #comment-wrap .form-submit .submit:after, #comment-wrap .reply-container .comment-reply-link:after {display: none !important;} /*Icon*/ .gard-blurb-icon .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon { color: var(--gcid-primary-color); } /*Button*/ .et_pb_button.gard-btn { background-color: var(--gcid-secondary-color); color: #fff !important; padding: 14px 60px 14px 20px !important; border-radius: 100px !important; position: relative; transition: all 0.4s ease-in-out !important; border: none !important; z-index: 1; overflow: hidden; } .gard-btn:before { content: ""; position: absolute; width: 70px; height: 70px; right: -8px; display: block !important; opacity: 1; border-radius: 100%; transition: transform 0.6s ease-in-out, background-color 0.3s ease-in-out; z-index: -1; background-color: var(--gcid-primary-color); transform: translateY(-50%) scale(0.6); top: 50%; } .et-db #et-boc .et-l #et-fb-app .gard-btn:hover::before{transform: scale(1) !important;} .gard-btn:hover:before { transform: scale(40); } .gard-btn:after { transition: all 0.4s ease-in-out !important; color: #fff; font-size: 23px; opacity: 1 !important; margin: 0; top: 50%; transform: translateY(-50%); right: 19px; } .gard-btn.bg { background-color: var(--gcid-primary-color); } .gard-btn.bg::before { background-color: #fff; } .gard-btn.bg::after, .gard-btn.bg:hover { color: var(--gcid-secondary-color); } .et_pb_button.gard-btn.bg:hover{color:var(--gcid-secondary-color) !important;} /*== Blog ==*/ .gard-blog .pagination a { transition: all 0.8s ease-in-out 0s; } /*Blog Posts Design*/ .gard-blog .et_pb_post { overflow: hidden; margin-bottom: 0 !important; padding: 0 !important; transition: all 0.3s ease 0s; } .gard-blog .et_pb_post .et_pb_image_container{margin: 0 !important;} .gard-blog .et_pb_post:hover { background: var(--gcid-primary-color); color: #fff; } .gard-blog .et_pb_post .entry-featured-image-url { margin: 0 !important; overflow: hidden; } .gard-blog .et_pb_post .entry-featured-image-url img { width: 100%; transition: all 0.3s ease 0s; } .gard-blog .et_pb_post:hover .entry-featured-image-url img { transform: translateY(-20px); } .gard-blog .et_pb_post .post-content { width: 100%; background: var(--gcid-secondary-color); padding: 20px 0; position: absolute; bottom: -150px; left: 0; transition: all 0.5s ease 0s; color: #fff; text-transform: capitalize; } .gard-blog .et_pb_post:hover .post-content { bottom: 0; } .gard-blog .et_pb_post .post-content .more-link { transition: all 0.5s ease 0s; } .gard-blog .et_pb_post .post-meta a { color: var(--gcid-primary-color); text-decoration: underline; transition: all 0.5s ease 0s; } .gard-blog .et_pb_post:hover .post-meta a { color: #fff; } .gard-blog .et_pb_post .info { padding: 30px 20px; } .gard-blog .et_pb_post .info .entry-title { margin: 0 0 5px 0; } .gard-blog .et_pb_post:hover .info .entry-title { color: #ffffff; } .gard-blog .et_pb_post .info .post-meta { display: block; margin: 0; text-transform: capitalize; } .gard-blog .et_pb_post:hover .info .post-meta, .gard-blog .et_pb_post:hover .info .post-meta a { color: #ffffff; } .gard-blog .et_pb_post .entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /*== Services ==*/ .gard-service { position: relative; display: block; } .gard-service .info_image .et_pb_image_wrap { z-index: 1; position: relative; overflow: hidden; display: block; } .gard-service .info_image .et_pb_image_wrap:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(12, 38, 52, 0.6); opacity: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: perspective(400px) rotateY(-90deg) scale(0.2); -ms-transform: perspective(400px) rotateY(-90deg) scale(0.2); transform: perspective(400px) rotateY(-90deg) scale(0.2); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .gard-service:hover .info_image .et_pb_image_wrap:before { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) scale(1); -ms-transform: perspective(400px) rotateY(0deg) scale(1); transform: perspective(400px) rotateY(0deg) scale(1); } .gard-service .info_image .et_pb_image_wrap img { transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.7s; transition-property: all; height:100% !important;display: block !important; } .gard-service .info_cta { position: relative; display: block; text-align: center; padding: 20px 15px 20px !important; -webkit-transition: all 500ms ease !important; transition: all 500ms ease !important; background-color: rgb(255, 255, 255) !important; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .gard-service:hover .info_cta { background-color: var(--gcid-primary-color) !important; } .gard-service .info_cta .et_pb_promo_description .et_pb_module_header { padding-bottom: 0px; color: var(--gcid-secondary-color) !important; -webkit-transition: all 500ms ease !important; transition: all 500ms ease !important; } .gard-service:hover .info_cta .et_pb_promo_description .et_pb_module_header { color: #fff !important; } .gard-service .info_cta .et_pb_promo_description { padding-bottom: 0; } .gard-service .info_cta .et_pb_button { position: absolute; top: -90px; right: -32px; background-color: var(--gcid-primary-color); padding: 14px 25px 14px !important; transform: rotate(90deg); z-index: 2; border: 0 !important; border-radius: 0 !important; } /*== Contact Form ==*/ .cf_icon_3 .et_pb_blurb_content { position: relative; padding-left: 65px; } .cf_icon_3 .et_pb_blurb_content .et_pb_main_blurb_image { position: absolute; left: 20px; top: 32px; } .cf_icon_3 .et_pb_blurb_content:before { content: ""; position: absolute; left: 0px; top: 3px; width: 40px; z-index: -1; height: 65px; background: var(--gcid-primary-color); } .cf_form3 { position: relative; display: block; border-radius: 10px; padding: 0px 35px 15px 35px; border: 4px solid var(--gcid-primary-color); } .cf_form3 .et_pb_contact_main_title { position: relative; top: -15px; background: #fff; display: inline-block; padding: 0 22px; margin-bottom: 30px; } .cf_form3 .et_contact_bottom_container { float: none; padding-left: 3%; text-align: center; } .cf_form3 .et_contact_bottom_container .et_pb_contact_submit { margin: 0; width: 100%; } .cf_form3 .et_pb_contact .et_pb_contact_field { position: relative; } .cf_form3 .et_pb_contact .et_pb_contact_field::before { position: absolute; right: 15px; top: 15px; font-family: "ETmodules" !important; color: var(--gcid-secondary-color); font-size: 18px; z-index: 2;opacity: 0.5; pointer-events: none; } .cf_form3 .et_pb_contact .et_pb_contact_field[data-id="first_name"]::before { content: "\e08a"; } .cf_form3 .et_pb_contact .et_pb_contact_form .et_pb_contact_field[data-id="email_address"]::before { content: "\e076"; } .cf_form3 .et_pb_contact .et_pb_contact_form .et_pb_contact_field[data-id="phone_number"]::before { content: "\e00b"; } .cf_form3 .et_pb_contact .et_pb_contact_form .et_pb_contact_field[data-id="address"]::before { content: "\e081"; } .cf_form3 .et_pb_contact .et_pb_contact_form .et_pb_contact_field[data-id="message"]::before { content: "\68"; } .cf_form3 .et_contact_bottom_container .et_pb_contact_submit { position: relative; transition: all 0.4s ease-in-out !important; z-index: 1; overflow: hidden; } .cf_form3 .et_contact_bottom_container .et_pb_contact_submit::before { content: "" !important; position: absolute; width: 70px; height: 70px; right: -8px; display: block !important; opacity: 1; border-radius: 100%; transition: transform 0.6s ease-in-out, background-color 0.3s ease-in-out; z-index: -1; background-color: var(--gcid-primary-color); transform: translateY(-50%) scale(0.6); top: 50%; } .cf_form3 .et_contact_bottom_container .et_pb_contact_submit:hover::before { transform: scale(40); } .cf_form3 .et_contact_bottom_container .et_pb_contact_submit::after { transition: all 0.4s ease-in-out !important; color: #fff; font-size: 23px; opacity: 1 !important; margin: 0 !important; top: 50%; transform: translateY(-50%); right: 19px; } @media only screen and (max-width: 550px) { .cf_form3 { padding: 0px 20px 15px 20px; } .cf_form3 .et_pb_contact_main_title { padding: 0 12px; } } /*History*/ .et-db #et-boc .et-l #et-fb-app .lawn_history{pointer-events: none;} .lawn_history{ position: relative; } .lawn_history:after{ content: ""; display: block; clear: both; } .lawn_history .timeline{ width: 50.1%; padding: 20px 0 20px 100px; float: right; position: relative; z-index: 1; } .lawn_history .timeline:before, .lawn_history .timeline:after{ content: ""; background: var(--gcid-primary-color); height: 100%; width: 28px; position: absolute; left: -11px; top: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lawn_history .timeline:after{ background: var(--gcid-primary-color); height: 18px; width: 200px; box-shadow: 0 0 10px -5px #000; transform: translateY(-50%); top: 50%; left: -90px; } .lawn_history .timeline-content{ padding: 0 0 0 80px; box-shadow: 0 0 20px -10px #000; display: block;position: unset; } .lawn_history .inner-content .et_pb_promo_description .et_pb_module_header{word-wrap: anywhere;} .lawn_history .timeline-icon{ transform: translateY(-50%); position: absolute; left: -100px; top: 50%; z-index: 1; } .lawn_history .timeline-year{ height: 113px; width: 113px; box-shadow: 0 0 10px -5px #000; transform: translateY(-50%); position: absolute; left: 50px; top: 50%; z-index: 1; } .lawn_history .timeline:nth-child(even){ padding: 20px 100px 20px 0; float: left; } .lawn_history .timeline:nth-child(even):before{ left: auto; right: -14.5px; } .lawn_history .timeline:nth-child(even):after{ left: auto; right: -90px; } .lawn_history .timeline:nth-child(even) .timeline-content{ padding: 0 80px 0 0; } .lawn_history .timeline:nth-child(even) .timeline-icon{ left: auto; right: -100px; } .lawn_history .timeline:nth-child(even) .timeline-year{ left: auto; right: 50px; } @media only screen and (max-width:1200px){ .lawn_history .timeline:before{ left: -12.5px; } .lawn_history .timeline:nth-child(even):before{ right: -14px; } } @media only screen and (max-width:990px){ .lawn_history .timeline:before{ left: -12.5px; } } @media only screen and (max-width:767px){ .lawn_history .timeline, .lawn_history .timeline:nth-child(even){ width: 100%; padding: 20px 0 20px 37px; } .lawn_history .timeline:before{ left: 0; } .lawn_history .timeline:nth-child(even):before{ right: auto; left: 0; } .lawn_history .timeline:after, .lawn_history .timeline:nth-child(even) .timeline:after{ display: none; } .lawn_history .timeline-icon, .lawn_history .timeline:nth-child(even) .timeline-icon{ left: 0; display: none; } .lawn_history .timeline-year, .lawn_history .timeline:nth-child(even) .timeline-year{ height: 75px; width: 75px; left: 1px; } .lawn_history .timeline-content, .lawn_history .timeline:nth-child(even) .timeline-content{ padding: 0 0 0 40px; } } /*== Team ==*/ .gard-team .psn-info .et_pb_team_member_image { max-width: 100%; margin: 0 !important; overflow: hidden; position: relative; transition: all 0.4s ease 0s; } .gard-team .psn-info .et_pb_team_member_image img { width: 100%; transform-origin: top center; transition: all 0.4s ease 0s; } .gard-team:hover .psn-info .et_pb_team_member_image img { transform: scale(1.2); } .gard-team .psn-info .et_pb_team_member_image:before { background: linear-gradient(transparent, #111), linear-gradient(transparent, #111); height: 50%; opacity: 0; position: absolute; right: 0; z-index: 1; bottom: -20%; content: ""; left: 0; width: 100%; transition: all 0.3s ease-in-out; } .gard-team:hover .psn-info .et_pb_team_member_image:before { opacity: 0.7; bottom: 0; } .gard-team .psn-info .et_pb_member_social_links { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; bottom: 30px; left: 0; right: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 1; } .gard-team .psn-info .et_pb_member_social_links li { margin-right: 0; display: inline-block; z-index: 1; padding: 0 5px; opacity: 0; text-align: center; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.33s ease-in-out; } .gard-team:hover .psn-info .et_pb_member_social_links li { opacity: 1; transform: translateY(0%); } .gard-team .psn-info .et_pb_member_social_links li:nth-child(1n) { transition-delay: 0.1s; } .gard-team .psn-info .et_pb_member_social_links li:nth-child(2n) { transition-delay: 0.2s; } .gard-team .psn-info .et_pb_member_social_links li:nth-child(3n) { transition-delay: 0.3s; } .gard-team .psn-info .et_pb_member_social_links li:nth-child(4n) { transition-delay: 0.4s; } .gard-team .psn-info .et_pb_member_social_links li a { width: 40px; height: 40px; line-height: 40px; display: block; background: var(--gcid-primary-color); color: #fff; transition: all 0.33s ease-in-out; } .gard-team .psn-info .et_pb_member_social_links li a:hover { transition: all 0.33s ease-in-out; background: #fff; color: var(--gcid-secondary-color); } .gard-team .blb-info .et_pb_blurb_content { padding: 20px 10px 15px 10px; background: var(--gcid-primary-color); -webkit-transition: all 0.3s cubic-bezier(0.03, 1.07, 1, 1); transition: all 0.3s cubic-bezier(0.03, 1.07, 1, 1); } .gard-team .blb-info .et_pb_blurb_content:after { writing-mode: tb-rl; transform: rotate(-180deg); position: absolute; content: ""; top: 0; left: 0; background: var(--gcid-secondary-color); z-index: -1; height: 0; width: 100%; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .gard-team:hover .blb-info .et_pb_blurb_content:after { height: 100%; } /*== Portfolio ==*/ @media only screen and (max-width: 766px) { .fbl_port_col .et_pb_portfolio_filters { margin-bottom: 20px; } } /*Pagination*/ .fbl_port_col .et_pb_portofolio_pagination{padding-top: 30px;} .fbl_port_col .et_pb_portofolio_pagination ul { display: flex; position: relative; z-index: 1; border: none; gap: 25px 10px; flex-wrap: wrap;justify-content: center; } .fbl_port_col .et_pb_portofolio_pagination ul li { padding: 0;display: block !important; } .fbl_port_col .et_pb_portofolio_pagination ul li a { padding: 8px 15px; background: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 5px; box-shadow: 0 8px 6px -9px #5b5f5f; color: #686c6c; } .fbl_port_col .et_pb_portofolio_pagination ul li a.page-next, .fbl_port_col .et_pb_portofolio_pagination ul li a.last-page.active { margin: 0; } .fbl_port_col .et_pb_portofolio_pagination ul li a.active { background: var(--gcid-primary-color); color: #fff !important; border-color: var(--gcid-primary-color); } /*Filterable Tabs*/ .fbl_port_col .et_pb_portfolio_filters ul { text-align: center; } .fbl_port_col .et_pb_portfolio_filters ul li { display: inline-block; float: none; } .fbl_port_col .et_pb_portfolio_filters ul li a, .fbl_port_col .et_pb_portfolio_filters li:last-child a { color: #444; padding: 15px 20px; overflow: hidden; z-index: 1; position: relative; transition: 0.3s; margin: 0 5px; border-radius: 5px !important; } .fbl_port_col .et_pb_portfolio_filters ul li:last-child a { margin-right: 0; } .fbl_port_col .et_pb_portfolio_filters ul li a:hover, .fbl_port_col .et_pb_portfolio_filters ul li a.active { color: #fff; background: transparent; border-radius: 5px; border-color: var(--gcid-primary-color); } .fbl_port_col .et_pb_portfolio_filters ul li a:before { content: ""; background: var(--gcid-primary-color); width: 105%; height: 100%; border-radius: 5px; transform: scaleX(0); transform-origin: 0 50% 0; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.5s ease-out; } .fbl_port_col .et_pb_portfolio_filters ul li a.active:before, .fbl_port_col .et_pb_portfolio_filters ul li a:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } @media only screen and (max-width: 566px) { .fbl_port_col .et_pb_portfolio_filters ul li { text-align: center; width: 100% !important; margin-bottom: 15px; } } /*Design Style*/ .project_10 .project { border-radius: 3px; overflow: hidden; } .project_10 .et_portfolio_image img, .et-db #et-boc .et-l #et-fb-app .project_10 .et_portfolio_image img { width: 100%; } .project_10 .project .et_portfolio_image { position: relative; } .project_10 .project .et_portfolio_image .et_overlay { top: -100%; left: 0; width: 100%; height: 100%; transition: all 0.5s ease 0s; border: none; z-index: 0; } .project_10 .project:hover .et_portfolio_image .et_overlay { top: 0; opacity: 0.8 !important; } .project_10 .project .et_pb_module_header { position: absolute; bottom: 0; padding-bottom: 0; color: #fff; width: 100%; background: rgba(0, 0, 0, 0.7); transition: all 0.3s ease; } .project_10 .project .et_pb_module_header a { padding: 20px 70px 20px 20px; display: block; } .project_10 .project .et_pb_module_header:after { content: "\f06c"; font-family: FontAwesome !important; display: inline-block; font-weight: 900 !important; font-size: 26px; padding-left: 1px; transition: all 0.3s ease; right: 20px; position: absolute; transform: translateY(-50%) scale(0); top: 50%; background: var(--gcid-primary-color); width: 40px; height: 40px; line-height: 42px; color: #fff; border-radius: 50%; text-align: center; } .project_10 .project:hover .et_pb_module_header:after { transform: translateY(-50%) scale(1); transition: all 0.3s ease; } .project_10 .project .post-meta { position: absolute; top: 20px; left: 20px; background-color: transparent; border-radius: 5px; color: transparent; } .project_10 .project .post-meta a { color: #fff; background: var(--gcid-primary-color); padding: 5px 10px; } /*Testimonials*/ .gard-testi { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: relative; } .gard-testi:before { right: 10px; left: auto; top: 9px !important; position: absolute; padding: 10px; border-radius: 50% !important; } .gard-testi .et_pb_testimonial_portrait { margin-bottom: 0 !important; position: absolute; top: -45px; left: 25px; overflow: visible !important; border: 7px solid var(--gcid-primary-color); } .gard-testi .et_pb_testimonial_portrait img{border-radius: 50%;} .gard-testi .et_pb_testimonial_portrait:after { content: ""; border-top: 35px solid var(--gcid-primary-color); border-left: 35px solid transparent; position: absolute; top: 64px; left: 24px; margin-left: 0; z-index: -1; } .gard-testi .et_pb_testimonial_description { padding: 60px 10px 30px 10px; } .gard-testi .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p { padding-bottom: 0 !important; } /*== Work Process ==*/ .wk_flow9 { overflow: hidden; position: relative; } .wk_flow9:before { content: ""; width: 100%; height: 3px; background: #d6d5d5; position: absolute; bottom: 23px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wk_flow9 .et_pb_column { position: relative; } .wk_flow9 .et_pb_column:first-child::before, .wk_flow9 .et_pb_column:last-child::before { content: ""; width: 13px; height: 13px; border-radius: 50%; border: 2px solid #d6d5d5; background: #fff; position: absolute; bottom: -58px; left: -50px; display: block; clear: both; transform: translateY(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wk_flow9 .et_pb_column:last-child::before { left: auto; right: -50px; } .wk_flow9 .et_pb_column .dl_ictxt { position: relative; } .wk_flow9 .et_pb_column .dl_ictxt:after { content: ""; height: 50px; width: 3px; background: #d6d5d5; position: absolute; bottom: -50px; left: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: auto; transform: translateX(-50%); z-index: -1; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content { background: #fff; text-align: center; padding: 0 0 25px; margin: 0 auto 30px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: relative; display: flex; flex-direction: column; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content:before { content: ""; background: #fff; width: 30px; height: 30px; border-radius: 5px 0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.07); transform: translateX(-50%) rotate(45deg); position: absolute; bottom: -15px; left: 50%; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: #fff; background: var(--gcid-primary-color); padding: 10px 0 10px; margin: 0 0 25px; border-radius: 10px 10px 0 0; display: block; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_blurb_container { order: 1; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_blurb_description { width: 45px; height: 45px; position: absolute; background: var(--gcid-secondary-color); border-radius: 50%; color: #fff; font-size: 20px; line-height: 45px; left: 50%; transform: translateX(-50%); bottom: -96px; margin: 0 auto; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_main_blurb_image { background: var(--gcid-secondary-color); order: 2; line-height: 60px; width: 65px; height: 65px; margin: 0 auto; border-radius: 10px; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff; font-size: 40px; line-height: 60px; } @media only screen and (max-width: 980px) { .wk_flow9::before, .wk_flow9 .et_pb_column:first-child::before, .wk_flow9 .et_pb_column:last-child::before { display: none; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content .et_pb_blurb_description { position: relative !important; left: 0 !important; transform: none !important; bottom: 0 !important; margin: 0px auto 15px !important; } .wk_flow9 .et_pb_column .dl_ictxt .et_pb_blurb_content { margin-bottom: 0px; } } /*=Header=*/ .gard-menu .et_pb_menu__menu, .gard-menu .et-menu-nav, .gard-menu .et_pb_menu__menu > nav > ul { width: 100%; } .gard-menu .et_pb_menu__menu > nav > ul > li { margin-top: 0; } .gard-menu .et_pb_menu__menu > nav > ul > li > a { opacity: 1; text-transform: capitalize; text-align: center; padding: 35px 15px; color: var(--gcid-heading-color); } .gard-menu .et_pb_menu__menu > nav > ul > li:after { content: "\f06c"; font-family: FontAwesome !important; display: inline-block; font-weight: 900 !important; color: var(--gcid-primary-color); margin: 0 auto; opacity: 0; position: absolute; top: 0; left: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s ease 0s; transform: translateX(-50%); } .gard-menu .et_pb_menu__menu > nav > ul > li:hover:after, .gard-menu .et_pb_menu__menu > nav > ul > li.current_page_item:after { opacity: 1; top: 15px; } .gard-menu .et_pb_menu__menu ul > li { padding: 0; } .gard-menu .et_pb_menu__menu > nav > ul > li a:after, .gard-menu .et-menu li li.menu-item-has-children > a:first-child::after { top: auto; } /*Sub Menu*/ .gard-menu .et_pb_menu__menu ul.nav > li.menu-item-has-children > ul { top: 110%; transition: all 0.8s ease 0s; } .gard-menu .et_pb_menu__menu ul.nav > li.menu-item-has-children:hover > ul { top: 100%; } .gard-menu .nav li li ul { top: 0; } .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; padding: 0; } .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu li { font-size: 15px; display: block; color: #fff; padding: 0; position: relative; } .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu li a { background-color: transparent; border-bottom: 1px solid #eee; display: block; opacity: 1; width: 100%;font-size: 16px; padding: 11px 20px 11px 37px; color: var(--gcid-secondary-color); text-transform: capitalize; transition: all 220ms linear 0s; } .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu li a:hover { background: var(--gcid-primary-color); color: #fff; } .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu li a:before{content: "\f06c"; font-family: FontAwesome !important; display: inline-block; font-weight: 900 !important; position: absolute; left: 10px; font-size: 15px;} .gard-menu .et_pb_menu__menu li.menu-item-has-children ul.sub-menu li:last-child a { border: none; } /*Why Choose us*/ .gard-wh-img, .gard-wh-img .et_pb_image_wrap, .gard-wh-img .et_pb_image_wrap img { height: 100%; text-align: center !important; } .gard-wh-img .et_pb_image_wrap img { max-width: 300px; margin: 0 auto; object-fit: cover; border-radius: 10px; } .gard-wh-cta { display: flex; flex-direction: column-reverse; } .gard-wh-cta:before { content: ""; color: var(--gcid-primary-color); font-size: 50px; right: -55px; position: absolute; top: 50%; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid var(--gcid-primary-color); transform: translateY(-50%); } .gard-wh-cta:after { content: ""; border: 1px dashed var(--gcid-primary-color); width: 80px; position: absolute; right: -130px; top: 50%; transform: translateY(-50%); } .gard-wh-cta .et_pb_promo_description { padding-bottom: 0; } .gard-wh-cta .et_pb_promo_description div { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .gard-wh-cta .et_pb_button_wrapper { padding-bottom: 15px; } .gard-wh-cta .et_pb_button_wrapper .et_pb_promo_button { background: var(--gcid-primary-color); width: 35px; height: 35px; text-align: center; cursor: auto; color: #fff; display: flex; justify-content: center; align-items: center; pointer-events: none; } .gard-wh-cta:hover .et_pb_button_wrapper .et_pb_promo_button { background: var(--gcid-secondary-color) !important; } .gard-wh-cta.rt::before { left: -55px; right: auto; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: none; border-left: 10px solid var(--gcid-primary-color); } .gard-wh-cta.rt::after { left: -130px; right: auto; } /*Section Title*/ .land_sec_ttl .et_pb_blurb_content .et_pb_blurb_container{flex-direction: column-reverse;} /*CTA Section*/ .gard-cta-img { margin-bottom: 0px !important; } .gard-cta-img .et_pb_blurb_content .et_pb_main_blurb_image { width: 80px; margin-bottom: 0px; } .gard-cta-img .et_pb_blurb_content .et_pb_main_blurb_image img { aspect-ratio: 1/1; object-fit: cover; border-radius: 100%; } .gard-cta-img .et_pb_blurb_content{gap: 15px;} @media only screen and (max-width: 767px){ .gard-cta-img .et_pb_blurb_content .et_pb_main_blurb_image{margin:0 auto !important;} } /* Video Popup */ .dl-popup-trigger { -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; } .et_builder_inner_content.popup-is-visible { z-index: auto; } body:not(.et-fb) .dl-popup-wrapper { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; opacity: 0; visibility: hidden; } body:not(.et-fb) .dl-popup-wrapper.popup-is-visible { opacity: 1; visibility: visible; } .dl-popup-inside { height: 100%; } body.dl-noscroll { overflow: hidden; } .gard-pop-sec { display: flex; flex-direction: column; justify-content: center; } .popup-close { cursor: pointer; } .dl-popup-wrapper.popup-is-visible .et_pb_row:not(.popup-close) { animation: scale-in 0.5s ease-out both; } @keyframes scale-in { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .dl-popup-wrapper.popup-closing .et_pb_row:not(.popup-close) { animation: scale-out 0.4s ease-in forwards; } @keyframes scale-out { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.8); opacity: 0; } } .popup-close .et_pb_icon_wrap .et-pb-icon { background: var(--gcid-primary-color); color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 32px; border-radius: 50%; } @media only screen and (max-width: 767px) { .popup-close .et_pb_icon_wrap .et-pb-icon { width: 35px; height: 35px; line-height: 35px; } } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2); } 100% { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0); } } /*Hero*/ .gard-hero-img .et_pb_image_wrap, .gard-hero-img .et_pb_image_wrap img { width: 100%; height: 100%; object-fit: cover; } .gard-hero-img { height: 100%; } /* Single Service */ .land_serv_list li.et_pb_icon_list_item{border: 1px solid #eee;align-items: initial !important;gap: 0;} .land_serv_list li.et_pb_icon_list_item .et-pb-icon{width: 50px;border-right: 1px solid #eee;margin: 0 !important;justify-content: center;height: ;} .land_serv_list li.et_pb_icon_list_item .et_pb_icon_list_text{ align-items: center;display: flex;flex-wrap: wrap;padding: 10px 15px;} .land_serv_list li.et_pb_icon_list_item:hover .et-pb-icon, .land_serv_list li.et_pb_icon_list_item.active .et-pb-icon{ background-color: var(--gcid-primary-color); color:#fff; border-color: var(--gcid-primary-color); } .land_serv_list li.et_pb_icon_list_item:hover .et_pb_icon_list_text, .land_serv_list li.et_pb_icon_list_item.active .et_pb_icon_list_text{ background-color: var(--gcid-secondary-color);color:#fff; } /*FAQs*/ .faq-d3.bg { border-color: var(--gcid-secondary-color); } .faq-d3.bg .et_pb_toggle { border-bottom-color: 2px solid var(--gcid-secondary-color); } .faq-d3.bg .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background: var(--gcid-secondary-color); } .faq-d3.bg .et_pb_toggle .et_pb_toggle_title:before { color: var(--gcid-primary-color); } .faq-d3 { border: 2px solid var(--gcid-primary-color); border-radius: 20px; overflow: hidden; } .faq-d3 .et_pb_toggle { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 2px solid var(--gcid-primary-color); box-shadow: none; border-radius: 0; margin: 0 !important; padding: 0; background: #fff; } .faq-d3 .et_pb_toggle:last-child { margin-bottom: 0 !important; border-bottom: 0; } .faq-d3 .et_pb_toggle .et_pb_toggle_title { padding: 0; border: none; display: block; padding: 25px 50px 25px 20px; color: var(--gcid-secondary-color); background: #fff; border: none; border-radius: 0; position: relative; transition: all 0.3s ease 0s; } .faq-d3 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { color: #fff; background: var(--gcid-primary-color); } .faq-d3 .et_pb_toggle .et_pb_toggle_title:before { content: "\4c" !important; font-size: 25px; color: var(--gcid-secondary-color); position: absolute; top: 50%; right: 15px; transition: all 0.3s ease-in-out 0s; left: auto; transform: translateY(-50%); margin: 0; } .faq-d3 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before { content: "\4b" !important; display: block !important; color: #fff; } .faq-d3 .et_pb_toggle .et_pb_toggle_content { padding: 20px; border: none;font-weight:400; } /*Contact Page*/ .cont_info_50 { background-color: #fdfdfd; text-align: center; padding: 0 15px 45px 15px; border: 1px solid transparent; border-radius: 20px; position: relative; transition: all 0.3s ease 0s; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 12%); } .cont_info_50:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .cont_info_50:after { content: ""; background: linear-gradient(to right, var(--gcid-secondary-color), var(--gcid-primary-color)); width: 100px; height: 20px; border-radius: 50px 50px 0 0; transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; } .cont_info_50 .service-count { color: #fff; background: linear-gradient(to right bottom, #16f7ff, #16f7ff, var(--gcid-primary-color), var(--gcid-primary-color)); font-size: 50px; line-height: 100px; width: 120px; height: 120px; margin: -61px auto 0; border-radius: 50%; text-shadow: 0 0 4px #555; display: block; clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 80%, 0 50%); } .cont_info_50 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { color: var(--gcid-primary-color); margin: 0 0 10px; } .cont_info_50 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description { margin: 0 0 20px; } .cont_info_50 .et_pb_blurb_content .et_pb_main_blurb_image { background-color: var(--gcid-primary-color); width: 70px; height: 70px; margin: 30px auto 30px; border-radius: 50px;display: flex; box-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 1px 12px #dee8e6; } .cont_info_50:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { transform: rotateX(360deg); transition: all 0.3s; } .cvl_form .et_pb_contact_field[data-type="select"]::after{top: 69px;} .lawn_form .et_pb_button_wrapper .et_pb_contact_submit{transition: all 0.4s ease-in-out !important;z-index: 1;overflow: hidden;} .lawn_form .et_pb_button_wrapper .et_pb_contact_submit:before{content: ""; position: absolute; width: 70px; height: 70px; right: -8px; display: block !important; opacity: 1; border-radius: 100%; transition: transform 0.6s ease-in-out, background-color 0.3s ease-in-out; z-index: -1; background-color: var(--gcid-primary-color); transform: translateY(-50%) scale(0.6); top: 50%;} .lawn_form .et_pb_button_wrapper .et_pb_contact_submit:hover:before{transform: scale(40);} .lawn_form .et_pb_button_wrapper .et_pb_contact_submit:after{transition: all 0.4s ease-in-out !important; color: #fff; font-size: 23px; opacity: 1 !important; margin: 0 !important; top: 50%; transform: translateY(-50%); right: 19px;}