:root {
--primary: #FFAA1D;
--secondary: #000000;
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #ffffff;
--gray: #6c757d;
--gray-dark: #343a40;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--font-family-poppins-sans-serif: -apple-system, BlinkMacSystemFont, "Poppins", Sans-serif;;
}
body {
margin: 0;
font-family: var(--font-family-poppins-sans-serif);
color: var(--secondary);
}
a{
text-decoration: none;
}
.container {
max-width: 1498px; }
.mb-6{
margin-bottom: 6rem!important;
}
.btn-primary-shadow{
box-shadow: 0px 25px 45px 0px rgb(255 170 29 / 8%);
}
.btn{
padding: 22px 55px;
font-size: 20px;
font-weight: 500;
border-radius: 15px;
border: none;
transition: 0.3s;
border: 2px solid;
}
.btn.btn-primary{
background: var(--primary);
color: #fff;
border: 2px solid var(--primary);
}
.btn.btn-primary-borderd{
border: 2px solid var(--primary);
color: var(--primary);
}
.btn.btn-primary-borderd:hover{
background: var(--primary);
color: var(--white);
}
.btn.btn-primary:hover{
background: transparent;
border: 2px solid var(--primary);
color: var(--primary);
}
h3 {
font-size: 32px;
line-height: 40px;
font-weight: 500;
color: var(--primary);
margin: 0;
}
h2 {
font-size: 48px;
font-weight: 600;
line-height: 72px;
color: var(--secondary);
margin: 0px;
} #homeBannerSlider .owl-item .item{
height: 950px;
background-color: #333;
color: white;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
#homeBannerSlider .slider-item .slider-content {
max-width: 100%;
width: 800px;
}
#homeBannerSlider .banner-content {
height: 100%;
position: relative;
z-index: 1;
} #homeBannerSlider .owl-dots {
right: 50px;
bottom: 50%;
transform: translateY(50%);
display: flex;
flex-direction: column;
left: auto;
margin: 0;
position: absolute;
}
#homeBannerSlider .owl-dots button {
width: 5px;
height: 40px;
border-radius: 10px;
background-color: rgb(255 255 255 / 51%);
opacity: 0.7;
margin: 5px 0;
}
#homeBannerSlider .owl-dots button span{
display: none;
}
#homeBannerSlider .owl-dots button.active {
background-color: #fff;
opacity: 1;
}
#homeBannerSlider .slider-item{
position: relative;
}
#homeBannerSlider .slider-item:after,
#homeBannerSlider .slider-item:before{
content: '';
position: absolute;
}
#homeBannerSlider .slider-item:after {
height: 100%;
width: 30%;
position: absolute;
background: rgb(0 0 0 / 50%);
z-index: 0;
top: 0;
left: 0;
backdrop-filter: blur(2px);
}
#homeBannerSlider .slider-item:before {
width: 100%;
height: 100%;
background: rgb(0 0 0 / 60%);
}
#homeBannerSlider .slider-item .slider-content h3{
font-size: 55px;
line-height: normal;
font-weight: 600;
}
#homeBannerSlider .slider-item .slider-content h2 {
font-size: 120px;
line-height: normal;
font-weight: 600;
color: #fff;
margin-bottom: 40px;
}
#homeBannerSlider .slider-item .box_item{
position: absolute;
width: max-content;
margin: 0px auto;
display: flex;
}
#homeBannerSlider .slider-item .box_item .box{
width: 250px;
height: 170px;
position: relative;
}
#homeBannerSlider .slider-item .box_item span{
font-size: 28px;
line-height: 23px;
font-style: italic;
}
#homeBannerSlider .slider-item .box_item .box:after,
#homeBannerSlider .slider-item .box_item .box:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
box-shadow: 0px 0px 0px 6px #ffffffa3;
background-color: #ffffff;
border-radius: 100%;
}
#homeBannerSlider .slider-item .slide_1_box_1 .box_1:before{
left: -8px;
}
#homeBannerSlider .slider-item .slide_1_box_1 .box_1:after{
bottom: -7px;
right: 0;
}
#homeBannerSlider .slider-item .slide_1_box_2 .box_2:before {
right: 0;
top: -7px;
}
#homeBannerSlider .slider-item .slide_1_box_2 .box_2:after{
bottom: 0;
left: -7px;
}
.slide_1_box_1 {
bottom: 70px;
left: 0;
right: 0;
align-items: end;
}
.slide_1_box_2{
top: 270px;
left: 400px;
right: 0;
align-items: start;
}
.slide_1_box_1 .box_1 {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-radius: 0 0 0 25px;
}
.slide_1_box_2 .box_2 {
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-radius: 25px 0px 0px 0px;
}
.slide_1_box_1 span{
margin-bottom: -10px;
margin-left: 25px;
}
.slide_1_box_2 span{
margin-top: -10px;
margin-left: 25px;
} header#masthead nav.navbar button.navbar-toggler {
padding: 0;
border: none;
outline: none !important;
}
header#masthead nav.navbar button.navbar-toggler:focus{
box-shadow: none
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
background-image: none
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
content: "\00d7";
font-size: 30px;
}
header#masthead {
position: fixed;
width: 100%;
transition: 0.5s;
top: 0px;
z-index: 999;
}
header#masthead.sticky{
background-color: #fff;
-webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.05);
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.05);
}
header#masthead #primary-menu {
list-style: none;
display: flex;
margin: 0;
margin-right: 0;
background-color: #fff;
padding: 30px 20px;
border-radius: 20px;
}
header#masthead #primary-menu li.menu-item a {
text-decoration: none;
margin-right: 70px;
color: var(--secondary);
font-size: 20px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
transition: 0.5s;
}
header#masthead #primary-menu li.menu-item a:hover{
color: var(--primary);
}
header#masthead #primary-menu li.menu-item.current-menu-item a{
color: var(--primary);
font-weight: 600;
}
header#masthead #primary-menu li.menu-item.header-btn a {
margin: 0;
padding: 15px 22px 15px 22px;
background-color: var(--primary);
border: 2px solid var(--primary);
color: #fff;
border-radius: 10px 10px 10px 10px;
}
header#masthead #primary-menu li.menu-item.header-btn a:hover {
background-color: transparent;
border-color: var(--primary);
color: var(--primary);
}
header#masthead nav.navbar {
padding: 40px 0 40px 0;
}
header#masthead nav.navbar {
padding: 40px 0 40px 0;
transition: 0.5s;
}
header#masthead.sticky   nav.navbar{
padding: 10px 0 10px 0;
transition: 0.5s;
} footer#colophon {
background: var(--secondary);
padding-top: 100px;
padding-bottom: 48px;
}
footer#colophon h2 {
font-size: 22px;
font-weight: 600;
color: #fff;
line-height: 33px;
margin-bottom: 20px;
margin-top: 0;
}
footer#colophon .follow-us {
margin-top: 45px;
}
.site-footer .special-partner {
margin-top: 45px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-footer .special-partner .sp-logo img{
width: 80px;
margin-right: 15px;
}
.site-footer .special-partner .sp-title p{
font-family: var(--font-family-poppins-sans-serif);
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: #FFFFFF;
opacity: 0.7;
margin: 0;
}
.site-footer .special-partner .sp-title a {
font-family: var(--font-family-poppins-sans-serif);
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
footer#colophon .map iframe{
border: 0;
height: 403px;
width: 100%;
border-radius: 15px;
}
footer#colophon ul {
margin: 0;
padding: 0;
list-style: none;
}
footer#colophon .follow-us ul li {
display: inline-block;
margin-right: 50px;
}
footer#colophon .follow-us ul li:last-child {
margin-right: 0;
}
footer#colophon ul li a {
font-size: 18px;
text-decoration: none;
color: #fff;
margin-bottom: 15px;
display: inline-block;
font-weight: 400;
}
footer#colophon .contact-info ul li {
display: flex;
align-items: flex-start;
}
footer#colophon .contact-info ul li img {
margin-right: 10px;
margin-top: 2px;
}
footer#colophon .contact-info ul li a {
word-break: break-all;
}
footer#colophon .copyright {
margin-top: 50px;
color: #747380;
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
}
footer#colophon .copyright p{
margin:0px;
}
footer#colophon .copyright .copyright_menu a:first-child {
margin-right: 80px;
}
footer#colophon .copyright .copyright_menu a {
text-decoration: none;
color: #747380;
}
footer#colophon .copyright_text p {
color: #fff;
}
.copyright_other_text .other_text strong a{
color: #fff;
}
.copyright_other_text .other_text strong {
color: #fff;
font-size: 22px;
font-weight: 600;
} .blue-round-banner-section{
position: relative;
overflow: hidden;
}
.banner-section-space{
padding-top: 215px;
}
.here_banner {
padding-bottom: 10px;
text-align: center;
}
.here_banner h1.hero_title {
color: #222222;
font-family: var(--font-family-poppins-sans-serif);
font-weight: 600;
word-spacing: 1.35px;
font-size: 45px;
line-height: 50px;
letter-spacing: 1.35px;
max-width: 1082px;
width: 100%;
margin: 0 auto 45px auto;
}
.here_banner h2.stroke-header {
-webkit-text-stroke-width: 4px;
-webkit-text-stroke-color: #EB7120;
opacity: 0.10;
font-size: 180px;
color: #EB712000;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.here_banner a.btn.btn-primary{
z-index: 9;
position: relative;
}
.here_banner .hero-image {
width: 824px;
z-index: 1;
margin-top: -190px;
position: relative;
}
.scroll-down {
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.2em;
}
.scroll-down .sroll-down-arrow {
width: 54px;
height: 66px;
flex-shrink: 0;
border-radius: 100px;
background: var(--primary);
position: relative;
overflow: hidden;
margin-left: 15px;
margin-right: 15px;
}
.scroll-down .sroll-down-arrow::before {
content: "";
background: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/Down.svg);
background-size: auto;
background-repeat: no-repeat;
background-position: top center;
width: 54px;
height: 66px;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
opacity: 1;
animation: wheel 2s infinite;
-webkit-animation: wheel 3s infinite;
}
@keyframes wheel {to {opacity: 1; top: 66px;} }
@-webkit-keyframes wheel {to {opacity: 1; top: 66px;} }
.blue-round-banner-section:before {
content: '';
width: 390px;
height: 390px;
flex-shrink: 0;
border-radius: 390px;
background: var(--primary);
filter: blur(400px);
top: 34px;
left: -40px;
position: absolute;
z-index: -1
}
.blue-round-banner-section:after {
content: '';
width: 406px;
height: 406px;
flex-shrink: 0;
border-radius: 406px;
background: var(--primary);
filter: blur(400px);
bottom: 34px;
right: 34px;
position: absolute;
z-index: -1
}
.home-about-section {
padding-top: 120px;
}
.home-about-section .about-content {
overflow: hidden;
}
.home-about-section .about-content .content {
max-width: 720px;
margin: 0 0 0 auto;
}
.home-about-section .content p {
font-size: 25px;
font-weight: 400;
line-height: 38px;
margin-bottom: 25px;
position: relative;
z-index: 2;
}
.home-about-section .content h2{
margin-bottom: 70px;
font-size: 44px;
}
.home-about-section .content .read_more {
background: #ffeed2;
position: relative;
z-index: 1;
margin: -140px -192px 0px 0px;
text-align: right;
}
.home-about-section .content .read_more a {
padding: 42px 42px 42px 42px;
display: inline-block;
background: var(--primary);
}
.home-about-section .content .read_more img{
width: 60px;
}
.home-about-section .content .read_more:before {
content: '';
width: 100%;
height: 100%;
left: -100%;
position: absolute;
background: #ffeed2;
}
.home-about-section .right-img {
height:100%;
}
.home-about-section .right-img img {
margin-top: 65px;
height: 100%;
width: 100%;
object-fit: cover;
object-position: left;
}
.successful-stories {
padding-top: 120px;
padding-bottom: 60px;
}
.home_gallery_list .gallery_list_item .gallery_image{
box-shadow: 0px 38px 70px 0px rgba(0, 0, 0, 0.15);
border-radius: 45px;
width: 100%;
height: 504px;
object-fit: cover;
}
.home_gallery_list .owl-stage-outer{
padding-bottom: 100px;
padding-top: 60px;
}
#home_service {
padding-top: 60px;
padding-bottom: 60px;
}
#home_service .services-lists {
margin-top: 70px;
}
#home_service .services-lists .services-item,
#recent_service .services-lists .services-item {
margin-bottom: 50px;
}
#home_service .services-lists .services-item .d-flex,
#recent_service .services-lists .services-item .d-flex {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
width: 100%;
justify-content: space-between;
padding: 0 70px 40px 70px;
}
#home_service .services-lists .services-item .service_detail,
#recent_service .services-lists .services-item .service_detail{
border-radius: 20px;
position: relative;
overflow: hidden;
height: 500px;
background-size: cover !important;
background-position: center !important;
}
#home_service .services-lists .services-item .service_detail img,
#recent_service .services-lists .services-item .service_detail img{
border-radius: 20px;
object-fit: cover;
width: 100%;
height: 500px;
flex-shrink: 0;
}
#home_service .services-lists .services-item .service_detail a,
#recent_service .services-lists .services-item .service_detail a{
text-decoration: none;
}
#home_service .services-lists .services-item .service_detail h2,
#recent_service .services-lists .services-item .service_detail h2{
color: var(--primary);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
font-family: var(--font-family-poppins-sans-serif);
margin: 0px;
}
#home_service .services-lists .services-item .service_overlay,
#recent_service .services-lists .services-item .service_overlay{
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
}
#home_service .services-lists .services-item .service_overlay a,
#recent_service .services-lists .services-item .service_overlay a{
display: flex;
width: 100px;
height: 100px;
align-items: center;
justify-content: center;
border-radius: 65.789px;
background: var(--primary);
}
#home_service .services-lists .services-item .service_overlay img,
#recent_service .services-lists .services-item .service_overlay img {
width: 39.474px;
height: 39.474px;
}
#home_service .services-lists .services-item:hover .service_overlay,
#recent_service .services-lists .services-item:hover .service_overlay {
opacity: 1;
transform: translateY(0);
}
#home_service .services-lists .services-item .service_detail, 
#recent_service .services-lists .services-item .service_detail{
transition: 0.3s;
}
#home_service .services-lists .services-item:hover .service_detail, 
#recent_service .services-lists .services-item:hover .service_detail {
box-shadow: 0 18px 35px 0 #0000002e;
}
#recent_service {
padding-top: 120px;
padding-bottom: 120px;
}
#recent_service .services-lists {
margin-top: 70px;
}
.follow-section .tab-content {
background-color: #F6F6F6;
color: #333;
font-family: var(--font-family-poppins-sans-serif);
font-size: 22px;
line-height: 29px;
padding: 0px 0px 0px 0px;
margin: 0px 30px 0px 0px;
box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.11);
border-radius: 40px;
overflow: hidden; }
.follow-section .tab-content .body {
height: 660px;
overflow-x: auto;
padding-left: 32px;
padding-right: 32px;
padding-top: 20px;
padding-bottom: 20px;
background-color:#fff;
}
.follow-section .follow-page .heading {
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 32px;
display:none;
}
.follow-section .follow-page .heading .profile_title {
display: flex;
align-items: center;
display: flex;
flex-wrap: wrap;
}
.follow-section .follow-page .heading .profile_title img{
margin-right: 20px;
width: 80px;
border-radius: 100px;
}
.follow-section .follow-page .heading .profile_title h3,
.follow-section .follow-page .heading .profile_title h3 a {
margin: 0;
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.follow-section .follow-page .heading .profile_title .title {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.follow-section .follow-page .heading a.btn {
background-color: #326DFF;
color: #fff;
font-size: 20px;
font-weight: 600;
padding: 15px;
border-radius: 10px;
}
.follow-section .follow-page .body iframe{
margin: 0px auto !important;
width: 100%;
}
.follow-section .nav-pills button.nav-link {
padding: 33px 66px;
border-radius: 25px;
box-shadow: 0px 8px 35px 0px #0000001C;
background-color: #fff;
color: #000;
font-size: 28px;
margin-bottom: 40px;
}
.follow-section .nav-pills button.nav-link:last-child{
margin-bottom: 0px;
}
.follow-section .nav-pills button.nav-link.active, 
.follow-section .nav-pills button.nav-link:hover {
box-shadow: 0px 9.488887786865234px 29.652774810791016px 0px #00000014;
background: #EB71201A;
}
.follow-section .nav-pills button.nav-link img{
width: 70px;
margin-right: 20px;
}
.letest-post-social .col-8-half {
width: 70%;
}
.letest-post-social .col-3-half {
width: 30%;
}
.newsletter-section {
padding-top: 120px;
padding-bottom: 60px;
}
.newsletter-section .newsletter-inner {
border-radius: 35px;
padding: 93px 79px;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.newsletter-section .newsletter-inner:after{
content: '';
background-image: linear-gradient(270deg, #00000000 19.63%, #000000B3 93.16%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.newsletter-section .newsletter-inner h2{
color: #fff;
}
.newsletter-section .newsletter-content{
position: relative;
z-index: 1
}
.mc4wp-form-fields .newsletter {
display: flex;
align-items: flex-start;
margin-top: 60px;
}
.mc4wp-form-fields .newsletter #email-error {
color: #000;
}
.mc4wp-form-fields .newsletter .email_filed label {
position: relative;
display: block;
}
.mc4wp-form-fields .newsletter .email_filed img {
position: absolute;
top: 22px;
left: 22px;
}
.mc4wp-form-fields .newsletter .email_filed input[type="email"] {
padding: 22px 22px 22px 60px;
width: 540px;
border-radius: 15px;
background: #FFF;
font-size: 22px;
font-weight: 300;
color: #A4A4A4;
outline: none;
margin-right: 24px;
margin-bottom:10px;
border: none;
font-family: var(--font-family-poppins-sans-serif);
line-height: 25px;
}
.mc4wp-form-fields .newsletter .submit_btn input[type="submit"] {
padding: 22px 55px;
font-size: 22px;
border-radius: 15px;
line-height: 25px;
cursor: pointer;
margin-bottom:10px;
}
.mc4wp-form-fields .newsletter .submit_btn input[type="submit"]:hover {
background: transparent;
border: 2px solid var(--primary);
color: var(--primary);
}
.mc4wp-form .mc4wp-response p {
color: #fff;
margin:0px;
}
#testimonials .owl-stage-outer{
padding-top: 60px;
padding-bottom: 60px;
}
#testimonials .testimonials-lists .testimonials-item{
border-radius: 35px;
background: #FFF;
box-shadow: 2px 15px 60px 0px rgba(0, 0, 0, 0.08);
padding: 80px 38px 63px 79px;
border: 2px solid transparent;
}
#testimonials .testimonials-lists .owl-item.active:nth-child(2) .testimonials-item{
border: 2px solid var(--primary);
}
#testimonials .testimonials-lists .slick-slide.slick-current .testimonials-item{
border: 2px solid #326DFF;
box-shadow: 2px 15px 60px 0px rgba(50, 109, 255, 0.12);
}
#testimonials .testimonials-lists .testimonials-item h2 {
color: #000;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: var(--font-family-poppins-sans-serif);
text-align: center;
margin: 0 0 23px 0;
}
#testimonials .testimonials-lists .testimonials-item p {
color: var(--secondary);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
font-family: var(--font-family-poppins-sans-serif);
margin: 0;
}
#testimonials .testimonials-lists .testimonials-item img{
width: 95px;
}
#testimonials .testimonials-lists .owl-item {
opacity: 0;
transition: 0.3s;
}
#testimonials .testimonials-lists .owl-item.active {
opacity: 1;
}
section#testimonials {
padding-top: 60px;
padding-bottom: 60px;
}
section.cta-section {
background: rgb(234 130 30 / 10%);
padding-top: 93px;
padding-bottom: 93px;
position: relative;
}
.cta-section .cta-bottons{
margin-top: 60px;
}
.cta-section .cta-bottons a{
margin: 0 20px;
}
.cta-section img.left-img {
position: absolute;
top: -86px;
left: -59px;
}
.cta-section img.right-img {
position: absolute;
right: 25px;
bottom: -85px;
}
.client-logos{
padding-top: 70px;
padding-bottom: 70px;
}
.client-logos .client-logos-carousel .slick-slide {
text-align: center;
margin-left: 40px;
margin-right: 40px;
display: flex;
justify-content: center;
}
body .client-logos .client-logos-carousel img{
width: 144px;
margin: 0px auto;
} .blue-round-banner-section.about_banner.banner-section-space {
overflow: visible;
}
.about_banner .banner_inner {
position: relative;
}
.about_banner img.about_dotte_image_left, .about_banner img.about_dotte_image_right {
position: absolute;
}
.about_banner img.about_dotte_image_left {
left: -80px;
top: 170px;
z-index: -1;
}
.about_banner img.about_dotte_image_right {
right: 0;
bottom: 300px;
z-index: -1;
}
.about_banner .about_title{
font-size: 22px;
line-height: 33px;
color: var(--primary);
font-weight: 500;
margin: 0;
}
.about_banner .about_subtitle{
font-size: 38px;
line-height: 57px;
}
.about_banner .about_content p{
font-size: 22px;
font-weight: 400;
line-height: 33px;
margin-bottom: 18px;
}
.about_banner .about_content p:last-child{
margin-bottom: 0px;
}
.about_banner .about_image_row{
margin-left: -40px;
margin-right: -40px;
}
.about_banner .about_image{
box-shadow: 0px 15px 80px 0px rgba(0, 0, 0, 0.12);
height: 511px;
border-radius: 15px;
width: 100%;
object-fit: cover;      
}
.about_bottom_content{
margin-top: 70px;
margin-bottom: 60px;
}
.about_bottom_content .about_box_content {
border: 1.5px solid var(--primary);
background: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.1);
border-radius: 60px;
padding: 72px 138px;
}
.about_bottom_content .about_box_content h2{
color: var(--primary);
font-size: 38px;
font-weight: 600;
line-height: 57px;
text-align: center;
}   
.comprehensive_services_list .owl-stage{
display: flex;
position: relative;
padding-top: 60px;
padding-bottom: 60px;
}
.comprehensive_services_item{
border-radius: 60px;
background: #FFF;
box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.10);
padding: 135px 50px;
height: 100%
}
.comprehensive_services_list .comprehensive_services_item img {
margin: 0px auto;
}
.comprehensive_services_list .comprehensive_services_item h2 {
color: #000;
text-align: center;
font-family: var(--font-family-poppins-sans-serif);
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 60px 0 0 0;
}
.comprehensive_services_list .owl-item {
opacity: 0;
transition: 0.3s;
}
.comprehensive_services_list .owl-item.active {
opacity: 1;
}
.comprehensive-section .comprehensive_services_list .comprehensive_services_item img {
width: 80px;
}
.cancellation-policy-section {
padding-top: 60px;
padding-bottom: 60px;
}
.cancellation-policy-section .cancellation-policy-content {
box-shadow: 0px 4px 80px 0px rgb(255 170 29 / 10%);
border: 1.5px solid var(--primary);
border-radius: 55px;
padding: 70px;
margin-top: 70px;
}
.cancellation-policy-section .cancellation-policy-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.cancellation-policy-section .cancellation-policy-content ul li {
position: relative;
font-size: 22px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.03em;
margin-bottom: 25px;
padding-left: 25px;
}
.cancellation-policy-section .cancellation-policy-content ul li:last-child{
margin-bottom: 0px;
}
.cancellation-policy-section .cancellation-policy-content ul li:before {
content: '';
position: absolute;
width: 7px;
height: 7px;
background: #000;
left: 0;
top: 12px;
border-radius: 10px;
}
.terms-conditions-section {
padding: 60px 0 70px 0;
overflow: hidden;
}
.terms-conditions-section .terms-conditions-content {
margin-top: 70px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
overflow: visible;
position: relative;
}
.terms-conditions-section .terms-conditions-content:before{
content: '';
position: absolute;
width: 100%;
left: -1210px;
height: 100%;
top: 0;
z-index: -2;
background: var(--secondary);
}
.terms-conditions-section .for-website{
background: var(--secondary);
height: 100%;
z-index: -1;
position: relative;
}
.terms-conditions-section .terms-conditions-content:after{
content: '';
position: absolute;
width: 100%;
right: -1210px;
height: 100%;
top: 0;
z-index: -2;
background: var(--primary);
}
.terms-conditions-section .for-website .for-website-inner {
padding: 90px 100px 100px 0px;
}
.terms-conditions-section .for-hire{
background: var(--primary);
height: 100%;
position: relative;
z-index: -1;
}
.terms-conditions-section  .for-hire .for-hire-inner {
padding: 90px 0px 100px 100px;
}
.terms-conditions-content .content img{
width: 191px;
margin: 0px auto 30px auto;
display: block;
}
.terms-conditions-content .content h2{
font-size: 40px;
font-weight: 600;
line-height: 60px;
color: #fff;
text-align: center;
margin-bottom: 40px;
}
.terms-conditions-content .content ul{
font-size: 22px;
font-weight: 400;
line-height: 33px;
color: #fff;
}
.cancellation-governing-section {
padding-top: 70px;
padding-bottom: 70px;
background: rgba(246, 246, 246, 1);
}
.cancellation-governing-section h4 {
font-family: var(--font-family-poppins-sans-serif);
font-size: 32px;
font-weight: 500;
line-height: 48px;
margin: 0px 0 36px 0; 
}
.cancellation-governing-section .cancellation-description {
background: rgba(255, 255, 255, 1);
border-radius: 48px;
padding: 40px;
height: auto;
}
.cancellation-governing-section .cancellation-description ul{
margin: 0px;    font-size: 25px;
font-weight: 400;
line-height: 38px;
}
.latest-blog {
padding-top: 120px;
padding-bottom: 120px;
}
.about_post_list .eael-post-grid-container .eael-grid-post-holder .eael-entry-wrapper{
position: relative;
}
.about_post_list .eael-post-grid-container .eael-entry-wrapper{
padding: 30px 25px 40px 25px;
}
.gallary_banner{
padding-bottom: 60px;
background: #ffaa1d26;
}
.col-12.banner_content_section {
width: 837px;
}
.col-12.banner_image_section {
width: 661px;
}
.gallary_banner .banner_content_section p {
font-size: 22px;
font-weight: 400;
line-height: 33px;
margin: 48px 0 70px 0;
}
.col-12.banner_image_section ul {
padding: 0;
margin: 0;
list-style: none;
display: grid;
gap: 15px;
grid-template-columns: 1fr 1fr;
}
.col-12.banner_image_section ul li {
height: min-content;
padding: 20px;
}
.col-12.banner_image_section ul li img {
width: 100%;
box-shadow: 0px 4px 30px 0px #00000026;
border: 2px solid var(--primary)
}
.col-12.banner_image_section ul li:nth-child(2),
.col-12.banner_image_section ul li:nth-child(4) {
margin-top: -60px;
}
.col-12.banner_image_section ul li:nth-child(1) img{
border-radius: 158px 48px 25px 25px;    
}
.col-12.banner_image_section ul li:nth-child(2) img{
border-radius: 48px 158px 25px 25px;
}
.col-12.banner_image_section ul li:nth-child(3) img{
border-radius: 25px 25px 48px 158px;
}
.col-12.banner_image_section ul li:nth-child(4) img{
border-radius: 25px 25px 158px 48px;
}
#gallery {
padding-top: 120px;
padding-bottom: 120px;
}
#gallery #filters{
margin-top: 70px;
margin-bottom: 70px;
display: flex;
column-gap: 30px;
flex-flow: wrap;
row-gap: 30px;
}
#gallery #filters button.filter-button {
background: #F5F5F5;
border: none;
cursor: pointer;
padding: 15px 22px;
font-size: 20px;
font-weight: 400;
line-height: 30px;
border-radius: 15px;
transition: 0.5s;
outline: none;
}
#gallery #filters button.filter-button.active,
#gallery #filters button.filter-button:hover{
background:var(--primary);
color: var(--white);
}
#gallery .gallery-grid-item .gallery-item-thumbnail-wrap {
height: 454px;
position: relative;
}
#gallery .gallery-grid-item .gallery-item-buttons{
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 26.316px;
background: #FFF;
text-align: center;
line-height: 40px;
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
}
#gallery .gallery-grid-item:hover .gallery-item-buttons,
#gallery .gallery-grid-item:hover .gallery-item-caption-wrap,
#gallery .gallery-grid-item:hover .gallery-item-caption-overlay{
opacity: 1;
transform: translateY(0);
}
#gallery .gallery-grid-item .gallery-item-caption-overlay{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 73.9%, rgba(0, 0, 0, 0.7) 90.9%);
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0px;
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
}	
#gallery .gallery-grid-item .gallery-item-caption-wrap {
position: absolute;
bottom: 0px;
width: 100%;
left: 0;
right: 0;
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
padding: 0 20px 20px 20px;
}
#gallery .gallery-grid-item {
border: 1.11px solid var(--primary);
box-shadow: 0px 2.2146103382110596px 44.29220962524414px 0px #0000001A;
border-radius: 33.22px;
margin-bottom: 50px;
overflow: hidden;
position: relative;
}
#gallery .gallery-grid-item .gallery-item-thumbnail-wrap > img{
height: 100%;
width: 100%;
object-fit: cover;
}
#gallery .gallery-grid-item .gallery-item-caption-wrap h4{
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #fff;
margin-bottom: 0px;
}
#gallery .gallery-grid-item .gallery-item-caption-wrap h5{
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #fff;
margin-bottom: 0px;
}
.mfp-gallery .mfp-s-ready .mfp-content .mfp-close {
background: #fff;
padding: 0;
font-size: 49px;
opacity: 1;
color: var(--primary);
width: 60px;
height: 60px;
text-align:center;
font-weight: 200;
top: 30px;
right: 30px;
border-radius: 100px;
}
.mfp-gallery .mfp-s-ready .mfp-arrow {
background: #326DFF;
padding: 0;
opacity: 1;
height: 70px;
width: 70px;
border-radius: 10px;
display: none;
}
.mfp-gallery .mfp-s-ready .mfp-arrow:before,
.mfp-gallery .mfp-s-ready .mfp-figure:after {
content: none;
}
.mfp-gallery .mfp-s-ready .mfp-counter{
display: none;
}
.mfp-gallery .mfp-s-ready .mfp-arrow-left:after {
margin-left: 20px;
top: -11px;
}
.mfp-gallery .mfp-s-ready .mfp-arrow-right:after {
margin-left: 30px;
top: -10px;
}
.mfp-gallery .mfp-s-ready img.mfp-img {
border-radius: 70.67px;
border: 2.356px solid  var(--primary);
box-shadow: 0px 4.711px 94.227px 0px rgba(0, 0, 0, 0.10);
padding: 0;
width: 976.423px;
object-fit: cover;
}
.mfp-gallery .mfp-image-holder .mfp-figure figure:before {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.90) 100%), #00000000 50% / cover no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: 70.67px;
}
.mfp-gallery .mfp-image-holder .mfp-bottom-bar{
margin-top: 0;
position: absolute;
top: auto;
left: 0;
width: 100%;
cursor: auto;
bottom: 60px;
}
.mfp-gallery .mfp-image-holder .mfp-bottom-bar .mfp-title{
padding: 0 40px;
}
.mfp-gallery .mfp-image-holder .mfp-bottom-bar .mfp-title h4 {
margin: 0;
color: #FFF;
font-size: 38px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.mfp-gallery .mfp-image-holder .mfp-bottom-bar .mfp-title h5{
color: #FFF;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.services-baner {
background: rgb(234 130 30 / 10%);
padding-bottom: 60px;
}
.services-baner .services-slider .item img {
height: 581px;
object-fit: cover;
width: 100%;
background: var(--primary);
border: 2px solid var(--primary);
border-radius: 48px;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}
.services-baner p {
margin: 35px 0 70px 0;
font-size: 25px;
font-weight: 400;
line-height: 38px;
color: rgba(30, 28, 51, 1);
}
.services-baner .owl-stage-outer .item{
padding: 30px 20px;
}
body .services-baner .owl-dots .owl-dot span {
background: rgba(217, 217, 217, 1) !important;
width: 18px;
height: 18px;
margin: 0 12px;
transition: 0.5s;
}
body .services-baner .owl-dots .owl-dot.active span{
background: var(--secondary) !important;
}
.services-listing {
padding-top: 120px;
padding-bottom: 120px;
}
.services-listing .service_detail {
border-radius:30px;
border:1px solid var(--primary);
}
.services-listing .service_detail .description{
background: #FFF;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
padding: 30px;
border-radius:0 0 30px 30px;
}
.services-listing .service_detail .feature_image > img {
width: 100%;
height: 258px;
object-fit: cover;
box-shadow: 0px 5.241520881652832px 16.379751205444336px 0px rgba(0, 0, 0, 0.08);
border-radius: 30px 30px 0 0;
}
.services-listing .service_detail .feature_image{
position: relative;
}
.services-listing .service_detail .feature_image a {
position: absolute;
top: 30px;
right: 30px;
width: 40px;
height: 40px;
border-radius: 26.316px;
background: #FFF;
text-align: center;
line-height: 40px;
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
}
.services-listing .service_detail:hover .feature_image a {
opacity: 1;
transform: translateY(0);
}
.services-listing .service_detail .description h2{
font-size: 32px;
line-height: 48px;
}
.services-listing .service_detail .description p{
margin-bottom: 0;
font-size: 14px;
line-height: 21px;  
}
.services-detail-banner h1 {
font-size: 45px;
font-weight: 500;
line-height: 68px;
margin-bottom: 70px;
}
.container.banner-bottom-text p {
font-size: 32px;
font-weight: 400;
line-height: 52px;
margin-top: 70px;
margin-bottom: 70px;
}
.included-services {
overflow: hidden;
margin-top: 30px;
}
.included-services .included-services-row{
margin-top: 70px;
position: relative;
}
.included-services .included-services-contant span {
font-size: 120px;
font-weight: 700;
line-height: 180px;
letter-spacing: 0em;
text-align: center;
color: rgb(0 0 0 / 10%);
position: absolute;
top: 0;
}
.included-services .included-services-contant.left-content{
text-align: left;
padding-left: 88px;
padding-right: 110px;
}
.included-services .included-services-contant.left-content span{
left: 8px;
}
.included-services .included-services-contant.right-content{
text-align: right;
padding-right: 88px;
padding-left: 110px;
}
.included-services .included-services-contant.right-content span{
right: 8px;
}
.included-services .included-services-contant p{
font-size: 25px;
font-weight: 400;
line-height: 38px;
margin: 35px 0 0 0;
}
.included-services .included-services-image{
background: rgb(234 130 30 / 10%);
height: 287px;
border-radius: 45px;
display: flex;
align-items: center;
justify-content: center;
}
#sticky-posts .feature_image{
position:relative;
}
#sticky-posts .feature_image img {
border: 2px solid var(--primary);
border-radius: 48px;
height: 581px;
width: 100%;
object-fit: cover;
box-shadow: 0px 4px 30px 0px #00000026;
}
#sticky-posts .feature_image .badge {
position: absolute;
top: 40px;
right: 60px;
background: #fff;
font-size: 20px;
padding: 15px 22px 15px 22px;
border-radius: 15px;
color: var(--primary);
font-weight: 700;
}
#sticky-posts .sticky_post_detail .date span {
font-size: 22px;
display: flex;
align-items: center;
color: #1E1C33;
opacity: 0.5;
}
#sticky-posts .sticky_post_detail .date span img{
margin-right: 10px;
}
#sticky-posts .sticky_post_detail .date p {
font-size: 25px;
color: #1E1C33;
margin: 10px 0 0 0;
}
#sticky-posts .sticky_post_detail h2 {
font-size: 45px;
line-height: 67.5px;
font-weight: 500;
color: #1E1C33;
display: inline-block;
margin: 70px 0 40px 0;
}
#sticky-posts .sticky_post_detail p{
font-size: 25px;
line-height: 37.5px;
color: #1E1C33;
margin: 0px 0 70px 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-banner-top{
background: #ffaa1d26;
padding-bottom: 60px;
}
.blog-banner-top h1 {
max-width: 933px;
width: 100%;
margin: 0px auto 70px auto;
font-size: 45px;
line-height: 67.5px;
}
.more-blog-section {
padding-top: 120px;
padding-bottom: 120px;
}
.post-listing .post_detail {
box-shadow: 0px 5.241520881652832px 16.379751205444336px 0px #00000014;
border: 1px solid var(--primary);
border-radius: 29.48px;
overflow: hidden;
height: 100%;
position: relative;
}
.post-listing .post_detail .description {
box-shadow: 0px 4px 30px 0px #00000026;
padding: 25px 30px 40px 30px;
margin-top: -3px;
height: 100%;
}
.post-listing .post_detail .description p {
margin: 0;
}
.post-listing .feature_image > img {
height: 320px;
width: 100%;
object-fit: cover;
}
.post-listing .feature_image a {
opacity: 0;
transform: translateY(100%);
transition: transform 0.5s, opacity 0.5s;
position: absolute;
right: 30px;
top: 20px;
background-color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 36px;
border-radius: 100px;
}
.post-listing .feature_image a img{
width: 14px;
}
.post-listing .post_detail:hover .feature_image a{
opacity: 1;
transform: translateY(0);
}
.post-listing .post_detail .description h2 {
margin: 0px 0 25px 0;
font-size: 28px;
font-weight: 500;
line-height: 40px;
color: #1E1C33;
}
.post-listing .post_detail .description p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.post-listing .post_detail .description .date {
margin-top: 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.post-listing .post_detail .description .date a {
font-weight: 500;
margin-left: 15px;
color: var(--primary);
}
.post-listing .post_detail .description .date p {
opacity: 0.5;
display: flex;
align-items: center;
}
.post-listing .post_detail .description .date img {
width: 16px;
margin-right: 10px;
}
.post-listing .pagination {
width: 100%;
justify-content: center;
}
.post-listing .pagination ul.page-numbers {
margin: 50px  0 0 0px;
padding: 0px;
list-style: none;
text-align: center;
}
.post-listing .pagination ul.page-numbers li {
display: inline-block;
margin: 0 20px;
}
.post-listing .pagination ul.page-numbers li .page-numbers {
width: 60px;
height: 60px;
display: inline-block;
box-shadow: 0px 8px 25px 0px #00000014;
line-height: 60px;
border-radius: 100%;
font-size: 22px;
color: #000000;
transition: 0.5s;
}
.post-listing .pagination ul.page-numbers li .page-numbers.current,
.post-listing .pagination ul.page-numbers li .page-numbers:hover{
background-color: #326DFF;
color: #fff;
}
.post-listing .pagination ul.page-numbers li .page-numbers.dots {
box-shadow: none;
}
.post-listing .pagination ul.page-numbers li .page-numbers.dots:hover{
background-color: #fff;
color: #000000;
}
.blog-detail-banner-top{
background-color: var(--secondary);
}
.blog-detail-banner-top h1 {
max-width: 662px;
display: inline-block;
margin: 0px auto 60px auto;
font-size: 45px;
font-weight: 500;
line-height: 68px;
color: #FFFFFF;
}
.blog-detail-banner {
background: var(--secondary);
height: 564px;
position: relative;
margin-bottom: 300px
}
.blog-detail-banner .post_gallery_list {
margin-top: 60px;
}
.single_post_header {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 60px;
}
.single_post_header .single_post_date,
.single_post_header .single_post_counter{
font-size: 25px;
color: #fff;
display: flex;
align-items: center;
}
.single_post_header .single_post_date img,
.single_post_header .single_post_counter img{
margin-right: 10px;
}
.single_post_header .post_like_counter,
.single_post_header .post_view_counter{
display: flex;
}
.single_post_header .post_like_counter {
margin-right: 80px;
}
.post_gallery_list .gallery_list_item .gallery_image{
box-shadow: 0px 38px 70px 0px rgba(0, 0, 0, 0.15);
border-radius: 45px;
}
.post_gallery_list .owl-stage-outer{
padding-bottom: 30px;
}
.post_gallery_list .gallery_list_item .gallery_image {
border: 2px solid var(--primary);
border-radius: 45px;
height: 581px;
width: 100%;
object-fit: cover;
box-shadow: 0px 4px 30px 0px #326DFF40;
}
body .post_gallery_list .owl-dots .owl-dot span {
background: #D9D9D9 !important;
width: 18px;
height: 18px;
margin: 0 12px;
transition: 0.5s;
}
body .post_gallery_list .owl-dots .owl-dot.active span{
background: #1E1C33 !important;
}
.blog_single_detail .blog_detail_container {
max-width: 1339px;
margin: 0px auto;
width: 100%;
row-gap: 70px;
display: flex;
flex-flow: wrap;
}
.blog_single_detail .blog_detail_container .box-content {
padding: 70px;
box-shadow: 0px 4px 80px 0px rgba(0, 0, 0, 0.1);
border: 1.5px solid var(--primary);
border-radius: 60px;
width: 100%;
}
.blog_single_detail .box-content h2{
color: var(--primary);
}
.blog_single_detail .box-content p{
font-size: 25px;
font-weight: 400;
line-height: 52px;
margin-top: 38px;
}
.blog_single_detail .detail-content p{
font-size: 25px;
font-weight: 400;
line-height: 52px;
margin: 0px;
}
.post_paragraph_space::first-letter {
margin-left: 80px;
}
.single_prev_next_button .prev-next-buttons {
align-items: center;
padding: 0 15px;
font-size: 22px;
font-weight: 500;
}
.single_prev_next_button .prev-next-buttons a img {
background: var(--primary);
padding: 23px;
border-radius: 50.49px;
}
.single_prev_next_button .prev-next-buttons a.next_post_link,
.single_prev_next_button .prev-next-buttons a.prev_post_link{
display: flex;
align-items: center;
}
.single_prev_next_button .prev-next-buttons a.prev_post_link {
justify-content: flex-start;
}
.single_prev_next_button .prev-next-buttons a.next_post_link {
justify-content: flex-end;
}
.single_prev_next_button .prev-next-buttons a.prev_post_link span,
.single_prev_next_button .prev-next-buttons a.next_post_link span{
margin: 0 25px;
color: var(--primary)
}
.single_prev_next_button .post_like a.oacs-spl-like-button {
background: var(--primary);
color: #fff;
padding: 22px 55px 22px 55px;
border-radius: 15px;
display: inline-block;
}
.single_prev_next_button .post_like a.oacs-spl-like-button .oacs-spl-like-text,
.single_prev_next_button .post_like a.oacs-spl-like-button .oacs-spl-unlike-text {
padding: 0 !important;
}
.single_prev_next_button .post_like span.spinner.spl-is-active {
background: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/spinner.svg);
margin-right: 10px;
animation: spin 2s linear infinite;
}
.single_prev_next_button {
padding-top: 120px;
padding-bottom: 120px;
}
.releted_post {
padding-bottom: 120px;
}
#contact_form,
#enquire-form{
background: #fff;
box-shadow: 0px 4.377261161804199px 87.54522705078125px 0px #0000001A;
padding: 55px 88px;
border-radius: 65.66px;
position: relative;
z-index: 1;
}
#contact_form p,
#enquire-form p{
margin: 0px;
}
#contact_form h2,
#enquire-form h1 {
margin: 0 0 0 0;
font-size: 45px;
font-weight: 600;
line-height: 68px;
color: var(--primary);
font-family: var(--font-family-poppins-sans-serif);
margin-bottom: 40px;
}
#contact_form .form-field-control p,
#enquire-form .form-field-control p {
margin: 0;
}
#contact_form .form-field-control,
#enquire-form .form-field-control {
margin-bottom: 20px;
position: relative;
}
#contact_form .form-field-control .wpcf7-form-control,
#enquire-form .form-field-control .wpcf7-form-control {
border-radius: 15px;
border: 2px solid;
color: #A4A4A4;
font-size: 25px;
width: 100%;
padding: 20px 25px 20px 25px;
display: block;
font-family: var(--font-family-poppins-sans-serif);
}
#contact_form .form-field-control textarea.wpcf7-form-control,
#enquire-form .form-field-control textarea.wpcf7-form-control {
height: 280px;
}
#contact_form .form-field-control .wpcf7-form-control:focus-visible ,
#enquire-form .form-field-control .wpcf7-form-control:focus-visible {
outline: none;
border-color: var(--secondary);
}
#contact_form .form-field-control span.wpcf7-not-valid-tip,
#enquire-form .form-field-control span.wpcf7-not-valid-tip {
margin-top: 5px;
display: inline-block;
font-size: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output {
font-size: 22px;
padding: 10px !important;
margin-left: 0;
display: none;
}
#contact_form .form-field-control .wpcf7-form-control::-webkit-input-placeholder,
#enquire-form .form-field-control .wpcf7-form-control::-webkit-input-placeholder {color: #A4A4A4;}
#contact_form .form-field-control .wpcf7-form-control::-moz-placeholder,
#enquire-form .form-field-control .wpcf7-form-control::-moz-placeholder {color: #A4A4A4;}
#contact_form .form-field-control .wpcf7-form-control:-ms-input-placeholder,
#enquire-form .form-field-control .wpcf7-form-control:-ms-input-placeholder {color: #A4A4A4;}
#contact_form .form-field-control .wpcf7-form-control:-moz-placeholder,
#enquire-form .form-field-control .wpcf7-form-control:-moz-placeholder {color: #A4A4A4;}
.contact-info-email .elementor-icon-box-content a {
word-break: break-all;
}
#enquire-form h1 {
text-align: center;
}
#enquire-form h3 {
font-size: 25px;
font-weight: 400;
line-height: 38px;
margin: 45px 0 45px 0;
color: #000000
}
#enquire-form .form_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
#enquire-form .form_row .form_col_half,
#enquire-form .form_row .form_col_full{
position: relative;
padding-right: 12px;
padding-left: 12px;
width: 100%;
}
#enquire-form .form_row .form_col_full {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#enquire-form .form_row .form_col_half {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
#enquire-form .form-field-control span.wpcf7-form-control-wrap{
position: relative;
display: block;
}
#enquire-form .pick-up-date span.wpcf7-form-control-wrap:before,
#enquire-form .pick-up-time span.wpcf7-form-control-wrap:before,
#enquire-form .no-of-passengers span.wpcf7-form-control-wrap:before,
#enquire-form .vehicle-model span.wpcf7-form-control-wrap:before,
#enquire-form .type-of-occassion span.wpcf7-form-control-wrap:before {
content: '';
position: absolute;
width: 25px;
height: 25px;
top: 28px;
right: 18px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.invalid #enquire-form .pick-up-date span.wpcf7-form-control-wrap:before,
.invalid #enquire-form .pick-up-time span.wpcf7-form-control-wrap:before,
.invalid #enquire-form .no-of-passengers span.wpcf7-form-control-wrap:before,
.invalid #enquire-form .vehicle-model span.wpcf7-form-control-wrap:before,
.invalid #enquire-form .type-of-occassion span.wpcf7-form-control-wrap:before{
top: 17px
}
.invalid #enquire-form .pick-up-date span.wpcf7-form-control-wrap:before{
background-image: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/gray-calendar-icon.svg);
}
#enquire-form .pick-up-time span.wpcf7-form-control-wrap:before{
background-image: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/gray-circletime-icon.svg);
}
#enquire-form .no-of-passengers span.wpcf7-form-control-wrap:before{
background-image: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/gray-passengers-icon.svg);
}
#enquire-form .vehicle-model span.wpcf7-form-control-wrap:before{
background-image: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/gray-vehicle-model-icon.svg);
}
#enquire-form .type-of-occassion span.wpcf7-form-control-wrap:before{
background-image: url(https://hirecarsydneycity.com.au/wp-content/themes/hirecarsydneycity/img/gray-website-icon.svg);
}
#enquire-form .form-field-control.vehicle-model .wpcf7-select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
#enquire-form input.wpcf7-form-control.wpcf7-submit {
margin: 30px auto 0 auto;
}
#enquire-form .wpcf7-spinner{
margin: 0px auto;
display: block;
}
.wpcf7 form.invalid #enquire-form + .wpcf7-response-output{
margin-top: 0
}
.contact-banner-top .col-12.text-center h1 {
font-size: 48px;
font-weight: 600;
line-height: 72px;
margin-bottom: 45px;
}
.contact-banner-top .col-12.text-center p {
font-size: 25px;
font-weight: 400;
line-height: 38px;
margin-bottom: 70px;
}
.contact-banner-top img.contact_dotted_img {
position: absolute;
right: 0;
bottom: 0;
z-index: -1
}
.contact-information .contact-list {
margin-top: 70px;
margin-bottom: 120px;
position: relative;
}
.contact-information .contact-list .contact-item {
box-shadow: 0px 2.8418946266174316px 56.837890625px 0px #0000001A;
padding: 40px 16px 40px 40px;
border-radius: 42.63px;
border: 1px solid #fff;
transition: 0.5s;
background-color: #fff;
height: 100%;
}
.contact-information .contact-list .contact-item:hover{
border: 1px solid var(--primary);
}
.contact-information .contact-list .contact-item img{
width: 60px;
height: 60px;
}
.contact-information .contact-list .contact-item a{
color: var(--secondary);
}
.contact-information .contact-list h4 {
font-size: 25px;
font-weight: 500;
line-height: 38px;
margin: 80px 0 8px 0;
word-wrap: break-word;
}
.contact-information .contact-list p {
font-family: var(--font-family-poppins-sans-serif);
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin: 0;
}
.contact-information img.contact_info_dotted_img {
position: absolute;
width: 242px;
bottom: -140px;
z-index: -1;
right: 317px;
padding: 0;
}
.contact-information+.letest-post-social.follow-section {
margin-bottom: 120px;
}
.contact-banner-top .contact_banner{
position: relative;
}
.contact-detail-banner {
background: var(--secondary);
height: 564px;
position: absolute;
margin-bottom: 0;
padding-top: 80px;
top: 0;
z-index: -1;
width: 100%;
}
.contact-banner-top .contact_form{
padding-top: 85px;
padding-bottom: 120px;
} #enquire-popup.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
transition: opacity 0.3s ease;
}
#enquire-popup .modal-content {
background-color: #ffffff;
padding: 55px;
transition: transform 0.3s ease;
box-shadow: 0px 11.937499046325684px 99.47916412353516px 0px #0000004D;
border: 2.79px solid #326DFF;
border-radius: 52.25px;
width: 989px;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#enquire-popup .modal-content h2.modal-title {
font-family: var(--font-family-poppins-sans-serif);
font-size: 38px;
font-weight: 600;
line-height: 57px;
letter-spacing: 0em;
margin: 35px 0 15px 0;
}
#enquire-popup .modal-content p {
font-size: 18px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0em;
text-align: center;
margin: 0 0 54px 0;
}
.modal-backdrop.fade.show {
display: none;
}
#enquire-popup .modal-body {
padding: 0;
}
#enquire-popup .modal-body img{
width: 336px;
}
.sent #enquire-form + .wpcf7-response-output{
display: none;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}