File: /var/www/html/WPProfessionalCleaning/wp-content/themes/professional-cleaning/css/home2.css
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.banner-slider-wrap {
position: relative;
}
.banner-slider-wrap .banner-slider {
margin: 0;
padding: 0;
}
.banner-slider-wrap .banner-slider .slick-slide {
position: relative;
}
@media (max-width: 767px) {
.banner-slider-wrap .banner-slider .slick-slide {
padding: 120px 0;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .banner-slider .slick-slide:before {
position: absolute;
inset: 0;
content: "";
background: rgba(0, 0, 0, 0.4);
}
}
.banner-slider-wrap .banner-slider .custom-container {
position: relative;
z-index: 1;
}
.banner-slider-wrap .banner-slider .slide-1 {
background: #000 url(../img/banner-image.png) no-repeat top center/cover;
}
.banner-slider-wrap .banner-slider .slide-2 {
background: #000 url(../img/banner-image2.png) no-repeat top center/cover;
}
.banner-slider-wrap .banner-slider .slide-3 {
background: #000 url(../img/banner-image3.png) no-repeat top center/cover;
}
.banner-slider-wrap .banner-slider .content {
max-width: 530px;
height: 980px;
display: flex;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1679px) {
.banner-slider-wrap .banner-slider .content {
height: 700px;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .banner-slider .content {
height: 590px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .banner-slider .content {
height: 480px;
}
}
@media (max-width: 767px) {
.banner-slider-wrap .banner-slider .content {
height: auto;
}
}
.banner-slider-wrap .banner-slider .content .title {
color: #FFFFFF;
margin: 0;
padding: 0 0 10px 0;
position: relative;
line-height: 1.4;
}
.banner-slider-wrap .banner-slider .content .title span {
font-weight: 700;
}
.banner-slider-wrap .banner-slider .content .title .img {
position: absolute;
width: 46px;
height: 46px;
right: 30px;
top: -30px;
}
.banner-slider-wrap .banner-slider .content .title::after {
top: -20px;
}
.banner-slider-wrap .banner-slider .content .para {
color: #FFFFFF;
margin: 0;
padding: 0 0 50px 0;
}
@media (max-width: 1679px) {
.banner-slider-wrap .banner-slider .content .para {
font-size: 16px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .banner-slider .content .para {
padding-bottom: 20px;
}
}
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn {
display: block;
display: flex;
width: 266px;
height: 62px;
border-radius: 30px;
background: #FFFFFF;
padding: 15px 20px;
align-items: center;
justify-content: space-between;
border: 0;
outline: 0;
box-shadow: none;
}
@media (max-width: 1679px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn {
height: 53px;
}
}
@media (max-width: 1441px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn {
width: 230px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn {
height: 47px;
}
}
@media (max-width: 479px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn {
width: 100%;
}
}
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn span {
font-size: 18px;
color: #001681;
font-weight: 700;
}
@media (max-width: 1679px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn span {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn span {
font-size: 16px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn span {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .banner-slider .content .button-wrap .white-btn img {
max-width: 18px;
}
}
.banner-slider-wrap .scroll {
position: absolute;
inset: auto 0 60px 0;
margin: auto;
z-index: 9;
max-width: 100px;
}
@media (max-width: 991px) {
.banner-slider-wrap .scroll {
bottom: 40px;
}
}
.banner-slider-wrap .scroll .link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.banner-slider-wrap .scroll .img {
margin: 0 0 10px 0;
}
@media (max-width: 1679px) {
.banner-slider-wrap .scroll .img {
max-width: 18px;
}
}
.banner-slider-wrap .scroll .txt {
color: #FFFFFF;
font-size: 12px;
font-weight: 300;
}
@media (max-width: 1679px) {
.banner-slider-wrap .scroll .txt {
font-size: 10px;
}
}
.banner-slider-wrap .slick-arrow {
position: absolute;
inset: auto 0 60px 1360px;
margin: auto;
width: 42px;
height: 42px;
z-index: 9999;
transform: inherit;
}
@media (max-width: 1679px) {
.banner-slider-wrap .slick-arrow {
left: 1260px;
}
}
@media (max-width: 1441px) {
.banner-slider-wrap .slick-arrow {
left: 1060px;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .slick-arrow {
left: 885px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .slick-arrow {
left: 645px;
bottom: 5px;
}
}
@media (max-width: 767px) {
.banner-slider-wrap .slick-arrow {
left: 505px;
}
}
@media (max-width: 579px) {
.banner-slider-wrap .slick-arrow {
left: 395px;
}
}
@media (max-width: 479px) {
.banner-slider-wrap .slick-arrow {
display: none !important;
}
}
@media (max-width: 1679px) {
.banner-slider-wrap .slick-arrow svg {
width: 38px;
height: 38px;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .slick-arrow svg {
width: 34px;
height: 34px;
}
}
@media (max-width: 767px) {
.banner-slider-wrap .slick-arrow svg {
width: 25px;
height: 25px;
}
}
.banner-slider-wrap .slick-arrow.slick-prev {
transform: translateX(-60px);
}
@media (max-width: 1199px) {
.banner-slider-wrap .slick-arrow.slick-prev {
transform: translateX(-45px);
}
}
@media (max-width: 767px) {
.banner-slider-wrap .slick-arrow.slick-prev {
transform: translateX(-35px);
}
}
.banner-slider-wrap .slick-arrow.slick-next {
transform: rotate(180deg);
}
.banner-slider-wrap .slick-arrow:before {
display: none;
}
.banner-slider-wrap .slick-arrow svg {
transition: all 0.5s ease;
}
.banner-slider-wrap .slick-arrow svg path {
transition: all 0.5s ease;
}
.banner-slider-wrap .slick-arrow:hover svg {
background: #ffde59;
border-radius: 50%;
}
.banner-slider-wrap .slick-arrow:hover svg path {
stroke: #000;
}
.banner-slider-wrap .slick-dots {
display: flex;
padding: 0;
margin: 0 auto;
gap: 20px;
max-width: 1400px;
inset: auto 0 80px 0;
z-index: 9999;
}
@media (max-width: 1679px) {
.banner-slider-wrap .slick-dots {
max-width: 1290px;
gap: 10px;
}
}
@media (max-width: 1441px) {
.banner-slider-wrap .slick-dots {
max-width: 1110px;
}
}
@media (max-width: 1199px) {
.banner-slider-wrap .slick-dots {
max-width: 930px;
}
}
@media (max-width: 991px) {
.banner-slider-wrap .slick-dots {
max-width: 690px;
bottom: 18px;
}
}
@media (max-width: 767px) {
.banner-slider-wrap .slick-dots {
max-width: 550px;
}
}
@media (max-width: 579px) {
.banner-slider-wrap .slick-dots {
max-width: 450px;
}
}
@media (max-width: 479px) {
.banner-slider-wrap .slick-dots {
max-width: 100%;
margin: 0 0 0 0;
padding: 10px;
justify-content: center;
flex-wrap: wrap;
bottom: 0;
gap: 5px;
}
}
.banner-slider-wrap .slick-dots li {
width: 50px;
height: 5px;
background: #ffde59;
border-radius: 10px;
padding: 0;
margin: 0;
list-style: none;
opacity: 0.6;
}
@media (max-width: 1679px) {
.banner-slider-wrap .slick-dots li {
width: 40px;
height: 3px;
}
}
@media (max-width: 479px) {
.banner-slider-wrap .slick-dots li {
width: 30px;
}
}
.banner-slider-wrap .slick-dots li.slick-active {
opacity: 1;
}
.banner-slider-wrap .slick-dots li button {
display: none;
}
.banner-slider-wrap .slick-dots li button::before {
display: none;
}
.gutter-wrap {
padding: 175px 0 155px 0;
}
@media (max-width: 1679px) {
.gutter-wrap {
padding: 100px 0;
}
}
@media (max-width: 1199px) {
.gutter-wrap {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.gutter-wrap {
padding: 30px 0;
}
}
.gutter-wrap .content {
max-width: 570px;
padding-bottom: 20px;
}
@media (max-width: 1441px) {
.gutter-wrap .content {
max-width: 100%;
}
}
.gutter-wrap .content .title {
padding-bottom: 20px;
}
.gutter-wrap .button-wrap {
display: flex;
gap: 20px;
padding-top: 20px;
}
@media (max-width: 579px) {
.gutter-wrap .button-wrap {
flex-wrap: wrap;
}
}
@media (max-width: 479px) {
.gutter-wrap .button-wrap {
gap: 10px;
}
}
.gutter-wrap .button-wrap button {
outline: 0;
box-shadow: none;
border: 0;
}
@media (max-width: 1679px) {
.gutter-wrap .button-wrap .btn-white, .gutter-wrap .button-wrap .btn-yellow {
height: 53px;
}
}
@media (max-width: 991px) {
.gutter-wrap .button-wrap .btn-white, .gutter-wrap .button-wrap .btn-yellow {
height: 47px;
}
}
.gutter-wrap .button-wrap .btn-white span, .gutter-wrap .button-wrap .btn-yellow span {
color: #001681;
font-size: 20px;
}
@media (max-width: 1679px) {
.gutter-wrap .button-wrap .btn-white span, .gutter-wrap .button-wrap .btn-yellow span {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.gutter-wrap .button-wrap .btn-white span, .gutter-wrap .button-wrap .btn-yellow span {
font-size: 16px;
}
}
@media (max-width: 991px) {
.gutter-wrap .button-wrap .btn-white span, .gutter-wrap .button-wrap .btn-yellow span {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.gutter-wrap .button-wrap .btn-white img, .gutter-wrap .button-wrap .btn-yellow img {
max-width: 18px;
}
}
.gutter-wrap .button-wrap .btn-white {
border: 1px solid #EEEEEE;
background: #ffffff;
min-width: 206px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 30px;
padding: 10px 25px;
}
@media (max-width: 1199px) {
.gutter-wrap .button-wrap .btn-white {
min-width: 180px;
}
}
@media (max-width: 479px) {
.gutter-wrap .button-wrap .btn-white {
min-width: 100%;
}
}
.gutter-wrap .button-wrap .btn-yellow {
background: #FFDE59;
min-width: 330px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 30px;
padding: 10px 25px;
}
@media (max-width: 1679px) {
.gutter-wrap .button-wrap .btn-yellow {
min-width: 250px;
}
}
@media (max-width: 1199px) {
.gutter-wrap .button-wrap .btn-yellow {
min-width: 200px;
}
}
@media (max-width: 479px) {
.gutter-wrap .button-wrap .btn-yellow {
min-width: 100%;
}
}
.gutter-wrap .button-wrap .btn-yellow span {
font-weight: 700;
}
.gutter-wrap .figure-img {
position: relative;
margin: 0;
padding: 0;
border-radius: 30px;
overflow: hidden;
}
@media (max-width: 1199px) {
.gutter-wrap .figure-img {
margin: 20px auto 0 auto;
max-width: 75%;
}
}
@media (max-width: 767px) {
.gutter-wrap .figure-img {
border-radius: 20px;
}
}
@media (max-width: 479px) {
.gutter-wrap .figure-img {
max-width: 80%;
}
}
.gutter-wrap .figure-img:after {
width: 42px;
height: 509px;
background: #FFF2BF;
border-radius: 0 20px 20px 0;
position: absolute;
top: 0;
bottom: 0;
right: -42px;
content: "";
margin: auto;
pointer-events: none;
}
.power-wash-wrap {
background: #000000 url(../img/powerwash-bg.png) no-repeat top center/cover;
min-height: 890px;
display: flex;
align-items: center;
position: relative;
padding: 30px 0;
}
@media (max-width: 1679px) {
.power-wash-wrap {
min-height: 800px;
}
}
@media (max-width: 1441px) {
.power-wash-wrap {
min-height: 720px;
}
}
@media (max-width: 767px) {
.power-wash-wrap {
min-height: 600px;
}
}
.power-wash-wrap .title {
color: #FFFFFF;
padding-bottom: 20px;
}
.power-wash-wrap .para {
color: #ffffff;
}
.power-wash-wrap .button-wrap {
display: flex;
gap: 20px;
padding-top: 20px;
}
@media (max-width: 579px) {
.power-wash-wrap .button-wrap {
flex-wrap: wrap;
}
}
.power-wash-wrap .button-wrap button {
outline: 0;
box-shadow: none;
border: 0;
}
.power-wash-wrap .button-wrap .btn-trans, .power-wash-wrap .button-wrap .btn-white {
height: 62px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 30px;
padding: 10px 25px;
}
@media (max-width: 1679px) {
.power-wash-wrap .button-wrap .btn-trans, .power-wash-wrap .button-wrap .btn-white {
height: 53px;
}
}
@media (max-width: 991px) {
.power-wash-wrap .button-wrap .btn-trans, .power-wash-wrap .button-wrap .btn-white {
height: 47px;
}
}
@media (max-width: 1199px) {
.power-wash-wrap .button-wrap .btn-trans img, .power-wash-wrap .button-wrap .btn-white img {
max-width: 18px;
}
}
.power-wash-wrap .button-wrap .btn-trans span, .power-wash-wrap .button-wrap .btn-white span {
font-size: 20px;
}
@media (max-width: 1679px) {
.power-wash-wrap .button-wrap .btn-trans span, .power-wash-wrap .button-wrap .btn-white span {
font-size: 18px;
}
}
@media (max-width: 1441px) {
.power-wash-wrap .button-wrap .btn-trans span, .power-wash-wrap .button-wrap .btn-white span {
font-size: 16px;
}
}
@media (max-width: 991px) {
.power-wash-wrap .button-wrap .btn-trans span, .power-wash-wrap .button-wrap .btn-white span {
font-size: 14px;
}
}
.power-wash-wrap .button-wrap .btn-trans {
border: 1px solid #FFDE59;
background: none;
min-width: 206px;
}
@media (max-width: 991px) {
.power-wash-wrap .button-wrap .btn-trans {
min-width: 200px;
}
}
@media (max-width: 479px) {
.power-wash-wrap .button-wrap .btn-trans {
min-width: 100%;
}
}
.power-wash-wrap .button-wrap .btn-trans span {
color: #ffffff;
}
.power-wash-wrap .button-wrap .btn-white {
background: #FFFFFF;
min-width: 330px;
}
@media (max-width: 1679px) {
.power-wash-wrap .button-wrap .btn-white {
min-width: 270px;
}
}
@media (max-width: 991px) {
.power-wash-wrap .button-wrap .btn-white {
min-width: 200px;
}
}
@media (max-width: 479px) {
.power-wash-wrap .button-wrap .btn-white {
min-width: 100%;
}
}
.power-wash-wrap .button-wrap .btn-white span {
color: #001681;
font-weight: 700;
}
.power-wash-wrap:after {
max-width: 1400px;
height: 22px;
background: #FFDE59;
border-radius: 0 0 20px 20px;
position: absolute;
left: 0;
bottom: -22px;
right: 0;
content: "";
margin: auto;
pointer-events: none;
}
@media (max-width: 1679px) {
.power-wash-wrap:after {
max-width: 1290px;
}
}
@media (max-width: 1441px) {
.power-wash-wrap:after {
max-width: 1110px;
}
}
@media (max-width: 1199px) {
.power-wash-wrap:after {
max-width: 930px;
}
}
@media (max-width: 991px) {
.power-wash-wrap:after {
max-width: 690px;
}
}
@media (max-width: 767px) {
.power-wash-wrap:after {
max-width: 550px;
}
}
@media (max-width: 579px) {
.power-wash-wrap:after {
max-width: 450px;
}
}
@media (max-width: 479px) {
.power-wash-wrap:after {
max-width: 100%;
margin: 0 15px;
}
}
@media (max-width: 767px) {
.power-wash-wrap:after {
height: 10px;
bottom: -10px;
}
}
.ui-timepicker-standard {
z-index: 99999 !important;
}
.ui-timepicker-standard .ui-menu-item {
display: block;
padding: 5px 0;
}
.ui-timepicker-standard a {
font-size: 12px;
padding: 0 !important;
transition: none;
background: none !important;
border: 0 !important;
cursor: pointer;
}
.cmp-date-time-picker {
margin: -300px 0px 0px !important;
}
.ui-timepicker-standard {
margin: -260px 0 0 0 !important;
}
/*# sourceMappingURL=home2.css.map */