* {
margin: 0px;
padding: 0px;
}
html,
body {
overflow-x: hidden;
}
@font-face {
font-family: "roboto-bold";
src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
font-family: "roboto-regular";
src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
font-family: "roboto-medium";
src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
font-family: "roboto-italic";
src: url("../fonts/Roboto-Italic.ttf");
}
@font-face {
font-family: "roboto-bold";
src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
font-family: "roboto-regular";
src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
font-family: "roboto-medium";
src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
font-family: "roboto-italic";
src: url("../fonts/Roboto-Italic.ttf");
}
@font-face {
font-family: "roboto-light-italic";
src: url("../fonts/Roboto-LightItalic.ttf");
}
.roboto_italic {
font-family: "roboto-italic" !important;
}
.roboto_bold {
font-family: "roboto-bold" !important;
}
.roboto_regular {
font-family: "roboto-regular" !important;
}
.roboto_medium {
font-family: "roboto-medium" !important;
}
.roboto_light_italic {
font-family: "roboto-light-italic" !important;
}
.text_cream {
color: #cebc94;
}
.heading_color {
color: #af8e45;
}
.text_blue {
color: #1a2930;
}
.text_color {
color: #1a3946;
}
.bg_light {
background-color: #f5f2ec;
}
.cursor {
cursor: pointer;
}
.heading {
font-size: 56px;
}
.sec_heading {
font-size: 46px;
}
.sec_sub_title {
font-size: 22px;
}
.lh_12 {
line-height: 1.2;
}
.lh_13 {
line-height: 1.3;
}
.lh_14 {
line-height: 1.4;
}
.lh_15 {
line-height: 1.5;
}
.grey_border {
position: relative;
}
.grey_border::before {
position: absolute;
content: "";
width: 8px;
height: 99%;
background-color: #cebc94;
bottom: -8px;
right: -8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.grey_border::after {
position: absolute;
content: "";
width: 96%;
height: 8px;
background-color: #cebc94;
bottom: -8px;
right: 0px;
border-bottom-left-radius: 8px;
}
.sec_grey_border {
position: relative;
z-index: 1;
width: fit-content;
z-index: 1;
}
.sec_grey_border::after {
position: absolute;
content: "";
width: 99%;
height: 99%;
background-color: #cebc94;
bottom: -8px;
right: -8px;
z-index: -1;
border-radius: 8px;
}
.blue_border {
position: relative;
}
.blue_border::before {
position: absolute;
content: "";
width: 8px;
height: 99%;
background-color: #1a3946;
bottom: -8px;
right: -8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.blue_border::after {
position: absolute;
content: "";
width: 96%;
height: 8px;
background-color: #1a3946;
bottom: -8px;
right: 0px;
border-bottom-left-radius: 8px;
}
.sec_blue_border {
position: relative;
width: fit-content;
}
.sec_blue_border::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #1a3946;
bottom: -8px;
right: -8px;
z-index: -1;
border-radius: 8px;
}
/* header css start */
.vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
header {
position: relative;
}
.main-header {
background: #fff;
position: relative;
}
/* Desktop CSS Start */
.main-header .nav-link {
color: #12232a !important;
padding: 30px 15px;
font-size: 18px;
position: relative;
transition: 0.3s ease-in-out;
border-bottom: 3px solid #ffffff00;
margin: 0px 3px;
font-family: "roboto-bold";
}
.main-header .dropdown-item:active {
color: #12232a !important;
background-color: white;
}
.main-header .nav-link:hover {
background-color: #ebebeb;
border-bottom: 3px solid #12232a;
}
.main-header .nav-link:active {
background-color: #ebebeb;
border-bottom: 3px solid #12232a;
}
.main-header .nav-link.active {
background-color: #ebebeb;
border-bottom: 3px solid #12232a;
}
.main-header .nav-item.dropdown .nav-link {
cursor: pointer;
}
.header_btn {
padding: 12px 15px 12px 75px;
font-size: 18px;
color: #05334d;
background: linear-gradient(90deg, #cebc94 50%, #05334d 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
font-weight: bold;
transition: background 0.5s ease-in-out;
border-radius: 8px;
}
.header_btn .icon {
background: #05334d;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 8px;
}
.header_btn:hover {
background-position: -100% 0;
color: #cebc94;
transition: 0.5s ease-in-out;
}
.cs_nav li.nav-item.dropdown i {
margin-left: 6px;
font-size: 14px;
}
/* Desktop CSS End */
/* Mobile Menu Styles */
.res-menu {
display: none;
}
.mob__menu {
display: flex;
align-items: center;
}
.mob__menu .toggle_button {
background: #05334d;
width: 60px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #fff;
cursor: pointer;
}
.mob__menu .toggle_menu_wrapper {
position: fixed;
top: 0;
right: -100%;
width: 300px;
height: 100vh;
background-color: #05334d;
transition: right 0.3s ease;
z-index: 9999;
overflow-y: auto;
padding: 20px;
}
.mob__menu .toggle_menu_wrapper.active {
right: 0;
}
.mob__menu .close_button {
text-align: right;
cursor: pointer;
color: #ffffff;
font-size: 24px;
}
.mob__menu .toggle_menu_wrapper .navbar-nav {
list-style: none;
padding: 0;
}
.mob__menu .nav-link {
padding: 15px 10px !important;
}
.mob__menu .navbar-nav {
margin-top: 15px;
}
.mob__menu .toggle_menu_wrapper .nav-link {
color: #ffffff !important;
padding: 12px 15px !important;
margin: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.mob__menu .dropdown-toggle::after {
right: 20px !important;
position: absolute;
top: 25px !important;
border-top: 0.4em solid;
border-right: 0.4em solid transparent;
border-left: 0.4em solid transparent;
}
.mob__menu .toggle_menu_wrapper .dropdown-menu {
background-color: #ffffff;
border: none;
box-shadow: none;
position: static !important;
transform: none !important;
font-family: "roboto-bold";
padding: 0px;
border-radius: 0px;
}
.main-header .nav-link:hover {
color: #12232a !important;
}
.mob__menu .nav-link:hover {
transition: all 0.3s ease;
}
.mob__menu .toggle_menu_wrapper .dropdown-item {
color: #05334d !important;
padding: 10px;
border-bottom: 1px solid grey;
}
.mob__menu .toggle_menu_wrapper .dropdown-item:hover {
background-color: rgba(255, 255, 255);
border-bottom: 1px solid grey;
color: #12232a !important;
}
/* header css end here */
/* banner section css start */
.home_banner_sec {
padding: 200px 0px 200px 0px;
background-image: url("../images/home-banner-bg.webp");
background-size: cover;
background-position: right;
background-repeat: no-repeat;
border-top: 2px solid #dcdbd7;
}
.home_banner_sec .title {
font-size: 50px;
}
.banner_desc {
font-size: 24px;
}
.banner_btn_1 {
padding: 12px 20px 12px 80px;
font-size: 20px;
color: #000000;
background: linear-gradient(90deg, #ffffff 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
border-radius: 8px;
}
.banner_btn_1 .icon {
background: #cebc94;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 8px;
}
.banner_btn_1:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
.banner_btn_1:hover .btn_top_text_1,
.banner_btn_2:hover .btn_top_text_2 {
color: #1b3845 !important;
transition: 0.5s ease-in-out;
}
.btn_top_text_1,
.btn_top_text_2 {
font-size: 12px;
}
.banner_btn_2 {
padding: 12px 20px 12px 80px;
font-size: 20px;
color: #ffffff;
border: 2px solid white;
background: linear-gradient(90deg, transparent 50%, #ffffff 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
border-radius: 8px;
}
.banner_btn_2 .icon {
background: #ffffff;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 0px 8px 8px 0px;
}
.banner_btn_2:hover {
background-position: -100% 0;
transition: 0.5s ease-in-out;
color: #1b3845;
}
/* trusted section css start */
.trusted_sec {
position: relative;
padding: 65px 0px 95px 0px;
}
.trusted_sec .sec_heading_wrapper {
margin-bottom: 60px;
}
.trusted_sec .item {
padding: 30px;
transform: scale(0.9);
min-height: 402px;
border-radius: 8px;
}
.trusted_sec .item .top_image_wrapper {
position: absolute;
top: -40px;
left: -35px;
}
.trusted_sec .item .top_coma {
position: absolute;
right: 25px;
top: -13px;
}
.trusted_sec .item .top_content {
padding-left: 65px;
text-align: left;
}
.trusted_sec .item .name {
font-size: 22px;
}
.trusted_sec .item .designation {
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trusted_sec .item .desc {
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 11;
-webkit-box-orient: vertical;
overflow: hidden;
}
.trusted_sec .top_img {
border-radius: 8px;
}
.trusted_sec {
position: relative;
}
.trusted_sec .swiper {
width: 100%;
padding: 30px 0px 0px 30px;
}
.trusted_sec .swiper-slide {
background: transparent !important;
}
.trusted_sec .swiper-pagination {
position: absolute;
bottom: 55px !important;
left:0;
right:0;
}
.trusted_sec .swiper-pagination-bullet-active {
background: #af8e45;
}
/* trusted section css end */
/* service section css start */
.service_sec {
padding: 65px 0px;
}
.service_sec .item {
border: 0px;
}
.service_sec .item .card_top_img {
height: 230px;
object-fit: cover;
border-radius: 8px 8px 0px 0px;
}
.service_sec .card_content {
background-color: #1a2930;
padding: 25px 20px 55px 20px;
border-radius: 0px 0px 8px 8px;
position: relative;
height: 100%;
min-height: 195px;
}
.service_sec .card_content .card_text {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.service_sec .item .card_title {
font-size: 20px;
color: #cebc94;
}
.service_sec .learn_btn {
border-radius: 8px 0px 8px 0px !important;
}
.service_sec .learn_btn .icon {
border-radius: 0px 0px 8px 0px !important;
}
.service_sec .learn_btn:hover {
border-radius: 8px 0px 8px 0px !important;
}
/****/
.service_sec .swiper-button-prev::before {
display: none;
}
.service_sec .swiper-button-next:after {
display: none;
}
/****/
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
display: none;
}
.learn_btn_wrapper {
position: absolute;
bottom: 0;
right: 0;
}
.learn_btn {
padding: 8px 55px 8px 15px;
font-size: 15px;
color: #1a2930;
background: linear-gradient(90deg, #ffffff 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
border-radius: 8px;
}
.learn_btn .icon {
background: #cebc94;
right: 0;
top: 0;
height: 100%;
width: 40px;
border-radius: 8px;
}
.learn_btn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
/* service section css end */
/* about section css start */
.about_sec {
padding: 100px 0px;
}
.about_sec .right .desc {
font-size: 20px;
}
.sec_learn_btn .icon {
width: 50px;
}
.about_sec .left {
width: fit-content;
}
.about_sec .sec_image_wrapper {
right: -100px;
position: absolute !important;
top: -40px;
}
.about_sec .imagee {
border-radius: 8px;
}
.about_sec .sec_image_wrapper .image {
height: 210px;
width: 255px;
object-fit: cover;
border: 3px solid white;
border-radius: 8px;
}
.about_sec .third_image {
right: -108px;
bottom: 100px;
}
.about_sec .first_image {
z-index: unset;
}
.sec_learn_btn {
padding: 12px 70px 12px 20px;
font-size: 16px;
background: linear-gradient(90deg, #1a3946 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
color: white;
}
/* about section css end */
/* cta section css start */
.cta_sec {
background: url("../images/cta-sec-bg-v2.webp") center / cover no-repeat;
}
.cta_sec .left .title {
font-size: 36px;
}
.cta_sec .left .desc {
font-size: 20px;
}
.quote_btn {
padding: 15px 20px 15px 100px;
font-size: 24px;
color: #1a2930;
background: linear-gradient(90deg, #ffffff 50%, #e1c68b 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
border-radius: 8px;
}
.quote_btn .icon {
background: #e1c68b;
left: 0;
top: 0;
height: 100%;
width: 80px;
border-radius: 8px;
}
.quote_btn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
/* cta section css end */
/* choose section css start */
.choose_sec {
padding: 70px 0px;
}
.choose_sec .item {
padding: 25px 20px;
border: 1px solid #cebc94;
border-radius: 4px;
}
.choose_sec .sec_grey_border::after {
bottom: -4px;
right: -4px;
}
.item_icon {
border-radius: 50%;
height: 115px;
width: 115px;
border: 3px solid #cebc94;
background: linear-gradient(to bottom right, #1a3946 20%, #9f987e 100%);
box-shadow: 0px 16px 23px 0px rgba(0, 14, 34, 0.26);
}
.choose_sec .item .title {
font-size: 20px;
}
.choose_sec .item .desc {
font-size: 16px;
}
.choose_sec .sec_grey_border {
z-index: unset;
}
/* choose section css end */
/* form section css start */
.form_sec {
padding: 0px 0px 70px 0px;
}
.form_sec .left {
margin-right: -1px;
}
.form_sec .left .image {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
object-fit: cover;
}
.form_sec .right {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #1a3946;
padding: 50px 30px;
}
.form_sec .right .title {
font-size: 40px;
}
.form_sec .right .desc {
font-size: 20px;
}
.form_sec .right .sec_desc {
font-size: 18px;
}
.form_sec .form-label {
font-size: 18px;
color: #ffffff;
font-family: "roboto-medium";
}
.form_sec .form_control,
.form_sec .form-select {
padding: 8px 20px;
border-radius: 4px;
outline: 0;
border-color: #ffffff;
font-size: 18px;
color: #979da0;
}
.form_sec .form_control:focus,
.form_sec .form-select:focus {
box-shadow: none;
border-radius: 4px;
border-color: #ffffff;
color: #979da0;
outline: 0;
}
.form_sec .form_control::placeholder {
font-size: 18px;
color: #979da0;
}
.form_sec textarea {
resize: none;
}
/* form section css end */
/* faqs section css start */
.faqs_sec {
padding: 100px 0px;
background: url("../images/faq-sec-bg.webp") center / cover no-repeat;
border-top: 2px solid #ffffff;
}
.faqs_sec .left {
padding-left: 150px;
}
.faqs_sec .left .title {
font-size: 46px;
}
.faqs_sec .item {
margin-bottom: 10px;
border-radius: 0px !important;
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
}
.faqs_sec .accordion-button:not(.collapsed)::after {
content: url("../images/accordion-icon.webp");
background-image: none;
}
.faqs_sec .accordion-button::after {
content: url("../images/accordion-icon.webp");
background-image: none;
}
.faqs_sec .item:last-child {
margin-bottom: 0px;
}
.faqs_sec .item .acc_btn {
padding: 15px 20px;
background-color: #f7f5f0 !important;
font-size: 18px;
color: #1a3946;
border-radius: 0px !important;
border: 1px solid #e2e1de;
align-items: start;
}
.faqs_sec .acc_body {
padding: 15px 20px;
font-size: 18px;
border-radius: 0px;
background-color: #ffffff;
border: 1px solid #c8c0b1;
}
/* faqs section css end */
/* footer section css start */
.footer_sec {
background-color: #1a3946;
padding: 60px 0;
}
.footer_container {
margin: 0 auto;
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
grid-gap: 15px;
}
.footer_menu .title {
color: #e1c68b;
font-size: 16px;
margin-bottom: 40px;
}
.footer_menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer_menu ul li {
line-height: 2.5;
}
.footer_menu ul li a {
color: #ffffff;
font-size: 16px;
text-decoration: none;
font-family: "roboto-bold";
}
.footer_menu ul li a:hover {
border-bottom: 2px solid #e1c68b;
}
.social_icons {
gap: 20px;
}
.social_icons .icon {
width: 38px;
height: 38px;
background: #ffffff;
border-radius: 50%;
}
.social_icons .icon:hover {
background-color: #e1c68b;
}
.social_icons .icon i {
color: #1a3946;
font-size: 22px;
}
/* footer section css end */
/* pre loader css start */
#preloader-spinner {
position: fixed;
inset: 0;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
transition: opacity 0.3s ease;
}
/* The circular spinner */
.spinner {
width: 60px;
height: 60px;
border: 6px solid rgba(0, 0, 0, 0.15);
border-top-color: #1a3946;
border-radius: 50%;
animation: spin 0.9s linear infinite;
}
/* Rotation animation */
@keyframes spin {
to {
transform: rotate(360deg);
}
}
#preloader-spinner.loaded {
opacity: 0;
pointer-events: none;
}
/* pre loader css end */
/* cleaning service page css start from here */
/* banner section css start */
.global_banner {
position: relative;
border-top: 2px solid #173340;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.cleaning_service_banner {
background-image: url("../images/cleaning-service-banner.webp");
}
.global_banner .left {
padding: 150px 0px 100px 0px;
}
.breadcrumb-wrap {
position: absolute;
top: 30px;
}
.breadcrumb-item a {
font-size: 18px;
}
.breadcrumb-item.active {
font-size: 18px;
}
.bre {
color: #8b9aa0;
}
.bread_sep_color {
color: #c0ad83;
}
/* facility section css start */
.facility_sec {
padding: 65px 0px;
}
.facility_sec .center .desc {
font-size: 22px;
}
/* second cta section start */
.cleaning_cta {
background: url("../images/cta-sec-cleaning-service-bg.webp") center / cover
no-repeat;
padding: 20px 0px;
}
.cleaning_cta .desc {
font-size: 24px !important;
}
.cleaning_cta .quote_btn {
background: linear-gradient(90deg, #e1c68b 50%, #1a3946 50%);
background-size: 201%;
background-position: 0 0;
transition: background 0.5s ease-in-out;
color: #1a3946;
}
.cleaning_cta .quote_btn .icon {
background: #1a3946;
width: 80px;
}
.cleaning_cta .quote_btn:hover {
background-position: -100% 0;
color: #e1c68b;
transition: 0.5s ease-in-out;
}
/* main service section 1 css start */
.main_service_sec1 {
padding: 80px 0px;
}
.main_service_sec1 .sec_btm_space {
margin-bottom: 80px;
}
.main_service_sec1 .desc {
font-size: 22px;
}
.main_service_sec1 .item_heading {
font-size: 24px;
color: #1a3946;
}
.main_service_sec1 .item {
border: 2px solid #cebc94;
width: 100%;
padding: 10px 35px;
border-radius: 8px;
right: -16px;
transition: transform 0.3s ease;
display: flex;
align-items: center;
}
.main_service_sec1 .item .content {
text-align: start;
}
.main_service_sec1 .item:hover {
transform: translateX(10px);
}
.main_service_sec1 .item .check_icon {
width: 32px;
height: 32px;
background-color: #2da433;
border-radius: 50%;
box-shadow: 0px 6px 12px 0px rgba(11, 42, 55, 0.2);
border: 2px solid #cebc94;
left: -16px;
}
.main_service_sec1 .item .title {
font-size: 22px;
}
.main_service_sec1 .btnn {
padding: 12px 80px 12px 20px;
font-size: 18px;
color: #ffffff;
background: linear-gradient(90deg, #1a3946 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
border-radius: 8px;
}
.main_service_sec1 .icon {
background: #cebc94;
right: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 8px;
}
.main_service_sec1 .btnn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
.main_service_sec1 .image {
height: 700px;
width: 500px;
object-fit: cover;
border-radius: 8px;
}
.main_service_sec1 .sec_grey_border::after {
max-width: 495px;
}
/* main service section 2 css start */
.main_service_sec2 .item {
background-color: white;
}
.main_service_sec2 .sec_grey_border::after {
left: 14px;
}
/* cleaning choose seection css start */
.cleaning_choose_sec {
padding: 65px 0px;
}
.cleaning_choose_sec .choose_grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 15px;
}
.cleaning_choose_sec .item {
padding: 25px 15px;
border: 1px solid #cebc94;
border-radius: 4px;
}
.cleaning_choose_sec .item .title {
font-size: 18px;
}
.cleaning_choose_sec .image {
width: 50px;
object-fit: cover;
}
.cleaning_choose_sec .item_icon {
width: 100px;
height: 100px;
}
.cleaning_choose_sec .grey_border::before {
width: 4px;
right: -4px;
bottom: -4px;
}
.cleaning_choose_sec .grey_border::after {
height: 4px;
bottom: -4px;
}
/* serve section css start */
.serve_sec {
padding: 50px 0px 80px 0px;
}
.serve_grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.serve_sec .item {
border-radius: 8px;
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
height: 100%;
}
.serve_sec .item.sec_grey_border::after {
bottom: -5px;
right: -5px;
}
.serve_sec .item .image {
height: 260px;
object-fit: cover;
border-radius: 8px 8px 0px 0px;
width: 100%;
}
.serve_sec .item .content {
background-color: #1a3946;
padding: 15px 20px;
border-top: 2px solid #cebc94;
border-radius: 0px 0px 8px 8px;
display: flex;
align-items: center;
}
.serve_sec .item .title {
font-size: 16px;
}
/* contact page css start from here */
/* banner section css start */
.contact_banner {
background-image: url("../images/contact--banner-bg.webp");
}
/* service section css start */
.contact_service_wrapper {
padding: 60px 0px;
}
.contact_service_wrapper .item {
border: 1px solid #cebc94;
border-radius: 8px;
padding: 25px 40px;
}
.contact_service_wrapper .cs_child:nth-child(1) .item {
background: white;
}
.contact_service_wrapper .cs_child:nth-child(2) .item {
background: linear-gradient(
360deg,
rgb(254, 241, 211) 0%,
rgb(255, 255, 255) 100%
);
}
.contact_service_wrapper .cs_child:nth-child(3) .item {
background: linear-gradient(
100deg,
rgb(254, 241, 211) 0%,
rgb(255, 255, 255) 100%
);
}
.contact_service_wrapper .item .icon_wrap {
border-radius: 50%;
width: 120px;
height: 120px;
margin: 0 auto 25px auto;
box-shadow: 0px 16px 23px 0px rgba(135, 203, 103, 0.2);
border: 2px solid #cebc94;
}
.contact_service_wrapper .item .title {
font-size: 20px;
}
.contact_service_wrapper .item .desc {
font-size: 18px;
}
.contact_service_wrapper .secondary_btn {
max-width: 205px;
width: 100%;
}
.primary_btn {
padding: 12px 70px 12px 20px;
font-size: 18px;
color: #1b3845;
background: linear-gradient(90deg, #ffffff 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
border-radius: 10px;
}
.primary_btn .icon {
background: #cebc94;
right: 0;
top: 0;
height: 100%;
width: 50px;
border-radius: 8px;
}
.primary_btn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
.secondary_btn {
padding: 12px 70px 12px 20px;
font-size: 18px;
color: #ffffff;
background: linear-gradient(90deg, #1b3845 50%, #e1c68b 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
border-radius: 10px;
}
.secondary_btn .icon {
background: #e1c68b;
right: 0;
top: 0;
height: 100%;
width: 50px;
border-radius: 8px;
}
.secondary_btn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
.btn_shadow {
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
}
/* form section css start */
.contact_form_sec {
padding: 0px 0px 80px 0px;
}
.contact_form_sec .left .image {
border-radius: 8px 0px 0px 8px;
border: 2px solid #e1c68b;
border-right: 0px;
object-fit: cover;
}
.contact_form_sec .left {
box-shadow: 0px 23px 45px 0px rgba(99, 72, 12, 0.1);
}
.contact_form_sec .right {
background-color: white;
padding: 40px 40px 40px 70px;
border-radius: 0px 8px 8px 0px;
box-shadow: 0px 23px 45px 0px rgba(99, 72, 12, 0.1);
border: 2px solid #e1c68b;
}
.contact_form_sec .right .title {
font-size: 30px;
}
.contact_form_sec .right .desc {
font-size: 24px;
}
.contact_form_sec .form-label {
font-size: 18px;
color: #000000;
font-family: "roboto-bold";
}
.contact_form_sec .input_css {
font-size: 18px;
color: #5d5f59;
font-family: "roboto-regular";
border: 2px solid #cebc94;
padding: 8px 16px;
}
.contact_form_sec .input_css:focus {
box-shadow: none;
}
textarea {
resize: none;
}
/* janitorial page css start from here */
/* banner section css start */
.janitorial_banner {
background-image: url("../images/janitorial-banner-bg.webp");
}
/* about janitorial section css start */
.abt_janitorial .sec_grey_border {
}
.abt_janitorial .first_image .imagee {
width: 520px;
height: 400px;
object-fit: cover;
}
.abt_janitorial .sec_heading {
font-size: 42px;
margin-bottom: 20px !important;
}
/* service cover section css start */
.service_cover_sec {
padding: 100px 0px 65px 0px;
}
.service_cover_sec .item {
padding: 15px 20px;
background-color: #1a2930;
border-radius: 8px;
transition: transform 0.3s ease;
}
.service_cover_sec .item:hover {
transform: translateY(5px);
}
.service_cover_sec .item .content {
width: 100%;
max-width: 160px;
}
.service_cover_sec .item .title {
font-size: 18px;
}
.service_cover_sec .check_icon {
width: 32px;
height: 32px;
background-color: #2da433;
border-radius: 50%;
border: 2px solid white;
top: -16px;
right: 16px;
}
.service_cover_sec .button-wrapper {
margin-top: 40px;
}
.service_cover_sec .banner_btn_1 {
color: #000000;
background: linear-gradient(90deg, #cebc94 50%, #05334d 50%);
background-size: 200%;
background-position: 0 0;
transition: background 0.5s ease-in-out;
border: 2px solid white;
border-radius: 10px;
box-shadow: 0px 12px 23px 0px rgba(26, 41, 48, 0.2);
}
.service_cover_sec .banner_btn_1 .icon {
background: #05334d;
}
.service_cover_sec .banner_btn_1.btnn:hover {
background-position: -100% 0;
color: #cebc94;
transition: 0.5s ease-in-out;
}
.service_cover_sec .banner_btn_1.btnn:hover .btn_top_text_1 {
color: #cebc94 !important;
}
/* janitorial form section css start */
.janitorial_form_sec {
background-color: white !important;
position: relative;
}
.janitorial_form_sec .jan_left {
background-color: #e4ebf3;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.janitorial_form_sec .left_img {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
object-fit: cover;
}
.janitorial_form_sec .form_grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
padding: 0px 60px 40px 60px;
}
.janitorial_form_sec .item {
background-color: rgba(255, 255, 255, 0.42);
padding: 10px 15px;
border-radius: 4px;
border: 1px solid #cebc94;
transition: transform 0.3s ease;
}
.janitorial_form_sec .item:hover {
transform: translateY(5px);
}
.janitorial_form_sec .item .title {
font-size: 12px;
}
.janitorial_form_sec .item .icon {
height: 45px;
object-fit: none;
}
/* form slider css start */
.janitorial_form_sec .teams_slide_wrap {
padding: 0px 60px 30px 60px;
z-index: 1;
position: relative;
}
.janitorial_form_sec .slide_item {
padding: 25px 50px 25px 20px;
background-color: white;
border-radius: 8px;
}
.janitorial_form_sec .slide_item .slide_img {
width: 60px;
height: 60px;
object-fit: cover;
}
.janitorial_form_sec .slide_item .name {
font-size: 14px;
}
.janitorial_form_sec .slide_item .slide_image_wrap.blue_border::before {
width: 3px;
bottom: -3px;
right: -3px;
border-radius: 0px;
}
.janitorial_form_sec .slide_item .slide_image_wrap.blue_border::after {
height: 3px;
bottom: -3px;
border-radius: 0px;
}
.janitorial_form_sec .slide_item .coma_icon {
position: absolute;
top: 10px;
right: 15px;
width: 30px;
}
.swiper-button-prev::before {
content: url("../images/slider-left-icon.webp");
}
.janitorial_form_sec .swiper-button-next:after {
content: url("../images/slider-right-icon.webp");
}
.janitorial_form_sec .swiper-button-prev {
transform: translate(10px, -15px);
}
.janitorial_form_sec .swiper-button-next {
transform: translate(-10px, -15px);
}
/* testimonial page css start from here */
/* banner section css start */
.testimonial_banner {
background-image: url("../images/testimonials-banner-bg.webp");
background-position-x: 90%;
}
.testimonial_banner .left {
padding: 160px 0px 180px 0px;
}
/* reviews section css start */
.reviews_sec {
padding: 50px 0px;
}
.reviews_sec .top_desc {
font-size: 20px;
}
.reviews_sec .sec_heading_wrapper {
margin-bottom: 80px;
}
.reviews_sec .item {
padding: 25px;
border-radius: 8px;
}
.reviews_sec .item .top_image_wrapper {
position: absolute;
top: -40px;
left: -35px;
z-index: 1;
}
.reviews_sec .top_img {
border-radius: 8px;
}
.reviews_sec .item .top_coma {
position: absolute;
right: 25px;
top: -13px;
}
.reviews_sec .item .top_content {
padding-left: 65px;
}
.reviews_sec .item .name {
font-size: 22px;
}
.reviews_sec .item .designation {
font-size: 14px;
}
.reviews_sec .item .desc {
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.reviews_sec .item.sec_grey_border {
z-index: unset !important;
}
.reviews_sec .item .btnn {
padding: 5px 15px;
border: 1px solid #cebc94;
border-radius: 30px;
margin: 0 auto;
width: fit-content;
font-size: 16px;
transition: 0.3s ease-in;
}
.reviews_sec .item .btnn:hover {
background-color: #1a3946;
color: white;
}
.reviews_sec .cs_row {
--bs-gutter-x: 4.5rem;
--bs-gutter-y: 5rem;
}
.reviews_sec .loadmore-btn {
background: #1a3946;
padding: 12px 50px;
font-size: 16px;
border-radius: 50px;
border: 1px solid #d0bf99;
transition: 0.3s ease-in;
}
.reviews_sec .loadmore-btn:hover {
background-color: #cebc94;
}
.reviews_sec .loadmore-btn:before {
content: "";
height: 10px;
width: 10px;
position: absolute;
bottom: -35px;
left: 0;
right: 0;
margin: auto;
border-right: 8px solid transparent;
border-top: 12px solid #cebc94;
border-left: 8px solid transparent;
}
.reviews_sec .loadmore-wrap {
position: relative;
display: table;
width: 100%;
text-align: center;
margin: 40px 0px;
}
.reviews_sec .loadmore-wrap:before {
height: 1px;
background: #cebc94;
width: 40%;
left: 0;
content: "";
position: absolute;
top: 50%;
}
.reviews_sec .loadmore-wrap:after {
height: 1px;
background: #cebc94;
width: 40%;
right: 0;
content: "";
position: absolute;
top: 50%;
}
/* blogs page css start from here */
.blogs_banner {
background-image: url("../images/blogs-banner-bg.webp");
}
.blogs_banner .left {
padding: 150px 0px;
}
/* blog section css start */
.blog_sec {
padding: 50px 0px;
}
.blog_sec .top_title {
font-size: 20px;
margin-bottom: 40px;
}
.blog_sec .blog_card {
border-radius: 8px;
border: none;
}
.blog_sec .blog_card .card_img_top {
border-radius: 8px 8px 0px 0px;
object-fit: cover;
height: 260px;
border: 1px solid #ffffff;
border-bottom: 0px;
}
.blog_sec .blog_card .card_content {
padding: 20px 25px 55px 25px;
border-radius: 0px 0px 8px 8px;
border: 1px solid #e6d6c2;
background-color: white;
box-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.1);
}
.blog_sec .blog_card .title {
font-size: 18px;
transition: 0.3s ease-in;
}
.blog_sec .blog_card .title:hover {
color: #05334d !important;
}
.blog_sec .blog_card .desc {
font-size: 17px;
}
.blog_sec .blog_card .date {
font-size: 15px;
}
.blog_sec .blog-card .blog-meta {
width: 300px !important;
display: flex;
flex-flow: column;
align-items: end;
justify-content: space-between;
}
.blog_sec .blog_meta {
text-align: end;
width: 140px;
}
.blog_sec .button-wrap {
bottom: 0;
right: 0;
}
.blog_sec .btnn {
padding: 8px 50px 8px 15px;
font-size: 16px;
color: #ffffff;
background: linear-gradient(90deg, #1a3946 50%, #cebc94 50%);
background-size: 200%;
background-position: 0 0;
width: fit-content;
transition: background 0.5s ease-in-out;
font-family: "roboto-bold";
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
transition: 0.5s ease-in-out;
}
.blog_sec .btnn .icon {
background: #cebc94;
right: 0;
top: 0;
height: 100%;
width: 35px;
border-bottom-right-radius: 6px;
}
.blog_sec .btnn:hover {
background-position: -100% 0;
color: #1b3845;
transition: 0.5s ease-in-out;
}
/* side bar css start from here */
.custom-sidebar .side-box {
overflow: hidden;
border: 1px solid #e6d6c2;
margin-bottom: 20px;
border-radius: 8px;
}
.custom-sidebar .side-box-title {
font-size: 18px;
border-bottom: 1px solid #e6d6c2;
background-color: #cebc94;
padding: 15px 20px;
color: #000000;
font-family: "roboto-bold";
}
.custom-sidebar .side-box-list {
background: #fff !important;
margin-bottom: 0;
padding: 0 20px;
}
.custom-sidebar .side-box-list li {
border-bottom: 1px solid #e6d6c2;
transition: 0.4s;
}
.custom-sidebar .side-box-list li:hover {
background: #e6d6c270;
padding-left: 15px;
padding-right: 15px;
}
.custom-sidebar .side-box-list li:last-child {
border-bottom: 0;
}
.custom-sidebar .side-box-list a {
color: #000;
font-family: "roboto-bold";
display: flex;
justify-content: space-between;
text-decoration: none;
align-items: center;
padding: 10px 0;
}
.custom-sidebar .side-box-list a i {
background: #05334d;
width: 20px;
height: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 12px;
}
/* side bar article css start from here */
.custom-sidebar .top-article {
background: #fff;
padding: 15px 20px;
}
.custom-sidebar .top-article .top-article-title {
font-size: 16px;
font-family: "roboto-bold";
}
.custom-sidebar .top-article .top-article-desc {
font-size: 16px;
color: #303030;
margin-bottom: 8px;
}
.custom-sidebar .top-article .info span {
font-size: 14px;
color: #989898;
font-family: "roboto-bold";
display: flex;
align-items: center;
}
.custom-sidebar .top-article .info span .calender {
margin-right: 8px;
}
.custom-sidebar .top-article .right-arrow {
background: #05334d;
width: 20px;
height: 20px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 12px;
transition: 0.4s;
}
.custom-sidebar .top-article .right-arrow:hover {
background: #cebc94;
}
.custom-sidebar .top-article .top-article-content:first-child {
padding-top: 0px;
}
.custom-sidebar .top-article .top-article-content {
border-bottom: 2px solid #e6d6c2;
padding-bottom: 10px;
padding-top: 15px;
}
.custom-sidebar .top-article .top-article-content:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* pagination css start */
/* Pagination */
.blog_sec .pagination {
margin-top: 40px;
}
.custom-pagination .page-link {
border: none;
background: #fff;
padding: 10px 18px;
border-radius: 10px !important;
color: #000;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
font-size: 18px;
border: 2px solid #e1e9eb;
font-family: "roboto-bold";
}
.custom-pagination .page-item.active .page-link {
background: #1a3946 !important;
color: #e1c68b !important;
}
.custom-pagination .page-item .page-link:hover {
background: #1a3946;
color: #e1c68b;
}
.custom-pagination .page-link.dots {
pointer-events: none;
background: transparent;
box-shadow: none;
}
.custom-pagination .page-item.disabled .page-link {
color: #999;
background: #fff;
}
/* blog detail page css start from here */
/* banner section css start */
.blog_detail_banner {
background-image: url("../images/blog-detail-banner-bg.webp");
}
.blog_detail_banner .left {
padding: 130px 0px 130px 0px;
}
/* block section css start */
.blog_detail_sec {
padding: 60px 0px;
}
.blog_detail_sec .blog_detail_wrapper {
padding-right: 20px;
}
.blog_detail_wrapper .bolg_detail_content .title {
font-size: 30px !important;
}
.blog_detail_wrapper .bolg_detail_content .desc {
font-size: 18px;
}
.blog_detail_wrapper .bolg_detail_image .image {
border-radius: 8px !important;
object-fit: cover !important;
}
.blog_detail_wrapper ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.blog_detail_wrapper ul li {
position: relative;
font-size: 18px;
margin-top: 20px;
padding-left: 40px;
color: #000000;
font-family: "roboto-regular";
}
.blog_detail_wrapper .blog_details_quote {
background-color: #cebc94;
border-radius: 8px;
border: 3px solid #ffffff;
padding: 30px;
}
.blog_detail_wrapper .quote {
font-size: 30px;
line-height: 1.2;
}
.blog_detail_wrapper .right_left {
padding-left: 15px;
}
.blog_detail_wrapper .center_image .image {
border-left: 4px solid white;
border-radius: 8px;
height: 500px;
width: 100%;
object-fit: cover;
}
/** 404 **/
.error_404_sec {
min-height: 100vh;
display: flex; /* REQUIRED */
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
background: #06344D;
padding: 60px 20px;
}
.error_404_sec .container,
.error_404_sec .row,
.error_404_sec .col-sm-12 {
width: 100%;
display: flex;
justify-content: center;
}
.error_404_content {
text-align: center !important;
max-width: 600px;
color: #fff;
}
.error_btn { display: inline-block; padding: 14px 34px; background: #fff; color: #06344D; text-decoration: none; font-weight: 600; border-radius: 50px; transition: all 0.3s ease; } .error_btn:hover { background: #000; color: #fff; }
/* about us page css start from here */
.about_us_banner {
background-image: url("../images/about-banner-bg.webp");
}
.about_us_banner .left {
padding: 150px 0px 200px 0px;
}
.about_us_sec {
padding: 75px 0px;
}
.about_us_sec .left img {
border-radius: 8px;
}
.about_us_sec .left.sec_grey_border::after {
background-color: #af8e45;
}
.about_us_sec .right .desc {
font-size: 22px;
}
/* mission us section css start */
.mission_sec {
padding: 80px 0px;
}
.mission_sec .left .desc {
font-size: 22px;
}
.mission_sec .right .item {
border: 2px solid #cebc94;
width: 100%;
background-color: white;
padding: 15px 30px;
border-radius: 8px;
transition: transform 0.3s ease;
}
.mission_sec .right .item:hover {
transform: translateX(10px);
}
.mission_sec .right .item .check_icon {
width: 32px;
height: 32px;
background-color: #2da433;
border-radius: 50%;
box-shadow: 0px 6px 12px 0px rgba(11, 42, 55, 0.2);
border: 2px solid #cebc94;
left: -16px;
}
.mission_sec .right .item .content {
text-align: start;
}
.mission_sec .right .item .title {
font-size: 22px;
}
.mission_sec .right .item:last-child {
margin-bottom: 0px !important;
}
/* values section css start */
.sec_heading_wrapper {
margin-bottom: 40px;
}
.values_sec {
padding: 0px 0px 80px 0px;
}
.values_sec .values_grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0px;
}
.values_sec .item {
border-right: 2px solid #cebc94;
padding: 0px 10px;
}
.values_sec .item:last-child {
border-right: 0px;
}
.values_sec .item .values_icon {
width: 115px;
height: 115px;
border-radius: 50%;
box-shadow: 0px 12px 23px 0px rgba(241, 201, 112, 0.38);
border: 2px solid #cebc94;
}
.values_sec .item .title {
font-size: 20px;
}
/* client slider section css start */
.client_slider_sec {
padding: 75px 0px;
}
.client_slider_sec .sec_heading_wrapper {
margin-bottom: 60px;
}
.client_slider_sec .swiper-button-prev::before {
content: url("../images/slider-left-icon.webp");
}
.client_slider_sec .swiper-button-next:after {
content: url("../images/slider-right-icon.webp");
}
.client_slider_sec .left {
border: 2px solid #cebc94;
border-radius: 8px;
position: relative;
box-shadow: 8px 8px 0px #af8e45;
}
.client_slider_sec .left::after {
position: absolute;
content: url("/wp-content/themes/lakeside-luxury/assets/images/secondary-coma.webp") ;
top: -15px;
z-index: 1;
right: 30px;
}
.client_slider_sec .slider_buttons {
position: relative;
}
.client_slider_sec .swiper {
border-radius: 8px;
}
.client_slider_sec .slide_item {
padding: 40px 50px 60px 50px;
border-radius: 8px;
}
.client_slider_sec .sec_grey_border::after {
background-color: #af8e45;
}
.client_slider_sec .slide_item .top_content_wrapper {
width: fit-content;
margin-bottom: 30px;
}
.client_slider_sec .slide_item .top_content {
padding-left: 25px;
margin-bottom: -8px;
}
.client_slider_sec .slide_item .top_image {
z-index: 1;
}
.client_slider_sec .slide_item .top_img {
border-radius: 8px;
width: 100px;
height: 100px;
object-fit: cover;
}
.client_slider_sec .slide_item .item .name {
font-size: 22px;
}
.client_slider_sec .slide_item .designation {
font-size: 14px;
}
.client_slider_sec .slide_item .desc {
font-size: 20px;
}
.client_slider_sec .right .desc {
font-size: 24px;
}
/* our approach section css start */
.approach_sec {
padding: 80px 0px;
}
.approach_sec .row {
padding: 0px 100px;
margin: 0 auto;
}
.approach_sec .approach_grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
}
.approach_sec .item_icon {
width: 85px;
height: 85px;
}
.approach_sec .item_icon .text {
font-size: 50px;
}
.approach_sec .item .title {
font-size: 18px;
}
.approach_sec .item:last-child .arrow_img_wrap {
display: none;
}
/* choose lake side section css start */
.choose_lakeside_sec {
padding: 65px 0px;
}
.choose_lakeside_sec .choose_lakeside_grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.choose_lakeside_sec .item {
padding: 25px 20px;
border: 1px solid #cebc94;
border-radius: 4px;
height: 100%;
}
.choose_lakeside_sec .item_icon {
width: 100px;
height: 100px;
}
.choose_lakeside_sec .image {
width: 50px;
object-fit: cover;
}
.choose_lakeside_sec .item .title {
font-size: 16px;
}
.choose_lakeside_sec .item .desc {
font-size: 16px;
}
.choose_lakeside_sec .sec_grey_border::after {
bottom: -4px;
right: -4px;
}
/* founder section css start */
.founder_sec {
padding: 65px 0px;
}
.founder_sec img {
border-radius: 8px;
}
.founder_sec .sec_grey_border::after {
background: #af8e45;
}
.founder_sec .image_quote {
font-size: 18px;
}
.founder_sec .desc {
font-size: 22px;
}
/* who we serve page css start from here */
/* banner section css start */
.janitorial_banner {
background-image: url("../images/who-we-serve-banner-bg.webp");
}
/* help section css start */
.who_help_sec .button-wrapper {
margin-top: 40px;
}
.who_help_sec .banner_btn_1 {
color: #000000;
background: linear-gradient(90deg, #cebc94 50%, #05334d 50%);
background-size: 200%;
background-position: 0 0;
transition: background 0.5s ease-in-out;
border: 2px solid white;
border-radius: 10px;
box-shadow: 0px 12px 23px 0px rgba(26, 41, 48, 0.2);
}
.who_help_sec .banner_btn_1 .icon {
background: #05334d;
}
.who_help_sec .banner_btn_1.btnn:hover {
background-position: -100% 0;
color: #cebc94;
transition: 0.5s ease-in-out;
}
.who_help_sec .banner_btn_1.btnn:hover .btn_top_text_1 {
color: #cebc94 !important;
}
.logo-wrapper {
text-decoration: none;
}
/* form section css start */
.who_we_form .left_img {
height: 600px;
}
/* facility slider section css start */
.facility_slider_sec {
background-color: #f5f2ec;
padding: 50px 0px 80px 0px;
}
.facility_slider_sec .item {
border-radius: 8px;
box-shadow: 0px 12px 23px 0px rgba(0, 14, 34, 0.1);
height: 100%;
width: 100%;
border: 1px solid #cebc94;
}
.facility_slider_sec .item .image {
height: 260px;
object-fit: cover;
border-radius: 8px 8px 0px 0px;
width: 100% !important;
}
.facility_slider_sec .item .content {
background-color: #1a3946;
padding: 15px 20px;
border-top: 2px solid #cebc94;
border-radius: 0px 0px 8px 8px;
display: flex;
align-items: center;
height: 71px;
}
.facility_slider_sec .item .title {
font-size: 16px;
}
.facility_slider_sec .swiper-button-prev {
content: url("../images/slider-left-icon.webp");
}
.facility_slider_sec .swiper-button-next {
content: url("../images/slider-right-icon.webp");
}
.facility_slider_sec .swiper-button-prev,
.facility_slider_sec .swiper-button-next {
width: 35px;
height: 35px;
}
/* career page css start from here */
.career_banner{
background-image: url("../images/careers-banner-bg.webp");
}
.career_banner .left{
padding: 190px 0px 215px 0px;
}
/* values section css start */
.career_values {
padding: 80px 0px;
}
/* form section css start */
.career_form .input_css {
font-size: 16px;
}
.career_form .custom-file-upload .upload_btn {
background-color: #e1c68b;
border: 2px solid #e1c68b;
color: #1b3845;
padding: 0 15px;
border-radius: 0 6px 6px 0;
font-weight: bold;
font-size: 16px;
}
.career_form .right {
background-color: white;
padding: 40px;
}
/* cities section css start from here */
.cities_sec {
padding: 80px 0px;
}
.cities_sec .item {
border-radius: 20px;
border: 2px solid #e1c68b;
padding: 10px 20px;
width: fit-content;
font-size: 18px;
transition: transform 0.4s ease;
width: 15%;
display: flex;
text-align: center;
justify-content: center;
}
.cities_sec .item:hover {
transform: translateY(5px);
}
main{
margin-top:90px;
}
header {
position: fixed !important;
width: 100%;
z-index: 9999;
top: 0;
}
/* home page csss start from here */
.logo_slider_sec {
padding: 65px 0px 20px 0px;
}
.logo_slider_sec .item {
background-color: rgb(242, 246, 247);
border: 2px solid #f2f6f7;
padding: 25px;
margin-bottom: 45px;
}
.logo_slider_sec .item .slider_logo {
object-fit: contain;
height: 100px;
}
.logo_slider_sec .logo_btn_prev,
.logo_slider_sec .logo_btn_next {
position: absolute;
z-index: 10;
cursor: pointer;
}
.logo_slider_sec .logo_btn_prev {
left: 0;
}
.logo_slider_sec .logo_btn_next {
right: 0;
}
.logo_slider_sec .logo_btn_prev::before {
content: url("../images/slider-left-icon.webp");
}
.logo_slider_sec .logo_btn_next:after {
content: url("../images/slider-right-icon.webp");
}
.para{
display: flex;
}
#home_id {
scroll-margin-top: 100px;
}
/* sp cleaning section css start */
.sp_cleaning_sec {
padding: 100px 0px 65px 0px;
}
.sp_cleaning_sec .item {
padding: 15px 20px;
background-color: #1a2930;
border-radius: 8px;
transition: transform 0.3s ease;
}
.sp_cleaning_sec .item:hover {
transform: translateY(5px);
}
.sp_cleaning_sec .check_icon {
width: 32px;
height: 32px;
background-color: #2da433;
border-radius: 50%;
border: 2px solid white;
top: -16px;
right: 16px;
}
.sp_cleaning_sec .item .title {
font-size: 16px;
display: block;
line-height: 1.2;
}
.sp_cleaning_sec .image {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 8px;
}
.sp_cleaning_sec .button-wrapper {
margin-top: 30px;
}
.sp_cleaning_sec .banner_btn_1 {
color: #000000;
background: linear-gradient(90deg, #cebc94 50%, #05334d 50%);
background-size: 200%;
background-position: 0 0;
transition: background 0.5s ease-in-out;
border: 2px solid white;
border-radius: 10px;
box-shadow: 0px 12px 23px 0px rgba(26, 41, 48, 0.2);
}
.sp_cleaning_sec .banner_btn_1 .icon {
background: #05334d;
}
.sp_cleaning_sec .banner_btn_1.btnn:hover .btn_top_text_1 {
color: #cebc94 !important;
}
.sp_cleaning_sec .banner_btn_1.btnn:hover {
background-position: -100% 0;
color: #cebc94;
transition: 0.5s ease-in-out;
}
/* tool tip css */
.logo_slider_sec .item[data-tooltip] {
position: relative;
cursor: pointer;
}
.logo_slider_sec .item[data-tooltip]::before {
content: attr(data-tooltip);
position: absolute;
bottom: -68px;
left: 50%;
transform: translate(-50%, -50%);
background-color: #1a2930;
color: #fff;
padding: 10px 10px;
border-radius: 6px;
font-size: 16px;
font-family: "roboto-bold";
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 1000;
}
.logo_slider_sec .item[data-tooltip]:hover::before {
opacity: 1;
}
.logo_slider_sec .item[data-tooltip]:hover .demo_logo {
opacity: 0.3;
transition: opacity 0.3s ease;
}