Doormile/doormile-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

080526 how it works updated

Browse Source
This commit is contained in:
Kishore Kumar C
2026-05-08 17:30:37 +05:30
parent 3b51612495
commit e7e38bca75
11 changed files with 4355 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
how-it-works.php
View File

@@ -6,13 +6,13 @@ include 'includes/layout/head.php'; ?>
</head>
<style>
/* Center-align content and text for the How It Works page slider */
.elementor-59 .logico-content-slider-widget .slide-content {
.logico-content-slider-widget .slide-content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
.elementor-59 .logico-content-slider-widget .slide-content-inner {
.logico-content-slider-widget .slide-content-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
@@ -20,15 +20,161 @@ include 'includes/layout/head.php'; ?>
text-align: center !important;
width: 100% !important;
}
.elementor-59 .logico-content-slider-widget .content-slider-item-heading,
.elementor-59 .logico-content-slider-widget .content-slider-item-text,
.elementor-59 .logico-content-slider-widget .content-slider-item-buttons {
.logico-content-slider-widget .content-slider-item-heading,
.logico-content-slider-widget .content-slider-item-text,
.logico-content-slider-widget .content-slider-item-buttons {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
justify-content: center !important;
}
@media (min-width: 1025px) and (max-width: 1440px) {
body.elementor-page-59 {
overflow-x: hidden;
}
.elementor-element.elementor-element-741f56c {
--padding-top: 18px !important;
--padding-bottom: 18px !important;
--padding-left: 18px !important;
--padding-right: 18px !important;
}
.elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item {
height: 680px !important;
}
.elementor-element.elementor-element-6c7cbcb .slide-content-inner {
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
font-size: clamp(50px, 5vw, 68px) !important;
line-height: 1.12 !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
font-size: 18px !important;
line-height: 1.65 !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text .text-content {
max-width: 640px !important;
}
.elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
margin-right: 70px !important;
margin-left: 30px !important;
}
.elementor-element.elementor-element-c36a604 {
--padding-top: 110px !important;
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-b147420 {
--flex-direction: column !important;
--container-widget-width: 100% !important;
--container-widget-height: initial !important;
--container-widget-flex-grow: 0 !important;
--container-widget-align-self: initial !important;
--flex-wrap-mobile: wrap !important;
width: 100% !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-5bc90f3,
.elementor-element.elementor-element-3ea6309 {
--width: 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-63a9de5 {
width: 100% !important;
max-width: 960px !important;
}
.elementor-element.elementor-element-63a9de5 .logico-title {
font-size: clamp(42px, 4.4vw, 58px) !important;
line-height: 1.12 !important;
max-width: 960px !important;
}
.elementor-element.elementor-element-77d1265 {
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-4add972 {
--e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
--gap: 44px 36px !important;
--row-gap: 44px !important;
--column-gap: 36px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.elementor-element.elementor-element-4add972 .mile-box {
padding: 34px 24px !important;
min-width: 0 !important;
}
.elementor-element.elementor-element-4add972 .elementor-icon {
font-size: 104px !important;
}
.elementor-element.elementor-element-4add972 .elementor-icon svg {
height: 104px !important;
max-width: 100% !important;
}
.elementor-element.elementor-element-4add972 .logico-title {
font-size: 20px !important;
line-height: 1.25 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.elementor-element.elementor-element-4add972 p {
font-size: 15px !important;
line-height: 1.55 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.dm-step-card {
margin: 12px !important;
padding: 28px !important;
}
.dm-step-card__title {
font-size: 22px !important;
}
.elementor-element.elementor-element-88745f4,
.elementor-element.elementor-element-5041fcc {
--padding-left: 24px !important;
--padding-right: 24px !important;
}
.elementor-element.elementor-element-4c3e632 {
--gap: 32px 48px !important;
--column-gap: 48px !important;
}
.elementor-element.elementor-element-2d7c3ee {
--gap: 36px 32px !important;
--row-gap: 36px !important;
--column-gap: 32px !important;
}
}
</style>
<body
@@ -44,6 +190,7 @@ include 'includes/layout/head.php'; ?>
<div data-elementor-type="wp-page" data-elementor-id="59" class="elementor elementor-59">
<?php include 'includes/sections/hero/howits-hero-section.php';?>
<?php include 'includes/sections/miles/miles3.php';?>
<?php include 'includes/sections/miles/doormile-way.php'; ?>
<?php include 'includes/layout/footer.php'; ?>