* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
overflow-x: hidden !important;
}
@font-face {
font-family: "montserrat-regular";
src: url(../font/Montserrat/Montserrat-Regular.ttf);
}
@font-face {
font-family: "montserrat-medium";
src: url(../font/Montserrat/Montserrat-Medium.ttf);
}
@font-face {
font-family: "montserrat-semibold";
src: url(../font/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
font-family: "montserrat-bold";
src: url(../font/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
font-family: "sofiasans-regular";
src: url(../font/Sofia_Sans/SofiaSans-Regular.ttf);
}
@font-face {
font-family: "sofiasans-medium";
src: url(../font/Sofia_Sans/SofiaSans-Medium.ttf);
}
@font-face {
font-family: "sofiasans-semibold";
src: url(../font/Sofia_Sans/SofiaSans-SemiBold.ttf);
}
@font-face {
font-family: "sofiasans-bold";
src: url(../font/Sofia_Sans/SofiaSans-Bold.ttf);
}
@font-face {
font-family: "onset-regular";
src: url(../font/Onest/Onest-Regular.ttf);
}
@font-face {
font-family: "onset-medium";
src: url(../font/Onest/Onest-Medium.ttf);
}
@font-face {
font-family: "onset-semibold";
src: url(../font/Onest/Onest-SemiBold.ttf);
}
@font-face {
font-family: "onset-bold";
src: url(../font/Onest/Onest-Bold.ttf);
}
:root {
--montserrat_regular: "montserrat-regular";
--montserrat_medium: "montserrat-medium";
--montserrat_semibold: "montserrat-semibold";
--montserrat_bold: "montserrat-bold";
--sofiasans_regular: "sofiasans-regular";
--sofiasans_medium: "sofiasans-medium";
--sofiasans_semibold: "sofiasans-semibold";
--sofiasans_bold: "sofiasans-bold";
--onset_regular: "onset-regular";
--onset_medium: "onset-medium";
--onset_semibold: "onset-semibold";
--onset_bold: "onset-bold";
--btn-h: 48px;
--tip-w: 30px;
--bar-init: 220px;
--ease: cubic-bezier(.22, .61, .36, 1);
--bg_color_1: #1A58AF;
--bg_color_2: #FFFFFF;
--bg_color_3: #000000;
--bg_color_4: #1957AE;
--bg_color_5: #FF0000;
--text_color_1: #1A58AF;
--text_color_2: #FFFFFF;
--text_color_3: #000000;
--text_color_4: #707070;
--text_color_5: #2FAE29;
--text_color_6: #AAB3C8;
--text_color_7: #FF0000;
--text_color_8: #1957AE;
}
/* .container {
min-width: 1550px;
} */
p {
font-family: var(--montserrat_regular);
}
.call_part {
padding: 10px 0;
}
.call_part .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.call_part .container .para-btn {
width: fit-content;
padding: 0 40px 0 15px;
height: 60px;
background: var(--bg_color_1);
color: var(--text_color_2);
font-size: 16px;
font-family: var(--sofiasans_medium);
border: none;
cursor: pointer;
clip-path: polygon(0% 0, 100% 0, 85% 100%, 0 100%);
transition: all 0.4s ease;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin-right: -18px;
}
.call_part .container .para-btn img {
width: 25px;
height: 25px;
margin-right: 10px;
}
.call_part .para-btn p {
margin-bottom: 0;
}
.call_part .slant-btn {
width: fit-content;
padding: 0 15px 0 30px;
height: 60px;
background: var(--text_color_5);
color: var(--text_color_2);
font-size: 18px;
border: none;
font-family: var(--sofiasans_medium);
cursor: pointer;
clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%);
transition: all 0.4s ease;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
}
.call_part .slant-btn p {
margin-bottom: 0;
}
.call_part .call1 {
display: flex;
justify-content: end;
}
.navbar {
padding: 0 50px;
border-top: 1px solid var(--text_color_6);
}
.navbar .navbar-nav .nav-item {
padding: 10px 20px 10px 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 17px;
letter-spacing: 0.5px;
}
.navbar .navbar-nav .nav-item .nav-link {
color: var(--text_color_1);
font-family: var(--sofiasans_bold);
font-weight: 900;
font-size: 17px;
}
.navbar .navbar-nav .nav-item:hover .nav-link {
color: var(--text_color_7);
}
.navbar .navbar-nav .nav-item .dropdown-menu {
border-radius: 0;
border: none;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
color: var(--text_color_1);
font-family: var(--sofiasans_bold);
font-weight: 900;
padding: 10px 24px;
font-size: 17px;
text-transform: uppercase;
}
.navbar .dropdown-toggle::after {
display: none !important;
}
.navbar .navbar-nav .nav-item .search_icon {
height: auto;
width: 20px;
}
.navbar .search_button_part {
margin-left: 120px;
}
.navbar .search_button_part .btn {
font-family: var(--sofiasans_regular);
text-transform: uppercase;
background-color: var(--bg_color_1);
color: var(--text_color_2);
border-radius: 8px;
font-size: 17px;
display: flex;
align-items: center;
padding: 10px 30px;
}
.navbar .dropdown-menu {
top: 100% !important;
left: 0 !important;
margin-top: 0 !important;
transform: none !important;
}
.navbar .dropdown-menu {
width: 250px !important;
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}
.navbar .dropdown-menu .dropdown-item {
white-space: normal !important;
line-height: 1.4 !important;
}
.navbar .nav-item:hover .dropdown-menu {
display: block;
margin-top: -0.6px !important;
}
.navbar .dropdown-menu .dropdown-item:hover {
background-color: transparent;
color: var(--text_color_7) !important;
}
.navbar .dropdown-menu .dropdown-item.active {
background-color: var(--bg_color_1);
color: var(--text_color_2);
}
/* mega menu start */
/* .navbar .nav-item.mega {
position: relative;
}
.navbar .nav-item.mega .dropdown-menu.mega-menu {
width: auto !important;
min-width: 560px;
max-width: min(92vw, 820px);
border: none;
border-radius: 0;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin-top: 0 !important;
box-shadow: rgba(99, 99, 99, 0.18) 0 8px 24px;
white-space: normal !important;
}
.navbar .nav-item.mega:hover .dropdown-menu.mega-menu {
display: block;
margin-top: -0.6px !important;
}
.mega-col-border {
border-left: 1px solid var(--text_color_6);
}
.navbar .mega-title {
font-family: var(--sofiasans_bold);
font-weight: 900;
font-size: 15px;
letter-spacing: .5px;
color: var(--text_color_1);
text-transform: uppercase;
}
.navbar .dropdown-menu.mega-menu .dropdown-item {
padding: 6px 0;
font-size: 16px;
line-height: 1.4 !important;
}
.navbar .dropdown-menu.mega-menu .dropdown-item:hover {
background: transparent;
color: var(--text_color_7) !important;
}
@media (max-width: 991.98px) {
.navbar .nav-item.mega .dropdown-menu.mega-menu {
position: static !important;
transform: none !important;
width: 100% !important;
min-width: 0;
max-width: 100%;
box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px;
}
.mega-col-border {
border-left: none;
}
.navbar .dropdown-menu.mega-menu .dropdown-item {
padding: 10px 16px;
}
} */
/* mega menu end */
@media (max-width: 991.98px) {
.navbar .navbar-nav .nav-item {
display: block;
width: 100%;
}
.navbar .navbar-nav .nav-link {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px 16px;
text-align: left;
}
.navbar .dropdown-menu {
position: static !important;
float: none;
width: 100% !important;
margin: 0 !important;
transform: none !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.navbar .dropdown-menu .dropdown-item {
white-space: normal !important;
line-height: 1.4;
padding: 10px 16px;
}
.navbar .dropdown-menu.show {
display: block;
}
}
.home_first_section {
background-color: var(--bg_color_1);
padding: 0 50px;
}
.home_first_section .container-fluid .main_part {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
.home_first_section .container-fluid .first,
.home_first_section .container-fluid .second,
.home_first_section .container-fluid .third {
display: flex;
}
.home_first_section .container-fluid .first p,
.home_first_section .container-fluid .second p,
.home_first_section .container-fluid .third p {
margin: 0 0 0 18px;
color: var(--text_color_2);
font-family: var(--montserrat_regular);
font-size: 16px;
font-weight: 400;
}
.home_second_section {
background-image: url(../images/main_section.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 180px 50px;
}
.home_second_section .container-fluid .col-12 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.home_second_section .container-fluid .main_text_part h4 {
font-family: var(--sofiasans_bold);
font-size: 50px;
}
.home_second_section .container-fluid .main_text_part .line_img_part {
display: flex;
justify-content: center;
}
.home_second_section .container-fluid .main_text_part img {
display: flex;
justify-content: center;
align-items: center;
}
.home_second_section .container-fluid .trusted_by {
display: flex;
align-items: center;
justify-content: center;
}
.home_second_section .container-fluid .trusted_by p {
margin: 0 0 0 15px;
color: var(--text_color_4);
font-family: var(--montserrat_semibold);
}
.home_second_section .container-fluid .option_field_part {
display: flex;
gap: 15px;
margin: 60px 0 40px 0;
flex-wrap: wrap;
justify-content: center;
}
.home_second_section .container-fluid .option_field_part select {
padding: 20px 15px 20px 40px;
font-size: 16px;
border: 1px solid var(--bg_color_3);
border-radius: 5px;
background: url('../images/search-zoom.svg') no-repeat 10px center;
background-size: 18px;
appearance: none;
-webkit-appearance: none;
font-family: var(--sofiasans_regular);
width: 35%;
}
.home_second_section .container-fluid .postcode_part {
position: relative;
display: flex;
align-items: center;
width: 35%;
}
.home_second_section .container-fluid .postcode_part input {
width: 100%;
padding: 20px 90px 20px 40px;
font-size: 16px;
border: 1px solid var(--bg_color_3);
border-radius: 5px;
background: url('../images/radar.svg') no-repeat 10px center;
background-size: 18px;
}
.home_second_section .container-fluid .postcode_part input::placeholder {
color: var(--text_color_3);
font-family: var(--sofiasans_regular);
}
.home_second_section .container-fluid .postcode_part button {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
padding: 10px 16px;
background-color: var(--bg_color_1);
color: var(--text_color_2);
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
font-family: var(--sofiasans_regular);
}
.our_services_section {
padding: 70px 50px 100px 0;
}
.our_services_section .row {
row-gap: 40px;
}
.our_services_section .heading_part p {
color: var(--text_color_5);
font-family: var(--sofiasans_semibold);
font-size: 18px;
text-align: center;
}
.our_services_section .heading_part h2 {
color: var(--text_color_3);
font-family: var(--sofiasans_bold);
text-align: center;
}
.our_services_section .heading_part h2::after {
content: "";
display: block;
width: 200px;
height: 3px;
background-color: var(--bg_color_1);
margin: 10px auto 0 auto;
border-radius: 2px;
}
.our_services_section .service-card {
border: 1px dotted #D9D9D9;
border-radius: 7px;
position: relative;
padding-top: 42px;
/* padding-right: 60px; */
margin-top: 65px;
height: 100%;
}
.our_services_section .service-card .card-body .card-title {
font-family: var(--sofiasans_semibold);
}
.our_services_section .service-card .card-body .card-text {
font-family: var(--montserrat_regular);
color: var(--text_color_3);
font-size: 14px;
/* margin-bottom: 60px; */
margin-top: 12px;
}
.our_services_section .service-logo {
position: absolute;
top: -40px;
left: 58px;
transform: translateX(-50%);
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--bg_color_1);
box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.5s ease-in-out;
}
.our_services_section .service-card:hover .service-logo {
transform: translateX(-50%) rotateY(360deg);
}
.our_services_section .service-logo img {
width: 40px;
height: 40px;
object-fit: contain;
}
.btn-wrap {
width: 100%;
}
/* .arrow-btn {
position: relative;
display: block;
width: 70%;
height: var(--btn-h);
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
text-align: left;
color: #fff;
outline-offset: 3px;
transition: width 420ms var(--ease);
}
.arrow-btn .label {
position: relative;
z-index: 2;
font-family: var(--sofiasans_regular, sans-serif);
display: inline-block;
padding: 0 24px;
line-height: var(--btn-h);
letter-spacing: .2px;
user-select: none;
transition: transform 280ms var(--ease);
}
.arrow-btn .shape {
position: absolute;
inset: 0;
display: flex;
align-items: stretch;
pointer-events: none;
z-index: 1;
}
.arrow-btn .bar {
flex: 1;
background: var(--bg_color_1);
transition: background 240ms linear;
border-radius: 7px;
}
.arrow-btn:hover {
width: 100%;
}
.arrow-btn:hover .bar {
background: var(--bg_color_1);
}
@media only screen and (max-width: 1400px) {
.our_services_section .service-card .arrow-btn {
width: 180px;
}
}
@media (prefers-reduced-motion: reduce) {
.our_services_section .service-card .arrow-btn,
.our_services_section .service-card .arrow-btn .label,
.our_services_section .service-card .arrow-btn .bar {
transition: none;
}
} */
.arrow-btn {
position: relative;
display: block;
width: 70%;
height: var(--btn-h);
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
text-align: left;
color: #fff;
outline-offset: 3px;
transition: width 420ms var(--ease);
}
.arrow-btn .label {
position: relative;
z-index: 2;
font-family: var(--sofiasans_regular, sans-serif);
display: inline-block;
padding: 0 18px 0 24px;
line-height: var(--btn-h);
letter-spacing: .2px;
user-select: none;
transition: transform 280ms var(--ease);
}
.arrow-btn .shape {
position: absolute;
inset: 0;
display: flex;
align-items: stretch;
pointer-events: none;
z-index: 1;
}
.arrow-btn .bar {
flex: 0 0 calc(100% - var(--tip-w));
background: var(--bg_color_1);
transition: background 240ms linear;
border-bottom-left-radius: 7px;
}
.arrow-btn .tip {
flex: 0 0 var(--tip-w);
position: relative;
}
.arrow-btn .tip::before {
content: "";
position: absolute;
inset: 0;
background: var(--bg_color_1);
clip-path: polygon(0 0, 100% 50%, 0 100%);
transition: background 240ms linear;
}
.arrow-btn:hover {
width: 100%;
}
.arrow-btn:hover .bar,
.arrow-btn:hover .tip::before {
background: var(--bg_color_1);
}
@media only screen and (max-width: 1400px) {
.our_services_section .service-card .arrow-btn {
width: 180px;
}
}
@media (prefers-reduced-motion: reduce) {
.our_services_section .service-card .arrow-btn,
.our_services_section .service-card .arrow-btn .label,
.our_services_section .service-card .arrow-btn .bar {
transition: none;
}
}
/* .btn-wrap {
width: 100%;
}
.arrow-btn {
--bar: var(--bar-init);
position: relative;
display: block;
width: 100%;
height: var(--btn-h);
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
text-align: left;
color: #fff;
outline-offset: 3px;
}
.arrow-btn .label {
position: relative;
z-index: 2;
font-family: var(--sofiasans_regular);
display: inline-block;
padding: 0 18px 0 24px;
line-height: var(--btn-h);
letter-spacing: .2px;
user-select: none;
}
.arrow-btn .shape {
position: absolute;
inset: 0;
display: flex;
align-items: stretch;
pointer-events: none;
z-index: 1;
}
.arrow-btn .bar {
flex: 0 0 var(--bar);
background: var(--bg);
transition: flex-basis 420ms var(--ease), background 240ms linear;
will-change: flex-basis;
}
.arrow-btn .tip {
flex: 0 0 var(--tip-w);
position: relative;
}
.arrow-btn .tip::before {
content: "";
position: absolute;
inset: 0;
background: var(--bg);
clip-path: polygon(0 0, 100% 50%, 0 100%);
transition: background 240ms linear;
}
.arrow-btn .label {
transition: transform 280ms var(--ease);
}
@media (prefers-reduced-motion: reduce) {
.arrow-btn .bar {
transition: none;
}
.arrow-btn .label {
transition: none;
}
} */
.our_services_section .book-bar {
position: relative;
background-image: url(../images/arrow_sign.png);
background-repeat: no-repeat;
/* background-size: contain; */
background-size: 100% 100%;
color: #fff;
padding: 15px 16px;
height: 48px;
display: flex;
align-items: center;
font-family: var(--sofiasans_regular);
border-bottom-left-radius: 7px;
}
.why_choose_section {
padding: 100px 50px;
}
.why_choose_section .left_side_part img {
padding-right: 10px;
height: 750px;
}
.why_choose_section .right_side_part .heading_part p {
color: var(--text_color_5);
font-family: var(--sofiasans_semibold);
font-size: 18px;
}
.why_choose_section .right_side_part .heading_part h2 {
color: var(--text_color_3);
font-family: var(--sofiasans_bold);
}
.why_choose_section .right_side_part .heading_part h2::after {
content: "";
display: block;
width: 150px;
height: 3px;
background-color: var(--bg_color_1);
margin: 10px 0 0 0;
border-radius: 2px;
}
.why_choose_section .right_side_part .desc_part .card img {
height: 70px;
width: 70px;
}
.why_choose_section .right_side_part .desc_part .card {
display: flex;
flex-direction: row;
border-radius: 16px;
padding: 15px;
}
.why_choose_section .right_side_part .desc_part .card .card-body {
padding: 0 60px 0 30px;
}
.why_choose_section .right_side_part .desc_part .card {
margin-top: 25px;
}
.why_choose_section .right_side_part .desc_part .card .card-body .card-title {
color: var(--text_color_3);
font-family: var(--sofiasans_semibold);
margin-bottom: 10px;
}
.why_choose_section .right_side_part .desc_part .card .card-body .card-text {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 14px;
margin-bottom: 10px;
}
.why_choose_section .right_side_part .desc_part .card:hover {
background-color: var(--bg_color_1);
transition: background-color 0.3s ease;
}
.why_choose_section .right_side_part .desc_part .card:hover .card-title,
.why_choose_section .right_side_part .desc_part .card:hover .card-text {
color: var(--text_color_2);
transition: color 0.6s ease;
}
.our_trust_section {
padding: 100px 50px;
}
.our_trust_section .row {
row-gap: 40px;
}
.our_trust_section .top_part .left_side_part img {
padding-right: 100px;
height: 700px;
}
.our_trust_section .top_part .left_side_part .heading_part p {
color: var(--text_color_5);
font-family: var(--sofiasans_semibold);
font-size: 18px;
}
.our_trust_section .top_part .left_side_part .heading_part h2 {
color: var(--text_color_3);
font-family: var(--sofiasans_bold);
margin-bottom: 40px;
}
.our_trust_section .top_part .left_side_part .heading_part h2::after {
content: "";
display: block;
width: 150px;
height: 3px;
background-color: var(--bg_color_1);
margin: 10px 0 0 0;
border-radius: 2px;
}
.our_trust_section .top_part .right_side_part .heading_part {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--bg_color_3);
width: 300px;
padding: 10px 0;
}
.our_trust_section .top_part .right_side_part .heading_part p:nth-of-type(1) {
margin-bottom: 0;
font-family: var(--sofiasans_regular);
color: var(--text_color_4);
font-size: 18px;
margin-right: 30px;
}
.our_trust_section .top_part .right_side_part .heading_part p:nth-of-type(2) {
margin-bottom: 0;
font-family: var(--sofiasans_regular);
color: var(--text_color_3);
font-size: 18px;
}
.our_trust_section .top_part .right_side_part .book_now_button_part button {
padding: 14px 16px;
background-color: var(--bg_color_1);
color: var(--text_color_2);
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
font-family: var(--sofiasans_regular);
width: 100%;
margin-top: 15px;
}
.our_trust_section .bottom_part .right_side_part {
padding: 100px 0 0 0;
}
.our_trust_section .bottom_part .right_side_part .service-card {
border: 1px dotted #D9D9D9;
border-radius: 7px;
position: relative;
padding-top: 42px;
/* padding-right: 10px; */
margin-top: 90px;
height: 100%;
}
.our_trust_section .bottom_part .right_side_part .service-card .card-body .card-title {
font-family: var(--sofiasans_semibold);
}
.our_trust_section .bottom_part .right_side_part .service-card .card-body .card-text {
font-family: var(--montserrat_regular);
color: var(--text_color_3);
font-size: 14px;
/* margin-bottom: 60px; */
margin-top: 12px;
}
.our_trust_section .bottom_part .right_side_part .service-logo {
position: absolute;
top: -40px;
left: 58px;
transform: translateX(-50%);
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--bg_color_1);
box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
display: flex;
align-items: center;
justify-content: center;
}
.our_trust_section .bottom_part .right_side_part .service-logo img {
width: 40px;
height: 40px;
object-fit: contain;
}
.our_trust_section .bottom_part .right_side_part .book-bar {
position: relative;
background-image: url(../images/arrow_sign.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
padding: 15px 16px;
height: 48px;
display: flex;
align-items: center;
font-family: var(--sofiasans_regular);
border-bottom-left-radius: 7px;
}
.getin_touch_section {
padding: 20px 0 100px 0;
}
.getin_touch_section .container {
background-color: var(--bg_color_4);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 100px 50px;
border-radius: 16px;
}
.getin_touch_section .container h4 {
font-size: 60px;
color: var(--text_color_2);
font-family: var(--sofiasans_semibold);
margin-bottom: 30px;
}
.getin_touch_section .container p {
font-size: 18px;
color: var(--text_color_2);
font-family: var(--montserrat_regular);
margin-bottom: 40px;
}
.getin_touch_section .container button {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.our_area_section {
padding: 100px 50px;
}
.our_area_section .heading_part p {
color: var(--text_color_5);
font-family: var(--sofiasans_semibold);
font-size: 18px;
text-align: center;
}
.our_area_section .heading_part h2 {
color: var(--text_color_3);
font-family: var(--sofiasans_bold);
text-align: center;
}
.our_area_section .heading_part h2::after {
content: "";
display: block;
width: 150px;
height: 3px;
background: var(--bg_color_1);
margin: 10px auto 0;
border-radius: 2px;
}
.our_area_section .image_part {
position: relative;
min-height: 460px;
margin-top: 28px;
border-radius: 24px;
overflow: hidden;
padding: 140px 24px 140px 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
background: url("../images/our_area.png") center/cover no-repeat;
}
.our_area_section .image_part::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .25);
}
.our_area_section .image_part>* {
position: relative;
z-index: 1;
}
.our_area_section .pin_icon {
position: relative;
display: grid;
place-items: center;
margin-top: -10px;
}
.our_area_section .pin_icon img {
width: 56px;
height: auto;
}
.our_area_section .button_part {
margin-top: 48px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px 82px;
max-width: 1020px;
}
.our_area_section .button_part button {
padding: 10px 20px;
background: var(--bg_color_2);
color: var(--text_color_1);
border: 0;
border-radius: 8px;
font-size: 18px;
font-family: var(--sofiasans_semibold);
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.our_area_section .button_part button.active {
background: var(--bg_color_1);
color: var(--text_color_2);
}
.our_area_section .view_all_location_part {
margin-top: 28px;
display: grid;
place-items: center;
}
.our_area_section .view_all_location_part button {
padding: 16px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
@media (max-width: 768px) {
.our_area_section {
padding: 60px 20px;
}
.our_area_section .image_part {
padding: 100px 16px 32px;
border-radius: 16px;
}
.our_area_section .button_part {
gap: 16px 16px;
}
.our_area_section .button_part button {
font-size: 16px;
padding: 12px 18px;
}
}
.what_client_section {
padding: 0 50px 0 50px;
/* position: relative; */
}
.what_client_section .container {
position: relative;
}
.what_client_section .left_side_part img {
padding-right: 100px;
height: 700px;
}
.what_client_section .left_side_part .heading_part p {
color: var(--text_color_4);
font-size: 18px;
font-style: italic;
margin-top: 30px;
}
.what_client_section .left_side_part .heading_part h2 {
color: var(--text_color_3);
font-family: var(--sofiasans_bold);
}
.what_client_section .left_side_part .heading_part h2::after {
content: "";
display: block;
width: 100px;
height: 3px;
background-color: var(--bg_color_1);
margin: 10px 0 0 0;
border-radius: 2px;
}
.what_client_section .left_side_part .rating_part {
color: var(--text_color_3);
font-size: 20px;
font-style: italic;
display: flex;
}
.what_client_section .left_side_part .rating_part .rating_img {
display: flex;
flex-direction: column;
margin-left: 30px;
}
.what_client_section .left_side_part .rating_part .rating_img img {
height: auto;
width: 200px;
}
.what_client_section .slider_part {
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
z-index: 2;
border-bottom: 0.5px solid var(--text_color_4);
}
.what_client_section .slider_part .owl-slider {
margin: 0 120px 0 0px;
}
.what_client_section .slider_part .owl-slider .item {
display: flex;
justify-content: center;
align-items: center;
}
.what_client_section .slider_part .owl-slider .owl-dots {
height: 0;
}
.what_client_section .slider_part .testimonial_card {
background: #fff;
border-radius: 0;
box-shadow: -3px 3px 25px -5px rgba(0, 0, 0, 0.2);
padding: 30px 50px 30px 30px;
min-height: 400px;
display: flex;
flex-direction: column;
gap: 14px;
position: relative;
}
.what_client_section .slider_part .testimonial_card::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
border-radius: 12px 0 0 12px;
}
.what_client_section .slider_part .testimonial_card h5 {
margin: 0;
font-size: 18px;
color: #1b3a8a;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
}
.what_client_section .slider_part .testimonial_card p {
margin: 0;
color: #5b6b80;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.what_client_section .slider_part .testimonial_card .author {
margin-top: auto;
font-weight: 600;
letter-spacing: 1.1px;
font-size: 14px;
color: #34B924;
}
footer {
padding: 150px 50px 10px 50px;
}
footer .container-fluid {
padding: 100px 50px 0 50px;
background-color: var(--bg_color_4);
border-radius: 16px;
}
footer .container-fluid .first p {
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-top: 50px;
}
footer .container-fluid .first h5 {
color: var(--text_color_2);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 15px;
margin-top: 25px;
}
footer .container-fluid .first .email-input {
display: flex;
align-items: center;
background: #fff;
border-radius: 50px;
padding: 8px 5px 2px 15px;
width: fit-content;
}
footer .container-fluid .first .email-input input {
border: none;
outline: none;
font-size: 18px;
color: var(--text_color_1);
width: 200px;
font-family: var(--sofiasans_regular);
}
footer .container-fluid .first .email-input input::placeholder {
color: var(--text_color_1);
}
footer .container-fluid .first .email-input img {
width: 60px;
height: 60px;
margin-left: 10px;
cursor: pointer;
}
footer .container-fluid .second h4,
footer .container-fluid .third h4,
footer .container-fluid .fourth h4 {
color: var(--text_color_2);
font-family: var(--sofiasans_bold);
font-size: 24px;
}
footer .container-fluid .fourth a {
text-decoration: none;
color: var(--text_color_2);
}
footer .container-fluid .second p {
color: var(--text_color_2);
font-family: var(--sofiasans_regular);
font-size: 18px;
}
footer .container-fluid .second p span {
font-family: var(--sofiasans_medium);
}
footer .container-fluid .third ul li,
footer .container-fluid .fourth ul li {
color: var(--text_color_2);
font-family: var(--sofiasans_regular);
font-size: 18px;
}
footer .container-fluid .footer_bottom_part {
display: flex;
justify-content: space-between;
border-top: 0.5px solid var(--text_color_6);
padding-top: 20px;
padding-bottom: 20px;
margin-top: 80px;
}
footer .container-fluid .footer_bottom_part p {
color: var(--text_color_6);
font-family: var(--sofiasans_regular);
font-size: 18px;
}
footer .container-fluid .footer_bottom_part .social_media_part img {
margin-left: 20px;
}
.hero_section {
width: 100%;
position: relative;
overflow: hidden;
}
.hero_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
/* height: 85vh; */
height: 60vh;
}
.hero_section .slideGrid {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
min-height: 60vh;
}
.hero_section .slideLeft {
background: var(--bg_color_1);
color: #fff;
padding: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.hero_section .slideLeft .inner {
max-width: 560px;
}
.hero_section h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 60px;
}
.hero_section .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.hero_section .lead+.lead {
margin-top: 16px;
}
.hero_section .cta {
margin-top: 40px;
}
.hero_section .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.hero_section .slideRight {
position: relative;
overflow: hidden;
height: 100%;
}
.hero_section .slideRight img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.hero_section .swiper {
width: 100%;
height: 100%;
}
.hero_section .swiper-pagination-bullets .swiper-pagination-bullet {
background: #fff;
opacity: .9;
}
.hero_section .swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #000;
}
.hero_section .swiper-button-next,
.hero_section .swiper-button-prev {
color: #fff;
text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}
@media (max-width: 1400px) {
.hero_section .heroCard {
height: 80vh;
}
.hero_section .slideGrid {
grid-template-columns: 1fr;
min-height: 80vh;
}
.hero_section .slideRight {
order: -1;
height: 30vh;
min-height: 270px;
}
.hero_section .slideLeft {
padding: 24px;
height: 50vh;
}
.hero_section h1 {
font-size: 28px;
}
.hero_section .lead {
font-size: 15px;
}
}
@media (max-width: 768px) {
.our_trust_section .bottom_part .left_side_part {
margin-top: 50px;
}
.hero_section h1 {
margin-bottom: 10px;
}
.hero_section .cta {
margin-top: 10px;
}
}
/* @media (max-width: 991.98px) {
.navbar .navbar-nav .nav-item {
display: block;
width: 100%;
}
.navbar .navbar-nav .nav-link {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px 16px;
text-align: left;
}
.navbar .dropdown-menu {
position: static !important;
float: none;
width: 100% !important;
margin: 0 !important;
transform: none !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.navbar .dropdown-menu .dropdown-item {
white-space: normal !important;
line-height: 1.4;
padding: 10px 16px;
}
.navbar .dropdown-menu.show {
display: block;
}
} */
/* detail page start */
/* .detailpage_first_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
}
.detailpage_first_section .heroCard .row {
height: 100%;
}
.detailpage_first_section .heroCard .col-12 {
height: 100%;
}
.detailpage_first_section .heroCard .hero-left,
.detailpage_first_section .heroCard .hero-right {
height: 100%;
}
.detailpage_first_section .heroCard .hero-left {
background: var(--bg_color_1);
color: #fff;
padding: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.detailpage_first_section .heroCard .hero-left h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 60px;
}
.detailpage_first_section .heroCard .hero-left .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.detailpage_first_section .heroCard .hero-left .lead+.lead {
margin-top: 16px;
}
.detailpage_first_section .heroCard .hero-left .cta {
margin-top: 40px;
}
.detailpage_first_section .heroCard .hero-left .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.detailpage_first_section .heroCard .hero-right .detail-hero-img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
} */
/* .detailpage_first_section {
width: 100%;
position: relative;
overflow: hidden;
}
.detailpage_first_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
height: 60vh;
}
.detailpage_first_section .slideGrid {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
min-height: 60vh;
}
.detailpage_first_section .slideLeft {
background: var(--bg_color_1);
color: #fff;
padding: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
position: relative;
}
.detailpage_first_section .slideLeft .inner {
max-width: 560px;
}
.detailpage_first_section h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 60px;
}
.detailpage_first_section .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.detailpage_first_section .lead+.lead {
margin-top: 16px;
}
.detailpage_first_section .cta {
margin-top: 40px;
}
.detailpage_first_section .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.detailpage_first_section .slideRight {
position: relative;
overflow: hidden;
height: 100%;
}
.detailpage_first_section .slideRight img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.detailpage_first_section .swiper {
width: 100%;
height: 100%;
}
.detailpage_first_section .tagline_bottom {
font-size: 16px;
font-family: var(--montserrat_regular);
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1400px) {
.detailpage_first_section .heroCard {
height: 60vh;
}
.detailpage_first_section .slideGrid {
grid-template-columns: 1fr;
min-height: 60vh;
}
.detailpage_first_section .slideRight {
order: -1;
height: 30vh;
min-height: 240px;
}
.detailpage_first_section .slideLeft {
padding: 24px;
height: 50vh;
}
.detailpage_first_section h1 {
font-size: 28px;
}
.detailpage_first_section .lead {
font-size: 15px;
}
}
@media only screen and (max-width: 992px) {
.detailpage_first_section .slideLeft {
height: 30vh;
}
.detailpage_first_section h1 {
margin-bottom: 10px;
}
.detailpage_first_section .cta {
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
.detailpage_first_section .slideLeft {
height: 30vh;
}
.detailpage_first_section h1 {
margin-bottom: 10px;
}
.detailpage_first_section .cta {
margin-top: 10px;
}
} */
.detailpage_first_section {
width: 100%;
position: relative;
overflow: hidden;
}
.detailpage_first_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
height: 60vh;
}
.detailpage_first_section .swiper {
width: 100%;
height: 100%;
}
.detailpage_first_section .slideGrid {
display: flex;
width: 100%;
min-height: 60vh;
}
.detailpage_first_section .slideLeft,
.detailpage_first_section .slideRight {
flex: 0 0 50%;
max-width: 50%;
}
.detailpage_first_section .slideLeft {
background: var(--bg_color_1);
color: #fff;
padding: 36px 56px 56px 56px;
/* padding: 56px; */
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.detailpage_first_section .slideLeft .inner {
max-width: 560px;
}
.detailpage_first_section h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
}
.detailpage_first_section .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.detailpage_first_section .lead+.lead {
margin-top: 16px;
}
.detailpage_first_section .cta {
margin-top: 40px;
}
.detailpage_first_section .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.detailpage_first_section .slideRight {
position: relative;
overflow: hidden;
height: 100%;
}
.detailpage_first_section .slideRight img {
width: 100%;
height: 100%;
min-height: 60vh;
object-fit: cover;
object-position: center;
display: block;
}
.detailpage_first_section .tagline_bottom {
font-size: 16px;
font-family: var(--montserrat_regular);
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
@media (max-width: 1400px) {
.detailpage_first_section .heroCard {
height: auto;
}
.detailpage_first_section .swiper,
.detailpage_first_section .swiper-slide {
height: auto;
}
.detailpage_first_section .slideGrid {
flex-direction: column;
min-height: unset;
/* remove forced 60vh */
}
.detailpage_first_section .slideRight {
order: -1;
}
.detailpage_first_section .slideLeft,
.detailpage_first_section .slideRight {
flex: 0 0 100%;
max-width: 100%;
}
.detailpage_first_section .slideRight {
height: 30vh;
min-height: 240px;
}
.detailpage_first_section .slideRight img {
min-height: 0;
}
.detailpage_first_section .slideLeft {
padding: 24px;
height: auto;
}
.detailpage_first_section h1 {
font-size: 28px;
margin-bottom: 16px;
}
.detailpage_first_section .lead {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.detailpage_first_section .slideLeft {
padding: 20px;
}
}
@media (max-width: 992px) {
.detailpage_first_section h1 {
margin-bottom: 10px;
}
.detailpage_first_section .cta {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.detailpage_first_section .slideRight {
height: auto;
min-height: auto;
}
.detailpage_first_section .slideRight img {
height: 100%;
max-height: 360px;
object-fit: cover;
}
}
/* .detailpage_first_section {
width: 100%;
position: relative;
overflow: hidden;
}
.detailpage_first_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
height: 60vh;
}
.detailpage_first_section .slideGrid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "left right";
width: 100%;
min-height: 60vh;
}
.detailpage_first_section .slideLeft {
background: var(--bg_color_1);
color: #fff;
padding: 56px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
grid-area: left;
}
.detailpage_first_section .slideLeft .inner {
max-width: 560px;
}
.detailpage_first_section h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
}
.detailpage_first_section .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.detailpage_first_section .lead+.lead {
margin-top: 16px;
}
.detailpage_first_section .cta {
margin-top: 40px;
}
.detailpage_first_section .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.detailpage_first_section .slideRight {
position: relative;
overflow: hidden;
height: 100%;
grid-area: right;
}
.detailpage_first_section .slideRight img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.detailpage_first_section .swiper {
width: 100%;
height: 100%;
}
.detailpage_first_section .tagline_bottom {
font-size: 16px;
font-family: var(--montserrat_regular);
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1400px) {
.detailpage_first_section .heroCard {
height: 60vh;
}
.detailpage_first_section .slideGrid {
grid-template-columns: 1fr;
grid-template-areas:
"right"
"left";
min-height: 60vh;
}
.detailpage_first_section .slideRight {
height: 30vh;
min-height: 240px;
}
.detailpage_first_section .slideLeft {
padding: 24px;
height: 50vh;
}
.detailpage_first_section h1 {
font-size: 28px;
margin-bottom: 16px;
}
.detailpage_first_section .lead {
font-size: 15px;
}
}
@media only screen and (max-width: 992px) {
.detailpage_first_section .slideLeft {
height: 30vh;
}
.detailpage_first_section h1 {
margin-bottom: 10px;
}
.detailpage_first_section .cta {
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
.detailpage_first_section .slideLeft {
height: auto;
padding: 20px;
}
.detailpage_first_section h1 {
margin-bottom: 10px;
}
.detailpage_first_section .cta {
margin-top: 10px;
}
.detailpage_first_section .swiper,
.detailpage_first_section .swiper-slide {
height: auto;
}
.detailpage_first_section .slideRight {
height: auto;
min-height: 220px;
}
.detailpage_first_section .slideRight img {
height: 100%;
max-height: 360px;
object-fit: cover;
}
} */
.detailpage_second_section {
background: #eaf3ff;
padding: 14px 0;
}
.detailpage_second_section .featureRow {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 48px;
}
.detailpage_second_section .featureItem {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--montserrat_regular);
font-size: 16px;
color: #000;
/* white-space: nowrap; */
}
.detailpage_second_section .featureItem strong {
font-family: var(--montserrat_semibold, var(--montserrat_regular));
}
.detailpage_second_section .checkIcon {
width: 18px;
height: 18px;
flex: 0 0 18px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('data:image/svg+xml;utf8,');
}
@media (max-width: 768px) {
.detailpage_second_section .featureRow {
gap: 16px 24px;
}
.detailpage_second_section .featureItem {
font-size: 15px;
}
}
.detailpage_third_section {
padding: 70px 0 80px 0;
}
.detailpage_third_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.detailpage_third_section .heading_part p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 18px;
text-align: center;
}
.detailpage_third_section .row .card {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid var(--bg_color_1);
border-radius: 10px;
padding: 20px 20px 10px 20px;
transition: background-color 0.3s ease, transform 0.3s ease;
height: 100%;
}
.detailpage_third_section .row a {
text-decoration: none;
text-align: center;
}
.detailpage_third_section .row .card svg {
height: 60px;
height: 60px;
}
.detailpage_third_section .row .card .card-title {
color: var(--text_color_1);
font-size: 20px;
font-family: var(--sofiasans_bold);
margin-top: 15px;
text-align: center;
}
.detailpage_third_section .row .card:hover {
background-color: #eeeeee;
}
@media (max-width: 768px) {
.detailpage_third_section .row .card {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.detailpage_third_section .row .card .card-title {
margin-top: 0;
}
}
.detailpage_fourth_section {
padding: 40px 0 80px 0;
}
.detailpage_fourth_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.detailpage_fourth_section .row .card {
display: flex;
flex-direction: row;
padding: 25px 20px;
border: none;
border-radius: 10px;
transition: background-color 0.3s ease, transform 0.3s ease;
cursor: pointer;
}
.detailpage_fourth_section .row a {
text-decoration: none;
}
.detailpage_fourth_section .row .card:hover {
background-color: #F3F5F7;
}
.detailpage_fourth_section .row .card .img_part svg {
height: 60px;
height: 60px;
}
.detailpage_fourth_section .row .card .text_part {
margin-left: 15px;
}
.detailpage_fourth_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
}
.detailpage_fourth_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
}
/* detail page end */
/* workdetail start */
.workdetailpage_third_section {
padding: 80px 0;
}
.workdetailpage_third_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: center;
margin-bottom: 20px;
}
.workdetailpage_third_section .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 40px;
text-align: center;
}
.workdetailpage_third_section .row a {
text-decoration: none;
}
.workdetailpage_third_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 10px;
padding: 30px 20px;
height: 100%;
}
.workdetailpage_third_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.workdetailpage_third_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.workdetailpage_third_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.workdetailpage_third_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.workdetailpage_third_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.workdetailpage_third_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
/* workdetail end */
/* bookquote start */
.book_quote_first_section {
padding: 100px 0 0 0;
}
.book_quote_first_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.book_quote_first_section .heading_part p:nth-of-type(1) {
color: var(--text_color_3);
font-size: 22px;
font-family: var(--montserrat_semibold);
margin-bottom: 0;
}
.book_quote_first_section .heading_part p:nth-of-type(2) {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
}
.book_quote_first_section .detail_part {
margin-top: 30px;
display: flex;
justify-content: space-between;
}
.book_quote_first_section .detail_part .fields {
display: flex;
flex-direction: column;
width: fit-content;
margin-bottom: 20px;
}
.book_quote_first_section .detail_part .fields label {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_semibold);
margin-bottom: 5px;
}
.book_quote_first_section .detail_part .fields input {
padding: 10px;
border: 1px solid var(--text_color_3);
font-family: var(--montserrat_regular);
border-radius: 5px;
}
.book_quote_first_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.book_quote_first_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
/* bookquote end */
/* contactpage start */
.contactus_first_section {
padding: 110px 0 0 0;
}
.contactus_first_section .contactCard {
background: #EBF7FF;
padding: 50px;
}
.contactus_first_section .contactCard .formTitle {
color: var(--text_color_1);
font-family: var(--sofiasans_bold);
font-size: 50px;
}
.contactus_first_section .contactCard .formSubtitle {
color: var(--text_color_4);
font-family: var(--sofiasans_regular);
font-size: 16px;
margin-top: 20px;
margin-bottom: 50px;
}
.contactus_first_section .contactCard .formLabel {
text-transform: uppercase;
font-size: 16px;
color: var(--text_color_1);
margin-bottom: 10px;
font-family: var(--montserrat_bold);
}
.contactus_first_section .contactCard .formControl:focus {
box-shadow: none !important;
outline: 0;
}
.contactus_first_section .contactCard .formControl,
.contactus_first_section .contactCard .formControl:focus {
background: var(--bg_color_2);
border: 1px solid #e3e8ef;
border-radius: 0;
}
.contactus_first_section .contactCard .formControl {
padding: 18px 18px;
font-size: 14px;
font-family: var(--montserrat_medium);
border-radius: 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.contactus_first_section .contactCard .formControl::placeholder {
font-size: 14px;
}
.contactus_first_section .contactCard .selectChevron {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
pointer-events: none;
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px;
background-image: url('data:image/svg+xml;utf8,');
}
.contactus_first_section .contactCard .small_text {
color: var(--text_color_4);
font-size: 15px;
font-family: var(--montserrat_medium);
text-align: start;
}
.contactus_first_section .contactCard .small_text span {
color: var(--text_color_1);
text-decoration: underline;
font-size: 15px;
font-family: var(--montserrat_medium);
}
.contactus_first_section .contactCard .submitBtn {
padding: 10px 20px;
background: var(--bg_color_1);
color: var(--text_color_2);
border: 0;
border-radius: 8px;
font-size: 18px;
font-family: var(--sofiasans_semibold);
cursor: pointer;
}
@media (max-width: 576px) {
.contactus_first_section .contactCard .contactCard {
padding: 20px;
}
}
/* contactpage end */
/* boiler repair detail first section start */
.boilerrepair_detail_first_section {
padding: 80px 0;
}
.boilerrepair_detail_first_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
text-align: center;
}
.boilerrepair_detail_first_section .row a {
text-decoration: none;
}
.boilerrepair_detail_first_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
/* align-items: center; */
text-align: center;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.boilerrepair_detail_first_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.boilerrepair_detail_first_section .step .step-icon svg {
height: 90px;
width: 90px;
}
.boilerrepair_detail_first_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.boilerrepair_detail_first_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.boilerrepair_detail_first_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
}
.boilerrepair_detail_first_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.boilerrepair_detail_first_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.boilerrepair_detail_first_section .desc_part {
display: flex;
justify-content: start;
flex-direction: column;
text-align: start;
}
.boilerrepair_detail_first_section .desc_part .heading {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 40px;
}
.boilerrepair_detail_first_section .desc_part .price {
color: var(--text_color_1);
font-size: 50px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
}
.boilerrepair_detail_first_section .desc_part .detail_text {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
}
.boilerrepair_detail_first_section .more_info_part .arrow_part {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
text-align: start;
margin: 25px 0;
}
.boilerrepair_detail_first_section .more_info_part .arrow_part svg {
fill: var(--text_color_1);
width: 20px;
height: 20px;
}
.boilerrepair_detail_first_section .more_info_part .arrow_part span {
color: var(--text_color_1);
font-size: 18px;
font-family: var(--sofiasans_bold);
margin-left: 5px;
}
.boilerrepair_detail_first_section .more_info_part .desc_more_part {
display: flex;
flex-direction: row;
justify-content: start;
align-items: start;
text-align: start;
}
.boilerrepair_detail_first_section .more_info_part .desc_more_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
}
.boilerrepair_detail_first_section .more_info_part .reason_part {
display: flex;
flex-direction: column;
}
.boilerrepair_detail_first_section .more_info_part .reason_part .reason_first,
.boilerrepair_detail_first_section .more_info_part .reason_part .reason_second {
font-family: var(--sofiasans_semibold);
color: var(--text_color_3);
font-size: 18px;
margin-bottom: 0;
text-align: start;
}
.boilerrepair_detail_first_section .more_info_part .reason_part .reason_second {
margin-top: 20px;
}
.boilerrepair_detail_first_section .more_info_part .reason_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
text-align: start;
}
/* boiler repair detail first section end */
.boiler_service_first_section {
padding: 80px 0;
}
.boiler_service_first_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
text-align: center;
}
.boiler_service_first_section .row a {
text-decoration: none;
}
.boiler_service_first_section .row .card {
border: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 10px;
padding: 30px 20px;
height: 100%;
}
.boiler_service_first_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.boiler_service_first_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.boiler_service_first_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.boiler_service_first_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.boiler_service_first_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.boiler_service_first_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.boiler_service_second_section {
padding: 0 0 80px 0;
}
.boiler_service_second_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
text-align: center;
}
.boiler_service_second_section .row a {
text-decoration: none;
}
.boiler_service_second_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
/* align-items: center; */
text-align: center;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.boiler_service_second_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.boiler_service_second_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.boiler_service_second_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.boiler_service_second_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.boiler_service_second_section .plan_option_part {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: start;
}
.boiler_service_second_section .plan_option_part .summersale {
margin-top: 20px;
font-family: var(--sofiasans_medium);
font-size: 18px;
color: var(--text_color_2);
background-color: red;
width: fit-content;
border-radius: 50px;
padding: 5px 20px;
margin-bottom: 5px;
}
.boiler_service_second_section .plan_option_part .price {
color: red;
font-family: var(--sofiasans_bold);
font-size: 32px;
margin-bottom: 0;
}
.boiler_service_second_section .plan_option_part .price1 {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
}
.boiler_service_second_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 10px;
}
.boiler_service_second_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.heatingflush_detail_third_section {
padding: 80px 0;
}
.heatingflush_detail_third_section .left_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.heatingflush_detail_third_section .left_side_part .heading_part p {
color: var(--text_color_1);
font-size: 22px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.heatingflush_detail_third_section .left_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.heatingflush_detail_third_section .left_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.heatingflush_detail_third_section .left_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.heatingflush_detail_third_section .left_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.heatingflush_detail_fourth_section {
padding: 80px 0;
background-color: #F3F5F7;
}
.heatingflush_detail_fourth_section .left_side_part img {
border-radius: 15px;
}
.heatingflush_detail_fourth_section .right_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.heatingflush_detail_fourth_section .right_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.heatingflush_detail_fourth_section .right_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.heatingflush_detail_fourth_section .right_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.heatingflush_detail_fourth_section .right_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.heatingflush_detail_fourth_section .right_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.heatingflush_detail_fourth_section .desciption_part {
margin-top: 30px;
}
.heatingflush_detail_fourth_section .desciption_part .info {
display: flex;
justify-content: space-between;
}
.heatingflush_detail_fourth_section .desciption_part .info h4 {
font-family: var(--montserrat_semibold);
padding-right: 60px;
color: var(--text_color_1);
}
.heatingflush_detail_fourth_section .desciption_part .info p {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_regular);
}
.heatingflush_detail_fourth_section .right_side_part .accordion-item {
width: 100%;
}
.heatingflush_detail_fourth_section .right_side_part .accordion-button {
width: 100%;
text-align: left;
justify-content: space-between;
font-size: 18px;
}
.accordion-collapse {
width: 100%;
display: block;
}
.heatingflush_detail_fourth_section .right_side_part .accordion-button::after {
transition: transform 0.3s ease;
}
.heatingflush_detail_fourth_section .right_side_part .accordion-button:not(.collapsed)::after {
transform: rotate(-180deg);
}
.heatingflush_detail_fourth_section .right_side_part .accordion_part {
font-size: 16px;
font-family: var(--montserrat_medium);
width: 100%;
}
.heatingflush_detail_fourth_section .right_side_part .accordion_part .accordion-body {
font-size: 16px;
font-family: var(--montserrat_regular);
color: var(--text_color_4);
width: 100%;
display: block;
}
.heatingflush_detail_fourth_section .right_side_part .accordion-button:not(.collapsed) {
background-color: #8fd3231c;
box-shadow: none;
}
.heatingflush_detail_fourth_section .right_side_part .accordion-button:focus {
box-shadow: none;
}
.smart_heating_section {
padding: 80px 0;
}
.smart_heating_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
text-align: center;
}
.smart_heating_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
text-align: center;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.smart_heating_section .row a {
text-decoration: none;
}
.smart_heating_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.smart_heating_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.smart_heating_section .row .card .text_part p {
color: var(--text_color_3);
font-family: var(--sofiasans_regular);
font-size: 18px;
}
.smart_heating_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.smart_heating_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.smart_heating_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.freeze_detail_fourth_section {
padding: 0 0 80px 0;
}
.freeze_detail_fourth_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: center;
margin-bottom: 20px;
}
.freeze_detail_fourth_section .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 40px;
text-align: center;
}
.freeze_detail_fourth_section .row a {
text-decoration: none;
}
.freeze_detail_fourth_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
/* align-items: center; */
text-align: center;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.freeze_detail_fourth_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.freeze_detail_fourth_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.freeze_detail_fourth_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.freeze_detail_fourth_section .row .card .information_detail {
margin-top: 25px;
}
.freeze_detail_fourth_section .row .card .information_detail .row div p:nth-of-type(1) {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
}
.freeze_detail_fourth_section .row .card .information_detail .row div p:nth-of-type(2) {
color: var(--text_color_1);
font-size: 22px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
}
.freeze_detail_fourth_section .row .card .new {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 25px;
text-align: center;
}
/* stepper start */
.stepper-horizontal {
display: table;
width: 100%;
margin: 0 auto;
padding: 64px 16px 90px;
/* background-image: url(../images/confirmation-banner-desktop.svg);
background-position: center 28%;
background-repeat: no-repeat;
background-size: 65% auto; */
}
.step {
display: table-cell;
position: relative;
padding: 1.5rem;
/* width: 33.333%; */
text-align: center;
vertical-align: top;
}
.step:last-child .step-bar-left,
.step:last-child .step-bar-right {
display: none
}
.step .step-icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -35px;
width: clamp(24px, 8vw, 48px);
height: clamp(24px, 8vw, 48px);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
pointer-events: none;
}
.step .step-icon img {
width: 100%;
height: 100%;
object-fit: contain
}
.step .step-circle {
width: 48px;
height: 48px;
margin: 0 auto;
border-radius: 999px;
display: grid;
place-items: center;
color: #fff;
font-weight: 700;
background: radial-gradient(circle at 30% 30%, var(--bg_color_1), var(--bg_color_1));
box-shadow: 0 0 0 4px #A5D3FF inset, 0 2px 6px rgba(0, 0, 0, .15);
font-family: var(--montserrat_semibold);
}
.step .step-title {
margin-top: 12px;
color: var(--bg_color_4);
font-family: var(--montserrat_bold);
font-size: 18px;
}
.step-bar-left,
.step-bar-right {
position: absolute;
top: calc(42px + 3px);
height: 5px;
background: #D9E2EC;
border: solid #D9E2EC;
border-width: 3px 0;
}
.step-bar-left {
width: 0;
left: 56%;
margin-left: -3px;
}
.step-bar-right {
width: 0;
left: 56%;
margin-left: -3px;
}
.step.done .step-bar-right {
width: 100%;
background: var(--bg_color_1);
border-color: var(--bg_color_1)
}
.step .step-bar-left,
.step .step-bar-right {
display: none !important;
}
@media (min-width: 768px) {
.stepper-horizontal {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 64px 16px 90px;
}
.step {
position: relative;
flex: 1;
text-align: center;
padding: 1.5rem 0;
}
.step:not(:last-child)::after {
content: "";
position: absolute;
top: 50px;
left: 50%;
right: -50%;
height: 5px;
background: #D9E2EC;
border-top: 3px solid #D9E2EC;
border-bottom: 3px solid #D9E2EC;
z-index: 1;
transform: translateY(-50%);
}
.step .step-circle,
.step .step-icon {
position: relative;
z-index: 2;
}
.step .step-icon {
position: absolute;
left: 50%;
top: -10px;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.step .step-circle {
width: 48px;
height: 48px;
margin: 0 auto;
}
.step .step-title {
margin-top: 12px;
}
.step.done:not(:last-child)::after {
background: var(--bg_color_1);
border-color: var(--bg_color_1);
}
}
/* @media (max-width: 767.98px) {
.stepper-horizontal {
display: block;
max-width: 560px;
padding: 16px;
}
.step {
display: flex;
align-items: center;
gap: 14px;
text-align: left;
padding: 14px 6px;
border-radius: 12px;
}
.step .step-bar-left,
.step .step-bar-right {
display: none
}
.step .step-icon {
position: static;
transform: none;
width: 36px;
height: 36px;
flex: 0 0 36px;
}
.step .step-circle {
width: 36px;
height: 36px;
box-shadow: 0 0 0 3px var(--circle-ring) inset, 0 2px 5px rgba(0, 0, 0, .12);
flex: 0 0 36px;
font-size: .95rem;
}
.step .step-circle {
order: 1
}
.step .step-icon {
order: 2
}
.step .step-content {
order: 3
}
.step .step-title,
.step .step-optional {
margin: 0
}
.step .step-title {
line-height: 1.25
}
.step .step-optional {
margin-top: 2px
}
.step>.step-title,
.step>.step-optional {
display: block;
}
.step:has(.step-title)::after {
content: "";
}
.step+.step {
margin-top: 12px;
border-top: 1px solid #EEF3FA;
padding-top: 18px
}
} */
@media (max-width:360px) {
.step .step-title {
font-size: 1rem
}
}
/* stepper end */
.gassafety_first_section {
width: 100%;
background-color: #90D323;
min-height: 60vh;
display: flex;
align-items: flex-end;
}
.gassafety_first_section .left_side_part {
padding: 40px;
background-color: var(--bg_color_2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
min-height: 40vh;
border-radius: 6px 6px 0 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.gassafety_first_section .left_side_part h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.gassafety_first_section .left_side_part p {
font-size: 16px;
font-family: var(--montserrat_medium);
}
.gassafety_first_section .left_side_part .accordion-item {
width: 100%;
}
.gassafety_first_section .left_side_part .accordion-button {
width: 100%;
text-align: left;
justify-content: space-between;
font-size: 18px;
}
.accordion-collapse {
width: 100%;
display: block;
}
.gassafety_first_section .left_side_part .accordion-button::after {
transition: transform 0.3s ease;
}
.gassafety_first_section .left_side_part .accordion-button:not(.collapsed)::after {
transform: rotate(-180deg);
}
.gassafety_first_section .left_side_part .accordion_part {
font-size: 16px;
font-family: var(--montserrat_medium);
width: 100%;
}
.gassafety_first_section .left_side_part .accordion_part .accordion-body {
font-size: 16px;
font-family: var(--montserrat_regular);
color: var(--text_color_4);
width: 100%;
display: block;
}
.gassafety_first_section .left_side_part .accordion-button:not(.collapsed) {
background-color: #8fd3231c;
box-shadow: none;
}
.gassafety_first_section .left_side_part .accordion-button:focus {
box-shadow: none;
}
.freeze_detail_fourth_section .row .right_side_part .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.freeze_detail_fourth_section .row .right_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
}
.freeze_detail_fourth_section .row .right_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.freeze_detail_fourth_section .row .card .information_detail .row .price_cooking {
color: var(--text_color_1) !important;
font-size: 22px !important;
font-family: var(--sofiasans_bold) !important;
margin-bottom: 0 !important;
}
.freeze_detail_fourth_section .row .card .information_detail .row div .foruse_cooking {
color: var(--text_color_3) !important;
font-size: 18px !important;
font-family: var(--sofiasans_regular) !important;
margin-bottom: 0 !important;
}
.tumble_dryer_section {
padding: 70px 0;
}
/* book quote detail start */
.book_quote_first_section .detail_part .fields {
display: flex;
flex-direction: column;
width: fit-content;
margin-bottom: 20px;
}
.book_quote_first_section .detail_part .fields label {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_semibold);
margin-bottom: 5px;
}
.book_quote_first_section .detail_part .fields input {
padding: 10px;
border: 1px solid var(--text_color_3);
font-family: var(--montserrat_regular);
border-radius: 5px;
}
.book_quote_first_section .detail_part .fields select {
color: var(--text_color_3);
font-size: 14px;
font-family: var(--montserrat_regular);
margin-bottom: 5px;
padding: 12px;
border-radius: 5px;
}
.book_quote_first_section .detail_part .fields option {
width: fit-content;
padding: 12px;
}
/* book quote detail end */
.swal2-popup {
font-family: var(--montserrat_regular);
font-size: 14px;
}
.home_rewire_detail_first_section {
padding: 80px 0;
}
.home_rewire_detail_first_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: center;
margin-bottom: 20px;
}
.home_rewire_detail_first_section .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 40px;
text-align: center;
}
.home_rewire_detail_first_section .row a {
text-decoration: none;
}
.home_rewire_detail_first_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
text-align: center;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.home_rewire_detail_first_section .row .card .title_part .title {
color: var(--text_color_1);
font-size: 34px;
font-family: var(--sofiasans_bold);
margin-bottom: 30px;
}
.home_rewire_detail_first_section .row .card .infom_main {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.home_rewire_detail_first_section .row .card .infom {
cursor: pointer;
padding: 15px;
border-radius: 8px;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.home_rewire_detail_first_section .row .card .infom:hover {
border: 2px solid var(--bg_color_1);
}
.home_rewire_detail_first_section .row .card .infom.selected {
border: 2px solid var(--bg_color_1);
}
.home_rewire_detail_first_section .row .card .img_part svg {
height: 90px;
width: 90px;
}
.home_rewire_detail_first_section .row .card .text_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
margin-top: 20px;
}
.home_rewire_detail_first_section .row .card .text_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 10px;
}
.home_rewire_detail_first_section .row .card .information_detail {
margin-top: 25px;
}
.home_rewire_detail_first_section .row .card .information_detail .row div p:nth-of-type(1) {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
}
.home_rewire_detail_first_section .row .card .information_detail .row div p:nth-of-type(2) {
color: var(--text_color_1);
font-size: 22px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
}
.home_rewire_detail_first_section .row .card .new {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--sofiasans_regular);
margin-bottom: 0;
margin-top: 25px;
text-align: center;
}
.home_rewire_detail_first_section .row .book_quote_btn_part {
display: flex;
justify-content: center;
margin-top: 30px;
}
.home_rewire_detail_first_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 10px;
}
.home_rewire_detail_first_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.smart_heating_section .heading_part p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 18px;
text-align: center;
margin-bottom: 60px;
}
.heatingflush_detail_third_section .left_side_part .detail_text {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
}
.heatingflush_detail_third_section .heading_part p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 18px;
}
.elctrices_fusebox_first_section {
padding: 100px 0;
}
.elctrices_fusebox_first_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.elctrices_fusebox_first_section .row .card {
background-color: #F3F5F7;
border: none;
padding: 30px;
border-radius: 8px;
}
.elctrices_fusebox_first_section .row .card h2 {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.elctrices_fusebox_first_section .row .card p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 16px;
margin-bottom: 0;
}
.elctrices_fusebox_second_section {
padding: 0 0 100px 0;
}
.elctrices_fusebox_second_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.elctrices_fusebox_second_section .row .card {
background-color: #F3F5F7;
border: none;
padding: 30px;
border-radius: 8px;
height: 100%;
}
.elctrices_fusebox_second_section .row .card h2 {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.elctrices_fusebox_second_section .row .card p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 16px;
margin-bottom: 0;
}
.elctrices_fusebox_third_section {
padding: 0 0 100px 0;
}
.elctrices_fusebox_third_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
}
.elctrices_fusebox_third_section .row h2 {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.elctrices_fusebox_third_section .row p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 16px;
margin-bottom: 15px;
}
.elctrices_fusebox_fourth_section {
padding: 0 0 100px 0;
}
/* .elctrices_fusebox_fourth_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
} */
.elctrices_fusebox_fourth_section .row .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.elctrices_fusebox_fourth_section .row .heading_part p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 16px;
margin-bottom: 30px;
}
.elctrices_fusebox_fourth_section .row .infompart h2 {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.elctrices_fusebox_fourth_section .row .infompart p {
color: var(--text_color_3);
font-family: var(--montserrat_regular);
font-size: 16px;
margin-bottom: 5px;
}
.elctrices_fusebox_fourth_section .row .terms_condition {
margin-top: 30px;
}
.elctrices_fusebox_fourth_section .row .terms_condition a {
color: var(--text_color_1);
font-size: 18px;
font-family: var(--montserrat_semibold);
text-decoration: underline;
}
.elctrices_fusebox_fourth_section .row .book_quote_btn_part {
display: flex;
justify-content: start;
}
.elctrices_fusebox_fourth_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.elctrices_fusebox_fourth_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.elctrices_fusebox_fourth_section .row .table_part table {
width: 100%;
border-collapse: collapse;
}
.elctrices_fusebox_fourth_section .row .table_part table tr {
border-bottom: 1.5px solid var(--text_color_6);
}
.elctrices_fusebox_fourth_section .row .table_part table th {
padding: 10px;
text-align: left;
font-size: 18px;
font-family: var(--montserrat_semibold);
}
.elctrices_fusebox_fourth_section .row .table_part table td {
padding: 10px;
text-align: left;
font-size: 18px;
font-family: var(--montserrat_regular);
}
.electrics_evcharging_first_section {
width: 100%;
background-color: var(--bg_color_1);
min-height: 60vh;
display: flex;
align-items: flex-end;
}
.electrics_evcharging_first_section .left_side_part {
padding: 40px;
background-color: var(--bg_color_2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
min-height: 40vh;
border-radius: 6px 6px 0 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.electrics_evcharging_first_section .left_side_part h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.electrics_evcharging_first_section .left_side_part p {
font-size: 16px;
font-family: var(--montserrat_medium);
}
.electrics_evcharging_first_section .left_side_part .cta {
margin-top: 30px;
}
.electrics_evcharging_first_section .left_side_part .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.electrics_evcharging_second_section {
padding: 100px 0 0 0;
}
.electrics_evcharging_third_section {
padding: 0 0 80px 0;
}
.electrics_evcharging_third_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 40px;
text-align: center;
}
.electrics_evcharging_third_section .row a {
text-decoration: none;
}
.electrics_evcharging_third_section .row .card {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: start;
border-radius: 10px;
padding: 40px 40px;
height: 100%;
}
.electrics_evcharging_third_section .row .card .image_part img {
border-radius: 6px;
}
.electrics_evcharging_third_section .row .card .text_part .card-title {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
margin-bottom: 30px;
}
.electrics_evcharging_third_section .row .card .desc_part .installations {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--montserrat_semibold);
margin: 30px 0;
}
.electrics_evcharging_third_section .row .card .desc_part .get_free {
font-size: 14px;
font-family: var(--montserrat_medium);
color: var(--text_color_2);
background-color: var(--text_color_7);
width: fit-content;
padding: 7px 15px 7px 10px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
}
.electrics_evcharging_third_section .row .card .desc_part .get_free svg {
height: 20px;
width: 20px;
margin-right: 10px;
fill: var(--bg_color_2);
}
.electrics_evcharging_third_section .row .card .desc_part .starting {
font-size: 16px;
font-family: var(--montserrat_medium);
padding-top: 10px;
margin-bottom: 0;
color: var(--text_color_3);
}
.electrics_evcharging_third_section .row .card .desc_part .price {
color: var(--text_color_1);
font-size: 28px;
font-family: var(--sofiasans_bold);
margin-bottom: 0;
}
.electrics_evcharging_third_section .row .book_quote_btn_part {
display: flex;
justify-content: start;
}
.electrics_evcharging_third_section .row .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.electrics_evcharging_third_section .row .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.electrics_evcharging_third_section .row .right_side_part {
padding-top: 30px;
padding-left: 20px;
}
.electrics_evcharging_third_section .row .right_side_part .points {
font-size: 16px;
font-family: var(--montserrat_medium);
}
.electrics_evcharging_third_section .row .right_side_part .points span {
font-family: var(--montserrat_semibold);
}
.electrics_evcharging_third_section .row .right_side_part .extrawork {
font-family: var(--montserrat_semibold);
font-size: 16px;
}
.elctrices_fusebox_new_section {
width: 100%;
background-color: var(--bg_color_1);
min-height: 60vh;
display: flex;
align-items: flex-end;
}
.elctrices_fusebox_new_section .left_side_part {
padding: 40px;
background-color: var(--bg_color_2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
min-height: 40vh;
border-radius: 6px 6px 0 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
top: 41.5%;
position: sticky;
}
.elctrices_fusebox_new_section .left_side_part h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.elctrices_fusebox_new_section .left_side_part p {
font-size: 16px;
font-family: var(--montserrat_medium);
}
.elctrices_fusebox_new_section .left_side_part .cta {
margin-top: 30px;
}
.elctrices_fusebox_new_section .left_side_part .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.home_rewire_detail_second_section {
padding: 80px 0;
}
.home_rewire_detail_second_section .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 45px;
}
.home_rewire_detail_second_section .right_side_part .first {
display: flex;
flex-direction: column;
}
.home_rewire_detail_second_section .right_side_part .first .icon_part {
display: flex;
align-items: center;
}
.home_rewire_detail_second_section .right_side_part .first .icon_part img {
height: 30px;
height: 30px;
}
.home_rewire_detail_second_section .right_side_part .first .icon_part h2 {
color: var(--text_color_1);
font-family: var(--montserrat_semibold);
font-size: 24px;
margin-bottom: 0;
margin-left: 15px;
}
.home_rewire_detail_second_section .right_side_part .first p {
font-family: var(--montserrat_regular);
font-size: 18px;
margin-top: 15px;
margin-bottom: 0;
}
.home_rewire_detail_second_section .row .right_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
margin-top: 30px;
}
.home_rewire_detail_second_section .row .right_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 30px;
}
.home_rewire_detail_second_section .row .right_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.gassafety_second_section {
padding: 80px 0;
background-color: #F3F5F7;
}
.book_quote_first_section .selected_service_part {
margin-top: 40px;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.book_quote_first_section .selected_service_part h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--montserrat_semibold);
margin-bottom: 0;
}
.book_quote_first_section .selected_service_part p {
color: var(--text_color_3);
font-size: 22px;
font-family: var(--montserrat_medium);
margin-bottom: 0;
margin-left: 20px;
}
.book_quote_first_section .selected_service_part1 {
margin-top: 0;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.book_quote_first_section .selected_service_part1 h2 {
color: var(--text_color_1);
font-size: 24px;
font-family: var(--montserrat_semibold);
margin-bottom: 0;
}
.book_quote_first_section .selected_service_part1 p {
color: var(--text_color_3);
font-size: 22px;
font-family: var(--montserrat_medium);
margin-bottom: 0;
margin-left: 20px;
}
.boiler_service_third_section {
padding: 80px 0;
}
.boiler_service_third_section .left_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.boiler_service_third_section .left_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.boiler_service_third_section .left_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.boiler_service_third_section .left_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.boiler_service_third_section .left_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.bolier_detailpage_third_section {
padding: 80px 0;
}
.bolier_detailpage_third_section .left_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.bolier_detailpage_third_section .left_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 20px;
}
.bolier_detailpage_third_section .left_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.bolier_detailpage_third_section .left_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.bolier_detailpage_third_section .left_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.bolier_detailpage_third_section .left_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.bolier_detailpage_third_section .boiler_install {
border-radius: 10px;
}
.boiler_service_fourth_section {
background-color: #EBF7FF;
border: none;
display: flex;
justify-content: center;
text-align: start;
border-radius: 10px;
padding: 60px 40px;
height: 100%;
width: fit-content;
margin: 0 auto 50px auto;
}
.boiler_service_fourth_section .left_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.boiler_service_fourth_section .left_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 40px;
}
.boiler_service_fourth_section .points_part p {
color: var(--text_color_3);
position: relative;
padding-left: 45px;
line-height: 1.6;
font-family: var(--montserrat_medium);
text-align: start;
}
.boiler_service_fourth_section .points_part p::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
}
.boiler_service_third_section .refer_boiler {
border-radius: 10px;
}
.safety_certificate_second_section {
padding: 80px 0;
background-color: #F3F5F7;
}
.safety_certificate_second_section .left_side_part img {
border-radius: 15px;
}
.safety_certificate_second_section .right_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.safety_certificate_second_section .right_side_part .desciption_part h3 {
color: var(--text_color_1);
font-size: 25px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.safety_certificate_second_section .right_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.safety_certificate_second_section .right_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.safety_certificate_second_section .right_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.safety_certificate_second_section .right_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.safety_certificate_second_section .right_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.safety_certificate_second_section .desciption_part {
margin-top: 30px;
}
.safety_certificate_second_section .desciption_part .info {
display: flex;
justify-content: space-between;
}
.safety_certificate_second_section .desciption_part .info h4 {
font-family: var(--montserrat_semibold);
padding-right: 60px;
color: var(--text_color_1);
}
.safety_certificate_second_section .desciption_part .info p {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_regular);
}
.safety_certificate_second_section .right_side_part .desciption_part svg {
fill: #00A33E;
display: block;
height: 32px;
width: 32px;
margin-right: 20px;
}
.safety_certificate_third_section {
padding: 80px 0;
}
.safety_certificate_third_section .left_side_part img {
border-radius: 15px;
}
.safety_certificate_third_section .right_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.safety_certificate_third_section .right_side_part .desciption_part h3 {
color: var(--text_color_1);
font-size: 25px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.safety_certificate_third_section .right_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.safety_certificate_third_section .right_side_part li {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin: 5px;
}
.safety_certificate_third_section .right_side_part .book_quote_btn_part {
display: flex;
justify-content: start;
}
.safety_certificate_third_section .right_side_part .book_quote_btn_part button {
padding: 12px 28px;
background: var(--bg_color_1);
color: #fff;
border: 0;
border-radius: 8px;
cursor: pointer;
font-size: 18px;
font-family: var(--sofiasans_semibold);
margin-top: 20px;
}
.safety_certificate_third_section .right_side_part .book_quote_btn_part button svg {
width: 25px;
height: 25px;
fill: currentColor;
margin-left: 10px;
}
.safety_certificate_third_section .desciption_part {
margin-top: 30px;
}
.safety_certificate_third_section .desciption_part .info {
display: flex;
justify-content: space-between;
}
.safety_certificate_third_section .desciption_part .info h4 {
font-family: var(--montserrat_semibold);
padding-right: 60px;
color: var(--text_color_1);
}
.safety_certificate_third_section .desciption_part .info p {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_regular);
}
.safety_certificate_third_section .right_side_part .heading_part .title {
font-weight: 600;
color: var(--bg_color_3);
font-size: 22px;
}
.safety_certificate_fourth_section {
padding: 80px 0;
background-color: #FFF5EB;
}
.safety_certificate_fourth_section .left_side_part img {
border-radius: 15px;
}
.safety_certificate_fourth_section .right_side_part .heading_part h2 {
color: var(--text_color_1);
font-size: 40px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
}
.safety_certificate_fourth_section .right_side_part .desciption_part h3 {
color: var(--text_color_1);
font-size: 25px;
font-family: var(--montserrat_semibold);
text-align: start;
margin-bottom: 20px;
margin-top: 20px;
}
.safety_certificate_fourth_section .right_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.safety_certificate_fourth_section .desciption_part .info {
display: flex;
justify-content: start;
}
.safety_certificate_fourth_section .desciption_part .info h4 {
font-family: var(--montserrat_semibold);
padding-right: 60px;
color: var(--text_color_1);
}
.safety_certificate_fourth_section .desciption_part .info p {
color: var(--text_color_3);
font-size: 16px;
font-family: var(--montserrat_regular);
}
.safety_certificate_fourth_section .right_side_part .desciption_part svg {
fill: #00A33E;
display: block;
height: 32px;
width: 32px;
margin-right: 20px;
margin-top: -5px;
}
.safety_certificate_fourth_section .right_side_part .desciption_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
}
.evcharging_first_section {
width: 100%;
position: relative;
overflow: hidden;
}
.evcharging_first_section .heroCard {
position: relative;
overflow: hidden;
width: 100%;
height: 60vh;
}
.evcharging_first_section .swiper {
width: 100%;
height: 100%;
}
.evcharging_first_section .slideGrid {
display: flex;
width: 100%;
min-height: 60vh;
}
.evcharging_first_section .slideLeft,
.evcharging_first_section .slideRight {
flex: 0 0 50%;
max-width: 50%;
}
.evcharging_first_section .slideLeft {
background: var(--bg_color_1);
color: #fff;
padding: 110px 56px 56px 56px;
/* padding: 56px; */
display: flex;
align-items: start;
justify-content: center;
position: relative;
}
.evcharging_first_section .slideLeft .inner {
max-width: 560px;
}
.evcharging_first_section h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
}
.evcharging_first_section .lead {
font-size: 16px;
font-family: var(--montserrat_regular);
}
.evcharging_first_section .lead+.lead {
margin-top: 16px;
}
.evcharging_first_section .cta {
margin-top: 40px;
}
.evcharging_first_section .btn {
background-color: #FF0000;
border: none;
color: var(--text_color_2);
font-size: 18px;
font-family: var(--sofiasans_medium);
padding: 10px 30px;
border-radius: 7px;
}
.evcharging_first_section .slideRight {
position: relative;
overflow: hidden;
height: 100%;
background: var(--bg_color_1);
}
.evcharging_first_section .slideRight img {
width: 100%;
height: 100%;
min-height: 60vh;
object-fit: cover;
object-position: center;
display: block;
}
.evcharging_first_section .tagline_bottom {
font-size: 16px;
font-family: var(--montserrat_regular);
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
@media (max-width: 1400px) {
.evcharging_first_section .heroCard {
height: auto;
}
.evcharging_first_section .swiper,
.evcharging_first_section .swiper-slide {
height: auto;
}
.evcharging_first_section .slideGrid {
flex-direction: column;
min-height: unset;
}
.evcharging_first_section .slideRight {
order: -1;
}
.evcharging_first_section .slideLeft,
.evcharging_first_section .slideRight {
flex: 0 0 100%;
max-width: 100%;
}
.evcharging_first_section .slideRight {
height: 30vh;
min-height: 240px;
}
.evcharging_first_section .slideRight img {
min-height: 0;
}
.evcharging_first_section .slideLeft {
padding: 24px;
height: auto;
}
.evcharging_first_section h1 {
font-size: 28px;
margin-bottom: 16px;
}
.evcharging_first_section .lead {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.evcharging_first_section .slideLeft {
padding: 20px;
}
}
@media (max-width: 992px) {
.evcharging_first_section h1 {
margin-bottom: 10px;
}
.evcharging_first_section .cta {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.evcharging_first_section .slideRight {
height: auto;
min-height: auto;
}
.evcharging_first_section .slideRight img {
height: 100%;
max-height: 360px;
object-fit: cover;
}
}
.evcharging_second_section {
padding: 0;
}
.evcharging_second_section .right_side_part .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.evcharging_second_section .right_side_part .heading_part .title {
font-weight: 600;
color: var(--bg_color_3);
font-size: 22px;
}
.aboutus_first_section {
width: 100%;
background-image: url(../images/about_banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 60vh;
display: flex;
align-items: flex-end;
}
.aboutus_first_section .left_side_part {
padding: 40px;
background-color: var(--bg_color_2);
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
min-height: 40vh;
border-radius: 6px 6px 0 0;
}
.aboutus_first_section .left_side_part h1 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.aboutus_second_section {
padding: 80px 0;
}
.aboutus_second_section .left_side_part {
padding: 40px;
background-color: #F3F5F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
height: 100%;
border-radius: 6px 6px 0 0;
}
.aboutus_second_section .left_side_part h2 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.aboutus_second_section .left_side_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-bottom: 0;
margin-top: 10px;
}
.aboutus_third_section {
padding: 0 0 80px 0;
}
.aboutus_third_section .left_side_part {
padding: 40px;
background-color: #F3F5F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
height: 100%;
border-radius: 6px 6px 0 0;
}
.aboutus_third_section .left_side_part h2 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: clamp(28px, 4.5vw, 60px);
color: var(--text_color_1);
}
.aboutus_third_section .left_side_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 10px;
}
.aboutus_fourth_section {
padding: 80px 0;
}
.aboutus_fourth_section .heading_part h2 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 40px;
color: var(--text_color_1);
}
.aboutus_fourth_section .desc_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 10px;
}
.aboutus_fourth_section .desc_part h5 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 25px 0 20px 0;
font-size: 30px;
color: var(--text_color_1);
}
.terms_condition_first_section {
padding: 80px 0;
}
.terms_condition_first_section .heading_part h2 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 60px;
color: var(--text_color_1);
}
.terms_condition_first_section .heading_part h3 {
text-transform: capitalize;
font-family: var(--montserrat_semibold);
margin: 0 0 30px 0;
font-size: 26px;
color: var(--text_color_1);
}
.terms_condition_first_section .privacy_desc_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 10px;
}
.terms_condition_first_section .aggrment_with_us .title {
color: var(--text_color_1);
font-size: 20px;
font-family: var(--montserrat_semibold);
margin-top: 20px;
margin-bottom: 15px;
}
.terms_condition_first_section .aggrment_with_us p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 0;
margin-bottom: 10px;
}
.terms_condition_first_section .aggrment_with_us p a {
text-decoration: none;
color: var(--text_color_3);
}
.terms_condition_first_section .aggrment_with_us p a:hover {
color: var(--text_color_1);
}
.privacy_policy_first_section {
padding: 80px 0;
}
.privacy_policy_first_section .heading_part h2 {
text-transform: capitalize;
font-family: var(--sofiasans_bold);
margin: 0 0 30px 0;
font-size: 60px;
color: var(--text_color_1);
}
.privacy_policy_first_section .heading_part h3 {
text-transform: capitalize;
font-family: var(--montserrat_semibold);
margin: 0 0 30px 0;
font-size: 26px;
color: var(--text_color_1);
}
.privacy_policy_first_section .heading_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 10px;
}
.privacy_policy_first_section .privacy_policy_desc_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 10px;
}
.privacy_policy_first_section .info_part .title {
color: var(--text_color_1);
font-size: 20px;
font-family: var(--montserrat_semibold);
margin-top: 20px;
margin-bottom: 15px;
}
.privacy_policy_first_section .info_part p {
color: var(--text_color_3);
font-size: 18px;
font-family: var(--montserrat_regular);
margin-top: 0;
margin-bottom: 10px;
}
.privacy_policy_first_section .info_part p a {
text-decoration: none;
color: var(--text_color_3);
}
.privacy_policy_first_section .info_part p a:hover {
color: var(--text_color_1);
}