@charset "utf-8";
 * {
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
img {
max-width: 100%;
}
body {
font-family: 'Poppins', sans-serif; font-size: 16px;
line-height: 28px;
color: #000;
}
a {
text-decoration: none;
color: #008ffd;
}
a:hover {
color: #008ffd;
}
.btn {
border-radius: 5px;
font-weight: 400;
}
.btn:hover {
box-shadow: 0px 7px 10px #00000069;
}
.btn-warning,
.btn-warning:hover {
color: #1b1919;
background-color: #ffc936;
border-color: #ffc936;
}
.btn-primary {
color: #000;
background-color: #fec449;
border-color: #fec449;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.btn-primary:hover {
color: #fff;
background-color: #000;
border-color: #000;
}
.btn-group-lg>.btn,
.btn-lg {
padding: .75rem 1.8rem;
}
.btn-outline-primary {
color: #008ffd;
border-color: #008ffd;
}
.btn-outline-primary:hover {
background: #008ffd;
}
h1,
h2 {
font-size: 40px;
line-height: 50px;
color: #000;
font-weight: 600;
}
h1 span,
h2 span,
h4 span {
color: #f8ad07;
}
h5 {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
h3 {
font-weight: 600;
}
h4 {
font-size: 25px;
line-height: 32px;
font-weight: 600;
}
.font-22 {
font-size: 22px !important;
line-height: 33px;
}
.toplft-btn {
font-weight: 400;
padding: 10px 25px;
max-width: 160px;
border-radius: 0px;
}
.toplft-btn:hover {
color: #fff;
box-shadow: 0px 5px 5px #00000021;
}
.top-left-contact {
text-align: right;
}
.top-left-contact a {
color: #000;
font-weight: 500;
font-size: 16px;
display: block;
}
a.formail {
color: #008ffd !important;
margin: 0 !important;
}
a.formail:hover {
text-decoration: underline;
}
.fixed-top {
background: #fff;
box-shadow: 0px 5px 5px #00000021;
padding: 0px !important;
}
.navbar-expand-lg.container-fluid {
padding-right: 0px;
padding-left: 15px;
}
#masthead .navbar {
background: #fff !important;
box-shadow: 0px 5px 5px #cccccc38;
}
.footer .top-left-contact {
text-align: left;
word-break: break-word;
}
.link-sign-in {
display: inline-block;
margin: 0 15px;
color: #1b1919; font-weight: 600;
}
.link-sign-in:hover {
color: #008ffd;
}
.btn-success,
.btn-success:hover {
color: #fff;
background-color: #298EEC;
border-color: #298EEC;
}
.top-socal a {
color: #88888a;
font-size: 24px;
margin: 0 0 0 10px;
}
.navbar-light .navbar-nav .nav-link {
color: #000;
font-size: 17px;
font-weight: 400;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
color: #008ffd;
}
.dropdown-toggle::after {
content: "\f107" !important;
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
margin-left: .255em;
vertical-align: 0;
border-top: 0em solid !important;
border-right: 0em solid transparent !important;
border-bottom: 0 !important;
border-left: 0em solid transparent !important;
} .site-header {
z-index: 1000;
position: inherit;
width: 100%;
left: 0;
top: 0;
background: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: fixed;
left: 0;
width: 100%;
background: rgb(246, 246, 246);
background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
top: 68px;
overflow: hidden;
border-radius: 0;
z-index: 1000;
border: 0 none;
padding: 0px 60px;
box-shadow: 0px 15px 20px 0px #0000002e;
border-top: 1px solid #e3e3e3;
}
.fixed-top.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 68px;
}
.left-menu {
border-right: 1px solid #CACACA;
padding: 20px 60px 0 0;
margin: 0 60px 0 0;
}
.industries-menu .left-menu {
border-right: 0px;
}
.tag-outline {
display: inline-block;
border: 1px solid #00a8fe;
padding: 5px 15px;
font-size: 12px;
margin: 0 0 25px;
border-radius: 50px;
line-height: 1.2;
color: #00a8fe;
}
.dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.dropdown-menu ul li {
border-bottom: 0px solid #d9d9d9;
padding-bottom: 15px;
margin-bottom: 10px;
}
.dropdown-menu ul li:last-child {
border-bottom: 0 none;
}
.dropdown-menu ul li a h2 {
font-style: normal;
font-weight: 500;
color: #000;
font-size: 16px;
line-height: 20px;
margin: 0 0 5px;
}
.dropdown-menu ul li a:hover h2 {
color: #008ffd;
}
.dropdown-menu ul li a p {
font-size: 13px;
line-height: 18px;
color: #727272;
margin: 0;
}
.dropdown-menu ul.single-menu li a {
position: relative;
color: #000;
display: block;
transition: all 0.1s ease-in-out;
font-size: 17px;
font-weight: 500;
line-height: auto;
padding-left: 40px;
}
.dropdown-menu ul.single-menu li a::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/arrow-right-blue.png) 0 50% no-repeat;
width: 18px;
height: 13px;
background-size: 100%;
position: absolute;
top: 8px;
left: 0;
transition: all 0.1s ease-in-out;
opacity: 0;
display: none;
}
.dropdown-menu ul.single-menu li a:hover {
color: #008ffd;
transition: all 0.1s ease-in-out;
}
.dropdown-menu ul.single-menu li a:hover::after {
opacity: 1;
}
.dropdown-menu ul.single-menu li a img {
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
}
.dropdown-menu .left-menu ul li {
padding-bottom: 10px;
margin-bottom: 0px;
}
.dropdown-menu h3.header-border {
font-size: 19px;
line-height: 22px;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 2px solid #298EEC;
font-weight: 700;
}
.right-menu-box-inner h4 {
font-size: 16px;
font-weight: 600;
position: relative;
margin-left: 40px;
line-height: 25px;
padding-bottom: 10px;
margin-bottom: 11px;
border-bottom: 1px solid #cccc;
}
.right-menu-box-inner h4 img {
position: absolute;
top: 5px;
left: -36px;
}
.right-menu-box-inner ul.single-menu {
padding-left: 40px;
}
.right-menu-box-inner ul.single-menu li a {
font-size: 14px;
line-height: 18px;
padding-left: 0px;
}
.right-menu-box-inner ul.single-menu li {
padding-bottom: 2px;
}
.right-menu-box-inner {
margin-bottom: 30px;
}
.industries-menu .right-menu {
padding-top: 20px;
}
.dropdown-menu .industries-menu .left-menu ul li {
padding-bottom: 10px;
margin-bottom: 15px;
} .dropdown-menu ul li .nav-link.active h2,
.dropdown-menu ul li .show>.nav-link h2 {
color: #298EEC;
}
.dropdown-menu .nav-pills .nav-link {
padding-left: 0;
padding-right: 0px;
}
.dropdown-menu .nav-pills .nav-link.active,
.dropdown-menu .nav-pills .show>.nav-link {
background: none;
}
.navbar-light .navbar-nav .dropdown-menu .nav-link:hover:before {
display: none;
}
.dropdown-menu a.right-top-head h2 {
font-size: 24px;
max-width: 48%;
line-height: 30px;
}
.dropdown-menu a.right-top-head {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px 0 5px 0;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
.dropdown-menu a.right-top-head .blue-ban-btn {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #298EEC;
}
.dropdown-menu a.right-top-head .btn {
padding: 14px 75px 14px 11px;
font-size: 16px;
font-weight: 400;
transition: 0.3s ease-in-out;
}
.navbar-light .navbar-nav .nav-link {
color: #000000;
position: relative;
}
.navbar-light .navbar-nav .nav-link.show:before,
.navbar-light .navbar-nav .nav-link:hover:before {
width: 100%;
height: 3px;
background-color: #298EEC;
content: "";
bottom: 0px;
left: 0px;
right: 0px;
display: inline-block;
position: absolute;
}
.dropdown-toggle::after {
display: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.small {
position: absolute;
left: 0;
width: 100%;
top: 54px;
border-radius: 0;
z-index: 1000;
padding: 20px;
min-width: 200px;
}
.dropdown-menu ul.single-menu-small li a {
color: #000;
font-size: 16px;
line-height: 20px;
display: block;
}
.dropdown-menu ul.single-menu-small li a:hover {
color: #298EEC;
}
.dropdown-menu ul.single-menu-small li:last-child {
padding-bottom: 0;
margin-bottom: 0;
} .top-footer a {
font-size: 15px;
line-height: 20px;
color: #3b3b3b;
display: block;
margin-bottom: 15px;
}
.top-footer a:hover {
color: #008ffd;
}
.top-footer .top-left-contact a {
font-size: 18px;
line-height: 30px;
margin-bottom: 0px;
color: #000;
}
.top-footer .top-left-contact a:hover {
text-decoration: underline;
}
.top-footer .top-socal a {
color: #88888a;
font-size: 24px;
margin: 0px;
display: inline-block;
}
.footer-address {
border-top: 3px solid #000000;
background-color: #fff;
}
.copy-right span a {
display: inline-block;
margin: 0 0px 0 0;
}
.copy-right a:hover {
text-decoration: underline;
}
.top-footer sup {
color: #008ffd;
font-weight: 500;
text-transform: capitalize;
font-size: 18px;
line-height: 25px;
}
.f-map-box p {
font-size: 15px;
line-height: 20px;
}
.f-map-box h5 {
font-weight: 600;
}
.copy-right {
background: #fff;
}
.f-map-box {
padding: 0px 15px;
position: relative;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
margin: 20% 0;
border-right: 1px solid #EDEDED;
height: 75%;
}
.f-map-box .f-email-box {
opacity: 0;
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #ffbd0d;
border-top: 3px solid #fff;
border-radius: 0 0 20px 20px;
padding: 40px 12px 0;
background-color: #fff;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
.f-map-box .f-email-box:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-top: 3px solid #ffbd0d;
border-left: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 20px 0px 0 0;
top: -3px;
right: -50px;
z-index: 1;
}
.f-map-box .f-email-box:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
border-top: 3px solid #ffbd0d;
border-right: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 0px 20px 0 0;
top: -3px;
left: -50px
}
.f-map-box .f-email-box .f-box-white:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-color: #fff;
top: -3px;
right: -50px;
}
.f-map-box .f-email-box .f-box-white:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
background-color: #fff;
top: -3px;
left: -50px
}
.f-map-box:hover .f-email-box {
opacity: 1;
}
.f-map-box .top-left-contact {
max-width: 100%;
font-size: 13px;
word-break: break-word;
}
.f-email-box .btn {
font-size: 13px;
margin-left: 5%;
}
.f-email-box .btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
box-shadow: none;
}
.f-email-box .btn img {
width: 10px;
}
.f-email-box .btn i {
margin: 0 0 0 5px;
display: inline-block;
font-size: 18px;
}
.copy-right span {
font-size: 14px;
line-height: 18px;
}
.sec-padding {
padding: 100px 0;
}
.features-padding {
padding: 60px 0 120px 0;
}
section.inner-banner.inner-banner-faq {
padding: 1.2rem 0;
}
section.inner-banner.inner-banner-faq h1 {
margin: 1rem 0;
}
.modal-body {
padding: 2rem 3rem;
}
.modal-body .btn-wrap-center {
text-align: center;
margin: 0;
display: inline-block;
width: 100%;
}
.modal-body p.sub-heading {
font-size: 18px;
line-height: 25px;
margin-bottom: 1rem;
}
.modal-body .heading-center {
margin-bottom: 0 !important;
}
.modal-body button.btn-agreed {
color: #fff;
background-color: #008ffd;
border-color: #008ffd;
font-size: 21px;
line-height: 30px;
padding: 0.75rem 1.8rem;
position: relative;
}
.footer {
background-color: #292733;
padding: 60px 0 0 0;
}
.footer .flag-text {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}
.footer h5 {
color: #000;
margin-left: 12px;
}
.footer .top-footer h5 {
color: #fec449;
margin-left: 0;
margin-bottom: 25px;
}
.footer .right-foot a {
color: #cacaca;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #76757d;
padding: 10px 0 10px 0;
min-height: 69px;
display: block;
}
.footer .right-foot a:hover {
color: #fff;
}
.foter-left a {
padding: 0;
margin: 0;
border: 0px;
min-height: auto;
}
.foter-left {
background-color: #fff;
border-radius: 20px;
padding: 30px;
}
.footer .right-foot a:last-child {
border: 0px;
}
.foter-left hr {
border: 1px solid #000;
}
.foter-left img {
max-height: 83px;
}
.foter-left .d-flex.justify-content-start.align-items-center img {
max-height: 100px;
}
.home-v2 .banner-part.next-step .banner-part-head {
margin: 0 0 40px 0;
}
.home-v2 .banner-part.next-step .banner-part-head h2 {
color: #fff;
font-size: 40px;
}
.home-v2 .banner-part.next-step .banner-part-content p {
font-size: 24px;
font-weight: 400;
color: #fff;
line-height: normal;
}
.home-v2 .banner-part.next-step { background-color: #172029;
}
.home-v2 .industries {
background-color: #292733;
padding: 0px 0;
color: #fff;
}
.home-v2 .industries h2 {
color: #fff;
margin-bottom: 50px;
}
.home-v2 .industries h5 {
font-weight: 500;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #fff;
min-height: 90px;
}
.home-v2 .ind-padd {
padding: 70px 0;
}
.home-v2 .industries .color-blk {
background-color: #2E2C38;
}
.home-v2 .industries a {
color: #fff;
padding: 10px 0;
display: block;
border-bottom: 1px solid #6f6f6f;
}
.home-v2 .industries br {
display: none;
}
.industries a:hover {
color: #adadad;
} .home-v2 .banner-part {
padding: 65px 0 85px 0;
text-align: left;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/banner-master-v2.jpg) top center no-repeat;
background-size: cover;
}
.home-v2 .banner-part .banner-part-head h1 {
color: #fff;
font-size: 60px;
font-weight: 800;
margin: 0;
line-height: 1.2;
}
.home-v2 .banner-part .banner-part-head h1 span {
font-size: 50px;
font-weight: 600;
color: #fdc458;
display: block;
}
.home-v2 .banner-part .banner-part-head {
margin: 0 0 60px 0;
}
.home-v2 .banner-part .banner-part-content {
margin: 0 0 60px 0;
}
.home-v2 .banner-part .banner-part-content p {
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: normal;
}
.home-v2 .banner-part .banner-part-content p span {
color: #fdc458;
font-weight: 600;
}
.banner-part-btn {
display: flex;
align-items: center;
gap: 20px;
}
.banner-part-btn .btn {
padding: 14px 75px 14px 11px;
font-size: 16px;
font-weight: 600;
transition: 0.3s ease-in-out;
}
.banner-part-btn .white-ban-btn { background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-black-right.svg) center right 22px no-repeat;
background-size: 20px; background-color: #deab40;
border: 2px solid #deab40 !important;
color: #000;
}
.banner-part-btn .blue-ban-btn {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #298EEC;
}
.banner-part-btn .white-ban-btn:hover {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat; transition: 0.3s ease-in-out; background-color: #000000;
border: 2px solid #deab40 !important;
color: #deab40;
}
.banner-part-btn .blue-ban-btn:hover {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-black-right.svg) center right 15px no-repeat;
background-color: #fff;
transition: 0.3s ease-in-out;
color: #000;
}
.home-v2 .banner-part-btn br {
display: none;
}
.banner-part-btn.banner-logo-part {
gap: 10px;
border: 1px solid #44535b;
padding: 20px 10px 10px 10px;
width: 90%;
justify-content: space-around;
background: #112027;
position: relative;
}
.banner-part-btn.banner-logo-part:before {
position: absolute;
font-size: 12px;
color: #000000;
top: -17px;
left: 8px;
padding: 0px 10px;
background-color: #fff;
font-weight: 600;
text-transform: uppercase;
content: "Awarded by";
line-height: 20px;
}
.home-v2.cmms-software .banner-part-btn.ban-rsp-100.banner-logo-part img {
height: 90px;
}
.home-v2 .carousal-v2 { padding: 54px 0 18px 0;
}
.home-v2 .carousal-head p {
font-size: 18px;
font-weight: 400;
color: #000;
line-height: normal;
}
.home-v2 .carousal-head {
margin: 0 0 40px 0;
}
p:empty {
display: none;
}
.home-v2 .carousal-body {
border-radius: 15px;
border: 1px solid #EDEDED;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(181, 181, 181, 0.25);
overflow: hidden;
margin-bottom: 5px;
margin-bottom: 5%;
height: 67%;
cursor: pointer;
}
.home-v2 .carousal-body-img {
width: 100%;
height: 173px;
}
.home-v2 .carousal-body-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.home-v2 .carousal-body-txt {
padding: 20px 20px 33px 20px;
height: 70%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-v2 .carousal-body-txt h3 {
font-size: 18px;
font-weight: 600;
line-height: normal;
margin: 0 0 15px 0;
text-align: left;
}
.home-v2 .carousal-body-txt p {
font-size: 16px;
font-weight: 400;
color: #000;
line-height: normal;
margin: 0 0 0px 0;
text-align: left;
}
.home-v2 .carousal-body-txt.home-para-none p {
display: none;
}
.home-v2 .carousal-body-txt div p {
margin: 0 0 35px 0;
}
.home-v2 .blue-carousal-btn {
padding: 14px 45px 14px 11px;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
background-color: #298EEC;
border-radius: 5px;
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 0 auto;
display: block;
}
.home-v2 .carousal-v2 .owl-nav {
text-align: right;
}
.home-v2 .carousal-v2 .owl-nav .owl-prev {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/NavButtonLeft.svg);
background-size: 28px;
margin: 0 5px;
width: 28px;
height: 28px;
}
.home-v2 .carousal-v2 .owl-nav .owl-next {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/NavButtonRight.svg);
background-size: 28px;
margin: 0 5px;
width: 28px;
height: 28px;
}
.home-v2 .carousal-v2 .owl-nav button span {
font-size: 0;
}
.home-v2 .key-feature-sec {
padding: 60px 0 70px 0;
}
.home-v2 .key-feature-sec-head {
margin: 0 0 50px 0;
}
.home-v2 .gray-in-bg {
background-color: #F4F4F4;
}
.home-v2 .key-feature-sec-tab .nav-tabs {
flex-direction: column;
border-bottom: none;
border-right: 2px solid #C7C7C7;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button {
text-align: left;
border: none;
background-color: transparent;
padding: 0px 40px 23px 0;
border-radius: 0;
font-size: 16px;
font-weight: 400;
line-height: normal;
color: #000;
width: 100%;
}
.home-v2 .key-feature-sec.use-case-sec .key-feature-sec-tab .nav-tabs li button {
width: 90%;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button.active {
position: relative;
font-weight: 600;
color: #298EEC;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button.active::after {
width: 4px;
height: 100%;
background-color: #298EEC;
position: absolute;
top: 0;
right: -3px;
content: "";
}
.home-v2 .yel-feature-btn {
padding: 14px 75px 14px 11px;
font-size: 16px;
font-weight: 600;
border-radius: 5px;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-black-right.svg) center right 15px no-repeat;
background-color: #F5AE12;
text-align: left;
margin-right: 30px;
margin-top: 20px;
}
.home-v2 .yel-feature-btn:hover {
background-color: #F5AE12;
}
.home-v2 .key-feature-sec-body {
padding-left: 20px;
}
.home-v2 .key-feature-sec-body h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
}
.home-v2 .key-feature-sec-body p {
font-size: 15px;
color: #000;
line-height: normal;
font-weight: 400;
margin-bottom: 20px;
}
.home-v2 .idea-box {
border-radius: 10px;
border: 1px solid #F4F4F4;
background: #FFF;
padding: 25px 25px 34px 25px;
height: 100%;
}
.home-v2 .idea-box h4 {
font-size: 18px;
font-weight: 600;
margin: 0 0 20px 0;
}
.home-v2 .idea-box p {
font-size: 15px;
font-weight: 400;
line-height: normal;
}
.home-v2 .feature-img img {
max-width: 100%;
border-radius: 10px;
}
.home-v2 .idea-box h4 img {
margin-right: 10px;
}
.home-v2 .use-case-sec .nav-tabs {
flex-direction: row;
border-right: none;
border-bottom: 2px solid #C7C7C7;
flex-wrap: nowrap;
margin-bottom: 40px;
}
.home-v2 .use-case-sec .nav-tabs li button.active::after {
width: 100%;
height: 4px;
bottom: 0;
top: auto;
}
.home-v2 .use-case-sec .nav-tabs li button {
padding: 14px 0px 24px 0;
margin-right: 30px;
}
.home-v2 .use-case-sec .nav-tabs li:last-child button {
margin-right: 0;
}
.home-v2 .use-case-sec .key-feature-sec-body {
padding-left: 0;
}
.home-v2 .use-case-sec .key-feature-sec-head {
margin: 0 0 20px 0;
}
.home-v2 .brd-1 {
border: 1px solid #C7C7C7;
}
.home-v2 .brd-1-h:hover {
border: 1px solid #C7C7C7;
}
.home-v2 .intregation-box {
border: 1px solid rgba(181, 181, 181, 0.25);
background: #FFF;
padding: 20px;
position: relative;
margin: 7px 0;
height: 97%;
}
.home-v2 .intregation-box a {
position: absolute;
top: 15px;
right: 15px;
}
.home-v2 .intregation-box a img {
max-width: 100%;
}
.home-v2 .intregation-box p {
font-size: 15px;
color: #000;
line-height: normal;
font-weight: 400;
margin-bottom: 0px;
margin-top: 15px;
}
.home-v2 .intregation-box-all {
max-height: 676px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: scroll;
}
.home-v2 .product-box {
border-radius: 15px;
border: 1px solid #EDEDED;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(181, 181, 181, 0.25);
padding: 26px 22px 36px 22px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-v2 .product-box p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin: 0 0 0px 0;
color: #000;
}
.home-v2 .product-box p span.quote {
color: #000;
font-size: 30px;
margin-right: 5px;
}
.home-v2 .product-box h4 {
font-size: 18px;
font-weight: 600;
margin: 0 0 5px 0;
color: #000;
}
.home-v2 .product-box p span {
color: #C0C0C0;
font-size: 16px;
font-weight: 400;
}
.home-v2 .product-box p img {
max-width: 100%;
margin: 10px 0 10px 0;
display: block;
}
.home-v2 .owl-item .product-box p img {
max-width: 20%;
}
.home-v2 .owl-item .product-box p br {
display: none;
}
.home-v2 .owl-item .product-box p:last-child {
margin-bottom: 0;
}
#carousal-two {
padding-top: 0;
padding-bottom: 0;
}
#carousal-two .owl-stage {
margin-bottom: 30px;
}
.mx-70 {
max-width: 70% !important;
} .simple-assect-sec {
background-color: #172029;
padding: 57px 0 60px 0;
}
.simple-assect-sec h2 {
font-size: 30px;
font-weight: 700;
color: #fff;
text-align: center;
margin: 0 0 58px 0;
}
.simple-assect-sec h2 span {
color: #FFC74B;
}
.link-section ul {
padding: 0;
margin: 0;
list-style: none;
}
.link-section ul li {
list-style: none;
display: flex;
align-items: center;
gap: 25px;
vertical-align: middle;
} .link-section ul.right-line li {
justify-content: end;
}
.link-section ul.left-line li {
justify-content: start;
}
.link-section ul.right-line li a {
text-align: right;
}
.link-section ul li a {
font-size: 18px;
font-style: normal;
font-weight: 600;
color: #fff;
padding: 15px 0;
position: relative;
transition: 0.3s ease-in-out;
}
.link-section ul.right-line li a::after {
position: absolute;
content: "";
width: 60%;
height: 2px;
background: rgba(166, 166, 166, 0.25);
bottom: 2px;
right: 0;
transition: 0.3s ease-in-out;
}
.link-section ul.left-line li a::after {
position: absolute;
content: "";
width: 60%;
height: 2px;
background: rgba(166, 166, 166, 0.25);
bottom: 2px;
left: 0;
transition: 0.3s ease-in-out;
}
.link-section ul li a:hover::after {
width: 100%;
transition: 0.3s ease-in-out;
}
.management-section h2 {
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
}
.management-section p {
font-size: 18px;
font-weight: 400;
margin-bottom: 22px;
color: #000;
}
.management-section ul {
position: relative;
}
.management-section ul.reduce li {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 28px !important;
color: #000 !important;
padding: 0 0 0 32px;
margin-bottom: 15px;
}
.management-section ul.reduce li:before {
background-color: #000 !important;
top: 7px;
}
.management-section ul.reduce {
margin-bottom: 40px;
}
.home-v2 .owl-item .product-box img {
max-width: 20%;
margin: 10px 0 10px 0;
}
.home-v2 .carousal-body-txt p br {
display: none;
}  .home-v2 .banner-part {
padding: 61px 0 85px 0;
text-align: left;
background: none;
position: relative;
overflow: hidden;
}
.banner-part .video-background-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.8;
z-index: 1;
}
.home-v2 .banner-part video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.home-v2 .banner-part .container {
position: relative;
z-index: 1;
}
.home-v2 .normal-grid .carousal-body-img {
height: 200px;
position: relative;
width: 100%;
}
.home-v2 .normal-grid .carousal-body {
height: 100%;
width: 100%;
position: relative;
}
.home-v2 .normal-grid .carousal-body a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.home-v2 .row.normal-grid .ost-box {
padding-top: calc(var(--bs-gutter-x)* .5);
padding-bottom: calc(var(--bs-gutter-x)* .5);
}
.home-v2 .normal-grid .carousal-body-img::after {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #ffffff00 20%, #000000 100%);
content: "";
z-index: 0;
top: 0;
left: 0;
}
.home-v2 .normal-grid .carousal-body-txt {
margin-top: -80px;
height: auto;
z-index: 1;
position: relative;
padding: 0 15px;
}
.home-v2 .normal-grid .carousal-body-txt div h3 {
color: #fff;
margin: 0;
font-size: 16px;
line-height: normal;
}
.mfg-landing.fsm-landing .carousel-inner {
padding-bottom: 10px;
} .industries-page .industry-carousal-inner {
width: 100%;
height: 300px;
border-radius: 15px;
border: 1px solid #EDEDED;
overflow: hidden;
position: relative;
z-index: 0;
box-shadow: 0px 4px 4px 0px rgba(181, 181, 181, 0.25);
}
.industries-page .industry-carousal-inner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.industries-page .industry-carousal-overlay {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #ffffff00 20%, #000000 100%);
content: "";
z-index: 0;
top: 0;
left: 0;
}
.industries-page .industry-carousal-inner h3 {
font-size: 18px;
color: #fff;
font-weight: 600;
position: absolute;
left: 15px;
bottom: 15px;
}
.industries-page #carousal-three .owl-stage-outer {
margin-bottom: 30px;
}
.industries-page .black-tab {
background: #172029;
box-shadow: 0px 4px 4px 0px rgba(209, 209, 209, 0.25);
}
.industries-page .black-tab .key-feature-sec-head h2 {
font-size: 30px;
font-weight: 700;
color: #fff;
}
.industries-page .black-tab .key-feature-sec-head h2 span {
color: #FFC74B;
}
.industries-page .black-tab .key-feature-sec-head p {
font-size: 18px;
font-weight: 400;
color: #b3b3b3;
}
.industries-page .black-tab .key-feature-sec-head {
margin-bottom: 35px !important;
}
.home-v2.industries-page .black-tab .key-feature-sec-tab .nav-tabs li button {
color: #fff;
}
.home-v2.industries-page .black-tab .key-feature-sec-body p {
color: #fff;
}
.home-v2.industries-page .black-tab .management-section ul.reduce li {
color: #fff !important;
}
.home-v2.industries-page .black-tab .management-section ul.reduce li:before {
background-color: #FFC74B !important;
}
.home-v2 .use-case-sec .nav-tabs li {
width: 100%;
}
.home-v2.industries-page .black-tab .key-feature-sec-tab .nav-tabs li button,
.home-v2 .black-tab .key-feature-sec-body p {
font-size: 18px;
}
.home-v2.industries-page .key-feature-sec-tab .nav-tabs li button.active::after {
right: 0 !important;
}
.home-v2.industries-page .carousal-v2 {
padding: 50px 0 50px 0 !important;
}
.industries-page #carousal-two {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.industries-page .industry-carousal-inner a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .key-feature-sec-mob .accordion-button:not(.collapsed) {
color: #fff;
background-color: #298EEC;
border-radius: 0px;
font-weight: 500;
padding: 10px;
text-align: center;
justify-content: center;
}
.key-feature-sec-mob .accordion-item br,
.key-feature-sec-mob .accordion-button:after {
display: none;
}
.key-feature-sec-mob .accordion-body {
font-size: 13px;
line-height: 20px;
}
.key-feature-sec-mob button.accordion-button.collapsed {
background: #e7e7e7;
color: #000;
font-weight: 500;
padding: 10px;
text-align: center;
justify-content: center;
}
.key-feature-sec-mob .accordion-item,
.key-feature-sec-mob button.accordion-button {
border-bottom: 1px solid #ababab;
}
.key-feature-sec-mob a.accordion-button-last {
padding: 10px;
display: flex;
justify-content: center;
font-size: 16px;
background-color: #dbdbdb;
border-bottom: 1px solid #adadad;
}
.key-feature-sec-mob {
background: #ededed;
padding: 10px 0;
}
.key-feature-sec-mob .accordion-body a {
display: block;
}
.industry-sec-mob .industry-sec {
padding: 25px 0 40px 0;
background: #292733;
box-shadow: 0px 4px 4px 0px rgba(194, 194, 194, 0.25);
}
.industry-sec-mob .industry-sec h2 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 15px;
}
.industry-sec-mob .industry-box {
display: flex;
gap: 18px;
align-items: center;
margin: 10px 0;
}
.industry-sec-mob .industry-txt span {
font-size: 12px;
font-weight: 500;
line-height: normal;
color: #fff;
text-align: left;
}
.industry-sec-mob .industry-img {
width: 15%;
}
.industry-sec-mob .intregation-sec {
background: rgba(206, 206, 206, 0.25);
box-shadow: 0px 4px 4px 0px rgba(194, 194, 194, 0.25);
padding: 25px 0 50px 0;
}
.industry-sec-mob .intregation-sec h2 {
font-size: 18px;
font-weight: 600;
color: #000;
text-align: left;
margin-bottom: 15px;
}
.industry-sec-mob .intregation-img {
font-size: 15px;
font-weight: 600;
color: #fff;
padding: 25px 0px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 10px 0;
}
.industry-sec-mob .intregation-img h3 {
font-size: 14px;
font-weight: 600;
color: #fff;
margin: 0;
}
.industry-sec-mob .inter-img-1 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-1.png) top center no-repeat;
background-size: cover;
}
.industry-sec-mob .inter-img-2 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-2.png) top center no-repeat;
background-size: cover;
}
.industry-sec-mob .inter-img-3 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-3.png) top center no-repeat;
background-size: cover;
}
.industry-sec-mob .inter-img-4 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-4.png) top center no-repeat;
background-size: cover;
}
.industry-sec-mob .inter-img-5 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-5.png) top center no-repeat;
background-size: cover;
}
.industry-sec-mob .inter-img-6 {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/inte-6.png) top center no-repeat;
background-size: cover;
}
ul.use-case-mob {
padding: 0;
display: flex;
flex-direction: row;
overflow: auto;
flex-wrap: nowrap;
}
ul.use-case-mob li h5 {
font-size: 16px;
line-height: 20px;
width: 60%;
margin-top: 9px;
}
ul.use-case-mob li {
min-width: 300px;
margin-right: 10px;
list-style: none;
}
.industry-sec-mob p {
display: none;
} section.industry-carousal.carousal-v2.gray-in-bg {
display: none;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle {
padding-bottom: 18px;
padding-top: 20px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.small {
top: 65px;
} .video-modal-box .btn-close {
position: absolute;
top: 0px;
right: -59px;
z-index: 1;
padding: 18px;
background-color: #efa631;
opacity: 1;
background-size: 29px;
}
.video-modal-box .modal-content {
background-color: #000;
} .home-v2 .banner-part img.m-video-img {
display: none;
} .btn-success {
color: #000;
background-color: #fec449;
border-color: #fec449;
transition: 0.3s ease-in-out;
}
.btn-success:hover {
color: #fff;
background-color: #000;
border-color: #000;
transition: 0.3s ease-in-out;
}
.toplft-btn {
padding: 14px 15px;
max-width: 165px;
margin-right: 9px;
border-radius: 5px;
font-weight: 600;
}
.banner-part-btn .white-ban-btn:hover {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
color: #fff;
background-color: #000;
transition: 0.3s ease-in-out;
}
.banner-part-btn .blue-ban-btn,
.dropdown-menu a.right-top-head .blue-ban-btn {
color: #000;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-black-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #fec449;
transition: 0.3s ease-in-out;
}
.banner-part-btn .blue-ban-btn:hover,
.dropdown-menu a.right-top-head .blue-ban-btn:hover {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
background-color: #000;
transition: 0.3s ease-in-out;
}
h3.product-txt {
background: #0770b7;
color: #fff;
}
.banner-part-btn .btn {
font-weight: 500;
}
.navbar-light .navbar-nav .nav-link {
font-weight: 500;
}
.banner-part-btn .blue-ban-btn.border-hover:hover {
color: #fec449;
border: 1px solid #fec449;
}
.eam-total .management-section ul.reduce li:before {
font: normal normal normal 17px / .9 FontAwesome;
content: "\f00c";
background: #00000000 !important;
color: #119b50;
}
.home-v2 .yel-feature-btn {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
background-color: #008ffd;
text-align: left;
margin-right: 30px;
margin-top: 20px;
color: #fff;
}
.home-v2 .yel-feature-btn:hover {
background-color: #000;
} .support-logo-top.list-section {
background: #fff;
}
.support-logo-top.list-section .list-section-contain a img {
max-height: 83px;
}
.d-support-icon {
display: flex;
justify-content: space-around;
}
.d-support-icon .contact-info-text i {
color: #4CAF50;
}
.d-support-icon .contact-info-text {
margin: 1rem 0 0;
color: #000;
background-color: #ecf5e2;
padding: 0px 10px;
font-size: 13px;
}
ul.integration-logo-list-box.schedule-logo-box li {
margin: 1.5rem;
}
ul.integration-logo-list-box li img {
max-height: 50px;
}
.list-section.support-logo-top img {
max-height: 72px;
}
.featured-logo img {
max-width: 142px;
padding: 6px;
}
.featured-logo.featured-zebra-logo img {
width: 90px;
}
.formbox {
padding: 20px;
background: #fff;
box-shadow: 2px 2px 10px 2px #a5a5a526;
border-radius: 5px;
border: 0.1rem solid #d9d9d9;
}
.dropdown-menu ul.single-menu li {
padding: 10px;
margin-bottom: 10px;
transition: 0.3s ease-in-out;
}
.dropdown-menu ul.single-menu li:hover {
background-color: #fff;
box-shadow: 0px 0px 10px #00000012;
transition: 0.3s ease-in-out;
}
.dropdown-menu .right-menu-box-inner ul.single-menu li {
margin-bottom: 0px;
} .cmms-software-sec .contact-form-wrap {
max-width: 99%;
}
.cmms-software-sec .contact-form-wrap p {
font-size: 13px;
padding-right: 0;
}
.cmms-software-sec .right-box-wrap h2 {
font-size: 30px;
}
.banner-part-content.mfg-landing .reduce li {
font-size: 18px;
line-height: 25px;
}
body.middlecamp {
padding-top: 79px;
}
.middlecamp .toplft-btn {
max-width: 182px;
border-radius: 5px !important;
}
body.middlecamp .site-header {
position: fixed;
}
body.middlecamp .top-left-contact-new a {
font-weight: 500;
}
.home-v2.cmms-software .carousal-head {
text-align: center;
}
.home-v2.cmms-software .normal-grid .carousal-body-img {
height: 150px;
}
.home-v2.cmms-software .normal-grid .carousal-body-txt div h3 {
font-size: 19px;
margin: 20px 0 15px 0;
color: #000000;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none p {
display: block;
}
.home-v2.cmms-software .normal-grid .carousal-body-txt {
margin-top: 0;
}
.home-v2.cmms-software .normal-grid .carousal-body-img {
display: none;
}
.home-v2.cmms-software .normal-grid .carousal-body-txt .blue-carousal-btn {
display: none;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none ul.reduce {
margin: 0px;
padding: 10px 0px 0 0;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none ul.reduce li {
list-style: none;
padding: 0 0 0 32px;
margin-bottom: 10px;
position: relative;
line-height: 26px;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none ul.reduce li:before {
font: normal normal normal 17px / .9 FontAwesome;
content: "\f00c";
background: #00000000 !important;
color: #119b50;
position: absolute;
top: 6px;
left: 5px;
}
.home-v2.cmms-software .carousal-body {
cursor: auto;
}
.home-v2.cmms-software .mfg-landing .reduce li::before {
background-color: #fdc458;
}
body.middlecamp .intregation-box a {
display: none;
}
.home-v2.cmms-software .banner-part-btn.ban-rsp-100 img {
height: 65px;
}
.btn-wrap .d-support-icon .contact-info-text {
margin: 0;
padding: 0px 5px;
font-size: 12px;
}
.btn-wrap .btn-primary:hover {
font-size: 16px;
}
.home-v2.cmms-software .rfid-big-text {
font-size: 28px;
line-height: 35px;
}
.home-v2.cmms-software .intregation-box {
padding: 10px 20px;
margin: 0 0 7px 0;
height: 84%;
}
.home-v2.cmms-software .intregation-box p {
display: none;
}
.home-v2.cmms-software .carousal-body {
border: 1px solid #ede9e9;
box-shadow: 0px 4px 15px 0px rgba(181, 181, 181, 0.25);
}
.home-v2.cmms-software .idea-box {
padding: 20px;
height: auto;
margin-bottom: 10px;
}
.home-v2.cmms-software .idea-box p {
margin-bottom: 0px;
}
.home-v2.cmms-software .industries h5 {
min-height: auto;
font-weight: 600;
padding-bottom: 20px;
text-align: center;
}
.home-v2.cmms-software .industries a {
padding: 15px 10px;
display: inline-block;
border: 1px solid #ffffff2e;
min-width: 31%;
margin-bottom: 6px;
}
.home-v2.cmms-software .industries .fsm-indust a {
min-width: 19%;
}
.home-v2.cmms-software .ind-padd {
padding: 10px 0 70px 0;
text-align: center;
}
.home-v2.cmms-software .industries a i {
font-size: 22px;
margin-right: 5px;
color: #fdc458;
}
.home-v2.cmms-software #carousal-two .owl-stage {
margin-bottom: 0;
}
.home-v2.cmms-software .banner-part .banner-part-head {
margin: 0 0 40px 0;
}
.home-v2.cmms-software .banner-part .banner-part-content {
margin: 0 0 50px 0;
}
.home-v2.cmms-software .idea-box h4 i {
margin-right: 5px;
}
.home-v2.cmms-software .banner-part {
padding-top: 50px;
}
.campaign-modal .wpcf7.js .contact-form-wrap {
max-width: 99%;
}
.cmms-soft-from .new-bottom-form__email {
text-align: center;
background: #fff;
padding: 20px 25px;
}
.cmms-soft-from .new-bottom-form__email h4 {
font-size: 22px;
line-height: 30px;
font-weight: 600;
color: #000;
display: inline-block;
}
.cmms-soft-from .heading-center {
text-align: center;
}
.cmms-soft-from .new-bottom-form__email h4 a {
font-weight: 700;
color: #000;
position: relative;
}
.cmms-soft-from .new-bottom-form__trust {
background: #f4f4f400;
padding: 20px 40px;
}
.cmms-soft-from .new-bottom-form__email {
text-align: center;
background: #fdc458;
padding: 20px 25px;
border-bottom: 0px solid #c5c5c5;
}
.cmms-soft-from .new-bottom-form__trust h5 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #000;
margin-bottom: 25px;
text-align: center;
}
.cmms-soft-from .new-bottom-form__trust ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 0;
padding: 0;
margin: 0;
padding-bottom: 20px;
margin-bottom: 20px;
gap: 15px;
text-align: center;
list-style: none;
align-items: center;
}
.cmms-soft-from .new-bottom-form__trust ul li {
width: 140px;
}
.cmms-soft-from .new-bottom-form__trust ul li img {
max-height: 100px;
}
.cmms-soft-from .contact-form-wrap {
max-width: 99%;
}
.cmms-soft-from .wpcf7.js {
padding: 25px;
background: #f4f4f4;
position: relative;
}
.cmms-soft-from .form-left {
height: 100%;
background-color: #fff;
border: 1px solid #ccc;
}
.home-v2.cmms-software .banner-part .banner-part-content p {
font-size: 20px;
}
.home-v2.cmms-software .banner-part-content.mfg-landing .reduce li,
.home-v2.cmms-software .banner-part-content.mfg-landing p {
font-size: 20px;
line-height: 30px;
color: #fff9da !important;
letter-spacing: 0.5px;
}
.home-v2.cmms-software .rfid-big-text i {
font-style: normal;
}
.home-v2.cmms-software .banner-part .video-background-overlay {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/01/cmms-demo-bg3.jpg) top center no-repeat;
opacity: 1;
background-size: cover;
}
.maximo-table {
background: #fff;
}
.maximo-table .table>:not(caption)>*>* {
padding: 1.1rem 1.5rem;
}
.maximo-table table i {
font-size: 2rem;
}
.maximo-table .table td.green {
color: #54bd58;
}
.maximo-table .table td.red {
color: #ff4d38;
}
.home-v2.cmms-software .banner-part .banner-part-head h1 span {
font-size: 30px;
}
.home-v2.cmms-software .banner-part-content.mfg-landing .reduce li strong {
color: #fdc458;
}
.right-box-wrap h2 {
font-size: 30px;
line-height: 40px;
}  .home-v2.cmms-software.hvac-demo .banner-part .video-background-overlay {
background: #f4f4f4;
}
.home-v2.cmms-software.hvac-demo .banner-part .banner-part-head h1 {
color: #000000;
}
.home-v2.cmms-software.hvac-demo .banner-part .banner-part-head h1 span {
color: #3b3731;
}
.home-v2.cmms-software.hvac-demo .banner-part-content.mfg-landing .reduce li {
color: #000000 !important;
}
.home-v2.cmms-software.hvac-demo .banner-part-content.mfg-landing .reduce li strong {
color: #000000;
}
.home-v2.cmms-software.hvac-demo .mfg-landing .reduce li::before {
background-color: #0c8ff8;
}
.home-v2.cmms-software.hvac-demo .banner-part .banner-part-content p span {
color: #000000;
}
.home-v2.cmms-software.hvac-demo .plumber-hvac {
position: relative;
right: -39px;
}
.hsvc-tab .result ul li::marker {
color: #2196F3;
}
.hsvc-tab .result {
background-color: #f4f4f4;
padding: 10px;
border-radius: 10px;
}
.hsvc-tab .solution ul li::marker {
color: #009688;
}  section.what-makes-sec.sec-padding.benefits-of-facility-section.overflow-hidden {
display: none;
}
ol.breadcrumb {
font-size: .7rem;
}
ol.breadcrumb .breadcrumb-item.active {
color: #000;
}
.colot-blue {
color: #0c8ff8;
} .slick-slide {
height: auto !important;
} .new-design-theme h1 {
font-size: 35px;
color: #000;
}
.new-design-theme .management-section ul.reduce li {
font-size: 15px !important;
line-height: 20px !important;
color: #000;
padding-left: 0;
}
.new-design-theme .simplify-container1 ul.reduce li:before {
font: normal normal normal 17px / .9 FontAwesome;
content: "\f00c";
background: #00000000 !important;
color: #119b50;
display: block !important;
top: 3px;
}
.new-design-theme .simplify-container1 ul.reduce li {
padding-left: 35px;
}
.new-design-theme .management-section ul.reduce li:before {
display: none;
}
.new-design-theme .banner-part-btn .white-ban-btn {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/04/arrow-blue-right.svg) center right 22px no-repeat;
background-color: #fff;
border-color: #298EEC !important;
}
.new-design-theme .banner-part-btn .white-ban-btn:hover {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
background-color: #298EEC !important;
transition: 0.3s ease-in-out;
color: #fff !important;
}
.new-design-theme .banner-part-btn .blue-ban-btn,
.new-design-theme .dropdown-menu a.right-top-head .blue-ban-btn {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #298EEC;
transition: 0.3s ease-in-out;
}
.new-design-theme .banner-part-btn .blue-ban-btn:hover,
.new-design-theme .dropdown-menu a.right-top-head .blue-ban-btn:hover {
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 15px no-repeat;
background-color: #298EEC !important;
}
.new-design-theme .highest-rated-block img { width: 160px;
}
.new-design-theme .highest-rated-block h2 {
font-size: 20px;
line-height: 25px;
color: #000;
margin-bottom: 5px;
}
.new-design-theme .highest-rated-block p {
font-size: 14px;
line-height: 25px;
color: #000;
margin-bottom: 0;
}
.new-design-theme .ratio-16x9 {
--bs-aspect-ratio: 100% !important;
}
.new-design-theme .rated-logos-panel {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
padding-top: 35px;
overflow-x: auto;
}
.new-design-theme .rated-logos-panel::-webkit-scrollbar {
width: 0;
}
.new-design-theme .rated-logos-panel img {
max-width: 110px;
max-height: 92px;
}
.new-design-theme .rfid-big-text {
text-align: center;
font-size: 18px;
color: #000;
} .new-design-theme .video-overlay-btn {
animation: fadeIn 1s ease-in forwards;
animation-delay: 2s;
position: absolute;
inset: 0;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
.new-design-theme .video-overlay-btn a {
background: rgba(255, 255, 255, 0.5);
border-radius: 100%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.new-design-theme .video-overlay-btn img {
max-width: 70px;
margin: 0 !important;
}
.new-design-theme.top-rated-panel {
background: #172029;
padding-top: 65px;
padding-bottom: 65px;
border-top: 1px solid #fff;
}
.new-design-theme .top-rated-logos {
display: flex;
flex-wrap: wrap; gap: 7px;
justify-content: space-between;
}
.new-design-theme .top-rated-logos img {  width: 105px;
max-width: 120px;
height: auto;
object-fit: contain;
}
.new-design-theme.top-rated-panel h2 {
text-align: left;
font-size: 35px;
font-weight: 700;
color: #298EEC;
margin-bottom: 4px;
}
.new-design-theme.top-rated-panel h3 {
text-align: left;
font-size: 25px;
font-weight: 700;
color: #fff;
margin-bottom: 0;
}
.new-design-theme .management-section p {
font-size: 15px;
}
.home-v2 .intregation-box {
height: 84%;
display: flex;
align-items: center;
justify-content: center;
}
.home-v2 .intregation-box {
padding: 0 !important;
}
.home-v2 .intregation-box a {
position: relative !important;
top: auto;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul.demo-contact-list {
margin: 3rem 0 25px !important;
}
.demo-top-rated-text h2 {
text-align: left;
font-size: 26px;
font-weight: 700;
color: #298EEC;
margin-bottom: 4px;
}
.demo-top-rated-text h3 {
text-align: left;
font-size: 22px;
font-weight: 700;
color: #000;
margin-bottom: 20px;
}
.demo-top-rated-logos {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.demo-top-rated-logos img {
max-width: 138px;
max-height: 118px;
width: 138px;
height: 107px;
object-fit: contain;
}
.for-mobile {
display: none !important;
}
.expo-logo-panel {
text-align: center;
align-items: center;
border-top: 5px solid #f3ae46;
background: #fff;
padding: 20px;
margin-bottom: 15px;
}
.expo-logo-panel img {
max-height: 90px;
}
.expo-logo-panel div span {
font-size: 18px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
background: #dfdfdf;
width: 40px;
height: 40px;
border-radius: 100%;
} .cmms-software-new-design.home-v2.cmms-software .banner-part-btn.ban-rsp-100.banner-logo-part img {
height: 61px;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part {
width: 100%;
}
.cmms-software-new-design .right-form-sec {
border-radius: 15px;
border-bottom: 5px solid #f3ae46;
}
.cmms-software-new-design .contact-form-wrap .form-floating textarea.form-control {
max-height: 73px;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part {
background: #010101;
border: 3px solid #F5AE12;
border-radius: 15px;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part .banner-part-content {
margin: 0 0 20px 0;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part .banner-part-head {
margin-bottom: 15px !important;
}
.cmms-software-new-design .right-form-sec .heading-center {
margin-bottom: 1rem !important;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part-content.mfg-landing .reduce li,
.cmms-software-new-design.home-v2.cmms-software .banner-part-content.mfg-landing p {
font-size: 18px;
}
.cmms-software-new-design .right-form-sec .form-group.col-md-12 {
margin-bottom: 5px;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part:before {
color: #f9f9f9;
background-color: #020200;
font-size: 8px;
left: 50%;
top: -11px;
transform: translateX(-50%);
}
.cmms-software-new-design .cmms-software-sec .right-box-wrap h2 {
text-align: center;
}
.cmms-software-new-design.home-v2.cmms-software .mfg-landing .reduce li::before {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/05/arrow-2.svg) no-repeat 0 0;
background-color: transparent;
width: 17px;
height: 17px;
}
.cmms-software-new-design .d-support-icon .contact-info-text i {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/05/check-1.svg) no-repeat 0 0;
width: 14px;
height: 14px;
position: relative;
top: 3px;
}
.cmms-software-new-design .d-support-icon .contact-info-text i::before {
display: none;
}
.cmms-software-new-design .btn-wrap .d-support-icon .contact-info-text {
font-size: 10px;
}
.cmms-software-new-design .d-support-icon .contact-info-text {
background: #fff;
}
@media (max-width: 814px) {
.cmms-software-new-design.home-v2.cmms-software .banner-part-btn.ban-rsp-100.banner-logo-part img {
height: 56px;
min-width: 83px;
}
.cmms-software-new-design .banner-part-left {
display: flex;
flex-direction: column;
}
.cmms-software-new-design .banner-part-head {
order: 0;
}
.cmms-software-new-design.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part {
order: 1;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part .banner-part-content {
order: 2;
}
.cmms-software-new-design.home-v2.cmms-software .ban-rsp-100 {
order: 3;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part:before {
right: auto !important;
}
.cmms-software-new-design.home-v2.cmms-software .mfg-landing .reduce li::before {
display: none;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part-content.mfg-landing .reduce li strong {
display: block;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part-content.mfg-landing .reduce li,
.cmms-software-new-design.home-v2.cmms-software .banner-part-content.mfg-landing p {
text-align: center;
padding-left: 0;
}
.cmms-software-new-design .home-v2.cmms-software .d-support-icon {
flex-wrap: nowrap !important;
}
.cmms-software-new-design .btn-wrap .d-support-icon .contact-info-text {
font-size: 9px;
}
.cmms-software-new-design .btn-wrap .d-support-icon .contact-info-text {
width: auto !important;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part-btn.ban-rsp-100 img {
height: 100px;
border: 1px solid transparent !important;
}
} @keyframes fadeIn {
to {
opacity: 1;
}
}
.home-v2 .intregation-box p {
display: none;
}
.for-desktop {
display: block !important;
}
@media only screen and (max-width: 900px) {
.new-design-theme.home-v2 .management-section ul.reduce {
display: none;
}
.new-design-theme.home-v2 .carousel-inner .management-section ul.reduce {
display: block;
}
.home-v2.new-design-theme .management-section,
.new-design-theme .management-section h2 { font-size: 18px !important;
line-height: 22px;
font-weight: 600;
margin-bottom: 3px;
text-align: center;
}
.home-v2.new-design-theme .fsm-landing .simplify-sec.sec-padding.text-white.home-m-sim {
padding-top: 15px !important;
}
.home-v2.new-design-theme .link-section ul li {
padding: 0 10px;
}
.new-design-theme.home-v2 .banner-part-btn {
flex-direction: column !important;
}
.new-design-theme .banner-part-btn .white-ban-btn {
width: 100%;
text-align: center;
}
.banner-part.next-step.eam-total .banner-part-btn {
flex-direction: column;
}
.new-design-theme.top-rated-panel {
padding-top: 30px;
padding-bottom: 30px;
}
.new-design-theme.top-rated-panel h3 {
margin-bottom: 15px;
}
.home-v2.new-design-theme .management-section,
.new-design-theme .management-section p { font-size: 14px;
line-height: 17px;
font-weight: 400;
text-align: center;
}
.footer .footer-address {
padding-top: 15px;
}
.new-design-theme.home-v2 .mfg-landing.fsm-landing .container.text-center h2 {
font-size: 25px !important;
line-height: 33px;
font-weight: 700;
}
.new-design-theme .mfg-landing.fsm-landing .container.text-center p {
display: none;
}
.new-design-theme .banner-part-btn .white-ban-btn,
.new-design-theme .banner-part-btn a .blue-ban-btn {
padding-right: 10px !important;
}
.home-v2 .banner-part-btn .btn {
font-size: 16px !important;
text-align: center;
}
}
.home-v2 #carousal-one .carousal-body-txt {
padding-bottom: 25px;
min-height: 325px;
}
@media (max-width: 767px) {
.home-v2 #carousal-one .carousal-body-txt {
padding-bottom: 10px;
min-height: 275px;
}
.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part {
justify-content: center !important;
margin: 0 auto;
}
.cmms-soft-from .new-bottom-form__trust ul li img {
max-height: 100px;
width: 90px;
height: 90px;
object-fit: contain;
}
.cmms-soft-from .wpcf7.js {
margin-top: 15px;
}
.for-mobile {
display: block !important;
padding-bottom: 15px;
}
.for-desktop {
display: none !important;
}
.footer-logos img {
max-width: 192px;
}
.footer-logos .d-flex.justify-content-start a,
.footer-logos .d-flex.justify-content-start a img {
max-width: 80px;
margin: 0 !important;
}
.new-design-theme .top-rated-logos {
padding-top: 15px;
display: flex;
justify-content: space-evenly;
gap: 16px;
}
.new-design-theme .top-rated-logos img {
max-width: 150px;
max-height: 116px;
width: 138px;
height: 107px;
object-fit: contain;
}
.new-design-theme .banner-part-btn a {
width: 100%;
}
.new-design-theme .banner-part-btn a .blue-ban-btn {
width: 100%;
justify-content: center;
display: flex;
}
.f-map-box {
margin-top: 3%;
}
.new-design-theme .mob-none {
display: none;
}
.home-v2.new-design-theme .ban-rsp-100 {
margin-left: 0 !important;
}
.demo-top-rated-logos {
justify-content: space-evenly;
}
.support-row {
flex-direction: column-reverse;
}
.banner-part.next-step h2 {
font-size: 28px !important;
line-height: 30px !important;
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
.foter-left img {
max-width: 150px;
}
.demo-top-rated-logos img {
max-width: 120px;
max-height: 95px;
width: 138px;
height: 107px;
object-fit: contain;
}
.formbox .d-support-icon {
flex-direction: column;
gap: 30px;
}
} .home-v2.dcmms-ai .banner-part .banner-part-head {
margin: 0 0 20px 0;
}
.home-v2.dcmms-ai .simple-assect-sec {
background-color: #ffffff;
}
.home-v2.dcmms-ai .simple-assect-sec h2,
.home-v2.dcmms-ai .link-section ul li a {
color: #000000;
}
.home-v2.dcmms-ai .simple-assect-sec h2 span,
.home-v2.dcmms-ai .mfg-landing .yellow-txt {
color: #f8ad07 !important;
}
.home-v2.dcmms-ai .mfg-landing .gray-bg {
background: #F9F9F9;
}
.home-v2.dcmms-ai .blue-ban-btn {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #298EEC;
}
.home-v2.dcmms-ai .blue-ban-btn:hover {
background-color: #000;
}
.home-v2.dcmms-ai3 .new-design-theme .rated-logos-panel {
gap: 5px;
}
.home-v2.dcmms-ai3 .banner-part-btn .blue-ban-btn {
color: #fff;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-white-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #298EEC;
}
.home-v2.dcmms-ai3 .banner-part-btn .blue-ban-btn:hover {
background-color: #000;
}
.ai-button {
color: #fff;
background-size: 20px;
background-color: #298EEC;
padding: 15px 20px 15px 15px;
margin: 0px 0px 20px 25px;
}
.ai-button img {
margin-right: 10px;
animation: circleScale 3s infinite;
z-index: 1;
}
.ai-button:hover,
.ai-button:active,
.ai-button:focus {
background-color: #000;
color: #fff;
}
.banner-part-btn .btn.ai-button {
padding: 11px 14px;
border: 1px solid #fff;
}
.vedaai {
margin-left: 25px;
}
.vedaai .ai-button {
padding: 10px 10px 10px 10px;
position: relative;
overflow: hidden;
border-radius: 7px;
background: linear-gradient(135deg, #a855f7, #7c3aed);
}
@media (max-width: 1366px) {
.vedaai { margin-left: 0;
}
.vedaai .ai-button {
flex: 1;
margin: 0;
font-size: 0.85rem;
}
}
@media (max-width: 1079px) {
.vedaai {
flex-direction: column;
}
}
.vedaai .ai-button.vedaai-btn--primary {
background: #298EEC;
}
.vedaai-btn--primary::before {
content: "";
position: absolute;
top: 0;
left: -55%;
width: 38%;
height: 100%;
background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.42), transparent);
animation: veda-sheen 3.6s ease-in-out infinite;
pointer-events: none;
}
.navbar-light .navbar-nav .veda-menu .nav-link span {
background-color: #0c8ff8;
color: #ffffff;
padding: 2px 5px;
font-size: 12px;
border-radius: 4px;
line-height: 20px;
position: relative;
top: -2px;
overflow: hidden;
}
.navbar-light .navbar-nav .veda-menu .nav-link span::before {
content: "";
position: absolute;
top: 0;
left: -30%;
width: 38%;
height: 100%;
background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.42), transparent);
animation: veda-sheen 3.6s ease-in-out infinite;
pointer-events: none;
}
.navbar-light .navbar-nav .veda-menu .nav-link:hover:before {
display: none
}
.m-veda .ai-button.m-veda-sof {
background: linear-gradient(135deg, #a855f7, #7c3aed);
}
.m-veda .ai-button {
margin-left: 0px;
margin-bottom: 10px;
}
.m-veda {
text-align: center;
}
.top-event {
background-color: #1E2254;
padding: 10px 0;
}
@keyframes veda-sheen {
0% {
transform: translateX(0);
}
55%,
100% {
transform: translateX(420%);
}
}
@keyframes circleScale {
0% {
transform: scale(0.7);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(0.7);
}
}   @media (min-width:1900px) {
.mfg-landing .video-section {
min-height: 505px;
}
.pad-50 {
padding: 25px 0 20px 0;
}
.home-v2 .normal-grid .carousal-body-txt div h3 {
font-size: 17px;
}
.home-v2 .carousal-body-txt {
padding: 20px 20px 3px 20px;
height: 63%;
}
.home-v2 .carousal-body {
height: 62%;
}
.home-v2 .carousal-body-txt div p {
margin: 0;
} .home-v2 .product-box {
height: auto;
margin-bottom: 10px;
min-height: 547px;
}
.home-v2.cmms-software .banner-part .banner-part-head h1 span {
font-size: 35px;
}
}
@media (min-width: 1020px) and (max-width: 1388px) {
.management-section ul.reduce li {
font-size: 15px !important;
margin-bottom: 10px;
}
.management-section p {
font-size: 15px;
}
.home-class h5 {
font-size: 14px;
line-height: 20px;
}
}
@media (min-width:1365px) {
.swiper-slide {
width: auto !important;
height: 90px !important;
margin: 0 30px !important;
}
.lgx_app_item .lgx_app_item_img {
height: 70px !important;
}
.swiper-slide img {
height: 70px !important;
}
}
@media (min-width: 768px) and (max-width: 1300px) {
.top-left-contact a {
font-size: 13px;
}
}
@media (max-width:1370px) {
.banner-part-btn .btn {
padding: 14px 50px 14px 11px;
}
.banner-part-btn {
gap: 20px;
}
.home-v2 .carousal-body,
.home-v2 .carousal-body-txt {
height: auto;
}
.home-v2 .product-box {
height: auto;
}
.home-v2 .industries h5 {
font-size: 17px;
line-height: 27px;
}
.home-v2 .blue-carousal-btn {
margin-top: 15px;
}
.dropdown-menu a.right-top-head {
padding-top: 0px;
}
.dropdown-menu a.right-top-head h2 {
font-size: 20px;
line-height: 27px;
}
.dropdown-menu ul.single-menu li a {
font-size: 13px;
line-height: 20px;
padding-bottom: 10px;
font-weight: normal;
}
.dropdown-menu ul li a h2 {
font-size: 15px;
margin: 0;
}
.dropdown-menu.show .right-menu-box .right-menu-box-inner ul.single-menu li {
margin-bottom: 0px !important;
}
.dropdown-menu .right-menu-box-inner ul.single-menu li a {
padding-bottom: 0;
}
.industries-menu .right-menu {
padding-top: 0;
}
.right-menu-box-inner h4 {
font-size: 13px;
line-height: 17px;
padding-bottom: 5px;
margin-bottom: 5px;
}
li.nav-item.dropdown {
margin: 0 10px;
}
.dropdown-menu ul.single-menu-small li a {
font-size: 14px;
}
}
@media (max-width:1180px) {
.home-v2 .industries h5 {
font-size: 14px;
line-height: 27px;
}
}
@media (max-width:768px) {
.top-socal,
#masthead .top-v,
#masthead .phone-contact-m {
display: none !important;
}
.new-design-theme.top-rated-panel .new-home-design h3 {
font-size: 20px;
font-weight: 600;
line-height: 25px;
}
.new-design-theme .top-rated-logos { gap: 1px;
}
.new-design-theme .new-home-design .top-rated-logos img {
height: 56px;
} .navbar-expand-lg .navbar-nav .dropdown-menu {
position: relative;
left: 0;
width: 100%;
background: rgb(246, 246, 246);
background: linear-gradient(180deg, rgb(246 246 246 / 0%) 0%, rgb(255 255 255 / 0%) 100%);
top: 0;
overflow: auto;
border-radius: 0;
z-index: 1000;
border: 0 none;
padding: 0 !important;
box-shadow: 0px 0px 0px 0px #0000002e;
}
.simplify-container1 .horizon-tab .tab-content {
font-size: 18px;
line-height: 25px;
}
.home-tabs-content .tab-pane.fade p {
line-height: 25px;
font-size: 18px;
}
.fixed-top.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 0;
} .navbar-toggler {
border: none;
padding: 0;
outline: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
z-index: 11;
float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
position: absolute;
transform: translate(-50%, -50%) rotate(0deg);
left: 50%;
top: 50%;
width: 50%;
height: 50%;
pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
width: 100%;
height: 2px;
position: absolute;
background: #333;
border-radius: 2px;
z-index: 1;
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
top: 10%;
transform-origin: 50% 50%;
transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
top: 50%;
transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
left: 0px;
top: auto;
bottom: 10%;
transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
position: absolute;
margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
top: 45%;
transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
left: 50%;
width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
top: 45%;
transform: rotate(-45deg);
}
.navbar-nav .dropdown>.dropdown-toggle::after {
content: "+" !important;
font: normal normal normal 22px/1 FontAwesome;
position: absolute;
right: 19px;
font-weight: bolder;
}
.navbar-nav .dropdown>.dropdown-toggle.show::after {
content: "-" !important;
font-size: 26px;
line-height: 17px;
}
.dropend .dropdown-toggle.text-item::after {
display: none;
}
.dropdown-item:focus,
.dropdown-item:hover {
background-color: #fff0;
}
.dropdown-menu ul {
margin-top: 10px;
}
.dropdown-menu ul li {
border-bottom: 0px solid #d9d9d9;
padding: 0px 0;
margin-bottom: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
margin-left: 0px;
}
.dropend .dropdown-toggle::after {
position: absolute;
right: 0px;
font-size: 18px;
background: #fff;
border-left: 0em solid;
display: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-submenu li {
padding: 0;
line-height: 18px;
font-size: 14px;
text-decoration: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-submenu li a.dropdown-item {
color: #36363d;
padding: .25rem 1rem;
}
.navbar-light .navbar-nav .nav-link {
font-weight: 600;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-collapse.d-sm-mob-none.show:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 33%;
background: #fff;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
opacity: 0;
}
.navbar-collapse.d-sm-mob-none.show:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 33%;
background: #fff;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 0;
}
nav.container-fluid.navbar.navbar-expand-lg.navbar-light.py-2.py-md-5.nav-fixed {
padding-bottom: 0px !important;
padding-left: 0px;
padding-right: 0px;
}
nav.container-fluid.navbar.navbar-expand-lg.navbar-light.py-2.py-md-5.nav-fixed.fixed-top {
padding-bottom: 10px !important;
}
li.nav-item {
padding: 8px 20px;
border-bottom: 1px solid #d9d9d9;
width: 100% !important;
}
li.nav-item:last-child {
border-bottom: 0px;
}
#menu-center ul {
flex-direction: row !important;
flex-wrap: wrap !important;
} .dropdown-item.dropdown-toggle {
display: block;
width: 100%;
padding: .45rem 1rem;
clear: both;
font-weight: 600;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: .89rem;
color: #212529;
line-height: 22px;
}
.dropdown-item {
color: #000;
line-height: 18px;
font-size: 14px;
text-decoration: none;
white-space: pre-wrap;
margin-bottom: 10px;
}
.dropdown-item.text-item {
color: #212529;
text-transform: capitalize;
font-size: 16px;
padding-left: 0px;
padding-right: 0;
font-weight: 600;
}
}
@media (max-width:890px) {
.navbar-collapse {
height: calc(100vh - 57px);
display: flex;
flex-direction: column;
width: 100%;
justify-content: space-between;
overflow: auto;
}
.navbar-collapse .navbar-nav {
width: 100%;
z-index: 2;
}
a.top-v {
background: #008ffd;
border-radius: 50px;
padding: 0px 0 0 0;
width: 38px;
height: 38px;
display: flex;
margin: 0 10px 0 0px;
text-align: center;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 1;
}
a.top-v img {
width: 23px;
}
.navbar-light .navbar-brand {
width: 46%;
}
.navbar-nav li:last-child ul.dropdown-menu.show li+li+li .dropdown-item.text-item:before {
left: 29%;
}
} @media (min-width:769px) and (max-width:991px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: static;
padding: 0 0 0 8px;
box-shadow: 0 0 0;
margin-top: 10px;
}
.dropend .dropdown-toggle::after {
display: none;
}
.dropdown-submenu li:last-child {
padding-bottom: 0;
}
* {
-webkit-appearance: none
}
.navbar-toggler .hamburger-toggle {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
z-index: 11;
float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
position: absolute;
transform: translate(-50%, -50%) rotate(0deg);
left: 50%;
top: 50%;
width: 50%;
height: 50%;
pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
top: 10%;
transform-origin: 50% 50%;
transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span {
width: 100%;
height: 2px;
position: absolute;
background: #333;
border-radius: 2px;
z-index: 1;
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
top: 50%;
transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
left: 0px;
top: auto;
bottom: 10%;
transform-origin: 50% 50%;
}
.navbar-toggler {
border: none !important;
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse.d-sm-mob-none {
display: none !important;
}
}
@media (min-width: 1800px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.6rem;
padding-left: 0.6rem;
margin-right: 0.9rem;
margin-left: 0.9rem;
}
}
@media (min-width: 1530px) {
.ai-button {
padding: 15px 10px 15px 2px;
margin: 0px 0px 20px 0px;
font-size: 13px;
}
.ai-button img {
margin-right: 0px;
}
} @media only screen and (min-device-width : 820px) and (max-device-width : 1180px) {
.navbar-toggler .hamburger-toggle {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
z-index: 11;
float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
position: absolute;
transform: translate(-50%, -50%) rotate(0deg);
left: 50%;
top: 50%;
width: 50%;
height: 50%;
pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
width: 100%;
height: 2px;
position: absolute;
background: #333;
border-radius: 2px;
z-index: 1;
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
top: 10%;
transform-origin: 50% 50%;
transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
top: 45%;
transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
position: absolute;
margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
left: 50%;
width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
top: 45%;
transform: rotate(-45deg);
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
top: 50%;
transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
left: 0px;
top: auto;
bottom: 10%;
transform-origin: 50% 50%;
}
a.top-v img {
width: 23px;
}
.navbar-toggler {
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
}
@media (max-width: 900px) {
.home-v2 .banner-part {
padding: 30px 0 40px 0;
}
.home-v2 .banner-part .banner-part-head {
margin: 0 0 20px 0;
}
.home-v2 .banner-part .banner-part-content {
margin: 40px 0 40px 0;
}
.banner-part-btn {
display: flex;
align-items: baseline;
gap: 10px;
flex-direction: column;
}
.banner-part-btn .btn {
width: 100%;
}
.home-v2 .banner-part .banner-part-head h1 {
font-size: 30px;
}
.home-v2 h2 {
font-size: 18px !important;
line-height: 25px;
}
.home-v2 .carousal-body-txt,
.home-v2 .carousal-body {
height: auto;
}
.home-v2 .key-feature-sec-tab .nav-tabs {
flex-direction: row;
border-bottom: none;
border-right: 0px solid #C7C7C7;
display: flex;
flex-wrap: nowrap;
width: 99%;
overflow-x: auto;
}
.home-v2 li.nav-item {
padding: 8px 10px;
border-bottom: 1px solid #d9d9d9;
width: 200px !important;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button {
width: 185px;
font-size: 16px;
padding: 14px 10px 14px 0;
border-right: 1px solid #ccc;
height: 100%;
}
.home-v2 .key-feature-sec-head {
margin: 0 0 20px 0;
}
.home-v2 .key-feature-sec-body {
padding-left: 0;
padding-top: 20px;
}
.home-v2 .key-feature-sec.use-case-sec .key-feature-sec-tab .nav-tabs li button {
width: 178px;
}
.home-v2 .use-case-sec .nav-tabs li button.active::after {
width: 81%;
left: 0;
}
.home-v2 .industries h2 {
margin-left: 10px;
}
h2.m-hide,
h5.m-hide {
display: none;
}
.home-v2 .ind-padd {
padding: 40px 0;
}
.home-v2 .industries h5 {
min-height: auto;
margin-top: 20px;
}
.home-v2 .product-box {
height: auto;
max-height: 550px;
}
#carousal-two .owl-stage {
margin-bottom: 0;
}
.home-v2 .carousal-v2 {
padding: 10px 0 10px 0;
}
.home-v2 .carousal-v2 p {
display: none;
}
.home-v2 .carousal-v2.carousal-v2-mob p {
display: block;
}
.home-v2 .carousal-head {
margin: 0 0 10px 0;
}
.home-v2 .banner-part.next-step .banner-part-content p {
font-size: 16px;
}
#myTabContent .tab-pane .row {
flex-direction: column-reverse;
}
.home-service #myTabContent .tab-pane .row {
flex-direction: column;
}
#myTabContent .tab-pane .intregation-box-all .row {
flex-direction: row;
}
.link-section ul.right-line li a {
text-align: left;
}
.home-v2 .normal-grid .carousal-body-img {
height: 156px;
}
.home-v2 .normal-grid .carousal-body {
height: 156px;
width: 100%;
position: relative;
margin: 0;
border-radius: 7px;
}
.home-v2 .normal-grid .carousal-body-txt {
margin-top: 0;
height: auto;
z-index: 1;
position: absolute;
padding: 0 10px;
bottom: 13px;
}
.home-v2 .normal-grid .carousal-body-txt div h3 {
color: #fff;
margin: 0;
font-size: 14px;
line-height: 18px;
}
.home-v2 .banner-part .banner-part-head h1 span {
font-size: 20px;
}
.home-v2 .banner-part .banner-part-content p {
font-size: 12px;
line-height: 18px;
}
.home-v2 .row.normal-grid .ost-box {
padding-top: calc(var(--bs-gutter-x)* .2);
padding-bottom: calc(var(--bs-gutter-x)* .2);
padding-right: calc(var(--bs-gutter-x)* .2);
padding-left: calc(var(--bs-gutter-x)* .2);
}
.dropdown-toggle::after {
display: inline-block;
}
.navbar-light .navbar-nav .nav-link.show:before,
.navbar-light .navbar-nav .nav-link:hover:before {
display: none;
}
.dropend .dropdown-item.text-item {
position: relative;
}
.dropend .dropdown-item.text-item:before {
content: "+";
position: absolute;
top: 8px;
left: 31%;
font: normal normal normal 22px / 1 FontAwesome;
}
.dropend .dropdown-item.text-item.show::before {
content: "-" !important;
font-size: 26px;
line-height: 17px;
}
.arrow-down-black {
position: absolute;
right: 0;
top: 0;
color: #000;
padding: 5px 10px;
}
.bottom-sty {
padding: 0 15px 100px 15px;
text-align: center;
}
.bottom-sty .top-left-contact {
max-width: 100%;
text-align: center;
margin: 0;
}
.bottom-sty .top-socal a {
margin: 0 14px 0 14px;
}
.bottom-sty .top-left-contact a {
color: #000;
display: block;
font-size: 20px;
}
.bottom-sty .top-left-contact a+a {
color: #008ffd;
}
.right-sty {
margin-bottom: 20px;
}
.bottom-sty p {
color: #008ffd;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
font-size: 19px;
font-weight: 600;
}
.site-footer .home-v2 .carousal-v2.carousal-v2-mob .owl-stage-outer {
height: auto;
}
.carousal-v2.carousal-v2-mob .carousal-head {
margin-top: 15px;
}
.link-section ul li a br {
display: none;
}
.link-section ul li a {
font-size: 18px;
padding: 0.5rem 0;
}
.faq-accordian .accordion-body {
font-size: 18px;
line-height: 22px;
}
ul.integration-logo-list-box.schedule-logo-box li {
margin: 0.5rem;
width: 25%;
}
.d-support-icon {
flex-direction: column;
} .home-v2.cmms-software .ban-rsp-100 {
flex-direction: row;
margin-bottom: 40px;
flex-wrap: wrap;
justify-content: center;
}
.home-v2.cmms-software .right-form-sec {
width: 100%;
padding: 15px;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none ul.reduce {
display: none;
}
.home-v2.cmms-software .normal-grid .carousal-body-txt div h3 {
line-height: 22px;
}
.middlecamp .top-left-contact-new a {
font-size: 12px;
}
.home-v2.cmms-software .banner-part .banner-part-head h1 {
font-size: 36px;
text-align: center;
}
.home-v2.cmms-software .banner-part .banner-part-head h1 span {
font-size: 26px;
}
.home-v2.cmms-software .banner-part .banner-part-content p {
font-size: 16px;
line-height: 27px;
text-align: center;
}
.home-v2.cmms-software .key-feature-sec-head {
text-align: center;
}
.key-feature-sec-mob .accordion-body ul.reduce li::marker {
color: #4CAF50;
font-size: 14px;
}
.key-feature-sec-mob .accordion-body ul.reduce li {
font-size: 16px;
line-height: 22px;
margin-bottom: 15px;
}
.home-v2.cmms-software .industries h5 {
border-bottom: 0px;
font-size: 18px;
color: #fcc464;
}
.cmms-soft-from .new-bottom-form__email h4 {
font-size: 18px;
}
.cmms-soft-from .new-bottom-form__trust {
padding: 20px;
}
.cmms-soft-from .new-bottom-form__trust ul li {
width: 89px;
}
.cmms-soft-from .new-bottom-form__trust ul {
justify-content: center;
}
.home-v2.cmms-software ul.integrat-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0px;
margin: 0px;
list-style: none;
}
.home-v2.cmms-software .integrat-box li img {
max-height: 100%;
}
.home-v2.cmms-software .integrat-box li {
height: 44px;
padding: 5px;
background-color: #fff;
margin: 5px;
width: 100px;
text-align: center;
}
.industry-sec-mob .intregation-sec h2 {
text-align: center;
}
.home-v2.cmms-software .industries a {
padding: 15px 5px;
width: 47%;
margin-bottom: 6px;
font-size: 12px;
line-height: 20px;
}
.home-v2.cmms-software .fsm-indust {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.home-v2.cmms-software .industries a i {
display: block;
}
.home-v2.cmms-software .industries h2,
.home-v2.cmms-software h2 {
font-size: 24px !important;
line-height: 35px;
}
.home-v2.cmms-software .f-map-box {
margin: 7% 0;
height: auto;
}
.home-v2.cmms-software .industries a.last {
width: 95%;
}
.home-v2.cmms-software .carousal-head p {
font-size: 16px;
line-height: 28px;
}
.home-v2.cmms-software .key-feature-sec-mob .key-feature-sec-head h2 {
margin: 20px 0;
}
.home-v2.cmms-software .d-support-icon {
flex-direction: row;
}
.home-v2.cmms-software .rfid-big-text i {
font-style: normal;
font-size: medium;
display: block;
}
.home-v2.cmms-software .list-section-contain a img {
max-height: 26px;
}
.home-v2.cmms-software .key-feature-sec-mob a.accordion-button-last {
background-color: #fdc458;
border-bottom: 1px solid #adadad;
color: #000;
border-radius: 10px;
margin: 10px;
text-align: center;
}
.site-footer .home-v2.cmms-software .carousal-v2.carousal-v2-mob .owl-stage-outer {
height: 700px;
}
.home-v2.cmms-software .product-box {
height: 670px;
}
.home-v2.cmms-software .banner-part-btn.ban-rsp-100 img {
height: 90px;
padding: 10px;
border: 1px solid #515151;
margin: 0;
}
.home-v2.cmms-software .ban-rsp-100 {
gap: 0;
}
.home-v2.cmms-software section.integration-sec.sec-padding.border-top.home-m-integ {
padding: 50px 0 0 0;
}
.home-v2.cmms-software ul.use-case-mob li h5 {
font-size: 20px;
line-height: 27px;
width: 100%;
}
.home-v2.cmms-software .use-case-sec ul.use-case-mob .key-feature-sec-body ul li {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
list-style: disc;
min-width: 100%;
}
.home-v2.cmms-software .banner-part-btn .btn {
font-size: 15px !important;
}
.home-v2.cmms-software .banner-part-btn.ban-rsp-100.banner-logo-part img {
height: 92px;
padding: 0;
margin-bottom: 10px;
border: 0px;
min-width: 110px;
}
.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part {
justify-content: space-around;
margin: 0 auto;
}
.banner-part-btn.banner-logo-part:before {
left: 0px;
right: 0;
margin: 0 auto;
max-width: 100px;
}
.banner-part-btn .btn.ai-button {
padding: 11px 9px;
max-width: 254px;
}
.ai-button img {
margin-right: 0;
}
}
h2.wp-block-heading {
font-size: 32px;
line-height: 42px;
} .cmms-software-new-design .banner-part-btn.banner-logo-part.five-logos {
border: none;
padding-left: 0;
justify-content: space-between;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part.five-logos:before {
display: none;
}
.cmms-software-new-design.home-v2.cmms-software .banner-part-btn.ban-rsp-100.banner-logo-part.five-logos img {
height: 80px;
}
.cmms-soft-from .new-bottom-form__trust ul.iso-logos {
flex-wrap: nowrap;
}
.cmms-soft-from .wpcf7.js {
padding: 25px;
background: #f4f4f4;
position: relative;
border-radius: 15px;
border-bottom: 5px solid #f3ae46;
border-top: 5px solid #f3ae46;
height: 100%;
}
.home-v2.cmms-software .banner-part.schedule {
position: relative;
z-index: 1;
}
.home-v2.cmms-software .banner-part.schedule::before {
content: '';
background: url(https://dreamzcmms.com/wp-content/uploads/2025/06/mask-blue.png) no-repeat 0 0;
width: 90px;
height: 193px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.home-v2.cmms-software .banner-part.schedule::after {
content: '';
background: url(https://dreamzcmms.com/wp-content/uploads/2025/06/mask-yellow.png) no-repeat 0 0;
width: 93px;
height: 273px;
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.home-v2.eam-total.new-design-theme.landing-page.black-bg .simple-assect-sec {
background: #000;
padding: 25px 0 25px 0;
}
.home-v2.eam-total.new-design-theme.landing-page.black-bg .simple-assect-sec .blue-ban-btn {
color: #000;
background: url(https://dreamzcmms.com/wp-content/uploads/2024/11/arrow-black-right.svg) center right 22px no-repeat;
background-size: 20px;
background-color: #fec449;
transition: 0.3s ease-in-out;
}
.home-v2.eam-total.new-design-theme.landing-page.black-bg .simple-assect-sec .blue-ban-btn:hover {
background-color: #fff !important;
}
.home-v2.eam-total.new-design-theme.landing-page.black-bg .simple-assect-sec .link-section ul.right-line li a {
pointer-events: none;
}
.new-design-theme.landing-page.black-bg .link-section ul li a {
pointer-events: none;
}
.new-design-theme.landing-page.black-bg .link-section ul li:last-child a {
pointer-events: unset;
}
.cmms-software-new-design.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part.five-logos.for-mobile {
display: none !important;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part.five-logos.for-desktop {
display: flex !important;
}
@media (min-width: 1300px) and (max-width: 1500px) {
.home-v2.cmms-software .banner-part.schedule::before {
width: 53px;
height: 166px;
background-size: contain;
}
.home-v2.cmms-software .banner-part.schedule::after {
width: 63px;
height: 184px;
background-size: contain;
}
}
@media (max-width: 814px) {
.home-v2.cmms-software .banner-part.schedule::before,
.home-v2.cmms-software .banner-part.schedule::after,
.home-v2.eam-total.new-design-theme.landing-page.black-bg {
display: none !important;
}
.cmms-software-new-design.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part.five-logos {
gap: 15px;
}
.cmms-software-new-design .banner-part-btn.banner-logo-part.five-logos.for-desktop {
display: none !important;
}
.cmms-software-new-design.home-v2.cmms-software .ban-rsp-100.banner-part-btn.banner-logo-part.five-logos.for-mobile {
display: flex !important;
}
}
.key-feature-sec-mob .accordion-body ul.reduce {
list-style-type: none !important;
}
.key-feature-sec-mob .accordion-body ul.reduce li::before {
font: normal normal normal 17px / .9 FontAwesome;
content: "\f00c";
background: #00000000 !important;
color: #119b50;
position: absolute;
top: 4px;
left: -30px;
}
.key-feature-sec-mob .accordion-body ul.reduce li {
position: relative;
}
.font-thirty {
font-size: 30px !important;
line-height: 36px !important;
} .cta-container.new-design-theme {
background: #172029;
padding-top: 40px;
padding-bottom: 50px;
border-top: 1px solid #fff;
}
.cta-container.new-design-theme h3 {
font-size: 30px;
line-height: 36px;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.cta-container.new-design-theme p {
font-size: 18px;
line-height: 1.5;
color: #fff;
text-align: center;
font-weight: 600;
}
.cta-container.new-design-theme .outline-btn-blue {
border: 2px solid #298EEC;
border-radius: 5px;
font-size: 18px;
color: #fff;
padding: 8px 25px;
transition: all 0.3s;
}
.cta-container.new-design-theme .outline-btn-blue:hover {
background: #298EEC;
}
.cta-container.new-design-theme .solid-btn-blue {
background: #298EEC;
border: 2px solid #298EEC;
border-radius: 5px;
font-size: 18px;
color: #fff;
padding: 8px 25px;
transition: all 0.3s;
}
.cta-container.new-design-theme .solid-btn-blue:hover {
background: #fff;
color: #298EEC;
}
.faq-container-parent {
padding-top: 60px;
padding-bottom: 60px;
}
.faq-container-list {
padding-top: 25px;
}
.faq-container-parent h3 {
font-size: 36px;
line-height: 42px;
color: #4A4E52;
margin-bottom: 10px;
text-align: center;
}
.faq-container-parent p {
font-size: 14px;
line-height: 20px;
color: #4A4E52;
margin-bottom: 10px;
}
.faq-container p {
font-size: 14px;
line-height: 20px;
color: #4A4E52;
margin-bottom: 10px;
text-align: center;
}
.thfaqf-faq-item {
padding: 12px;
}
.thfaqf-faq-item p {
font-size: 14px;
line-height: 20px;
color: #4A4E52;
margin-bottom: 10px;
text-align: left;
}
.faq-item-wrapper .thfaqf-title-text {
font-size: 18px;
line-height: 22px;
color: #4A4E52;
font-weight: 600;
}
.thfaqf-faq-item-content p {
font-size: 14px;
line-height: 20px;
color: #4A4E52;
padding-left: 72px;
}
.form-container-parent.new-design-free-trial {
background: #142F54;
padding-top: 50px;
padding-bottom: 50px;
}
.form-container-parent.new-design-free-trial h3 {
font-size: 36px;
line-height: 40px;
color: #fff;
margin-bottom: 10px;
text-align: center;
}
.form-container-parent.new-design-free-trial .form-container>p {
font-size: 14px;
line-height: 20px;
color: #A7D4FF;
margin-bottom: 10px;
text-align: center;
}
.form-container-parent.new-design-free-trial .contact-form-wrap .row>p,
.rfid-terms p {
font-size: 14px;
line-height: 20px;
color: #fff;
margin-bottom: 10px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}
.rfid-terms p {
padding-top: 15px;
padding-bottom: 10px;
}
.rfid-submit-btn {
text-align: left !important;
}
.form-container-parent.new-design-free-trial .contact-form-wrap .row p a,
.rfid-terms p a {
color: #FFC74B;
}
.form-container-parent.new-design-free-trial .form-container-child h2 {
display: none;
}
.form-container-parent.new-design-free-trial .contact-form-wrap {
width: 100% !important;
max-width: 100% !important;
}
.thfaqf-faq-item-content {
background: #fff;
border-bottom: 1px solid #EBEBEB;
}
.thfaqf-faq-item-title {
background: #fff !important;
border: none !important;
border-bottom: 1px solid #EBEBEB !important;
padding: 0;
}
.thfaqf-faq-list .thfaqf-faq-list-title {
display: none;
}
.thfaqf-faq-item-11400.thfaqf-active .thfaqf-title-text {
color: #4A4E52 !important;
}
.thfaqf-title-text {
flex-grow: 1;
}
.thfaqf-faq-item.thfaqf-active,
.thfaqf-faq-item.thfaqf-active .thfaqf-faq-item-title,
.thfaqf-faq-item.thfaqf-active .thfaqf-faq-item-content {
background: #F8F8F8 !important;
box-shadow: none !important;
}
.thfaqf-faq-item .thfaqf-title-icon {
border: 1px solid #DDDDDD;
border-radius: 11px;
width: 54px;
height: 54px;
border-radius: 11px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.thfaqf-faq-item .thfaqf-title-icon svg {
width: 24px;
filter: grayscale(1);
}
.thfaqf-faq-item-title h4 {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
}
.thfaqf-faq-item span.thfaqf-toggle-icon,
.thfaqf-faq-item span.thfaq-arrow {
line-height: 1.5;
order: 3;
}
.thfaqf-faq-item span.thfaqf-toggle-icon,
.thfaqf-faq-item span.thfaq-arrow {
color: #5B5B5B !important;
}
.slider-container-parent.new-design-theme h3 {
font-size: 30px;
line-height: 36px;
color: #4A4E52;
text-align: center;
margin-bottom: 25px;
}
.contact-form-wrap.rfid-contact-form .form-group {
position: relative;
}
.contact-form-wrap.rfid-contact-form .form-group .rfid-fld-icon {
position: absolute;
top: 15px;
left: 20px;
z-index: 2;
}
.contact-form-wrap.rfid-contact-form .form-group p {
padding: 0 !important;
margin-bottom: 0 !important;
}
.contact-form-wrap.rfid-contact-form .form-floating .form-control {
padding-left: 64px !important;
padding-top: 21px !important;
padding-bottom: 21px !important;
}
.form-container-parent.new-design-free-trial .wpcf7-form {
margin-top: -40px;
}
.rfid-slider-container {
background: #fff;
padding-top: 40px;
padding-bottom: 40px;
border-radius: 8px;
position: relative;
margin: auto;
}
.rfid-tab-buttons {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 20px;
}
.rfid-tab {
padding: 8px 16px;
border: none;
border-radius: 8px;
background: #e5e5e5;
cursor: pointer;
}
.rfid-tab.active {
background: #fdb714;
color: #fff;
font-weight: bold;
}
.rfid-slides {
display: flex;
overflow: hidden;
position: relative;
padding-top: 50px;
}
.rfid-slides::before {
content: '';
height: 1px;
background: #B1C2D8;
display: block;
position: absolute;
top: 75px;
left: 0;
right: 0;
}
.rfid-slide {
display: none;
flex: 1;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.rfid-slide h2 {
font-size: 36px;
line-height: 40px;
color: #4A4E52;
background: #fff;
padding: 0 15px 0 0;
display: inline-block;
position: relative;
z-index: 1;
}
.rfid-slide.active {
display: flex;
}
.rfid-text-content {
flex: 1;
padding-right: 20px;
}
.rfid-image-content {
flex: 1;
display: flex;
justify-content: flex-end;
}
.rfid-image-content img {
max-width: 100%;
border-radius: 30px 0;
max-height: 430px;
object-fit: cover;
}
.rfid-arrow {
position: absolute;
right: 0;
top: 40px;
font-size: 30px;
background: none;
border: none;
cursor: pointer;
width: 68px;
height: 68px;
border-radius: 200px;
border: 1px solid #D9D9D9;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.rfid-slides .rfid-image-content {
min-width: 534px;
flex-shrink: 0;
margin-top: 70px;
}
@media(max-width: 767px) {
.cta-container.new-design-theme .d-flex {
flex-direction: column;
text-align: center;
}
.rfid-slides .rfid-image-content {
min-width: 100%;
}
.rfid-slide {
flex-direction: column;
}
.rfid-slides .rfid-image-content {
margin-top: 0;
}
.form-container-parent.new-design-free-trial .wpcf7-form {
margin-top: 0;
}
.faq-container-parent {
padding-top: 30px;
padding-bottom: 30px;
}
}
.industries-page.landing .black-tab {
background: #000 !important;
}
.home-v2.cmms-software .carousal-body-txt.home-para-none ul.reduce.ai-powered-list li {
font-size: 16px !important;
color: #000 !important;
}
.home-v2.cmms-software .carousal-body.calendar-box {
background-color: #172029 !important;
color: #fff !important;
padding-bottom: 15px;
}
.home-v2.cmms-software .carousal-body.calendar-box h3 {
color: #fdb714 !important;
text-align: center !important
}
.home-v2.cmms-software .carousal-body-txt.home-para-none p {
color: #fff !important;
text-align: center !important;
}
.calendar-box-img-container {
border-radius: 16px;
overflow: hidden;
margin-top: 16px;
}
.home-v2.cmms-software .carousal-body.calendar-box h3 {
font-size: 36px !important;
color: #fff !important;
margin-bottom: 5px !important;
}
.home-v2.cmms-software .carousal-body.calendar-box h3 span {
color: #fcb62c;
}
.text-content.slide-content-new,
.rfid-text-content.slide-content-new {
padding-top: 70px;
}
.rfid-image-content.slide-image-new {
max-width: 534px;
}
.home-v2.cmms-software .carousal-body.calendar-box h4 {
font-size: 24px !important;
color: #fff !important;
margin-bottom: 5px !important;
text-align: center;
margin-top: 15px;
}
@media(max-width: 767px) {
.text-content.slide-content-new,
.rfid-text-content.slide-content-new {
padding-top: 0;
}
.rfid-image-content.slide-image-new {
margin-top: 68px;
}
.rfid-tab-buttons {
margin-bottom: 0;
}
}  .blog-page-wrapper {
padding-top: 30px;
}
.all-blog-wrapper .blog-white-box {
padding: 0;
border: none;
background: transparent;
padding-bottom: 45px;
}
.blog-pic img {
width: 100%;
max-width: 100%;
max-height: 363px;
object-fit: cover;
border-radius: 8px;
overflow: hidden;
}
.all-blog-wrapper .blog-white-box h2 {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-date-auth {
display: flex;
align-items: center;
margin-bottom: 25px;
gap: 16px;
position: relative;
}
.blog-date {
display: flex;
gap: 10px;
position: relative;
}
.blog-auther {
font-size: 12px;
font-weight: 600;
padding-left: 4px;
}
.blog-read-more {
font-size: 25px;
font-weight: 600;
color: #298EEC;
text-decoration: none;
}
.time-icon {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/06/time.svg) no-repeat 0 0;
background-size: contain;
width: 24px;
height: 24px;
display: block;
}
.blog-date::before {
content: '';
position: absolute;
width: 2px;
height: 20px;
background: #000;
display: block;
top: 2px;
right: -9px;
}
.nav-links {
margin-bottom: 16px;
display: flex;
gap: 10px;
justify-content: center;
margin-left: auto;
margin-right: auto;
align-items: center;
}
.nav-links .current {
background-color: #e9ebeb !important;
border: 1px solid #e9ebeb !important;
color: black !important;
padding: 5px;
}
.blog-book-consultation-panel {
background: url(https://dreamzcmms.com/wp-content/uploads/2025/06/blog-book-consult-bg.jpg) no-repeat 0 0;
min-height: 360px;
background-size: cover;
margin-bottom: 40px;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 25px;
}
.blog-book-consultation-panel h2 {
font-size: 40px;
line-height: 1.5;
color: #fff;
font-weight: 600;
}
.blog-book-consultation-panel p {
font-size: 25px;
line-height: 1.5;
color: #fff;
font-weight: 400;
margin-bottom: 30px;
}
.blog-blue-btn {
background: #298EEC;
padding: 15px 16px;
color: #fff;
border-radius: 15px;
font-size: 19px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
transition: all 0.3s;
}
.blog-blue-btn:hover {
background: #0e579b;
color: #fff;
}
.page.page-id-601 .new-design-theme.top-rated-panel {
background: #ffffff;
}
.page.page-id-601 .new-design-theme.top-rated-panel h3 {
color: #000;
}
.single-success_story .new-design-theme.top-rated-panel {
background: #ffffff;
}
.single-success_story .new-design-theme.top-rated-panel h3 {
color: #000;
}
html {
scroll-padding-top: 100px; }
.dzcmms-marquee {
background: #f1f1f1 !important;
}
.new-design-theme .highest-rated-block img {
width: 105px;
} .announcement-bar {
background: #008ffd;
color: #fff;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
font-size: 18px;
position: relative;
}
.badge {
background: #ffb400;
color: #000;
padding: 4px 10px;
border-radius: 4px;
font-weight: 700;
font-size: 12px;
}
.announcement-bar a {
color: #073c64;
text-decoration: none;
}
.announcement-bar {
background: #008ffd47;
color: #008ffd;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
font-size: 15px;
position: relative;
}
.read-more {
font-weight: bold;
}
.close-banner {
position: absolute;
right: 30px;
cursor: pointer;
font-size: 22px;
}
@media (max-width: 767px) {
.new-design-theme .highest-rated-block img {
width: 85px;
}
.new-design-theme .top-rated-logos img {
max-width: none;
max-height: 146px;
width: 114px;
height: 168px;
object-fit: contain;
}
}
@media only screen and (max-width: 900px) {
.home-v2 .fsm-landing .simplify-container1 img {
width: auto;
height: auto;
}
.simple-assect-sec .mob-none {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
.simple-assect-sec .col-lg-4.col-md-12.col-12 {
flex: 0 0 auto;
width: 49% !important;
}
}
@media screen and (max-width: 1190x) {
.home-v2 .fsm-landing .simplify-container1 img {
height: auto;
}
}
.logo-grid {
display: grid;
grid-template-columns: repeat(5, 185px);
grid-auto-rows: 89.5px;
gap: 0; width: max-content;
margin: 0 auto;
gap: 10px;
}
.logo-cell {
width: 175px;
height: 89.5px;
background-image: url(https://dreamzcmms.com/wp-content/uploads/2026/08/sprite.png);
background-repeat: no-repeat;
overflow: hidden;
cursor: default;
transition: transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0px 6px 10px rgb(147 147 147 / 20%);
border-radius: 8px;
}
.logo-cell:hover,
.logo-cell:focus-visible {
transform: translateY(-2px); z-index: 1;
} .logo-cell .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .logo-sap {
background-position: 0px 0px;
}
.logo-sage-intacct {
background-position: -175px 0px;
}
.logo-stripe {
background-position: -350px 0px;
}
.logo-zebra {
background-position: -525px 0px;
} .logo-cimcon {
background-position: 0px -89.5px;
}
.logo-netsuite {
background-position: -175px -89.5px;
}
.logo-quickbooks {
background-position: -350px -89.5px;
}
.logo-propelr {
background-position: -525px -89.5px;
} .logo-dynamics365 {
background-position: 0px -179px;
}
.logo-xero {
background-position: -175px -179px;
}
.logo-razorpay {
background-position: -350px -179px;
}
.logo-samsara {
background-position: -525px -179px;
} .logo-odoo {
background-position: 0px -268.5px;
}
.logo-tallyprime {
background-position: -175px -268.5px;
}
.logo-revrex {
background-position: -350px -268.5px;
}
.logo-phonepe {
background-position: -525px -268.5px;
} .logo-chainway {
background-position: 0px -358px;
}
.logo-cardconnect {
background-position: -175px -358px;
}
.logo-codat {
background-position: -350px -358px;
}
.logo-siesa {
background-position: -525px -358px;
} .logo-unleashed {
background-position: 0px -447.5px;
}
.logo-shopify {
background-position: -175px -447.5px;
}
.logo-monnit {
background-position: -350px -447.5px;
}
.logo-birdeye {
background-position: -525px -447.5px;
} @media (max-width: 1100px) {
.logo-grid {
grid-template-columns: repeat(2, 240px);
}
}
@media (max-width: 600px) {
.logo-grid {
grid-template-columns: 240px;
}
}
.rated-logos-mid.new-design-theme .rated-logos-panel {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 35px;
padding-left: 35px;
padding-right: 35px;
} .work-order-template-wrapper .home-v2.cmms-software .carousal-body.calendar-box h4 {
font-size: 20px !important;
line-height: 24px !important;
}
.work-order-template-wrapper .fsm-landing h1.mfg-big-txt-new.blue-text-sm {
font-size: 22px;
margin-bottom: 0px !important;
color: #298EEC;
font-weight: 600;
text-transform: uppercase;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body.calendar-box {
background-color: #ffffff !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body.calendar-box {
color: #fff !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body.calendar-box h4 {
color: #000000 !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body-txt.home-para-none p {
color: #000000 !important;
}
.work-order-template-wrapper .grow-business-panel,
.work-order-template-wrapper .fill-calendar-panel {
background-color: #F4F4F4;
padding-bottom: 70px !important;
margin-top: 20px;
}
.work-order-template-wrapper .rfid-tab-buttons.rfid-tab-mb-0 {
margin-bottom: 0px !important;
}
.work-order-template-wrapper .rfid-slides.rfid-slides-pt-0 {
padding-top: 0px !important;
}
.work-order-template-wrapper .rfid-slides.rfid-slides-pt-0::before {
top: 0px !important;
}
.work-order-template-wrapper .rfid-tab-buttons.rfid-tab-mb-0 .rfid-tab {
border-radius: 8px 8px 0 0 !important;
}
.work-order-template-wrapper .rfid-tab-buttons.rfid-tab-mb-0 .rfid-tab.active {
background-color: #000 !important;
color: #fff !important;
border-radius: 8px 8px 0 0;
}
.work-order-template-wrapper .thfaqf-faq-item-content p {
font-size: 16px;
line-height: 20px;
color: #000000;
padding-left: 72px;
}
.work-order-template-wrapper .new-design-free-trial.design-free-trial-black {
background-color: #000 !important;
}
.work-order-template-wrapper .rfid-slider-container-max-width {
max-width: 1260px;
}
.work-order-template-wrapper .text-content.slide-content-new,
.work-order-template-wrapper .rfid-text-content.slide-content-new {
padding-top: 0;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-image-content img {
max-height: 333px !important;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-slides .rfid-image-content {
margin-top: 40px;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-arrow {
top: 23px !important;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-slide {
align-items: flex-start !important;
}
.work-order-template-wrapper .rfid-text-content.slide-content-new {
padding-top: 40px;
}
.work-order-template-wrapper .text-content.slide-content-new,
.work-order-template-wrapper .rfid-text-content.slide-content-new {
padding-top: 40px;
}
.work-order-template-wrapper.faq-container p {
font-size: 16px;
color: #000;
}
.work-order-template-wrapper .grow-business-icon {
padding-top: 20px;
}
.work-order-template-wrapper .grow-business-icon img {
max-width: 85px;
}
.work-order-template-wrapper .home-v2.cmms-software .engagement .carousal-body.calendar-box {
background-color: #ffffff !important;
border: 2px solid #298eec;
box-shadow: 0px 0px 0px 0px rgba(181, 181, 181, 0.25);
}
.work-order-template-wrapper .home-v2 .key-feature-sec.use-case-sec .key-feature-sec-tab .nav-tabs li button {
width: 90%;
}
.work-order-template-wrapper .home-v2 .key-feature-sec-tab .nav-tabs li button.active {
position: relative;
font-weight: 600;
color: #298EEC;
}
.work-order-template-wrapper .home-v2 .use-case-sec .nav-tabs li button {
padding: 14px 0px 24px 0;
margin-right: 30px;
}
.work-order-template-wrapper .justify-content-center {
justify-content: left !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body-txt.home-para-none p {
text-align: left;
}
.work-order-template-wrapper .ul-style.white-arrow li {
margin-top: 10px;
background: url(https://dreamzcmms.com/wp-content/uploads/2026/08/tick-black.svg) 0px 2px no-repeat;
color: #000;
background-size: 26px;
}
.work-order-template-wrapper #myTab .nav-item button {
font-weight: 600;
text-align: left;
white-space: nowrap;
background: #298EEC !important;
color: #fff !important;
width: 100%;
border-radius: 12px 12px 0 0;
text-align: center;
}
.work-order-template-wrapper #myTab .nav-item button.nav-link.active {
background: #fec449 !important;
color: #000 !important;
}
.work-order-template-wrapper #myTab .nav-item button.nav-link:hover {
background: #fec449 !important;
border-color: #fec449 !important;
color: #000 !important;
}
.work-order-template-wrapper .key-feature-sec.use-case-sec {
padding-bottom: 40px;
}
.work-order-template-wrapper #myTab .nav-item {
flex-grow: 1;
border-right: 1px solid #fff;
}
.work-order-template-wrapper .normal-grid .banner-part-btn {
padding-left: 555px;
}
.work-order-template-wrapper .home-v2 .use-case-sec .nav-tabs li {
width: 100%;
}
.work-order-template-wrapper .key-feature-sec-body {
padding-top: 10px;
}
.work-order-template-wrapper .new-design-theme .highest-rated-block img {
width: 105px;
}
.work-order-template-wrapper .key-feature-sec-tab .tab-content {
box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
padding: 20px;
border-radius: 0 0 12px 12px;
}
@media (max-width: 900px) {
.work-order-template-wrapper .home-v2 .normal-grid .carousal-body-txt {
bottom: 0 !important;
}
}
@media (max-width: 767px) {
.work-order-template-wrapper #myTab .nav-item button {
border-radius: 12px;
}
.work-order-template-wrapper #myTab .nav-item {
padding: 2px 0;
border-bottom: none;
}
.work-order-template-wrapper .management-section ul.reduce li {
text-align: left;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-tab-buttons {
flex-direction: column;
}
.work-order-template-wrapper .rfid-slider-container-max-width .rfid-slides::before {
display: none;
}
.work-order-template-wrapper .rfid-tab-buttons.rfid-tab-mb-0 .rfid-tab,
.work-order-template-wrapper .rfid-tab-buttons.rfid-tab-mb-0 .rfid-tab.active {
border-radius: 8px !important;
}
}
@media (max-width: 767px) {
.work-order-template-wrapper .features-sec.mobile-view .features-tools-mob-section ul li {
padding-left: 10px !important;
padding-right: 10px !important;
}
.work-order-template-wrapper .mob-center {
display: flex;
justify-content: center;
align-items: center;
}
.work-order-template-wrapper .mob-grid-row {
padding-left: 20px !important;
padding-right: 20px !important;
}
.work-order-template-wrapper .mob-grid-row .ost-box {
width: 100% !important;
}
.home-v2 .normal-grid.mob-grid-row .carousal-body-txt {
position: relative;
}
.work-order-template-wrapper .home-v2 .normal-grid.mob-grid-row .carousal-body {
height: auto !important;
}
.work-order-template-wrapper .home-v2 .normal-grid.mob-grid-row .carousal-body-txt div p {
margin-bottom: 0px !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-head {
padding-left: 15px;
padding-right: 15px;
}
.work-order-template-wrapper .mob-btn-padd {
padding-left: 15px !important;
padding-right: 0 !important;
}
.work-order-template-wrapper .mob-btn-padd .ost-box {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.work-order-template-wrapper .mob-btn-padd .ost-box .banner-part-btn {
padding-left: 8px !important;
}
.work-order-template-wrapper .new-design-theme .ratio-16x9 {
--bs-aspect-ratio: 63% !important;
}
.work-order-template-wrapper .d-flex.gap-3.align-items-center.highest-rated-block.py-2 {
flex-wrap: wrap !important;
}
.work-order-template-wrapper .d-flex.gap-3.align-items-center.highest-rated-block.py-2 br {
display: none !important;
}
.work-order-template-wrapper .new-design-theme .highest-rated-block img {
width: 85px;
}
.work-order-template-wrapper .new-design-theme .top-rated-logos img {
max-width: 157px;
max-height: none;
width: 110px;
height: 117px;
object-fit: cover;
}
.work-order-template-wrapper .grow-business-panel,
.work-order-template-wrapper .fill-calendar-panel {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.work-order-template-wrapper .home-v2 .normal-grid .carousal-body-txt {
position: relative !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body.calendar-box h4 {
font-size: 18px !important;
line-height: 24px;
padding-top: 10px;
}
.work-order-template-wrapper .home-v2 .normal-grid .carousal-body {
height: auto !important;
}
.work-order-template-wrapper .home-v2.cmms-software .carousal-body-txt.home-para-none p {
margin-bottom: 10px !important;
}
.work-order-template-wrapper .key-feature-sec .carousal-head h2 {
font-size: 24px !important;
line-height: 34px !important;
}
.work-order-template-wrapper .mob-d-none {
display: none !important;
}
.work-order-template-wrapper .nav-tabs .nav-item.show .nav-link,
.work-order-template-wrapper .nav-tabs .nav-link.active {
border: none !important;
}
}
.work-order-template-wrapper .fill-calendar-panel {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
:root {
--woc-orange: #298EEC;
--woc-orange-dark: #298EEC;
--woc-orange-tint: #fdeae1;
--woc-ink: #1b1b24;
--woc-body: #5c606b;
--woc-muted: #9a9aa8;
--woc-bg: #f7f7f8;
--woc-teal: #12b3a0;
--woc-font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.woc {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 72px 48px; font-family: var(--woc-font);
-webkit-font-smoothing: antialiased;
}
.woc__inner {
display: grid;
grid-template-columns: 1.02fr 1fr;
gap: 72px;
align-items: center;
width: 100%;
max-width: 1240px;
} .woc__visual {
position: relative;
}
.woc__figure {
display: block;
width: 100%;
height: auto;
overflow: visible;
} .woc__eyebrow {
margin: 0 0 14px;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 1.1px;
text-transform: uppercase;
color: var(--woc-orange);
}
.woc__title {
margin: 0 0 20px;
font-size: 44px;
font-weight: 700;
line-height: 1.16;
letter-spacing: -0.5px;
color: var(--woc-ink);
text-wrap: balance;
}
.woc__intro {
margin: 0 0 34px;
max-width: 560px;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: var(--woc-body);
text-wrap: pretty;
} .woc__list {
display: flex;
flex-direction: column;
gap: 22px;
margin: 0;
padding: 0;
list-style: none;
}
.woc__item {
display: flex;
align-items: flex-start;
gap: 18px;
}
.woc__icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 13px;
background: var(--woc-orange);
box-shadow: 0 6px 14px rgba(43, 127, 238, 0.479);
}
.woc__icon svg {
display: block;
}
.woc__text {
margin: 0;
font-size: 15.5px;
font-weight: 400;
line-height: 1.6;
color: var(--woc-body);
text-wrap: pretty;
}
.woc__term {
font-weight: 600;
color: var(--woc-ink);
} .woc-scene__dots {
fill: var(--woc-teal);
opacity: 0.85;
}
.woc-scene__hatch {
fill: url(#wocHatch);
}
.woc-scene__panel {
fill: #ffffff;
}
.woc-scene__divider {
stroke: #ececf1;
stroke-width: 1;
}
.woc-scene__scan {
fill: var(--woc-orange);
opacity: 0.9;
}
.woc-scene__heading {
font: 600 15px var(--woc-font);
fill: var(--woc-ink);
}
.woc-scene__col-label {
font: 600 11px var(--woc-font);
letter-spacing: 0.6px;
fill: var(--woc-muted);
}
.woc-scene__badge-bg {
fill: var(--woc-orange-tint);
}
.woc-scene__badge-text {
font: 600 11.5px var(--woc-font);
fill: var(--woc-orange-dark);
}
.woc-scene__card {
fill: #f7f7f9;
stroke: #ededf2;
}
.woc-scene__card--open {
fill: #ffffff;
stroke: #e6e6ee;
}
.woc-scene__card--flag {
fill: #ffffff;
stroke: rgba(241, 101, 42, 0.45);
}
.woc-scene__line {
fill: #c9c9d4;
}
.woc-scene__line--soft {
fill: #e1e1e9;
}
.woc-scene__line--faint {
fill: #ededf2;
}
.woc-scene__accent {
fill: var(--woc-orange);
}
.woc-scene__track {
fill: #ededf2;
}
.woc-scene__connector {
fill: none;
stroke: #d9d9e3;
stroke-width: 1.8;
stroke-dasharray: 6 6;
}
.woc-scene__alert-text {
font: 700 11px var(--woc-font);
fill: var(--woc-orange);
}
.woc-scene__clock-ring {
fill: none;
stroke: var(--woc-orange);
stroke-width: 2.5;
stroke-dasharray: 150 64;
stroke-linecap: round;
opacity: 0.9;
}
.woc-scene__hand {
stroke: var(--woc-ink);
stroke-width: 3;
stroke-linecap: round;
}
.woc-scene__hand--min {
stroke: var(--woc-orange);
}
.woc-scene__stat-label {
font: 500 12px var(--woc-font);
fill: var(--woc-muted);
}
.woc-scene__stat-value {
font: 700 21px var(--woc-font);
fill: var(--woc-ink);
}
.woc-scene__trend {
fill: none;
stroke: var(--woc-ink);
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0.18;
}
.woc-scene__dim-90 {
opacity: 0.90;
}
.woc-scene__dim-85 {
opacity: 0.85;
}
.woc-scene__dim-75 {
opacity: 0.75;
}
.woc-scene__dim-55 {
opacity: 0.55;
}
.woc-scene__dim-40 {
opacity: 0.40;
}
.woc-scene__dim-30 {
opacity: 0.30;
}
.woc-scene__dim-25 {
opacity: 0.25;
} .woc-anim--float {
animation: woc-float 5.5s ease-in-out infinite;
}
.woc-anim--float-2 {
animation: woc-float-2 6.5s ease-in-out infinite;
}
.woc-anim--drop {
animation: woc-drop 4s cubic-bezier(0.34, 1.4, 0.5, 1) infinite;
}
.woc-anim--pulse {
animation: woc-pulse 2.4s ease-out infinite;
transform-box: fill-box;
transform-origin: center;
}
.woc-anim--blink {
animation: woc-blink 2.2s ease-in-out infinite;
}
.woc-anim--stall {
animation: woc-stall 5s cubic-bezier(0.2, 0.9, 0.3, 1) infinite;
}
.woc-anim--dash {
animation: woc-dash 1.6s linear infinite;
}
.woc-anim--sweep {
animation: woc-sweep 3.6s ease-in-out infinite;
}
.woc-anim--spin-slow {
animation: woc-spin 6s linear infinite;
transform-box: fill-box;
transform-origin: 50% 100%;
}
.woc-anim--spin-fast {
animation: woc-spin 1.5s linear infinite;
transform-box: fill-box;
transform-origin: 0% 50%;
}
.woc-anim--grow {
animation: woc-grow 2.6s ease-out infinite alternate;
transform-box: fill-box;
transform-origin: 50% 100%;
}
.woc-anim--delay-1 {
animation-delay: 0.12s;
}
.woc-anim--delay-2 {
animation-delay: 0.24s;
}
.woc-anim--delay-3 {
animation-delay: 0.36s;
}
.woc-anim--delay-4 {
animation-delay: 0.48s;
}
@keyframes woc-float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-9px);
}
}
@keyframes woc-float-2 {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
}
@keyframes woc-drop {
0% {
transform: translateY(-46px);
opacity: 0;
}
14% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes woc-pulse {
0% {
transform: scale(1);
opacity: 0.55;
}
70%,
100% {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes woc-blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.35;
}
}
@keyframes woc-spin {
to {
transform: rotate(360deg);
}
}
@keyframes woc-stall {
0% {
width: 6px;
}
40% {
width: 52px;
}
55%,
100% {
width: 54px;
}
}
@keyframes woc-dash {
to {
stroke-dashoffset: -40;
}
}
@keyframes woc-grow {
0% {
transform: scaleY(0.12);
}
100% {
transform: scaleY(1);
}
}
@keyframes woc-sweep {
0% {
opacity: 0;
transform: translateX(-14px);
}
30% {
opacity: 1;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateX(14px);
}
} @media (max-width: 1024px) {
.woc__inner {
grid-template-columns: 1fr;
gap: 48px;
}
.woc__visual {
max-width: 620px;
}
.woc__title {
font-size: 36px;
}
}
@media (max-width: 600px) {
.woc {
padding: 56px 24px;
}
.woc__title {
font-size: 28px;
}
.woc__icon {
width: 40px;
height: 40px;
border-radius: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
.woc [class*="woc-anim--"] {
animation: none !important;
}
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
}  :root {
--hosp-blue: #0770b7;
--hosp-blue-dark: #055a95;
--hosp-yellow: #fec449;
--hosp-ink: #172029;
--hosp-body: #4a5560;
--hosp-line: #e3e8ee;
--hosp-soft: #f6f8fb;
}
.hosp-banner,
.hosp-demo,
.hosp-caps,
.hosp-modules,
.hosp-proof,
.hosp-uc,
.hosp-ind {
color: var(--hosp-body);
font-family: inherit;
}
.hosp-banner h1,
.hosp-demo h2,
.hosp-caps h2,
.hosp-modules h2,
.hosp-uc h2,
.hosp-ind h2,
.hosp-caps h3,
.hosp-modules h3,
.hosp-uc h3,
.hosp-ind h3,
.hosp-story h3 {
color: var(--hosp-ink);
}
.hosp-caps h2 {
color: #fff;
}
.hosp-demo h6,
.hosp-caps h6,
.hosp-modules h6,
.hosp-proof h6 {
font-size: 12.5px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
color: var(--hosp-blue);
margin-bottom: 12px;
}
.hosp-demo .pera-text {
color: #fff;
} .btn.hosp-btn-yellow,
.btn.hosp-btn-blue {
border: 0;
border-radius: 12px;
padding: 14px 26px;
font-weight: 700;
font-size: 15px;
}
.btn.hosp-btn-yellow {
background: var(--hosp-yellow);
color: #1d2530;
}
.btn.hosp-btn-yellow:hover {
background: #ffd06b;
color: #1d2530;
}
.btn.hosp-btn-blue {
background: var(--hosp-blue);
color: #fff;
}
.btn.hosp-btn-blue:hover {
background: var(--hosp-blue-dark);
color: #fff;
}
.hosp-core-sol #dz-cmms-cases .dz-cs-inner {
padding: 0px !important;
margin: 0px !important;
}
.hosp-core-sol #dz-cmms-cases {
padding: 0px !important;
margin: 0px !important;
}
.hosp-core-sol #dz-cmms-cases .dz-cs-title {
font-family: 'Poppins' !important;
color: #000 !important;
font-weight: 700 !important;
}
.hosp-core-sol .dz-cs-head {
margin-bottom: 24px !important;
}
.hosp-core-sol #dz-cmms-cases .dz-cs-inner {
max-width: 100% !important;
}
.hosp-core-sol #dz-cmms-cases .dz-cs-stat-big {
font-size: 26px !important;
font-weight: 700 !important;
color: #fff !important;
line-height: 1.1 !important;
}
.hosp-core-sol .dz-cs-foot .dz-cs-desc a {
font-size: 14px !important;
font-weight: 600 !important;
color: #fff !important;
}
.hosp-core-sol #dz-cmms-cases .dz-cs-foot {
align-items: center !important;
} .hosp-slot {
width: 100%;
height: 100%;
min-height: 150px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 18px;
border-radius: 14px;
background: var(--hosp-soft);
border: 1px dashed #c8d3e0;
color: #8a97a6;
font-size: 13.5px;
font-weight: 600;
} .hosp-banner {
padding: 64px 0 40px;
background: linear-gradient(180deg, #f4f8fc 0%, #fff 70%);
}
.hosp-pill {
display: inline-block;
background: #e7f1fa;
color: var(--hosp-blue);
border-radius: 999px;
padding: 7px 15px;
font-size: 12.5px;
font-weight: 700;
letter-spacing: .05em;
margin-bottom: 18px;
}
.hosp-banner h1 {
font-size: 44px;
line-height: 1.14;
font-weight: 800;
margin-bottom: 16px;
text-wrap: pretty;
}
.hosp-banner-sub {
font-size: 17px;
line-height: 1.6;
margin-bottom: 26px;
}
.hosp-check-row {
margin-bottom: 26px;
}
.hosp-check {
display: flex;
gap: 10px;
align-items: flex-start;
margin-bottom: 16px;
}
.hosp-check svg {
flex: 0 0 auto;
margin-top: 4px;
}
.hosp-check p {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.hosp-check strong {
display: block;
color: var(--hosp-ink);
font-size: 14.5px;
margin-bottom: 2px;
}
.hosp-banner-note {
font-size: 14px;
margin-top: 16px;
}
.hosp-banner-note strong {
color: var(--hosp-ink);
}
.hosp-banner-vdo {
position: relative;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 24px 60px rgba(16, 45, 75, .14);
}
.hosp-banner-vdo .hosp-slot {
border-radius: 18px;
min-height: 280px;
}
.hosp-banner-vdo img {
width: 100%;
height: auto;
display: block;
}
.hosp-vdo-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 26px rgba(7, 112, 183, .3);
}
.hosp-vdo-tag {
position: absolute;
right: 14px;
bottom: 14px;
background: rgba(23, 32, 41, .85);
color: #fff;
border-radius: 8px;
padding: 5px 11px;
font-size: 12px;
font-weight: 600;
}
.hosp-ratings {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 22px;
margin-top: 44px;
padding-top: 28px;
border-top: 1px solid var(--hosp-line);
}
.hosp-ratings img {
height: 44px;
width: auto;
} .hosp-recognized {
margin: 26px 0 24px;
padding-top: 22px;
border-top: 1px solid var(--hosp-line);
}
.hosp-recognized-label {
font-size: 12.5px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
color: #8a97a6;
margin-bottom: 14px;
}
.hosp-recognized-logos {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 26px;
}
.hosp-recognized-logos img {
height: 86px;
width: auto;
max-width: 190px;
object-fit: contain;
}
.hosp-clients {
padding: 38px 0;
background: #fff;
overflow: hidden;
}
.hosp-clients-label {
text-align: center;
font-size: 12.5px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
color: #8a97a6;
margin-bottom: 22px;
}
.hosp-marquee {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.hosp-marquee-track {
display: flex;
align-items: center;
gap: 56px;
width: max-content;
animation: hosp-marquee 46s linear infinite;
}
.hosp-marquee-track img {
height: 38px;
width: auto;
object-fit: contain;
}
.hosp-marquee:hover .hosp-marquee-track {
animation-play-state: paused;
}
@keyframes hosp-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .hosp-demo {
padding: 60px 0;
background: var(--hosp-soft);
}
.hosp-demo-card {
background: #fff;
border: 1px solid var(--hosp-line);
border-radius: 18px;
padding: 30px;
box-shadow: 0 18px 44px rgba(16, 45, 75, .07);
}
.hosp-demo-card h2 {
font-size: 26px;
font-weight: 800;
margin-bottom: 6px;
}
.hosp-demo-card .pera-text {
font-size: 14px;
margin-bottom: 20px;
}
.hosp-form label {
display: block;
width: 100%;
font-size: 13px;
font-weight: 700;
color: var(--hosp-ink);
margin-bottom: 14px;
}
.hosp-form input,
.hosp-form textarea {
width: 100%;
margin-top: 6px;
padding: 11px 13px;
border: 1px solid var(--hosp-line);
border-radius: 10px;
font-size: 14px;
font-weight: 400;
color: var(--hosp-ink);
background: #fff;
}
.hosp-form input:focus,
.hosp-form textarea:focus {
outline: 2px solid rgba(7, 112, 183, .25);
border-color: var(--hosp-blue);
}
.hosp-form .btn {
width: 100%;
}
.hosp-form-note {
font-size: 12.5px;
text-align: center;
margin-top: 14px;
margin-bottom: 0;
}
.hosp-demo-side {
padding-left: 20px;
}
.hosp-demo-side .pera-text {
color: #222;
}
.hosp-demo-side h2 {
font-size: 30px;
font-weight: 800;
margin-bottom: 12px;
}
.hosp-awards-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin: 26px 0;
}
.hosp-awards-grid img {
height: 95px;
width: auto;
}
.hosp-stats {
border-top: 1px solid var(--hosp-line);
padding-top: 22px;
}
.hosp-stat-num {
font-size: 28px;
font-weight: 800;
color: var(--hosp-blue);
line-height: 1.1;
}
.hosp-stat-label {
font-size: 13px;
line-height: 1.45;
margin-top: 4px;
color: #fff;
}
.hosp-demo-side .hosp-stat-label {
color: #222;
} .hosp-caps-outer {
background: radial-gradient(1000px 560px at 8% -6%, rgba(46, 125, 255, 0.2), transparent 58%), radial-gradient(760px 520px at 100% 100%, rgba(245, 181, 68, 0.08), transparent 55%), linear-gradient(rgb(9, 17, 32) 0%, rgb(10, 20, 36) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.06);
position: relative;
z-index: 1;
}
.hosp-caps-inner {
background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: radial-gradient(circle at 18% 22%, #091120, transparent 70%);
position: absolute;
inset: 0px;
z-index: -1;
}
.hosp-caps {
padding: 70px 0;
}
.hosp-caps-head {
margin-bottom: 38px;
text-align: center;
}
.hosp-caps-head h2 {
font-size: 34px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 14px;
}
.hosp-caps-head h2 span {
color: var(--hosp-blue);
}
.hosp-caps-head .pera-text {
font-size: 15.5px;
line-height: 1.65;
color: #fff;
}
.hosp-caps-tabs-ul {
border: 0;
display: block;
}
.hosp-caps-tabs-ul .nav-item {
margin-bottom: 10px;
border: none !important;
}
.hosp-caps-tabs-ul .nav-link {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
text-align: left;
border: 1px solid var(--hosp-line);
border-radius: 14px;
background: #fff;
padding: 13px 15px;
font-size: 14.5px;
font-weight: 600;
color: var(--hosp-ink);
transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid rgba(255, 255, 255, 0.07);
background: rgba(255, 255, 255, 0.02);
color: rgb(159, 177, 201);
border-radius: 10px;
color: rgb(159, 177, 201);
}
.hosp-caps-tabs-ul .nav-link .hosp-tab-icon {
flex: 0 0 auto;
width: 34px;
height: 34px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.05);
color: #7c7e7e;
display: flex;
align-items: center;
justify-content: center;
}
.hosp-caps-tabs-ul .nav-link.active {
transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid rgba(96, 176, 255, 0.45);
background: linear-gradient(135deg, rgba(74, 168, 255, 0.18), rgba(46, 125, 255, 0.04));
color: rgb(234, 244, 255);
box-shadow: rgba(46, 125, 255, 0.6) 0px 12px 32px -16px;
}
.hosp-caps-tabs-ul .nav-link.active .hosp-tab-icon {
background: linear-gradient(135deg, rgb(74, 168, 255), rgb(46, 125, 255));
color: rgb(255, 255, 255);
}
.hosp-caps .tab-content {
background: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
border: 1px solid rgba(255, 255, 255, 0.09);
box-shadow: rgba(0, 0, 0, 0.85) 0px 30px 80px -42px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset;
padding: 30px;
border-radius: 30px;
}
.hosp-cap-body h3 {
font-size: 22px;
font-weight: 800;
line-height: 1.28;
margin-bottom: 10px;
color: #fff;
}
.hosp-cap-body p {
font-size: 14.5px;
line-height: 1.6;
color: #fff;
}
.hosp-cap-body ul {
list-style: none;
padding: 0;
margin: 16px 0 0;
}
.hosp-cap-body ul li {
position: relative;
padding-left: 22px;
font-size: 14px;
line-height: 1.5;
margin-bottom: 10px;
color: #fff;
}
.hosp-cap-body ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 11px;
height: 11px;
background: no-repeat center/contain url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230770b7' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}
.hosp-cap-img .hosp-slot {
border-radius: 14px;
}
.hosp-metrics {
margin-top: 24px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.hosp-metric-v {
font-size: 24px;
font-weight: 800;
color: var(--hosp-blue);
line-height: 1.1;
}
.hosp-metric-l {
font-size: 12.5px;
line-height: 1.45;
margin-top: 4px;
color: #fff;
} .hosp-modules {
padding: 70px 0;
background: var(--hosp-ink);
}
.hosp-modules h2,
.hosp-modules h3 {
color: #fff;
}
.hosp-modules h6 {
color: var(--hosp-yellow);
}
.hosp-modules .pera-text {
color: #b6c2cf;
}
.hosp-modules-head {
margin-bottom: 34px;
}
.hosp-modules-head h2 {
font-size: 34px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 12px;
}
.hosp-module-card {
background: rgba(255, 255, 255, .05);
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 16px;
padding: 24px;
height: 100%;
margin-bottom: 24px;
}
.hosp-module-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 12px;
background: #fff;
margin-bottom: 16px;
}
.hosp-module-card h3 {
font-size: 17px;
font-weight: 700;
line-height: 1.35;
margin-bottom: 8px;
}
.hosp-module-card .pera-text {
font-size: 14px;
line-height: 1.55;
margin: 0;
} .hosp-proof {
padding: 70px 0;
background: var(--hosp-soft);
} .hosp-bigstat-num {
font-size: 64px;
font-weight: 800;
color: var(--hosp-blue);
line-height: 1;
}
.hosp-bigstat-label {
font-size: 17px;
font-weight: 600;
color: #fff;
margin: 8px 0 0;
line-height: 1.35;
}
.hosp-proof-stats {
display: grid;
gap: 20px;
border-top: 1px solid var(--hosp-line);
padding-top: 22px;
}
.hosp-proof-stat {
display: flex;
align-items: flex-start;
gap: 14px;
}
.hosp-proof-icon {
flex: 0 0 auto;
width: 44px;
height: 44px;
border-radius: 12px;
background: #fff;
border: 1px solid var(--hosp-line);
color: var(--hosp-blue);
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.hosp-proof {
background: radial-gradient(1000px 560px at 8% -6%, rgba(46, 125, 255, 0.2), transparent 58%), radial-gradient(760px 520px at 100% 100%, rgba(245, 181, 68, 0.08), transparent 55%), linear-gradient(rgb(9, 17, 32) 0%, rgb(10, 20, 36) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.06);
position: relative;
z-index: 1;
}
.hosp-proof-inner {
background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: radial-gradient(circle at 18% 22%, #091120, transparent 70%);
position: absolute;
inset: 0px;
z-index: -1;
}
.hosp-proof-left {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
padding: 20px;
}
.hosp-story {
border-radius: 18px;
overflow: hidden;
}
.hosp-story-head {
padding: 26px 28px;
}
.hosp-story-head h6 {
color: var(--hosp-blue);
}
.hosp-story-head h3 {
font-size: 21px;
font-weight: 800;
line-height: 1.3;
margin-bottom: 6px;
color: #fff;
}
.hosp-story-head p {
font-size: 13.5px;
margin: 0;
color: #d1e0ff;
}
.hosp-story-body {
padding: 26px 28px;
}
.hosp-step {
display: flex;
gap: 16px;
position: relative;
padding-bottom: 22px;
}
.hosp-step:before {
content: "";
position: absolute;
left: 15px;
top: 34px;
bottom: 0;
width: 2px;
background: var(--hosp-line);
}
.hosp-step.hosp-step-last:before {
display: none;
}
.hosp-step-no {
flex: 0 0 auto;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--hosp-blue);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
z-index: 1;
}
.hosp-step-label {
font-size: 12px;
font-weight: 800;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--hosp-blue);
margin-bottom: 5px;
}
.hosp-step-body p {
font-size: 14px;
line-height: 1.55;
margin: 0;
color: #fff;
} .hosp-uc {
padding: 70px 0;
}
.hosp-uc-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 34px;
}
.hosp-uc-head h2 {
font-size: 32px;
font-weight: 800;
line-height: 1.22;
max-width: 760px;
margin: 0;
}
.hosp-uc-nav {
display: flex;
gap: 10px;
flex: 0 0 auto;
}
.hosp-uc-arrow {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid var(--hosp-line);
background: #fff;
color: var(--hosp-ink);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.hosp-uc-arrow:hover {
border-color: var(--hosp-blue);
color: var(--hosp-blue);
}
.hosp-uc-track {
display: flex;
gap: 24px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 10px;
scrollbar-width: none;
}
.hosp-uc-track::-webkit-scrollbar {
display: none;
}
.hosp-uc-track>.hosp-uc-card {
flex: 0 0 332px;
scroll-snap-align: start;
}
.hosp-uc-card {
border: 1px solid var(--hosp-line);
border-radius: 18px;
overflow: hidden;
background: #fff;
}
.hosp-uc-card-img .hosp-slot {
border-radius: 0;
border: 0;
border-bottom: 1px solid var(--hosp-line);
}
.hosp-uc-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hosp-uc-card-content {
padding: 22px;
}
.hosp-uc-num {
font-size: 12px;
font-weight: 800;
color: var(--hosp-blue);
letter-spacing: .08em;
}
.hosp-uc-card-content h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.32;
margin: 8px 0 8px;
}
.hosp-uc-card-content .pera-text {
font-size: 14px;
line-height: 1.55;
}
.hosp-uc-btn {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 14px;
font-weight: 700;
color: var(--hosp-blue);
text-decoration: none;
margin-top: 6px;
}
.hosp-uc-btn:hover {
color: var(--hosp-blue-dark);
}
.hosp-uc-btn svg {
width: 14px;
height: 14px;
fill: currentColor;
} .hosp-ind {
padding: 70px 0;
background: var(--hosp-soft);
}
.hosp-ind-head {
margin-bottom: 34px;
}
.hosp-ind-head h2 {
font-size: 34px;
font-weight: 800;
}
.hosp-ind-card {
background: #fff;
border: 1px solid var(--hosp-line);
border-radius: 16px;
padding: 24px;
height: 100%;
margin-bottom: 24px;
}
.hosp-ind-card h3 {
font-size: 17px;
font-weight: 800;
margin-bottom: 14px;
}
.hosp-ind-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.hosp-ind-card ul li {
margin-bottom: 9px;
font-size: 14px;
}
.hosp-ind-card ul li a {
color: var(--hosp-body);
text-decoration: none;
}
.hosp-ind-card ul li a:hover {
color: var(--hosp-blue);
}
.hosp-ind-card ul li a.hosp-ind-current {
color: var(--hosp-blue);
font-weight: 700;
}
.hosp-new {
display: inline-block;
background: var(--hosp-yellow);
color: #1d2530;
border-radius: 6px;
padding: 1px 7px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: .05em;
margin-left: 6px;
} @media (max-width:1199px) {
.hosp-banner h1 {
font-size: 38px;
}
.hosp-caps-head h2,
.hosp-modules-head h2,
.hosp-ind-head h2 {
font-size: 30px;
}
}
@media (max-width:991px) {
.hosp-banner {
padding: 44px 0 30px;
}
.hosp-recognized-logos {
gap: 20px;
}
.hosp-recognized-logos img {
height: 72px;
}
.hosp-uc-head {
flex-direction: column;
align-items: flex-start;
}
.hosp-banner h1 {
font-size: 32px;
}
.hosp-banner-vdo {
margin-top: 30px;
}
.hosp-demo-side {
padding-left: 0;
margin-top: 34px;
}
.hosp-caps-tabs-ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 22px;
}
.hosp-caps-tabs-ul .nav-item {
margin-bottom: 0;
}
.hosp-story {
margin-top: 30px;
}
.hosp-modules-head .text-lg-end {
text-align: left !important;
margin-top: 18px;
}
}
@media (max-width:767px) {
.hosp-banner h1 {
font-size: 27px;
}
.hosp-caps-head h2,
.hosp-modules-head h2,
.hosp-ind-head h2,
.hosp-uc-head h2 {
font-size: 25px;
}
.hosp-demo-card,
.hosp-caps .tab-content,
.hosp-story-body,
.hosp-story-head {
padding: 20px;
}
.hosp-bigstat-num {
font-size: 48px;
}
.hosp-ratings img {
height: 34px;
}
.hosp-recognized-logos img {
height: 58px;
max-width: 130px;
}
.hosp-uc-track>.hosp-uc-card {
flex: 0 0 84%;
}
.hosp-marquee-track {
gap: 34px;
}
.hosp-marquee-track img {
height: 28px;
}
.hosp-awards-grid img {
height: 48px;
}
.hosp-metrics>div,
.hosp-stats>div {
margin-bottom: 14px;
}
.hosp-banner .highest-rated-block img {
width: 85px;
height: auto;
}
.hosp-banner .highest-rated-block {
gap: 10px !important;
}
.hosp-uc,
.hosp-ind {
padding: 20px 0;
}
}
.hosp-demo-card .wpcf7 label {
font-size: 13px;
font-weight: 700;
color: var(--hosp-ink);
}
.hosp-demo-card .wpcf7 br {
display: none;
}
.hosp-demo-card .wpcf7 p label {
width: 100%;
}
.hosp-demo-card .wpcf7 .wpcf7-form-control-wrap {
width: 100%;
}
.hosp-demo-card .wpcf7 .btn.hosp-btn-blue {
width: 100%;
}
.hosp-demo-card .wpcf7 .form-control:focus {
box-shadow: none !important;
}
.hosp-demo-card .wpcf7 .form-control::placeholder {
font-size: 14px;
} .product-review-box-img {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 15px;
}
.product-review-box-img .product-box-img {
width: 75px;
overflow: hidden;
border-radius: 100%;
height: 75px;
max-width: none !important;
}
.product-review-box-img .product-box-img img {
margin: 0 !important;
object-fit: cover;
max-width: none !important;
border-radius: 100px;
}
.reviews-rating-star {
display: flex;
align-items: center;
gap: 3px;
color: #b1b1b1;
font-size: 25px;
line-height: 1;
margin-bottom: 15px;
}
.reviews-rating-star .yellow {
color: #f5b301;
}
.reviews-rating-star span {
display: inline-block;
} .tavern-page {
--navy: #0a1326;
--navy-soft: #131d36;
--navy-line: #223055;
--blue: #298eec;
--blue-light: #8ec5f8;
--blue-tint: #e7f2fd;
--gold: #efad44;
--green: #16a34a;
--red: #e2483a;
--ink: #0a1326;
--body: #41506a;
--muted: #5b667a;
--muted-light: #9fadc4;
--line: #e3e7ee;
--line-soft: #e9edf3;
--offwhite: #f4f4f4;
--white: #fff;
--container: 1320px;
--gutter: 40px;
--section-y: 104px;
--radius-sm: 9px;
--radius-md: 18px;
--radius-lg: 22px;
--font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.tavern-page .container {
width: 100%;
max-width: var(--container);
margin: 0 auto;
}
.tavern-page .container--narrow {
max-width: 840px
}
.tavern-page .section-head {
max-width: 960px
}
.tavern-page .section-head--center {
margin-inline: auto;
text-align: center
}
.tavern-page .section-head__title {
font-size: clamp(30px, 3.4vw, 40px);
line-height: 1.14;
letter-spacing: -.03em;
font-weight: 600;
margin-top: 16px;
}
.tavern-page .section-head__title--light {
color: var(--white)
}
.tavern-page .section-head__text {
font-size: clamp(16px, 1.4vw, 19px);
line-height: 1.65;
color: var(--muted);
margin-top: 16px
}
.tavern-page .section-head__text--light {
color: var(--muted-light)
}
.tavern-page .eyebrow {
font-size: 12.5px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0
}
.tavern-page .eyebrow--blue {
color: var(--blue)
}
.tavern-page .eyebrow--gold {
color: var(--gold)
}
.tavern-page .btn {
display: inline-block;
border: 0;
border-radius: var(--radius-sm);
font-weight: 600;
font-size: 16.5px;
letter-spacing: -.01em;
padding: 17px 32px;
cursor: pointer;
text-align: center;
transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.tavern-page .meddle-sm .btn--gold {
padding: 13px 38px;
font-size: 17.5px
}
.tavern-page .meddle-sm .btn--gold:hover {
background: #d9972d;
padding: 13px 38px;
font-size: 17.5px;
}
.tavern-page .btn--block {
display: block;
width: 100%
}
.tavern-page .btn--primary {
background: var(--blue);
color: var(--white);
box-shadow: 0 10px 22px rgba(41, 142, 236, .28)
}
.tavern-page .btn--primary:hover {
background: var(--navy);
color: var(--white);
box-shadow: 0 10px 22px rgba(10, 19, 38, .24)
}
.tavern-page .btn--gold {
background: var(--gold);
color: var(--navy);
padding: 19px 38px;
font-size: 17.5px
}
.tavern-page .btn--gold:hover {
background: var(--white);
color: var(--navy);
transform: translateY(-1px)
}
.tavern-page .btn--gold::after {
content: ' →'
}
.tavern-page .pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255, 255, 255, .08);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
padding: 8px 16px;
font-size: 12px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
color: var(--blue-light);
}
.tavern-page .pill__dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--gold)
}
.tavern-page .check-list {
display: flex;
flex-direction: column;
gap: 12px
}
.tavern-page .check-list__item {
position: relative;
padding-left: 31px;
font-size: 16.5px;
font-weight: 600;
color: var(--ink);
line-height: 1.45;
}
.tavern-page .check-list__item::before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 20px;
background: no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23298eec' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5L9.5 17 4.5 12'/%3E%3C/svg%3E");
}
.tavern-page .link-arrow {
font-size: 14px;
font-weight: 700;
color: var(--blue)
}
.tavern-page .link-arrow::after {
content: ' →'
}
.tavern-page .link-arrow:hover {
color: var(--navy)
}
.tavern-page .hero {
position: relative;
overflow: hidden;
background: var(--navy);
padding: 88px 0 96px
}
.tavern-page .hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .5
}
.tavern-page .hero__scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(10, 19, 38, .62), rgba(10, 19, 38, .8))
}
.tavern-page .hero__inner {
position: relative;
display: grid;
grid-template-columns: 1.38fr 1fr;
gap: 72px;
align-items: start
}
.tavern-page .hero__title {
font-size: clamp(34px, 4.6vw, 60px);
line-height: 1.22;
letter-spacing: -.03em;
font-weight: 800;
color: var(--white);
margin-top: 26px;
text-wrap: balance;
}
.tavern-page .hero__title-accent {
color: var(--gold)
}
.tavern-page .hero__lede {
font-size: clamp(16px, 1.5vw, 19px);
line-height: 1.65;
color: #c3cddd;
margin-top: 34px;
max-width: 600px
}
.tavern-page .hero__benefits {
margin-top: 28px
}
.tavern-page .awards {
margin-top: 38px
}
.tavern-page .awards__label {
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--muted-light)
}
.tavern-page .awards__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
margin-top: 18px;
padding-left: 0px;
margin-bottom: 0px;
}
.tavern-page .awards__item img {
height: 34px;
width: auto
}
.tavern-page .awards__item:last-child img {
height: 57px
}
.tavern-page .benefit-list {
display: flex;
flex-direction: column;
gap: 14px
}
.tavern-page .benefit-list__item {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 17px;
font-weight: 600;
color: var(--white);
line-height: 1.45;
}
.tavern-page ul {
padding-left: 0;
margin: 0;
list-style: none
}
.tavern-page br {
display: none
}
.tavern-page p::empty {
display: none
}
.tavern-page .benefit-list__icon {
flex: none;
width: 22px;
height: 22px;
margin-top: 2px
}
.tavern-page .benefit-list__icon circle {
fill: rgba(41, 142, 236, .22)
}
.benefit-list__icon path {
fill: none;
stroke: var(--blue-light);
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round
}
.tavern-page .demo-form {
background: var(--white);
border: 1px solid var(--line);
border-radius: 20px;
padding: 34px;
box-shadow: 0 18px 44px rgba(10, 19, 38, .18);
}
.tavern-page .demo-form__title {
font-size: 24px;
font-weight: 800;
letter-spacing: -.02em
}
.tavern-page .demo-form__subtitle {
font-size: 15px;
line-height: 1.55;
color: var(--muted);
margin: 10px 0 24px
}
.tavern-page .demo-form__row {
display: grid;
gap: 14px;
margin-bottom: 14px
}
.tavern-page .demo-form__row--split {
grid-template-columns: 1fr 1fr
}
.tavern-page .demo-form__note {
text-align: center;
font-size: 13px;
color: #7a869a;
margin-top: 14px
}
.tavern-page .demo-form__success {
text-align: center;
font-size: 14px;
font-weight: 700;
color: var(--green);
margin-top: 12px
}
.tavern-page .field {
display: flex;
flex-direction: column;
gap: 7px;
margin-bottom: 14px
}
.tavern-page .field__label {
font-size: 12.5px;
font-weight: 700;
color: var(--body)
}
.tavern-page .field__input {
width: 100%;
border: 1px solid #dfe4ec;
border-radius: 10px;
padding: 12px 14px;
font-size: 15px;
font-family: inherit;
color: var(--ink);
background: #fbfcfd;
outline: none;
transition: border-color .18s ease, box-shadow .18s ease;
}
.tavern-page .field__input:focus {
border-color: var(--blue);
box-shadow: 0 0 0 3px rgba(41, 142, 236, .15)
}
.tavern-page .field__input--select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b667a' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px;
padding-right: 38px
}
.tavern-page .field--invalid .field__input {
border-color: var(--red);
background: #fef7f6
}
.tavern-page .clients {
background: var(--navy);
padding: 26px 0 60px;
}
.tavern-page .clients__label {
text-align: center;
font-size: 13px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #fff;
margin-bottom: 30px
}
.tavern-page .clients__viewport {
max-width: var(--container);
margin-inline: auto;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.tavern-page .clients__track {
display: flex;
align-items: center;
gap: 64px;
width: max-content;
animation: marquee 60s linear infinite
}
.tavern-page .clients__viewport:hover .clients__track {
animation-play-state: paused
}
.tavern-page .clients__item {
flex: none;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border: 0px dashed #d7dde6;
border-radius: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #aab3c0;
}
.tavern-page .clients__item img {
height: 40px;
width: auto;
transition: filter .2s ease, opacity .2s ease
}
.tavern-page .clients__item:hover img {
filter: none;
opacity: 1
}
@keyframes marquee {
from {
transform: translateX(0)
}
to {
transform: translateX(-50%)
}
}
.tavern-page .features-intro {
background: var(--offwhite);
padding: 96px 0 24px;
text-align: center
}
.tavern-page .feature {
background: var(--white);
padding: var(--section-y) 0
}
.tavern-page .feature--alt {
background: var(--offwhite)
}
.tavern-page .features-intro+.feature--alt {
padding-top: 48px
}
.tavern-page .feature__inner {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 80px;
align-items: center
}
.tavern-page .feature__inner--reverse {
grid-template-columns: 1.1fr 1fr
}
.tavern-page .feature__inner--reverse .feature__content {
order: 2
}
.tavern-page .feature__inner--reverse .feature__media {
order: 1
}
.tavern-page .feature__title {
font-size: clamp(26px, 2.9vw, 34px);
line-height: 1.15;
letter-spacing: -.025em;
font-weight: 600;
margin-top: 16px
}
.tavern-page .feature__text {
font-size: clamp(16px, 1.4vw, 17.5px);
line-height: 1.65;
color: var(--body);
margin: 18px 0 26px
}
.tavern-page .feature__media {
border-radius: var(--radius-lg);
padding: 20px
}
.tavern-page .feature__media--card {
background: var(--white);
border: 1px solid var(--line);
box-shadow: 0 16px 40px rgba(10, 19, 38, .07)
}
.tavern-page .feature__media--flat {
background: var(--offwhite);
border: 1px solid var(--line-soft)
}
.tavern-page .feature__svg {
width: 100%;
height: auto
}
.tavern-page .benefits {
background: var(--navy);
padding: var(--section-y) 0
}
.tavern-page .benefits__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 52px
}
.tavern-page .benefit-card {
background: var(--navy-soft);
border: 1px solid var(--navy-line);
border-radius: 16px;
padding: 30px
}
.tavern-page .benefit-card__icon {
width: 28px;
height: 28px;
fill: none;
stroke: var(--gold);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}
.tavern-page .benefit-card__title {
font-size: 20px;
font-weight: 700;
letter-spacing: -.01em;
color: var(--white);
margin: 18px 0 8px
}
.tavern-page .benefit-card__text {
font-size: 15.5px;
line-height: 1.6;
color: var(--muted-light)
}
.tavern-page .steps {
background: var(--white);
padding: var(--section-y) 0
}
.tavern-page .steps__wrap {
position: relative;
margin-top: 64px
}
.tavern-page .steps__line {
position: absolute;
left: 11%;
right: 11%;
top: 34px;
height: 2px;
background: var(--line-soft)
}
.tavern-page .steps__line-fill {
display: block;
height: 100%;
background: var(--blue);
transform: scaleX(0);
transform-origin: left center;
animation: step-line 6s ease-in-out infinite
}
@keyframes step-line {
0% {
transform: scaleX(0)
}
55%,
100% {
transform: scaleX(1)
}
}
.tavern-page .steps__list {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
list-style: none;
}
.tavern-page .step {
text-align: center
}
.tavern-page .step__marker {
width: 68px;
height: 68px;
border-radius: 50%;
background: var(--white);
border: 2px solid var(--blue);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.tavern-page .step__marker svg {
width: 28px;
height: 28px;
fill: none;
stroke: var(--blue);
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round
}
.tavern-page .step__label {
font-size: 13px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gold);
margin-top: 22px
}
.tavern-page .step__title {
font-size: 21px;
font-weight: 700;
letter-spacing: -.015em;
margin: 8px 0
}
.tavern-page .step__text {
font-size: 15.5px;
line-height: 1.6;
color: var(--muted)
}
.tavern-page .types {
background: var(--offwhite);
padding: var(--section-y) 0
}
.tavern-page .types__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
margin-top: 52px
}
.tavern-page .type-card {
background: var(--white);
border: 1px solid var(--line-soft);
border-radius: var(--radius-md);
overflow: hidden
}
.tavern-page .type-card__media {
height: 212px;
background: #e8ecf2;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.tavern-page .type-card__media::after {
content: attr(data-placeholder);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #9aa5b5;
}
.tavern-page .type-card__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s ease
}
.tavern-page .type-card__media img+ ::after,
.tavern-page .type-card__media:has(img)::after {
content: none
}
.tavern-page .type-card:hover .type-card__media img {
transform: scale(1.06)
}
.tavern-page .type-card__body {
padding: 24px 24px 26px
}
.tavern-page .type-card__title {
font-size: 20px;
font-weight: 700;
letter-spacing: -.015em;
margin-bottom: 8px
}
.tavern-page .type-card__text {
font-size: 15.5px;
line-height: 1.6;
color: var(--muted)
}
.tavern-page .testimonial {
background: var(--white);
padding: var(--section-y) 0
}
.tavern-page .testimonial__inner {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 72px;
align-items: center
}
.tavern-page .testimonial__media {
height: 520px;
border-radius: var(--radius-lg);
background: #e8ecf2;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.tavern-page .testimonial__media::after {
content: attr(data-placeholder);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #9aa5b5;
}
.tavern-page .testimonial__media:has(img)::after {
content: none
}
.tavern-page .testimonial__media img {
width: 100%;
height: 100%;
object-fit: cover
}
.tavern-page .testimonial__quote {
font-size: clamp(26px, 3vw, 40px);
line-height: 1.18;
letter-spacing: -.03em;
font-weight: 600;
margin: 16px 0 26px
}
.tavern-page .testimonial__text {
font-size: clamp(16px, 1.5vw, 19px);
line-height: 1.7;
color: var(--body)
}
.tavern-page .testimonial__stars {
display: flex;
gap: 3px;
margin-top: 30px
}
.tavern-page .testimonial__stars svg {
width: 22px;
height: 22px;
fill: var(--gold)
}
.tavern-page .testimonial__author {
margin-top: 20px
}
.tavern-page .testimonial__name {
display: block;
font-size: 17px;
font-weight: 800
}
.tavern-page .testimonial__role {
display: block;
font-size: 15.5px;
color: var(--muted);
margin-top: 3px
}
.tavern-page .testimonial__sources {
display: flex;
flex-wrap: wrap;
gap: 18px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid var(--line-soft);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #8794a8;
}
.tavern-page .testimonial__sources img {
height: 65px;
}
.tavern-page .testimonial__sources span+span {
position: relative;
padding-left: 18px
}
.tavern-page .testimonial__sources span+span::before {
content: '|';
position: absolute;
left: 0;
color: #dfe4ec
}
.tavern-page .solutions {
background: var(--offwhite);
padding: var(--section-y) 0
}
.tavern-page .solutions__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 48px
}
.tavern-page .solution-card {
background: var(--white);
border: 1px solid #e5e9f0;
border-radius: 14px;
padding: 24px;
transition: border-color .18s ease, transform .18s ease
}
.tavern-page .solution-card:hover {
border-color: var(--blue);
transform: translateY(-2px)
}
.tavern-page .solution-card__icon {
width: 22px;
height: 22px;
fill: none;
stroke: var(--blue);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}
.tavern-page .solution-card__title {
font-size: 17px;
font-weight: 700;
margin: 14px 0 6px
}
.tavern-page .solution-card__text {
font-size: 14.5px;
line-height: 1.55;
color: var(--muted);
margin-bottom: 14px
}
.tavern-page .cta {
background: var(--navy)
}
.tavern-page .cta__inner {
padding: 132px var(--gutter);
text-align: center
}
.tavern-page .cta__title {
font-size: clamp(30px, 4vw, 45px);
line-height: 1.12;
letter-spacing: -.03em;
font-weight: 600;
color: var(--white);
margin-top: 18px;
text-wrap: balance
}
.tavern-page .cta__text {
font-size: clamp(16px, 1.5vw, 19px);
line-height: 1.65;
color: #c3cddd;
margin: 20px 0 34px
}
.tavern-page .cta__note {
font-size: 14.5px;
color: var(--muted-light);
margin-top: 20px
}
.tavern-page .is-revealable {
opacity: 0;
transform: translateY(18px);
transition: opacity tavern-page .6s ease, transform .6s ease
}
.tavern-page .is-revealed {
opacity: 1;
transform: none
}
.tavern-page #dz-cmms-cases {
background: #f4f4f4;
padding: 0;
}
.tavern-page #dz-cmms-cases .dz-cs-eyebrow {
color: var(--blue);
font-size: 12.5px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
margin: 0;
padding: 0 0 0px;
}
.tavern-page #dz-cmms-cases .dz-cs-head {
margin-bottom: 30px;
}
.tavern-page #dz-cmms-cases .dz-cs-title {
font-size: 40px;
line-height: 1.21;
font-weight: 700;
letter-spacing: normal;
}
.tavern-page #dz-cmms-cases .dz-cs-stat-big {
font-size: 24px;
font-weight: 700;
line-height: 1.15;
letter-spacing: normal;
}
.tavern-page #dz-cmms-cases .dz-cs-foot {
align-items: center;
}
.tavern-page #dz-cmms-cases .dz-cs-desc a {
color: var(--white);
}
.tavern-page .right-form-sec {
width: 100%;
margin: 0 0 0 auto;
background-color: #f9f9f900;
padding: 20px;
box-shadow: 0px 0px 20px #ffffff4d;
border: 2px solid #ffffff1f;
border-top: 2px solid #f3ae46;
border-radius: 10px;
}
.tavern-page .right-box-wrap h2,
.tavern-page .cmms-software-sec .contact-form-wrap p {
color: #fff;
}
.tavern-page .d-support-icon {
display: none
}
.tavern-page .contact-form-wrap .form-floating .form-control {
background: #f9f9f900;
border: 0 none;
box-shadow: 0 0 0 1px #ffffff;
font-size: 16px;
color: #ffffff;
}
.tavern-page .contact-form-wrap .form-floating .form-control::placeholder {
color: #ffffff;
}
.tavern-page .new-design-theme.top-rated-panel {
background: #131d35;
padding-top: 40px;
padding-bottom: 40px;
border-top: 0px solid #fff;
}
.intl-tel-input .country-list li span {
color: #000;
}
.clients__viewport1 {
max-width: 350px;
overflow: hidden;
display: none;
}
.tavern-page .meddle-sms .btn--gold {
background: #ffffff00;
color: #eead51;
padding: 13px 0px;
font-size: 17.5px;
border-bottom: 1px solid #ffffff;
border-radius: 0px;
}
.tavern-page .meddle-sms .btn--gold:hover {
background: #ffffff00;
color: #fff;
}
@media (max-width:1200px) {
.tavern-page {
--gutter: 32px;
--section-y: 88px
}
.tavern-page .hero__inner {
gap: 48px
}
.tavern-page .feature__inner {
gap: 56px
}
.tavern-page .solutions__grid {
grid-template-columns: repeat(3, 1fr)
}
.tavern-page .footer__grid {
grid-template-columns: 1.4fr 1fr 1fr 1fr;
row-gap: 40px
}
}
@media (max-width:992px) and (min-width:768px) {
.tavern-page .d-flex.flex-md-row.align-content-center.justify-content-end.align-items-center.ms-auto {
width: 55%;
}
.tavern-page .navbar-light .navbar-brand {
width: 28%;
}
.tavern-page .top-left-contact {
max-width: 300px;
}
}
@media (max-width:992px) {
.tavern-page {
--section-y: 72px
}
.tavern-page .hero {
padding: 64px 0 72px
}
.tavern-page .hero__inner {
grid-template-columns: 1fr;
gap: 44px
}
.tavern-page .hero__form-wrap {
max-width: 560px;
width: 100%;
margin: 0 auto;
}
.tavern-page .awards__list {
gap: 22px
}
.tavern-page .awards__item img {
height: 60px
}
.tavern-page .feature__inner,
.tavern-page .feature__inner--reverse {
grid-template-columns: 1fr;
gap: 40px
}
.tavern-page .feature__inner--reverse .feature__content,
.tavern-page .feature__inner--reverse .feature__media {
order: initial
}
.tavern-page .feature__media {
order: -1
}
.tavern-page .benefits__grid {
grid-template-columns: repeat(2, 1fr)
}
.tavern-page .types__grid {
grid-template-columns: repeat(2, 1fr)
}
.tavern-page .solutions__grid {
grid-template-columns: repeat(2, 1fr)
}
.tavern-page .testimonial__inner {
grid-template-columns: 1fr;
gap: 40px
}
.tavern-page .testimonial__media {
height: 340px
}
.tavern-page .cta__inner {
padding: 96px var(--gutter)
}
.tavern-page .footer__grid {
grid-template-columns: repeat(2, 1fr)
}
.tavern-page .footer__brand {
grid-column: 1 / -1
}
.tavern-page .footer__tagline {
max-width: none
}
.tavern-page .meddle-sms .btn--gold {
font-size: 14.5px;
border: 1px solid #ffffff5e;
border-radius: 10px;
padding: 5px 10px;
width: 300px;
margin: 0 auto;
}
}
@media (max-width:767px) {
.tavern-page {
--gutter: 24px;
--section-y: 60px
}
.tavern-page .features-intro {
padding: 64px 0 16px
}
.tavern-page .features-intro+.feature--alt {
padding-top: 32px
}
.tavern-page .steps__wrap {
margin-top: 44px
}
.tavern-page .steps__line {
left: 33px;
right: auto;
top: 12px;
bottom: 12px;
width: 2px;
height: auto
}
.tavern-page .steps__line-fill {
width: 100%;
height: 100%;
transform: scaleY(0);
transform-origin: top center;
animation-name: step-line-v
}
@keyframes step-line-v {
0% {
transform: scaleY(0)
}
55%,
100% {
transform: scaleY(1)
}
}
.tavern-page .steps__list {
grid-template-columns: 1fr;
gap: 34px
}
.tavern-page .step {
display: grid;
grid-template-columns: 68px 1fr;
grid-template-areas: 'marker label' 'marker title' 'marker text';
column-gap: 22px;
text-align: left;
align-items: start;
}
.tavern-page .step__marker {
grid-area: marker;
margin: 0
}
.tavern-page .step__label {
grid-area: label;
margin-top: 4px
}
.tavern-page .step__title {
grid-area: title;
margin: 6px 0 4px
}
.tavern-page .step__text {
grid-area: text
}
.tavern-page .benefits__grid {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 36px
}
.tavern-page .types__grid {
grid-template-columns: 1fr;
gap: 20px;
margin-top: 36px
}
.tavern-page .solutions__grid {
grid-template-columns: 1fr;
gap: 14px;
margin-top: 36px
}
.tavern-page .demo-form {
padding: 26px
}
.tavern-page .clients__track {
gap: 44px;
animation-duration: 26s
}
.tavern-page .cta__inner {
padding: 76px var(--gutter)
}
.tavern-page .footer {
padding-top: 56px
}
.tavern-page .footer__bottom {
justify-content: flex-start;
gap: 18px
}
.tavern-page .testimonial__sources span {
padding-left: 18px;
}
.tavern-page .testimonial__sources span+span::before,
.tavern-page .awards__list.m-none {
display: none
}
.clients__viewport1 {
display: block
}
.mt-5.meddle-btn.meddle-sms {
text-align: center;
}
}
@media (max-width:560px) {
.tavern-page {
--gutter: 20px;
--section-y: 52px
}
.tavern-page .hero {
padding: 52px 0 60px
}
.tavern-page .hero__bg {
opacity: .42
}
.tavern-page .hero__title {
margin-top: 20px
}
.tavern-page .hero__lede {
margin-top: 26px
}
.tavern-page .awards {
margin-top: 30px
}
.tavern-page .awards__list {
gap: 18px
}
.tavern-page .awards__item img {
height: 27px
}
.tavern-page .pill {
font-size: 10px;
padding: 8px 6px;
}
.tavern-page .demo-form__row--split {
grid-template-columns: 1fr
}
.tavern-page .demo-form {
padding: 22px;
border-radius: 16px
}
.tavern-page .btn {
padding: 16px 24px
}
.tavern-page .btn--gold {
width: 100%;
padding: 17px 22px
}
.tavern-page .feature__media {
padding: 12px;
border-radius: 16px
}
.tavern-page .type-card__media {
height: 190px
}
.tavern-page .testimonial__media {
height: 260px
}
.tavern-page .benefit-card {
padding: 24px
}
.tavern-page .step {
grid-template-columns: 56px 1fr;
column-gap: 16px
}
.tavern-page .step__marker {
width: 56px;
height: 56px
}
.tavern-page .steps__line {
left: 58px
}
.tavern-page .footer__grid {
gap: 32px
}
.tavern-page .footer__bottom {
flex-direction: column;
align-items: flex-start;
gap: 16px
}
}
@media (max-width:400px) {
.tavern-page .clients__item {
width: 124px
}
.tavern-page .step {
grid-template-columns: 1fr;
grid-template-areas: 'marker' 'label' 'title' 'text'
}
.tavern-page .steps__line {
display: none
}
.tavern-page .step__marker {
margin-bottom: 8px
}
}
@media (prefers-reduced-motion:reduce) {
*,
*::before,
*::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important
}
html {
scroll-behavior: auto
}
.tavern-page .clients__track {
animation: none
}
.tavern-page .steps__line-fill {
transform: none
}
.tavern-page .is-revealable {
opacity: 1;
transform: none
}
}  .hero__sublede,
.hero__benefits.awards__label {
color: #fff;
}
.tavern-page .section-head {
max-width: none;
}
.tavern-page .feature__media--card {
background: #f6f7f9 !important;
}
.feature__media-white {
background: #fff !important;
}
.tavern-page .new-design-theme.top-rated-panel {
background: #131d35;
padding-top: 40px;
padding-bottom: 40px;
border-top: 0px solid #fff;
}
.tavern-page .clients.get-demo {
background: #fff !important;
}
.tavern-page .get-demo .clients__label {
color: #000;
}
.tavern-page.asset-manage-theme .pill {
background: #ebf4fe;
color: #0076dd;
}
.tavern-page .awards__list.get-demo .awards__item img,
.tavern-page.asset-manage-theme .awards__item img {
height: 57px;
width: auto;
}
.tavern-page.asset-manage-theme .hero__title {
font-size: clamp(34px, 4.6vw, 55px);
font-weight: 600;
color: #000;
}
.tavern-page.asset-manage-theme .hero__lede {
color: #435172;
}
.tavern-page.asset-manage-theme .benefit-list__item {
color: #202020;
}
.tavern-page.asset-manage-theme .awards__label {
color: #161616;
}
.new-design-theme.top-rated-panel.asset-theme {
padding-top: 40px;
padding-bottom: 40px;
background: #131d35;
border: none !important;
}
.tavern-page.asset-manage-theme .banner-part-btn .btn {
padding: 17px 51px 17px 32px;
}
.tavern-page.asset-manage-theme .benefit-list__icon path {
stroke: #2e587e;
}
.tavern-page.asset-manage-theme .benefit-list__icon circle {
fill: rgb(0 129 251 / 22%);
}
.tavern-page.asset-manage-theme .hero__title-accent {
color: #0076dd;
}
.tavern-page.asset-manage-theme .benefit-list__item {
font-weight: 500;
}
.tavern-page.asset-manage-theme .hero__lede {
margin-top: 25px;
}
.simple-assect-sec.dark-blue {
background-color: #030d24;
}
.stats-light-bg .mfg-landing .integration-sec.sec-padding.gray-bg.home-m-integ.grey-dark-sec.pad-50.w-100 {
background: #ebf5ff !important;
}
.stats-light-bg .mfg-landing .yellow-txt {
color: #efad44 !important;
}
.stats-light-bg .mfg-landing .performing p {
color: #000 !important;
}
.rated-logos-mid.new-design-theme.rated-logos-marq {
border-bottom: 1px solid #e3e3e3;
}
.rated-logos-mid.new-design-theme.rated-logos-marq .rated-logos-panel {
border: none !important;
}
.box-mid-divider {
width: 1px;
min-height: 127px;
background: #b9cfe5;
}
.simplify-container-new .performing.no-bdr {
border: none !important;
}
.new-design-theme .banner-part-btn .blue-ban-btn.yellow-ban-btn {
background-color: #eeac4c;
border-color: #eeac4c;
background-image: none !important;
padding: 17px 37px 17px 32px !important;
}
.new-design-theme .banner-part-btn .blue-ban-btn.yellow-ban-btn:hover {
background-color: #000 !important;
border-color: #000 !important;
}
.tavern-page.rated-logos-marq .clients {
background: #fff !important;
padding: 40px 0;
}
.trusted-brand .dzcmms-marquee {
padding-top: 0 !important;
}
.trusted-brand .clients__label {
text-align: center;
font-size: 13px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #000;
margin-bottom: 10px;
}
.trusted-brand {
background: #f1f1f1;
padding-top: 30px;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button.active::after {
background-color: transparent;
}
.home-v2 .key-feature-sec-tab .nav-tabs {
border: none !important;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button {
padding: 15px;
border-radius: 10px;
}
.home-v2 .key-feature-sec-tab .nav-tabs .nav-item button {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
background: #fff;
}
.home-v2 .key-feature-sec-tab .nav-tabs li button.active {
position: relative;
font-weight: 500;
color: #007ef3;
box-shadow: 0px 0px 4px rgb(4 131 215);
}
.home-v2 .key-feature-sec-tab .nav-tabs li {
margin-bottom: 8px;
}
.new-design-theme .banner-part-btn .blue-ban-btn,
.new-design-theme .dropdown-menu a.right-top-head .blue-ban-btn {
background-color: #1277db;
}
.banner-icons-panel {
display: flex;
gap: 15px;
margin-top: 20px;
justify-content: space-between;
}
.banner-icon-svg {
width: 50px;
height: 50px;
border-radius: 100%;
flex-shrink: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
}
.banner-icon-block {
display: flex;
gap: 12px;
align-items: center;
font-size: 15px;
line-height: 20px;
}
.heading-pill {
margin-bottom: 20px;
background: #ebf4fe !important;
color: #0076dd !important;
}
.tavern-page .sec-heading br {
display: block !important;
}
.key-feature-section .simplify-container1 {
padding: 35px;
border-radius: 20px;
box-shadow: 0px 11px 20px rgb(104 149 193 / 50%);
border: 2px solid #fff;
}
.home-v2.key-feature-section .gray-in-bg {
background: #fff;
}
.home-v2.key-feature-section .fsm-landing .sec-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.new-design-theme .banner-part-btn .blue-ban-btn.blue-outline-ban-btn {
background: #fff !important;
color: #1277db !important;
border: 1px solid #1277db !important;
padding: 17px 32px 17px 32px;
}
.home-v2.key-feature-section .gray-in-bg .simplify-container1 {
background: linear-gradient(161deg, rgba(255, 255, 255, 1) 50%, rgb(195 224 255) 100%);
}
.home-v2.key-feature-section .sub-blue-head {
color: #0076dd !important;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.head-left-icon {
background: #e5f2fc;
width: 70px;
height: 70px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.key-feature-section .management-section h2 {
line-height: 34px;
} @media (max-width: 767px) {
.announcement-bar {
height: 72px;
font-size: 13px;
line-height: 20px;
padding: 0 8px;
}
.announcement-bar a.read-more {
display: none;
}
.announcement-bar a.announcement-title {
padding-right: 13%;
}
}
@media (min-width: 1300px) {
.home-v2.product-reviews-v2 .product-box {
min-height: 452px;
}
.product-reviews-v2 .product-box {
min-height: 452px;
}
}
.home-v2.product-reviews-v2 .product-box p {
padding: 0 0 20px 0;
}
.product-reviews-v2 .product-box p {
padding: 0 0 20px 0;
}
.product-sp {
position: relative;
padding-left: 16px;
}
.product-sp span {
font-size: 20px;
color: #f4b330;
font-weight: 500;
display: inline-block;
line-height: 20px;
position: absolute;
top: 1px;
left: 0;
}
.product-sp span+span {
color: #136cb3;
font-size: 14px;
padding-left: 16px;
}
.simple-assect-sec .link-section ul li img {
max-width: 32px;
}
@media (max-width: 767px) {
.home-v2.product-reviews-v2 .owl-item .product-box img {
width: 55px;
height: 55px;
border-radius: 35px;
}
.product-reviews-v2 .product-review-box-img .product-box-img {
width: 55px;
overflow: visible;
border-radius: 0%;
height: 55px;
max-width: 55px !important;
}
.product-sp {
margin-bottom: 55px;
}
.home-v2.product-reviews-v2 .product-box p {
font-size: 14px;
}
} .home-v2.industries-page .black-tab .key-feature-sec-tab .nav-tabs li button {
color: #fff;
background: rgba(0, 0, 0, 0.5);
font-size: 16px;
}
@media (max-width: 767px) {
.home-v2 .banner-part-btn {
flex-direction: column;
}
.home-v2 .banner-part-btn .btn {
width: 100%;
}
.home-v2.industries-page .black-tab .key-feature-sec-tab .nav-tabs li button {
background: rgba(0, 0, 0, 0.5);
border: none;
box-shadow: none;
}
.home-v2.industries-page .black-tab .key-feature-sec-tab .nav-tabs li {
border-bottom: none;
}
}  .top-right-header-new .toplft-btn {
padding: 8px 15px;
}
.top-right-header-new .btn-dark {
color: #fff !important;
padding: 8px 15px;
margin-right: 4px;
border-radius: 4px;
font-weight: 600;
}
.top-right-header-new .btn-dark:hover {
box-shadow: none;
}
.top-right-header-new .phone-contact {
border: 2px solid #FFC107;
border-radius: 5px;
padding: 6px 15px;
margin-right: 4px;
box-shadow: 0 0 10px #ffe4a1;
margin-right: 9px;
transition: all 0.3s;
color: #000;
font-weight: 700;
font-size: 16px;
}
.top-right-header-new .phone-contact:hover {
background: #fff7d6;
}
.new-theme-design .footer-cont-info .phone-contact {
color: #ffc928;
font-size: 18px;
font-weight: 700;
}
.new-theme-design .footer-cont-info .phone-contact:hover {
color: #fff;
}
.new-theme-design .footer-cont-info .email-us {
color: #fff;
font-size: 18px;
font-weight: 700;
}
.new-theme-design .footer-cont-info .email-us:hover {
color: #ccc;
}
@media (min-width: 768px) and (max-width: 1194px) {
.navbar-expand-lg .navbar-collapse {
flex-direction: column;
}
}
@media (max-width: 900px) {
.bottom-sty .top-left-contact .phone-contact {
border: 2px solid #FFC107;
border-radius: 5px;
padding: 6px 15px;
margin-right: 4px;
box-shadow: 0 0 10px #ffe4a1;
margin-right: 9px;
transition: all 0.3s;
color: #000;
font-weight: 700;
font-size: 20px;
}
.footer-cont-info {
flex-direction: column;
}
}  @media (max-width: 767px) {
.tavern-page .awards__list {
gap: 5px;
}
.tavern-page .feature__content {
order: 2 !important;
}
.tavern-page .feature__media {
order: 0 !important;
}
.tavern-page .new-design-theme .top-rated-logos img {
width: 95px;
height: auto;
}
.tavern-page .testimonial__sources {
justify-content: center;
}
.tavern-page .globee-logo {
display: none;
}
.tavern-page .hero__title {
font-size: 28px;
text-align: center;
}
.tavern-page .pill-container-mob {
display: flex;
justify-content: center;
}
}