@charset "utf-8";
 .inner-banner.inner-banner-blog {
padding: 0 0 65px;
}
.top-banner {
padding: 0;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/top-banner-home.png);
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
}
.sec-padding {
padding: 100px 0;
}
.features-padding {
padding: 60px 0 120px 0;
}
.sub-heading { font-size: 17px;
line-height: 25px;
margin-bottom: 1rem;
}
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;
}
.simplify-sec {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/geer-bg.png) center top no-repeat #008ffd;
margin-top: 0;
}
.text-bluewhite {
color: #cce8ff;
}
.ul-style {
padding: 0;
margin: 0;
}
.ul-style li { font-size: 17px;
line-height: 30px;
padding-left: 25px;
list-style: none;
}
.ul-style.white-arrow li {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/tick.png)0px 13px no-repeat;
}
.horizon-tab .nav-pills .nav-link { font-size: 20px;
font-weight: 600;
color: #cce8ff;
line-height: 33px;
border-bottom: 1px solid #4da5fe;
padding-bottom: 18px;
margin-bottom: 8px;
text-align: left;
max-width: 70%;
border-radius: 0px;
padding-left: 0px;
}
.horizon-tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #0d6efd00;
border-bottom: 4px solid #fff;
}
.gray-bg {
background-color: #eaece9;
}
.text-skyblue {
color: #008ffd;
}
.text-blue-what {
color: #5b8fe7;
}
.what-makes-sec {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/bg-what-make.jpg) top center no-repeat;
background-size: cover;
}
.what-makes {
color: #bdd7ee;
position: relative;
font-size: 24px;
line-height: 30px;
font-weight: 600;
padding: 10px;
-o-transition: all .001s linear;
-moz-transition: all .001s linear;
-webkit-transition: all .001s linear;
transition: all .001s linear;
text-align: center;
}
.what-makes a {
opacity: 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
color: #fff;
background-color: #008ffd;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
box-shadow: 0px 7px 10px #00000069;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 10px;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.what-makes:hover a {
color:#fff;
opacity: 1;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.performing span {
font-size: 70px;
color: #008ffd;
font-weight: 600;
}
.performing sub {
font-size: 35px;
color: #008ffd;
position: relative;
top: 0px;
font-weight: bold;
}
.performing em {
color: #63be13;
font-size: 30px;
position: relative;
top: 0px;
}
.performing em span {
font-size: 30px;
color: #000;
}
.performing p {
font-size: 20px;
font-weight: 600;
margin-top: 15px;
}
.fac-font strong {
color: #172c59;
font-size: 17px;
}
.fac-font {
font-size: 13px;
line-height: 18px;
}
.common-logo img {
display: inline-block;
}
.open-box {
background-color: #fff; padding: 40px;
border-radius: 20px;
}
.open-box .btn {
font-size: 30px;
padding: 0px 29px 8px;
line-height: 37px;
}
h2.fs-50 {
font-size: 50px;
}
.features-tab ul li {
width: 11%;
}
.features-tab .nav-pills .nav-link {
color: #1b1919;
border: 3px solid #fff;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 186px;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
position: relative;
border-radius: 20px 20px 0 0;
}
.features-tab .nav-pills .nav-link:focus,
.features-tab .nav-pills .nav-link:focus-within {
border: 3px solid #fff !important;
border-bottom-color: #fff !important;
outline: none;
box-shadow: none;
}
.features-tab .nav-pills .nav-link::before {
content: "";
position: absolute;
width: 50px;
height: 29px;
border-bottom: 3px solid #ffbd0d;
border-left: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 0 0 0 20px;
bottom: -1px;
right: -50px;
z-index: 1;
opacity: 0;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link::after {
content: "";
position: absolute;
width: 50px;
height: 29px;
border-bottom: 3px solid #ffbd0d;
border-right: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 0 0 20px 0;
bottom: -1px;
left: -50px;
opacity: 0;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link div::before {
content: "";
position: absolute;
width: 50px;
height: 30px;
background-color: #fff;
bottom: -85px;
right: -50px;
opacity: 0;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link div::after {
content: "";
position: absolute;
width: 50px;
height: 30px;
background-color: #fff;
bottom: -85px;
left: -50px;
opacity: 0;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link.active,
.features-tab .nav-pills .nav-link.active:focus-within,
.features-tab .nav-pills .nav-link.active:focus,
.features-tab .nav-pills .show>.nav-link {
color: #000;
background-color: #ffffff;
border: 3px solid #ffbd0d !important;
border-radius: 20px 20px 0 0;
border-bottom-color: #fff !important;
height: 190px;
margin-bottom: -5px;
position: relative;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
}
.features-tab .nav-pills .nav-link.active::before {
content: "";
position: absolute;
width: 50px;
height: 29px;
border-bottom: 3px solid #ffbd0d;
border-left: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 0 0 0 20px;
bottom: -1px;
right: -50px;
z-index: 1;
opacity: 1;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link.active::after {
content: "";
position: absolute;
width: 50px;
height: 29px;
border-bottom: 3px solid #ffbd0d;
border-right: 3px solid #ffbd0d;
background-color: #fff;
border-radius: 0 0 20px 0;
bottom: -1px;
left: -50px;
opacity: 1;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link.active div {
position: relative;
}
.features-tab .nav-pills .nav-link div {
position: relative;
text-align: center;
}
.features-tab .nav-pills .nav-link.active div::before {
content: "";
position: absolute;
width: 50px;
height: 30px;
background-color: #fff;
bottom: -85px;
right: -50px;
opacity: 1;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link.active div::after {
content: "";
position: absolute;
width: 50px;
height: 30px;
background-color: #fff;
bottom: -85px;
left: -50px;
opacity: 1;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
display: none;
}
.features-tab .nav-pills .nav-link em {
display: none;
}
.features-tab .nav-pills .nav-link.active img {
display: none;
}
.features-tab .nav-pills .nav-link.active em {
display: block;
font-style: normal;
} .right-sticky {
position: fixed;
background: #008ffd;
border-radius: 50px;
display: flex;
flex-direction: column;
right: 26px;
top: 240px;
z-index: 800;
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.35);
}
.right-sticky>div {
display: flex;
position: relative;
padding: 15px;
z-index: 1;
align-items: center;
justify-content: center;
height: 52px;
cursor: pointer;
}
.right-sticky>div img {
z-index: 2;
position: relative;
}
.right-sticky>div a.xpan, .right-sticky>div span {
opacity: 0;
position: absolute;
right: 0; background: orange;
padding: 15px;
top: 0;
border-radius: 50px;
color: orange;
font-size: 18px;
font-weight: 600;
z-index: 1;
text-align: right;
padding-right: 65px;
width: 0;
white-space: nowrap;
overflow: hidden;
}
.right-sticky>div span {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.right-sticky>div span a {
color: orange;
}
.right-sticky>div:hover a.xpan, .right-sticky>div:hover span {
opacity: 1;
width: 272px;
-o-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
transition: all .1s linear;
color: #fff;
}
.right-sticky>div:hover span a {
color: #fff;
}
.features-tab .tab-content {
border-top: 3px solid #ffbd0d;
padding: 25px 0 0;
min-height: 185px;
}
.features-tab .tab-content p {
max-width: 79%;
margin: 35px auto 0;
font-size: 20px;
line-height: 30px;
}
.features-tab .fade:not(.show) {
display: none;
}
.open-box p.text-start {
height: 200px;
overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.open-box.text-more p.text-start {
height: auto;
-webkit-mask-image: none;
mask-image: none;
}
.open-box p span {
display: block;
margin: 0 0 25px;
}
.open-box p .stars {
display: block;
text-align: center;
margin: 0 0 5px;
}
.open-box p .stars i {
font-size: 26px;
margin: 0 5px;
color: #ffbf00;
}
.title-rating {
padding: 0 10%;
text-align: center;
}
.title-rating em {
font-style: normal;
font-weight: 600;
color: #163461;
font-size: 16px;
display: block;
}
.title-rating strong {
font-style: normal;
font-weight: 600;
color: #008ffd;
font-size: 20px;
display: block;
margin: 5px 0 0;
}
.open-box.text-more .btn.btn-outline-primary {
background: #008ffd;
color: #fff;
transform: rotate(180deg);
box-shadow: 0px -9px 11px #00000069;
}
.open-box:hover, .open-box.text-more {
box-shadow: 0 10px 10px 10px #00000026;
position: relative;
}
.pricing-acordian .accordion-button:hover::after {
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/top-arrow.png);
transform: rotate(0deg);
}
.pricing-top-box .open-box .common-logo span {
font-size: 24px;
line-height: 30px;
font-weight: 300;
} .inner-banner { padding: 0;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner.png);
background-position: right -100px center;
background-repeat: no-repeat;
background-size: auto;
background-position: right 8px !important;
}
.inner-banner-blog.inner-banner h1 {
padding-top: 4rem;
}
.sign-up-now-btn {
color: #1b1919;
font-size: 20px;
display: inline-block;
font-weight: 600;
margin: 0 0 0 20px;
}
.features-tool-wrap {
display: flex;
margin: 25px 0 0;
}
.features-tool-wrap a {
min-width: 10.5%;
max-width: 10.5%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 0 10px;
}
.features-tool-wrap a div {
font-size: 20px;
color: #000000;
margin: 15px 0 0;
text-align: center;
line-height: 24px;
}
.grey-bg-sec {
background: #f9f9f9;
}
.left-box-wrap {
margin: 0 0 25px;
}
.left-box-wrap h2 {
font-size: 35px;
line-height: 45px;
font-weight: 600;
color: #000;
margin-bottom: 1.5rem;
}
.left-box-wrap p {
font-size: 17px !important;
color: #1b1919;
line-height: 28px;
margin: 0 0 22px;
}
.btn-learn-more {
font-size: 22px;
color: #008ffd;
font-weight: 600;
padding: 0 25px 0 0;
position: relative;
transition: all 0.5s ease-in-out;
}
.btn-learn-more:hover {
padding-right: 30px;
}
.btn-learn-more::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;
right: 0;
transition: all 0.5s ease-in-out;
}
.right-box-wrap {
margin: 0;
}
.right-box-wrap h2 {
font-size: 22px;
font-weight: 600;
color: #000;
line-height: 28px;
margin: 0 0 35px;
}
.right-feature-box {
margin: 0;
padding: 0;
}
.right-feature-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.right-feature-box ul li {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 20px;
margin-bottom: 15px;
padding-left: 30px;
position: relative;
font-size: 17px;
}
.right-feature-box ul li::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: 9px;
left: 0;
transition: all 0.5s ease-in-out;
}
.right-feature-box ul li:last-child {
border-bottom: 0 none;
}
.overcome-sec {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/overcome-bg.png) center top no-repeat #f5f8ff;
}
.overcome-sec h2 {
color: #0446a6;
}
.overcome-sec .sub-heading { font-size: 17px;
line-height: 25px;
color: #1b1919;
}
.overcome-sec .horizon-tab .nav-pills .nav-link.active,
.overcome-sec .nav-pills .show>.nav-link {
color: #008ffd;
background-color: #0d6efd00;
border-bottom: 4px solid #008ffd;
}
.overcome-sec .horizon-tab .nav-pills .nav-link {
font-size: 22px;
font-weight: 600;
color: #373737;
line-height: 33px;
border-bottom: 1px solid #d8d8d8;
padding-bottom: 18px;
margin-bottom: 8px;
text-align: left;
max-width: 70%;
border-radius: 0px;
padding-left: 0px;
}
.overcome-sec .ul-style.white-arrow li {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/tick-black.png) 0px 13px no-repeat;
}
.overcome-sec h3 {
color: #008ffd;
padding-right: 23%;
}
.overcome-sec .btn-learn-more {
font-size: 20px;
margin-top: 25px;
display: inline-block;
}
.schedule-btn {
padding-right: 60px;
position: relative;
min-height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.2;
width: auto;
}
.schedule-btn::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/arrow-right-white.png) 0 50% no-repeat;
width: 18px;
height: 13px;
background-size: 100%;
position: absolute;
top: calc(50% - 6.5px);
right: 15px;
transition: all 0.5s ease-in-out;
display:none;
}
.benefits-of-facility-section .owl-carousel .owl-wrapper {
padding: 30px 0;
}
.benefits-of-facility-section .owl-controls .owl-buttons {
text-align: center;
margin-top: 0;
}
.benefits-of-facility-section .owl-controls .owl-buttons .owl-prev {
background: rgb(0 143 253 / 80%);
position: absolute;
top: calc(50% - 40px);
left: -40px;
padding: 0 18px 0 15px;
border-radius: 50%;
box-shadow: 3px 14px 25px -10px rgba(0, 0, 0, 0.178);
transition: background 0.5s ease 0s;
}
.benefits-of-facility-section .owl-controls .owl-buttons .owl-next {
background: rgb(0 143 253 / 80%);
position: absolute;
top: calc(50% - 40px);
right: -40px;
padding: 0 15px 0 18px;
border-radius: 50%;
box-shadow: -3px 14px 25px -10px rgba(0, 0, 0, 0.178);
transition: background 0.5s ease 0s;
}
.benefits-of-facility-section .owl-controls .owl-buttons .owl-prev:after,
.benefits-of-facility-section .owl-controls .owl-buttons .owl-next:after {
content: "\f104";
font-family: FontAwesome;
color: #fff;
font-size: 30px;
}
.benefits-of-facility-section .owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
.benefits-of-facility-section .owl-controls .owl-buttons div {
cursor: pointer;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.benefits-of-facility-section .owl-pagination {
display: flex;
align-items: center;
justify-content: center;
}
.benefits-of-facility-section .owl-controls .owl-page span {
width: 25px;
height: 25px;
background: #96a3d82c;
display: inline-flex;
border-radius: 50%;
margin: 0 10px;
}
.benefits-of-facility-section .owl-controls .owl-page.active span {
background: #fff;
}
.benefits-of-facility-section .what-makes {
background: #fff;
border-radius: 20px;
padding: 45px 30px;
min-height: 350px;
margin: 0 15px;
transition: none !important;
display: flex;
align-items: center; flex-direction: column;
}
.benefits-of-facility-section .what-makes h2 { font-size: 28px;
line-height: 35px;
text-align: center;
font-weight: 800;
}
.benefits-of-facility-section .what-makes ul {
text-align: left;
color: #373737;
margin-top: 25px;
}
.benefits-of-facility-section .what-makes ul li {
font-size: 14px;
margin: 0 0 5px;
color: #373737;
line-height: 18px;
}
.benefits-of-facility-section .btn-learn-more {
font-size: 20px;
color: #ffffff;
font-weight: 600;
padding: 0 25px 0 0;
position: relative;
transition: all 0.5s ease-in-out;
font-style: normal;
}
.benefits-of-facility-section .btn-learn-more::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/arrow-right-white.png) 0 50% no-repeat;
width: 18px;
height: 13px;
background-size: 100%;
position: absolute;
top: 8px;
right: 0;
transition: all 0.5s ease-in-out;
}
.benefits-of-facility-section .what-makes a {
padding: 30px;
transition: all 0.1ms ease-in-out;
cursor: none;
font-weight: 400;
pointer-events: none;
}
.benefits-of-facility-section .what-makes a span {
display: block;
text-align: left;
font-size: 35px;
line-height: 40px;
margin-bottom: 25px;
font-weight: 600;
}
.benefits-of-facility-section .what-makes p {
font-size: 17px;
line-height: 25px;
color: #373737;
text-align: center;
font-weight: 400;
}
.benefits-of-facility-section .what-makes p.blue-text {
color: #007bda;
}
.benefits-of-facility-section .sub-heading {
color: #bababa;
}
.other-industries-covered-sec {
background: #362b44;
}
.other-indus-box {
width: 250px;
height: 250px;
border-radius: 50%;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.other-indus-box>img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-object-fit: cover;
-moz-object-fit: cover;
height: 100%;
overflow: hidden;
object-position: 50% 50%;
-webkit-object-position: 50% 50%;
-o-object-position: 50% 50%;
-moz-object-position: 50% 50%;
border-radius: 0 !important;
}
.other-indus-box>a {
display: flex;
align-items: center;
opacity: 0;
position: absolute;
background: #5f5768;
width: 100%;
height: 100%;
}
.other-indus-box>a em {
width: 100%;
bottom: 50px;
position: absolute;
color: #fff;
text-align: center;
font-style: normal;
font-size: 18px;
font-weight: 600;
}
.other-indus-box>a em img {
margin: 0 0 0 5px;
}
.other-indus-box:hover>a {
opacity: 1;
z-index: 2;
}
.other-indus-box:hover {
transform: scale(1.10);
box-shadow: 0px 7px 10px #00000069;
}
.other-indus-box:hover .big-img {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.other-indus-box span {
background: #f8f8f8;
position: absolute;
font-size: 18px;
line-height: 22px;
color: #191919;
padding: 15px 20px;
border-radius: 0 25px 25px 0;
font-weight: 600;
left: 0;
width: 90%;
text-align: center;
pointer-events: none;
z-index: 2;
}
.integration-sec hr {
opacity: 1;
width: 216px;
margin-top: 30px !important;
margin-bottom: 35px !important;
}
.text-gray {
color: #979797;
}
.faq-accordian .accordion-header button {
font-size: 25px;
}
.faq-accordian .accordion-item {
border: 0px solid;
border-bottom: 1px solid #d8d8d8;
padding: 10px 0;
}
.faq-accordian .accordion-button:not(.collapsed) {
color: #1b1919;
background-color: #ffffff;
box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
}
.faq-accordian .accordion-body {
padding: 1rem 0rem; font-size: 17px;
line-height: 30px;
}
.faq-accordian .accordion-button {
padding: 1rem 0rem;
font-size: 25px;
line-height: 20px;
color: #008ffd;
}
.faq-accordian .accordion-button::after {
content: "+";
color: #008ffd;
background: none;
font-size: 27px;
}
.faq-accordian .accordion-button:not(.collapsed)::after {
content: "-";
color: #1b1919;
background: none;
font-size: 40px;
transform: rotate(0deg);
}
.faq-accordian .accordion-button:focus {
border-color: #86b7fe00;
box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}
.faq-accordian .accordion-item:last-child {
border-bottom: 0;
}
.faq-demo .contact-form-wrap {
max-width: 100%;
margin: 0 auto;
}
.contact-form-wrap .form-select {
padding: 23px 20px !important;
height: auto;
background-color: #f9f9f9;
border: 0 none;
box-shadow: 0 0 0 2px #c1c1c1;
font-size: 25px;
color: #707070;
line-height: 25px;
}
.contact-form-wrap .form-floating>.form-control:focus, .contact-form-wrap .form-floating>.form-control:not(:placeholder-shown) {
background-color: #fff;
}
.or-img span {
display: none;
}
.or-img {
justify-content: center;
align-items: center;
display: flex;
}
.train-ul .right-feature-box ul li, .train-ul .right-feature-box p { font-size: 17px;
line-height: 30px;
}
.train-ul .right-feature-box ul li::after {
top: 10px;
}
.train-box-wrap {
border-radius: 30px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
justify-items: center;
color: #1b1919;
font-size: 20px;
transition: none !important;
}
.train-box-wrap .train-b-top {
position: absolute;
min-width: 175px;
background: #fff;
border-radius: 20px;
text-align: center;
padding: 25px 0 6px 0;
font-size: 20px;
line-height: 30px;
display: flex;
justify-content: center;
align-items: center;
justify-items: center;
flex-direction: column;
transition: none !important;
border-radius: 30px;
color: #1b1919;
}
.train-box-wrap .train-b-top-2 {
position: absolute;
min-width: 175px; border-radius: 20px;
text-align: center;
padding: 25px 0 6px 0;
font-size: 20px;
line-height: 30px;
display: flex;
justify-content: center;
align-items: center;
justify-items: center;
flex-direction: column; transition: none !important;
border-radius: 30px;
color: #1b1919;
}
.train-box-wrap .train-b-top strong {
display: block;
}
.train-box-wrap .train-b-top img {
margin-top: 10px;
}
.train-box-wrap:hover {
box-shadow: 0px 7px 10px #00000069;
}
.train-box-wrap:hover .train-b-top {
background: #008ffd;
width: 100%;
height: 100%;
color: #fff; cursor: pointer;
transition: none !important;
}
.train-box-wrap:hover .train-b-top strong {
margin-bottom: 8px;
}
.train-box-wrap img.big {
border-radius: 30px;
width: 100%;
}
ul.ui-dote li {
font-size: 18px;
line-height: 22px;
list-style-type: disc;
text-align: left;
margin-bottom: 10px;
}
.pricing-top-box .open-box {
color: #191919;
margin: 0 -11px;
}
.w-60 {
max-width: 60%;
}
.light-gray {
color: #454444;
}
.green-ul li {
color: #1b1919;
font-size: 16px;
margin-bottom: 10px;
line-height: 20px;
padding-left: 30px;
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/green-arrow.png) left top no-repeat;
list-style: none;
font-weight: 600;
}
.btn-outline-success {
color: #00b564;
border-color: #00b564;
}
.btn-outline-success:hover {
color: #fff;
background: #00b564;
border-color: #00b564;
}
.pricing-top-box .open-box .btn {
font-size: 20px;
border-width: 2px;
padding: 5px 29px 5px;
}
.sin-text {
font-size: 20px;
color: #191919;
font-weight: 600;
display: block;
}  .pricing-acordian .accordion-button {
font-size: 20px;
font-weight: 600;
color: #4b4b4b;
background-color: #eeeeee;
padding: 0rem 1.25rem;
border-radius: 8px;
}
.pricing-acordian .accordion-item {
border: 1px solid rgb(255 255 255 / 13%);
}
.pricing-acordian .accordion-button:not(.collapsed), .pricing-acordian .accordion-button:hover {
color: #fff;
background-color: #007efd;
box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
}
.pricing-acordian .accordion-body {
font-size: 18px;
line-height: 25px;
padding: 0px;
}
.pricing-acordian .accordion-item:first-of-type .accordion-button {
border-radius: 8px;
}
.pricing-acordian .border-bottom:hover {
background-color: #f9f9f9;
} .features-b {
font-size: 22px;
font-weight: 600;
color: #191919;
background-color: #dcdcdc;
padding: 0rem 1.25rem;
border-radius: 8px;
}
.basic-bx .col {
border-radius: 18px;
background-color: #fff;
text-align: center;
border: 1px solid #dcdcdc;
}
.basic-bx h3 {
font-size: 25px;
}
.basic-bx .basic-b {
padding: 22px 0;
}
.basic-bx .col:hover {
background-color: #00b564;
box-shadow: 0px 7px 10px #00000069;
border: 1px solid #00b564;
}
.basic-bx .col:hover h3 {
color: #fff;
}
.basic-bx .col:hover .btn-outline-success, .basic-bx .col:hover .btn-outline-success:hover {
color: #00b564;
border-color: #ffffff;
background-color: #fff;
}
.features-t span {
display: block;
border-top: 1px solid #dcdcdc;
position: relative;
}
.features-t span em {
font-size: 15px;
color: #828282;
background-color: #fff;
position: relative;
top: -13px;
font-style: normal;
font-weight: 600;
padding: 0 5px;
}
.features-t {
position: relative;
bottom: -54px;
right: 11px;
}
.accordion-button {
padding: 0.5rem 1.25rem;
font-weight: 700;
}
.bg-white-sec {
background: #fff;
}
.integrat-tab>.nav-pills .nav-link {
background: #fffe;
border-radius: 1.9rem;
padding: 15px 30px;
font-size: 20px;
color: #000;
margin: 0 5px;
border: 1px solid #dfdfdf;
}
.integrat-tab>.nav-pills .nav-link.active, .integrat-tab>.nav-pills .show>.nav-link, .integrat-tab>.nav-pills .nav-link:hover {
color: #fff;
background-color: #008ffd;
border: 1px solid #008ffd;
box-shadow: 0px 5px 5px #00000021;
}
.integrat-tab p {
font-size: 18px;
line-height: 25px;
}
.wi-35 {
min-width: 300px;
}
.overcome-sec .integrat-tab .horizon-tab .nav-pills .nav-link {
font-size: 17px;
line-height: 23px;
padding-bottom: 8px;
padding-top: 8px;
margin-bottom: 6px;
max-width: 100%;
}
.oil-sec-box {
border-radius: 20px;
border: 1px solid #dbdbdb;
text-align: left;
font-size: 15px;
padding: 20px;
height: 100%;
}
.oil-sec-box strong {
font-size: 18px;
display: block;
}
.oil-sec-box:hover {
box-shadow: 0px 7px 10px #00000069;
}
.small .left-menu {
border-right: 1px solid #ececec;
padding: 0 40px 0 0;
margin: 0 30px 0 0;
height: 90%;
}
.w-home-40 {
width: 40%;
}
.copy-right span a {
display: inline-block;
margin: 0 10px 0 0;
}
.copy-right a:hover {
text-decoration: underline;
}
.top-footer sup {
color: #008ffd;
font-weight: bolder;
text-transform: uppercase;
}
.top-banner .sign-up-now-btn {
display: none;
}
.benefits-of-facility-section em.btn-learn-more {
display: none;
}
.integrat-tab .overcome-container .tab-content {
width: 70%;
}
.performing sup {
top: -1.95em;
display: block;
font-weight: bolder;
color: #008ffd;
font-size: 1.05em;
}
.error .top-icon {
width: 40%;
}
.form-control:focus, .contact-form-wrap .form-floating .form-control:focus {
border-color: #008ffd;
box-shadow: 0 0 0 2px #008ffd;
}
.right-feature-box ul li ul li {
list-style: disc;
padding-left: 0px;
margin-left: 20px;
}
.right-feature-box ul li ul li::marker {
color: #008ffd;
}
.right-feature-box ul li ul li:after {
display: none;
}
.copy-right .container i {
font-style: normal;
}
.simple-tabs.nav-pills [type=button], .features-tab .nav-pills [type=button] {
-webkit-appearance: none;
}
a:focus, a:focus-visible {
box-shadow: 0px 0px 0px;
border: 0px solid;
outline: -webkit-focus-ring-color auto 0px;
}
.left-box-wrap a:hover {
text-decoration: underline;
}
.manag-close {
position: absolute;
top: 10px;
right: 10px;
background-size: 24px;
z-index: 1;
color: #fff;
font-size: 22px;
opacity: 1;
background: none;
}
.modal-backdrop.show {
opacity: .6;
}
.top-banner.home-mobile {
min-height: 445px !important;
}
@media (min-width: 992px) {
.modal-md {
max-width: 700px;
}
}
#myModalz .sup-btn {
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
}
#myModalz .email-btn1 {
position: absolute;
bottom: 0.46%;
width: 25%;
height: 40px;
left: 5%;
}
#myModalz .email-btn2 {
left: 43%;
}
.contact-form-wrap .form-floating .intl-tel-input.allow-dropdown input[type=text] {
padding-left: 58px !important;
}
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
width: 59px;
padding-left: 21px;
}
.swal2-styled.swal2-confirm {
color: #fff;
background-color: #008ffd !important;
border-color: #008ffd !important;
font-size: 20px !important;
line-height: 30px;
border-radius: 50px !important;
font-weight: 700;
padding: 10px 35px;
}
.swal2-title {
font-size: 20px !important;
line-height: 1.4;
}
a.schedule-link {
font-size: 23px;
font-weight: 600;
line-height: 1.4;
color: #3b3b3b;
display: block;
margin: 50px 0 0 0;
display: none;
}
a.schedule-link span {
color: #008ffd;
}
a.schedule-link:hover {
color: #3b3b3b;
}
a.schedule-link:hover span {
text-decoration: underline;
}
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgb(0 0 0 / 0%) !important;
}
.intl-tel-input .selected-flag .iti-arrow {
display: none;
}
.right-bpm-sticky {
position: fixed;
background: #008ffd;
border-radius: 50px;
right: -79px;
top: 343px;
z-index: 800;
box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 18%);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 19px 8px 10px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.right-bpm-sticky span {
font-size: 18px;
color: #fff;
line-height: 20px;
}
.right-bpm-sticky img {
width: 41px;
margin-right: 10px;
}
.features-tool-wrap a span {
font-size: 17px;
color: #000000;
font-weight: 600;
margin: 15px 0 0;
text-align: center;
line-height: 24px;
display: block;
}
.features-tool-wrap img.top-icon {
min-height: 73px;
}
.features-tool-wrap br {
display: none;
}
.inner-banner-blog.inner-banner {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/blog-banner.jpg) top center no-repeat;
background-size:cover;
}
.recent-post-blog {
margin-bottom: 40px;
}
.recent-post-blog h4 {
font-size: 25px;
line-height: 32px;
color: #1b1919;
}
.recent-post-blog:hover {
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.123);
}
.recent-post-blog img {
min-width: 100%;
}
.blog-pagination .pagination-lg .page-link {
padding: .75rem 1.12rem;
}
.blog-pagination .page-item.disabled .page-link {
color: #008ffd;
border: none;
}
.blog-pagination .page-link {
color: #000;
border: none;
border-radius: 50%;
margin: 0 5px;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.blog-pagination .page-link:hover, .blog-pagination .active .page-link {
background-color: #008ffd;
color: #fff;
}
.blog-pagination .page-link:focus {
background: #fff;
border: 0px;
outline: none;
}
.blog-pagination .previous .page-link, .blog-pagination .previous .page-link:hover {
background: #fff;
color: #008ffd;
}
.blog-pagination .previous:first-child .page-link, .blog-pagination .page-item:last-child .page-link {
color: #008ffd;
border: none;
width: auto;
}
.blog-pagination .page-item:last-child .page-link:hover {
background-color: #fff;
color: #000;
}
.subscribe {
background-color: #008ffd;
border-radius: 5px;
text-align: center;
padding: 60px 0;
}
.subscribe h5, .subscribe h2 {
color: #fff;
}
.subscribe .input-group.mb-3 {
width: 40%;
margin: 0 auto;
}
.subscribe .input-group button#button-addon2 {
background: #fff;
border: 1px solid #ced4da;
border-left: 0px;
display: flex;
align-items: center;
}
.subscribe .form-control:focus {
border-color: #ced4da;
box-shadow: 0 0 0 0px #008ffd;
}
.blog-back {
font-size: 17px;
color: #008ffd;
text-transform: uppercase;
}
.blog-details-containt ul li { font-size: 17px;
line-height: 30px;
list-style: disc;
}
.blog-details-containt p { font-size: 17px;
line-height: 30px;
}
.subscribe .btn:hover {
box-shadow: 0px 0px 0px #00000069;
}
.blog-list-carous .owl-controls .owl-buttons .owl-next {
background: rgb(0 143 253 / 80%);
position: absolute;
top: calc(30% - 20px);
right: -40px;
padding: 0 15px 0 18px;
border-radius: 50%;
box-shadow: -3px 14px 25px -10px rgb(0 0 0 / 18%);
transition: background 0.5s ease 0s;
}
.blog-list-carous .owl-controls .owl-buttons div {
cursor: pointer;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.blog-list-carous .owl-controls .owl-buttons .owl-prev {
background: rgb(0 143 253 / 80%);
position: absolute;
top: calc(30% - 20px);
left: -40px;
padding: 0 18px 0 15px;
border-radius: 50%;
box-shadow: 3px 14px 25px -10px rgb(0 0 0 / 18%);
transition: background 0.5s ease 0s;
}
.blog-list-carous .owl-controls .owl-buttons .owl-prev:after, .blog-list-carous .owl-controls .owl-buttons .owl-next:after {
content: "\f104";
font-family: FontAwesome;
color: #fff;
font-size: 30px;
}
.blog-list-carous .owl-controls .owl-buttons .owl-next:after {
content: "\f105";
}
.what-makes .recent-post-blog a {
position: relative;
opacity: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
color: #fff;
background-color: #ffffff;
top: 0;
left: 0px;
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px #00000069;
border-radius: 20px;
padding-top: 0px;
padding-bottom: 10px;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
} .why-dreamzcmms-tmpl .reason_section_one h2 {
text-align: center;
}
.why-dreamzcmms-tmpl .reason_section_one p {
text-align: center;
}
.why-dreamzcmms-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link {
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 18px;
}
.why-dreamzcmms-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:last-child {
border-bottom: none;
}
.why-dreamzcmms-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #008ffd;
background-color: transparent;
border-bottom: 4px solid #008ffd;
}
.why-dreamzcmms-tmpl .reason_section_one .tab-content p {
text-align: left;
}
.why-dreamzcmms-tmpl .reason_section_one .tab-content h4 {
color: #008ffd;
}
.why-dreamzcmms-tmpl .reason_section_one .wi-45 {
width: 40% !important;
min-width: 400px !important;
}
.why-dreamzcmms-tmpl .reason_section_one button {
width: 100% !important;
max-width: 100% !important;
padding-bottom: 8px !important;
}
.why-dreamzcmms-tmpl .what-blue-sec {
background-color: #008ffd;
margin-top: 50px!important;
}
.why-dreamzcmms-tmpl .what-blue-sec .heading-center p {
font-size: 18px;
color: #fff;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
min-height: 150px !important;
text-align: center !important;
width: 20%;
margin-bottom: 30px !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes h2 {
text-align: center !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes a {
background-color: #fff !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes a span {
font-size: 22px !important;
line-height: 24px !important;
text-align: center !important;
color: #000 !important;
margin-bottom: 8px !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes a p {
color: #000 !important;
text-align: center;
font-size: 14px !important;
font-weight: 400 !important;
}
.why-dreamzcmms-tmpl .box_section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.why-dreamzcmms-tmpl .benefits-of-facility-section .what-makes:hover {
box-shadow: 0px 7px 10px #00000069;
}
.why-dreamzcmms-tmpl .reason_section_one .horizon-tab br {
display: none;
}
a.button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
a.button.lightbox:before {
content: ''; position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
width: 100%;
height: 100%;
z-index: 9;
}
a.button.lightbox:after {
content: '';
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/Magnifier-Icon.png);
position: absolute;
background-size: cover;
position: absolute;
z-index: 9;
margin: auto;
width: 4.2rem;
height: 4.2rem;
opacity: 0.8;
}
a.button.lightbox:hover:after {
opacity: 1;
}
.topbox_skin_darkroom .topbox_close {
opacity: 1 !important;
font-size: 4rem !important;
}
.tab-content>.active .address-text {
font-size: 23px;
line-height: 33px;
}
.cmms-video-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:last-child, .cmms-video-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:last-child.active {
border-bottom: 0;
}
.box-func-module {
display: inline-block;
margin-top: 30px;
margin-bottom: 10px;
}
.simplify-container1 .horizon-tab .tab-content {
font-size: 20px;
line-height: 28px;
}
.simplify-container1 .horizon-tab .tab-content p {
padding-right: 23%;
}
.overcome-container .tab-content ul.ul-style {
padding-right: 23%;
}
.introduction-block-section ul li {
font-weight: 400;
}
ul.integration-logo-list-box {
width: 100%;
display: inline-block;
padding: 0;
margin: 0 0 4rem 0;
list-style: none;
}
ul.integration-logo-list-box li {
width: auto;
display: inline-block;
padding: 0;
margin: 0.5rem;
text-align: center;
}
section#price-inner-accordian.features-sec.sec-padding {
border-bottom: 0 !important;
}
section.features-sec.sec-padding.no-border {
border-bottom: 0 !important;
}
.features-sec.mobile-view, .mobile-view {
display: none;
}
section.features-sec.desktop-view, .desktop-view {
display: block;
}
.heading-center {
margin-bottom: 5rem !important;
}
.trust-img-wrap ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
}
.trust-img-wrap ul li {
width: auto;
display: inline-block;
padding: 0;
margin: 0.5rem 0.8rem;
text-align: center;
}  .cmms-video-tmpl .reason_section_one h2 {
text-align: center;
}
.cmms-video-tmpl .reason_section_one p {
text-align: center;
}
.cmms-video-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link {
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
width: 100%;
}
.cmms-video-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:hover {
color: #008ffd;
}
.cmms-video-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link.active, .cmms-video-tmpl .nav-pills .show>.nav-link {
color: #008ffd;
background-color: transparent;
border-bottom: 4px solid #008ffd;
}
.cmms-video-tmpl .reason_section_one .tab-content p {
text-align: left;
}
.cmms-video-tmpl .reason_section_one .tab-content h4 {
color: #008ffd;
}
.cmms-video-tmpl .reason_section_one .wi-45 {
width: 40% !important;
min-width: 400px !important;
}
.cmms-video-tmpl .reason_section_one .wi-45.for-vdo{
width: 40% !important;
min-width: 200px !important;
}
.cmms-video-tmpl .what-blue-sec {
background-color: #008ffd;
}
.cmms-video-tmpl .benefits-of-facility-section .heading-center p {
color: #fff;
}
.cmms-video-tmpl .benefits-of-facility-section .what-makes {
min-height: 150px !important;
text-align: center !important;
width: 20%;
margin-bottom: 30px !important;
}
.cmms-video-tmpl .benefits-of-facility-section .what-makes h2 {
text-align: center !important;
}
.cmms-video-tmpl .benefits-of-facility-section .what-makes a {
background-color: #fff !important;
}
.cmms-video-tmpl .benefits-of-facility-section .what-makes a span {
font-size: 22px !important;
line-height: 24px !important;
text-align: center !important;
color: #000 !important;
margin-bottom: 8px !important;
}
.cmms-video-tmpl .benefits-of-facility-section .what-makes a p {
color: #000 !important;
text-align: center;
font-size: 14px !important;
font-weight: 400 !important;
}
.cmms-video-tmpl .box_section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.cmms-video-tmpl .features-tool-wrap2 a {
min-width: 10.9%;
max-width: 10.9%;
}
.cmms-video-tmpl .features-tool-wrap2 a div {
font-size: 16px !important;
}
.cmms-video-tmpl .inner_head {
margin-bottom: 10px;
}
.cmms-video-tmpl .inner_head label {
color: #5e5e5e;
}
.cmms-video-tmpl .inner_head h4 {
color: #1b1919 !important;
}
.cmms-video-tmpl .vdo-part h5 {
font-size: 16px;
margin: 10px 0 15px 0;
line-height: 20px;
}
.cmms-video-tmpl .vdo-part iframe {
max-height: 115px;
}  .drmz-contact-integration-custom .open-box br {
display: none;
}
.dreamz-features-tab-tmpl br {
display: none;
}  .cmms-premise-tmpl .reason_section_one h2 {
text-align: center;
}
.cmms-premise-tmpl .reason_section_one p {
text-align: center;
}
.cmms-premise-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link {
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 18px;
}
.cmms-premise-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:last-child {
border-bottom: none;
}
.cmms-premise-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #008ffd;
background-color: transparent;
border-bottom: 4px solid #008ffd;
}
.cmms-premise-tmpl .reason_section_one .tab-content p {
text-align: left;
}
.cmms-premise-tmpl .reason_section_one .tab-content h4 {
color: #008ffd;
}
.cmms-premise-tmpl .reason_section_one .wi-45 {
width: 40% !important;
min-width: 400px !important;
}
.cmms-premise-tmpl .reason_section_one button {
width: 100% !important;
max-width: 100% !important;
padding-bottom: 8px !important;
}
.cmms-premise-tmpl .what-blue-sec {
background-color: #008ffd;
}
.cmms-premise-tmpl .benefits-of-facility-section .heading-center p {
color: #fff;
font-size: 17px;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes {
min-height: 150px !important;
text-align: center !important;
width: 20%;
margin-bottom: 30px !important;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes h2 {
text-align: center !important;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes a {
background-color: #fff !important;
display: none;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes a span {
font-size: 22px !important;
line-height: 24px !important;
text-align: center !important;
color: #000 !important;
margin-bottom: 8px !important;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes a p {
color: #000 !important;
text-align: center;
font-size: 14px !important;
font-weight: 400 !important;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes:hover {
background: #008ffd;
box-shadow: 0px 7px 10px #00000069;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes:hover h2, .benefits-of-facility-section .what-makes:hover p {
color: #fff;
}
.cmms-premise-tmpl .box_section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.cmms-premise-tmpl .features-tool-wrap2 a {
min-width: 10.9% !important;
max-width: 10.9% !important;
}
.cmms-premise-tmpl .features-tool-wrap2 a div {
font-size: 16px !important;
}  .cmms-service-tmpl .reason_section_one h2 {
text-align: center;
}
.cmms-service-tmpl .reason_section_one p {
text-align: center;
}
#affwp-register-form  p {
text-align: left !important;
}
.cmms-service-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link {
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 18px;
}
.cmms-service-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link:last-child {
border-bottom: none;
}
.cmms-service-tmpl .reason_section_one .horizon-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #008ffd;
background-color: transparent;
border-bottom: 4px solid #008ffd;
}
.cmms-service-tmpl .reason_section_one .tab-content p {
text-align: left;
font-size: 17px;
}
.cmms-service-tmpl .reason_section_one .tab-content h4 {
color: #008ffd;
font-size: 20px !important;
line-height: 20px !important;
margin-bottom: 10px !important;
}
.cmms-service-tmpl .reason_section_one .wi-45 {
width: 40% !important;
min-width: 400px !important;
}
.cmms-service-tmpl .reason_section_one button {
width: 100% !important;
max-width: 100% !important;
padding-bottom: 8px !important;
}
.cmms-service-tmpl .what-blue-sec {
background-color: #008ffd;
}
.cmms-service-tmpl .what-blue-sec .heading-center p {
color: #fff;
}
.cmms-service-tmpl .what-blue-sec .what-makes {
min-height: 150px !important;
text-align: center !important;
width: 20%;
margin-bottom: 30px !important;
}
.cmms-service-tmpl .what-blue-sec .what-makes h2 {
text-align: center !important;
}
.cmms-service-tmpl .what-blue-sec .what-makes a {
background-color: #fff !important;
}
.cmms-service-tmpl .what-blue-sec .what-makes a span {
font-size: 22px !important;
line-height: 24px !important;
text-align: center !important;
color: #000 !important;
margin-bottom: 8px !important;
}
.cmms-service-tmpl .what-blue-sec .what-makes a p {
color: #000 !important;
text-align: center;
font-size: 14px !important;
font-weight: 400 !important;
}
.cmms-service-tmpl .box_section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.cmms-service-tmpl .features-tool-wrap2 a {
min-width: 10.9% !important;
max-width: 10.9% !important;
}
.cmms-service-tmpl .features-tool-wrap2 a div {
font-size: 16px !important;
} .customer-box {
border-radius: 1.8rem;
height: calc(100% - 50px);
margin-bottom: 50px;
}
.customer-box:hover {
box-shadow: 0px 5px 15px rgb(0 0 0 / 12%);
}
.customer-box img {
width: 100%;
}
.customer-box .rounded-3 {
border-radius: 1.8rem !important;
}
.customer-box-contain {
padding: 10px;
}
.customer-box p:empty {
display: none;
}
.customer-box small {
text-transform: uppercase;
font-size: .63em;
font-weight: 600;
}
.customer-box p {
font-size: 17px;
font-weight: 600;
line-height: 18px;
}
.customer-box p.para {
font-size: 17px;
line-height: 23px;
font-weight: normal;
margin-top: 20px;
}
.customer-box .btn-learn-more {
margin-top: 16px;
display: inline-block;
font-size: 17px !important;
}
.recent-post-blog span.rounded {
display: block;
height: 260px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
object-fit: fill;
background-position: center;
}
.text-blue-t {
color: #0072ab;
}
div.heateor_sss_sharing_ul {
display: flex;
border: 1px solid #ccc;
border-radius: 50px;
padding: 10px !important;
margin: 0px !important;
margin-top: 10px !important;
flex-direction: row;
flex-wrap: wrap;
width: 250px;
justify-content: space-around;
align-items: start;
justify-items: left;
}
.blog-box-details .left-box-wrap.mt-4.mt-xl-0>p {
font-size: 16px;
}
.heateor_sss_sharing_title {
color: #a1a1a1;
font-size: 13px;
}
.mh-200 {
height: 262px;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}
.blog-list-carous {
display: none;
}
.wpcf7-list-item {
margin-left: 0px;
}
.right-sticky>div:hover a.xpan:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.progress {
position: absolute;
bottom: 0;
left: 0;
height: 5px;
background-color: #008ffd;
transition: all linear 0.1s;
min-width: 1%;
z-index: 99999;
border-radius: 0 3px 3px 0;
}
.cn-set-cookie.cn-button {
border-radius: 60px !important;
border: 1px solid #fff !important;
}
#cookie-notice .cookie-notice-container {
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
}
.cn-text-container {
text-align: left;
margin-bottom: 0px !important;
}
.noptin-newsletter-form .noptin-form-field-wrapper.noptin-form-field-submit {
width: 15% !important;
}
.noptin-newsletter-form .noptin-form-field-wrapper {
margin-bottom: 0;
max-width: 100% !important;
width: 100% !important;
display: flex;
align-items: stretch;
}
.noptin-styles-basic .noptin-label, .noptin-styles-basic input {
border: 0;
border-radius: 6px 0 0 5px !important;
-webkit-border-radius: 6px 0 0 5px !important;
-moz-border-radius: 6px 0 0 5px !important;
-khtml-border-radius: 6px 0 0 5px !important;
}
.noptin-form-fields {
display: flex;
width: 100%;
box-shadow: -10px 12px 0px #f5ae12;
border-radius: 5px;
}
.noptin-styles-basic:not(.noptin-template-condensed) {
max-width: 100% !important;
margin: 0px;
}
.tnp.tnp-subscription {
width: 100% !important;
}
.noptin-styles-basic .noptin-label {
display: none;
}
.noptin-newsletter-form .noptin-text, .noptin-newsletter-form .noptin-text:focus-visible {
padding: 13px 10px;
margin-bottom: 0;
border: 0px;
border-radius: 6px 0 0 5px;
outline: 0px;
height: 45px;
}
.noptin-newsletter-form .noptin-form-field-wrapper.noptin-form-field-submit button {
background-color: #fff;
text-indent: -99999px;
width: 100%;
border-radius: 0 6px 6px 0;
border: 0px;
background-image: url(https://dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/blue-arrow.png);
background-position: center center;
background-repeat: no-repeat;
padding: 7.5px 0;
}
.tnp.tnp-subscription .noptin-success, .tnp.tnp-subscription .noptin-error {
color: #fff;
background-color: #d4edda00;
border-color: #c3e6cb00;
font-size: 26px;
line-height: 30px;
font-weight: 500;
text-transform: capitalize;
}
.noptin-styles-basic input:before {
content: "Email";
color: #000;
position: absolute;
top: 0;
left: 0;
}
.cli-bar-btn_container a {
border: 1px solid #fff;
border-radius: 50px;
}
.free-track {
padding-left: 0px;
}
.free-track li {
font-size: 25px;
line-height: 35px;
padding-left: 30px;
list-style: none;
background: url(https://dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/green-tick.png) 0px 8px no-repeat;
margin-bottom: 15px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.btn-success.btn-lg.schedule-btn {
background-image: url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/arrow-right-white.png);
background-position: right 15px center;
background-repeat: no-repeat;
}
.simplify iframe {
background-color: #fff;
box-shadow: 5px 5px 20px #00000036;
}
.new_price_plan .open-box .common-logo h4 {
font-weight: 700;
}
.new_price_plan .open-box .common-logo p span {
font-size: 22px;
margin: 0px;
color: #000;
line-height: 28px;
}
.new_price_plan .open-box {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
padding: 30px 20px;
}
.new_price_plan .open-box:hover {
transform: scale(1.01);
transition: all .1s linear;
box-shadow: 0px 10px 10px 10px #00000026;
z-index: 1;
}
.new_price_plan .open-box:hover .price_inner_sec_2 {
transform: scale(1.09);
}
.new_price_plan .price_inner_sec_1 .mx-xl-5 a {
font-weight: 700;
font-size: 16px;
color: #007efd;
}
.new_price_plan .price_inner_sec_2 span {
color: #3e3e3e;
font-weight: 400;
font-size: 15px;
margin: 0 0 5px 0;
}
.new_price_plan .price_inner_sec_2 h2 {
font-weight: 900;
font-size: 3rem;
line-height: 3.5rem;
color: #007efd;
margin: 4px 0 0px 0;
}
.new_price_plan .price_inner_sec_2 h2 span {
font-size: 20px;
color: #007efd;
font-weight: 700;
}
.new_price_plan .price_inner_sec_2 h3 {
color: #3e3e3e;
font-weight: 700;
font-size: 16px;
}
.new_price_plan .price_inner_sec_2 {
font-size: 1rem;
line-height: 1.5rem;
text-align: center;
margin-top: 18px;
}
.new_price_plan .price_inner_sec_2 p:empty {
display: none;
}
.new_price_plan .open-box p:empty {
display: none;
}
.new_price_plan .open-box .most-popular-tag {
position: absolute;
top: -18px;
right: 4px;
}
.new_ul_fix li {
font-size: 18px;
font-weight: 400;
}
.section-free-trial {
display: none;
}
.section-full-spell {
width: 100%;
border-top: 1px solid #959595;
display: inline-block;
padding: 0;
margin: 0;
}
.section-full-spell ul {
list-style: none;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: left;
padding: 10px 0;
margin: 0;
}
.section-full-spell ul li {
width: auto;
padding: 0;
margin: 0 5px;
color: #333;
}
.section-full-spell ul li span {
font-weight: 600;
color: #008ffd;
}
.top-banner.asset-life {
background-image: none;
background-color: #cce9ff;
min-height: auto;
}
.asset-lifecycle {
padding-left: 0px;
list-style: disc;
font-size: 20px;
margin-left: 20px;
margin-bottom: 15px;
line-height: 28px;
}
.asset-lifecycle li {
margin-bottom: 15px;
}
.asset-lifecycle li:last-child {
margin-bottom: 0px;
}
.left-box-wrap-ak {
font-size: 20px;
line-height: 28px;
}
.left-box-wrap-ak p {
font-size: 17px;
line-height: 28px;
}
.sub-heading-ak {
font-size: 20px;
line-height: 30px;
}
.b-lc-box .what-makes {
position: relative;
font-size: 18px;
line-height: 28px;
background-color: #fff;
color: #333;
font-weight: 400;
height: 100%;
padding: 30px 20px;
border-radius: 20px;
min-height: 160px;
display: flex;
align-items: center;
flex-direction: column;
}
.line-brk {
white-space: pre-line;
}
.b-lc-box .what-makes:hover {
background-color: #0183fc;
color: #fff;
}
.b-lc-box .row {
justify-content: space-evenly;
}
.img-full {
min-width: 100%;
}
.b-lc-box .what-makes span strong {
display: block;
margin-bottom: 1rem;
}
.zoomWindowContainer div {
border: 1px solid #ccc !important;
}
.zoomContainer .zoomLens {
border-color: #666666 !important;
}
a.topbox_close {
display: none;
}
.simple-tabs.nav-pills .nav-link {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.simple-tabs.nav-pills .nav-link .img-hover {
display: none;
}
.simple-tabs.nav-pills .nav-link .img-hover {
display: none;
}
.simple-tabs.nav-pills .nav-link.active .img-hover {
display: block;
}
.simple-tabs.nav-pills .nav-link.active .img-normal {
display: none;
}
.simple-tabs.nav-pills .nav-link.active, .simple-tabs.nav-pills .show>.nav-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.simple-tabs.nav-pills .nav-link img {
margin-bottom: 15px;
}
section.features-sec.sec-padding {
border-bottom: 1px solid #dee2e6 !important;
padding: 50px 0;
}
.horizon-tab .nav-pills .nav-link:last-child, .overcome-sec .horizon-tab .nav-pills .nav-link:last-child {
border: 0;
}
.features-tool-wrap a:hover span {
color: #008ffd;
}
.simple-tabs.nav-pills .nav-link.active em.fs-2 {
display: none;
}
.simple-tabs.nav-pills .nav-link .nav-link-txt-block {
height: 4rem;
}
.overcome-container .nav.nav-pills br {
display: none;
}
.train-box-wrap .train-b-top img {
margin-top: 10px;
display: none;
}
.train-box-wrap:hover .train-b-top img {
display: block;
} select.rounded-2 option {
padding: 14px 8px;
font-size: 16px;
display: block;
}
.desktop-not-vis {
display: none;
} .flx-dir-col {
flex-direction: column;
}
.new_price_plan .price_inner_sec_2 h2 del span.dis_price {
font-size: 2rem;
font-weight: normal;
line-height: 2.5rem;
}
.new_price_plan .price_inner_sec_2 h2 del span.currency {
font-size: 1.6rem;
font-weight: normal;
line-height: 1.8rem;
}
.new_price_plan .price_inner_sec_2 h2#besic_price, .new_price_plan .price_inner_sec_2 h2#professional_price, .new_price_plan .price_inner_sec_2 h2#enterprise_price {
line-height: 1rem;
padding: 0;
margin: 0 0 0.5rem;
}
.new_price_plan .price_inner_sec_2 h6.discounted_price {
font-size: 1.2rem;
line-height: 1.5rem;
}
.email-wrap a{
word-break: break-all;
}
.vdo-part br{
display: none;
}
.vdo-part img{
width: 500px;
}
.connected-sec{
margin-top: 30px;
} .wrap-sec{
display: flex;
justify-content: center;
margin-top: 5rem;
}
.wrap-sec-thumb{
background-color: #fff;
border: 3px solid #008ffd;
padding: 20px 30px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 28px;
position: relative; margin: 20px 25px 0 25px;
border-radius: 10px;      
box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.15); 
}
ul.green-tick{
padding-left: 0;
}
ul.green-tick li {
list-style: none;
margin-bottom: 15px;
padding-left: 30px;
position: relative;
font-size: 17px;
}
ul.green-tick li::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/tick-green.png) 0 50% no-repeat;
width: 20px;
height: 20px;
background-size: 100%;
position: absolute;
top: 6px;
left: 0;
transition: all 0.5s ease-in-out;
}
.wrap-sec-thumb span{
border-radius: 50%;
background: #008ffd;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
color: #fff;
left: -27px;
font-size: 20px;
}
.wrap-sec1{
display: flex;
justify-content: center;
margin-top: 20px;
}
.wrap-sec-thumb1{
background-color: #fff;
border: 3px solid #008ffd;
padding: 20px 30px;
text-align: center; justify-content: center;
align-items: center;
font-weight: 700;
line-height: 38px;
font-size: 28px;
position: relative; margin: 20px 25px 0 25px;
border-radius: 10px;      
box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.15); 
}
.wrap-sec-thumb1 span{
border-radius: 50%;
background: #008ffd;
position: absolute;
width: 40px;
height: 40px;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
color: #fff;
left: -27px;
top:30px;
font-size: 20px;
}   .bg-color{
background-color: #333;
}
.signup-step-container{
padding: 0;
padding-bottom: 60px;
}
.wizard .nav-tabs {
position: relative;
margin-bottom: 0;
border-bottom-color: transparent;
}
.wizard > div.wizard-inner {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.connecting-line {
height: 4px;
background: #e0e0e0;
position: absolute;
width: 75%;
margin: 0 auto;
left: 0;
right: 0;
top: 15px;
z-index: 1;
}
.connecting-line-blue{
height: 2px;
background: #008ffd;
width: 40%;
margin: auto;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}
span.round-tab {
width: 40px;
height: 40px;
line-height: 37px;
display: inline-block;
border-radius: 50%;
background: #8d8d8d;
z-index: 2;
position: absolute;
color: #fff !important;
left: -16px;
text-align: center;
font-weight: 600 !important;
font-size: 18px;
border: 1px solid #ddd;
}
.text-align-left{
text-align: left;
}
.benefts_section_one{
background-repeat: no-repeat;
background-position: center 0;
background-size: 43%;
padding-top: 14rem;
}
.mb-0{
margin-bottom: 0;
}
span.round-tab i{
color:#555555;
}
.wizard li.active span.round-tab {
background: #0db02b;
color: #fff;
border-color: #0db02b;
}
.wizard li.active span.round-tab i{
color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i{
color: #0db02b;
}
.wizard .nav-tabs > li {
width: 50%;
}
.wizard li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: red;
transition: 0.1s ease-in-out;
}
.wizard .nav-tabs > li a {
width: 30px;
height: 30px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
background-color: transparent;
position: relative;
top: 0;
}
.wizard .nav-tabs > li a i{
position: absolute;
top: 64px;
font-style: normal;
font-weight: 400;
white-space: nowrap; transform: translate(-50%, -50%);
font-size: 16px;
font-weight: 700;
color: #000;
}
.wizard .nav-tabs > li a:hover {
background: transparent;
}
.wizard .tab-pane {
position: relative;
padding-top: 20px;
}
.wizard h3 {
margin-top: 0;
}
.prev-step,
.next-step{
font-size: 24px;
padding: 8px 24px;
border: none;
border-radius: 4px;
margin-top: 30px;
color: #fff;
font-weight: 600;
}
.next-step{
background-color: #008ffd;;
}
.skip-btn{
background-color: #cec12d;
}
.step-head{
font-size: 20px;
text-align: center;
font-weight: 500;
margin-bottom: 20px;
}
.term-check{
font-size: 14px;
font-weight: 400;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 40px;
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 40px;
margin: 0;
opacity: 0;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 40px;
padding: .375rem .75rem;
font-weight: 400;
line-height: 2;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 38px;
padding: .375rem .75rem;
line-height: 2;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0;
}
.signup-logo-header .logo_area{
width: 200px;
}
.signup-logo-header .nav > li{
padding: 0;
}
.signup-logo-header .header-flex{
display: flex;
justify-content: center;
align-items: center;
}
.list-inline li{
display: inline-block;
}
.pull-right{
float: right;
}
#main_form .form-control
{color: #000 !important;
font-weight: 600;
font-size: 20px;}
#main_form .form-select
{
color: #838383 !important;
font-weight: 600;
font-size: 20px;
}
.yelw-bg{
color: #000 !important;
background: #ffef18 !important;
} section.sec-padding.benefts_section_one.gray-bg .overcome-container {
padding-left: 5rem;
padding-right: 5rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container ul li {
font-size: 1.2rem;
line-height: 1.6rem;
font-weight: 500;
margin-bottom: 1rem;
}
section.top-banner.inner-banner.inner-banner-new {
padding: 3rem 0;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner.png);
background-repeat: no-repeat;
background-size: cover!important;
background-position: top right!important;
min-height: 11rem;
height: 11rem;
}
section.top-banner.inner-banner.inner-banner-new h1 {
font-size: 1.8rem;
line-height: 2.3rem;
font-weight: 500;
color: #333333;
padding: 0;
margin: 0;
margin-bottom: 0!important;
}
section.top-banner.inner-banner.inner-banner-new h1 b {
font-weight: 600;
}
section.features-sec.light-bue-bg{
background: #dff4fe!important;
}
.container.container-xxl.container-width .affwp-form fieldset p {
padding-left: 1rem;
padding-right: 1rem;
}
.container.container-xxl.container-width legend {
text-align: center;
padding: 0;
margin: 0 0 4rem;
padding-top: 0!important;
}
.container.container-xxl.container-width input {
border: 0.1rem solid #686868;
border-radius: 0.5rem;
padding: 0.5rem;
font-size: 1.2rem;
line-height: 1.5rem;
}
.container.container-xxl.container-width label {
font-size: 1rem;
line-height: 1rem;
padding: 0;
margin: 0 0 0.5rem;
}
.container.container-xxl.container-width .affwp-form textarea {
border-radius: 0.5rem;
resize: none;
padding: 0.5rem;
}
.container.container-xxl.container-width .affwp-form .g-recaptcha {
padding-left: 1rem;
}
.container.container-xxl.container-width .affwp-form input.button {
background-color: #008ffd;
border-color: #008ffd;
width: 55%;
padding: 0.5rem 2rem;
margin: 0 auto;
margin-top: 3rem;
font-size: 1.4rem;
line-height: 2rem;
font-weight: 500;
color: #fff;
border-radius: 2.5rem; align-items: center;
justify-content: center;        
}
.bluetext {
color: #0090fd!important;
}
.what-makes a img {
margin-top: 1rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row button.woocommerce-Button.button {
width: 32%;
background-color: #008ffd;
border-color: #008ffd;
padding: 0.8rem 1rem!important;
margin: 0 auto;
margin-top: 1rem;
font-size: 1.4rem;
line-height: 1.5rem;
font-weight: 500;
color: #fff;
border-radius: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row.form-row-first {
width: 30%!important;
margin-bottom: 1rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row.form-row-first input {
border: 0.1rem solid #686868!important;
box-shadow: none;
border-radius: 0.5rem;
padding: 0.5rem!important;
font-size: 1.2rem;
line-height: 1.5rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row.form-row-first label {
font-size: 1.2rem;
line-height: 1.2rem;
padding: 0;
margin: 0 0 0.5rem;
font-weight: 500;
color: #1b1919;
}
.woocommerce .lost_reset_password p {
width: 50% !important;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword {
background: #dbddde; padding: 1.5rem 10rem 4rem;
max-width: 100%!important;
}
.woocommerce-account.woocommerce-lost-password .woocommerce span.lost-pass {
font-size: 2rem;
font-weight: 600;
line-height: 2rem;
padding: 0;
margin: 0;
}
.signup-step-container .img-affiliate-form-lft-img {
padding-top: 15rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword {
background: #dbddde;
padding: 1.5rem 2rem 2rem;
max-width: 100%!important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p label{
text-align: left;
font-weight: 500;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password .input-text {
border: 0.1rem solid #686868!important;
box-shadow: none;
border-radius: 0.5rem;
padding: 0.5rem!important;
font-size: 1.2rem;
line-height: 1.5rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password span.show-password-input {
display: none;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
width: 30%!important;
margin-bottom: 1rem;
}
.woocommerce-info, .woocommerce-message{
border-top:0;
}
.lost-password-wizard.woocommerce-message span.loss-pass {
font-weight: 800;
margin-bottom: 1rem;
display: inline-block;
}
.new_price_plan .price_inner_sec_2 del {
text-decoration: none;
}
.new_price_plan .price_inner_sec_2 del span.dis_price {
text-decoration: line-through;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-group .form-floating span .intl-tel-input.allow-dropdown {
width: 100%;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-group .form-floating span .intl-tel-input.allow-dropdown input.form-control {
padding-left: 4.5rem!important;
}
#schedule .contact-form-wrap input.form-control{
font-size: 1rem !important;
}
#schedule .contact-form-wrap select.form-control{
font-size: 1rem !important; 
}
.grey-bg-sec .contact-form-wrap .form-group .form-floating span .intl-tel-input.allow-dropdown {
width: 100%;
}
.grey-bg-sec .contact-form-wrap .form-group .form-floating span .intl-tel-input.allow-dropdown input.form-control {
padding-left: 4.5rem!important;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form {
max-width: 585px;
margin: 0 auto;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form input {
width: 100%;
appearance: none;
border-radius: 0.25rem;
padding: 10px 20px!important;
height: auto;
background: #f9f9f9;
border: 0 none;
box-shadow: 0 0 0 2px #c1c1c1;
font-size: 25px;
color: #727272;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form input:focus, .grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form input:focus-visible {
border-color: #008ffd;
box-shadow: 0 0 0 2px #008ffd;
outline-color: #008ffd;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form label {
font-size: 25px;
line-height: 28px;
color: #727272;
padding: 0;
margin: 1.5rem 0 1rem;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form label.affwp-user-remember {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 1.2rem;
line-height: 1.5rem;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form label.affwp-user-remember input {
width: 1.2rem;
height: 1.2rem;
margin: 0 0.6rem 0 0;
padding: 0!important;
position: relative;
box-shadow: none;
border: 0.12rem solid #686868;
appearance: auto;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form input.button {
background-color: #008ffd;
border-color: #008ffd;
width: 55%;
padding: 0.5rem 2rem;
margin: 0 auto;
margin-top: 3rem;
font-size: 1.4rem;
line-height: 2rem;
font-weight: 500;
color: #fff;
border-radius: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form p.affwp-lost-password {
text-align: center;
}
.intl-tel-input .selected-flag .iti-arrow{
right: -14px!important;
width: 0;
height: 0;
border-left: 5px solid transparent!important;
border-right: 5px solid transparent!important;
border-top: 6px solid #555!important;
display: block!important;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .contact-info-text, .contact-info-text{
text-align: left;
}  .yellow-block-wraper {
width: 100%;
background: #ffde01;
padding: 3rem;
margin: 0 0 4rem;
display: inline-block;
text-align: center;
font-size: 1.5rem;
line-height: 1.5rem;
color: #03236c;
}
.connected-sec .heading-center {
margin-bottom: 0!important;
}
.yellow-block-wraper .query-txt h3 {
font-size: 30px;
line-height: 32px;
font-weight: 600;
color: #03236c;
padding: 0;
margin: 0 0 1rem;
}
.yellow-block-wraper .query-txt p {
padding: 0;
margin: 0 0 0.6rem;
}
.yellow-block-wraper .query-txt p a {
font-weight: 600;
color: #1546c2;
text-decoration: underline;
}
.no-underline{
text-decoration: none!important;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container .rounded-sm-block {
background: #f5f5f5;
padding: 3rem 2rem;
margin: 1.5rem 1rem;
border-radius: 3rem;
border: 0.1rem solid #989896;
min-height: 31rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container .rounded-sm-block:hover {
box-shadow: 0px 4px 15px 8px #b9b9b9;
border-color: #d9d9d9;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container .rounded-sm-block h2 {
font-size: 40px;
line-height: 40px;
padding: 0;
margin: 0 0 2rem;
}
.three-block-section {
width: 100%;
padding: 0;
margin: 2rem 0;
}
.three-block-section h4 {
font-size: 40px;
line-height: 42px;
font-weight: 600;
padding: 0;
margin: 0 0 2rem;
}
.three-block-section ul {
width: 100%;
list-style: none;
padding: 0 18%;
display: flex;
align-items: inherit;
justify-content: center;
}
.three-block-section ul li {
width: 33.33%;
border: 0.2rem solid #008ffd;
border-radius: 1rem;
padding: 1rem 1.8rem;
margin: 1rem;
min-height: 13rem;
background: transparent;
font-size: 22px;
line-height: 28px;
font-weight: 400;
color: #333333;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.three-block-section ul li .how-sm-block {
text-align: left;
font-size: 22px;
line-height: 28px;
font-weight: 500;
color: #333333;
}
.three-block-section ul li .how-sm-block h5 {
font-size: 20px;
line-height: 22px;
font-weight: 600;
color: #008ffd;
}
.three-block-section ul li:hover {
background: #ffffff;
border-color: transparent; box-shadow: 0px 0px 30px 1px #393939;
}
.three-block-section ul li .how-sm-block p {
padding: 0;
margin: 0;
}
.three-block-section ul li .how-sm-block span {
color: #008ffd;
}
section.features-sec .section-refer-earn {
padding: 1rem 13%;
font-size: 20px;
line-height: 30px;
color: #1b1919;
}
section.features-sec .section-refer-earn p.sub-heading {
font-size: 21px;
line-height: 32px;
font-weight: 500;
margin-bottom: 0;
}
.connected-sec {
border-bottom: 0.2rem solid #f5f5f5;
}
section.sec-padding.reason_section_one {
padding: 6rem 0 0;
}
section.features-sec.light-bue-bg .heading-center .wrap-sec img {
width: 46%;
height: auto;
}
div#myModalz .modal-dialog.modal-dialog-centered .modal-content img {
width: 100%;
height: auto;
}
.manag-close i {
color: #333;
}
.home .top-banner a p {
color: #1b1919;
}
img.img-trans {
width: 100%;
height: 27rem;
display: inline-block;
}
section.top-banner.inner-banner {
padding-top: 50px;
}   @media (min-height:320px) and (max-height:414px) {
.fixed-top {
position: static;
}
.site-header {
position: static;
}
.top-banner.home-mobile {
background-image: none !important;
min-height: 1px !important;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 0 !important;
}
.top-banner.home-mobile .schedule-btn {
border-radius: 50px 50px 50px 50px;
left: 0px !important;
width: 100% !important;
}
.simplify-sec.sec-padding.text-white.text-center.home-m-simsec .btn { width: 75% !important;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important;
}
.contact-form-wrap .form-floating .form-control {
padding: 8px 20px !important;
font-size: 18px;
line-height: 22px;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li img {
margin-top: 2rem;
}
}
@media (min-width:600px) and (max-width:769px) {
.top-banner.home-mobile {
background-image: none !important;
min-height: 1px !important;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 0 !important;
}
.top-banner.home-mobile .schedule-btn {
border-radius: 50px 50px 50px 50px;
left: 0px !important;
width: 100% !important;
}
.mobile-view-top-gap {
margin-top: 0;
}
}
@media (min-width:767px) and (max-width:890px) {
.top-banner.home-mobile {
background-size: 90% !important;
background-position: right 135% !important;
position: relative;
top: -80px;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 280px;
}
.top-banner.home-mobile .schedule-btn {
left: 0;
border-radius: 50px;
}
.overcome-container .tab-content {
width: 100%;
}
.overcome-sec .horizon-tab .nav-pills .nav-link {
max-width: 100%;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
text-align: center;
margin-bottom: 50px;
}
.integrat-tab>.nav-pills li {
width: 20%;
}
.integrat-tab>.nav-pills .nav-link {
min-height: 3.5rem;
}
.simplify-sec {
padding: 60px 0;
}
.simplify-sec .heading-center {
margin-bottom: 0 !important;
}
}
@media (max-width:767px) {
.m-banner{
background-position: top center;
}
#news-slider {
text-align: center;
}
.ind-title{
font-size: 25px;
margin: 20px 0 20px 0;
}
.card-white{    
margin: 20px 0;
}
.card-grey{
margin: 20px 0;
}
.cmms-service-tmpl .reason_section_one .tab-content h4{
font-size: 18px;
line-height: 20px;
}
.home-mobile-view-three-block .col-md-4 {
width: 100% !important;
}
.customer-box p{
font-size: 18px !important;
}
.customer-box .btn-learn-more{
font-size: 18px !important;
}
.features-tool-wrap.for-mob-colm>a {
min-width: 33.33%;
max-width: 33.33%;
width: 33.33%;
padding: 0.4rem;
margin: 0;
font-size: 13px;
line-height: 15px;
font-weight: 400;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
height: 170px;
}
.features-tool-wrap.for-mob-colm>a:nth-of-type(3), .features-tool-wrap.for-mob-colm>a:nth-of-type(6), .features-tool-wrap.for-mob-colm>a:nth-of-type(9) {
border-right: 0 none;
}
.features-tool-wrap.for-mob-colm>a:nth-of-type(7), .features-tool-wrap.for-mob-colm>a:nth-of-type(8), .features-tool-wrap.for-mob-colm>a:nth-of-type(9) {
border-bottom: 0 none;
}
.features-tool-wrap.for-mob-colm a span {
font-size: 14px !important;
line-height: 16px !important;
font-weight: normal !important;
margin-top: 10px !important;
}
.features-tool-wrap.for-mob-colm a img {
margin-top: 5px !important;
width: 3.5rem;
height: auto;
min-height: auto !important;
}
#cookie-law-info-bar {
display: none !important;
}
section.features-sec.sec-padding.no-border .heading-center {
margin-bottom: 0 !important;
}
.trust-img-wrap {
margin: 60px 0 0;
}
.features-sec.mobile-view, .mobile-view {
display: block;
}
section.features-sec.desktop-view, .desktop-view {
display: none;
}
.heading-center {
margin-bottom: 1.5rem !important;
}
section.contact-form-sec .heading-center {
text-align: left !important;
}
.features-sec.mobile-view .features-tools-mob-section ul {
width: 100%;
list-style: none;
padding: 0;
margin: 2rem 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.features-sec.mobile-view .features-tools-mob-section ul.inner-list {
display: flex;
justify-content: flex-start;
}
.features-sec.mobile-view .features-tools-mob-section ul li{
width: 33%;
padding: 0.4rem 0; margin: 0;
font-size: 14px;
line-height: 16px;
font-weight: 400;
border-right: 0.1rem solid #e5e5e5;
}    
.features-sec.mobile-view .features-tools-mob-section ul li a {
border-bottom: 0.1rem solid #e5e5e5;
display: inline-block;
min-height: 170px; width: 100%;
color: #1b1919;
}
.features-sec.mobile-view .features-tools-mob-section ul li a:hover {
color: #008ffd;
}
.features-sec.mobile-view .features-tools-mob-section ul li img {
margin-bottom: 1rem;
width: 3.5rem;
height: auto;
}
.features-sec.mobile-view .features-tools-mob-section ul li:nth-child(3), .features-sec.mobile-view .features-tools-mob-section ul li:nth-child(6), .features-sec.mobile-view .features-tools-mob-section ul li:nth-child(9) {
border-right: 0;
}
.features-sec.mobile-view .features-tools-mob-section ul li:nth-child(10) {
border-left: 0.1rem solid #e5e5e5;
margin: 0 0.1rem 0 0;
}
.features-sec.mobile-view .features-tools-mob-section ul li:nth-child(10) a {
border-bottom: 0;
}
.features-sec.mobile-view .features-tools-mob-section ul.inner-list li:nth-child(7) a, .features-sec.mobile-view .features-tools-mob-section ul.inner-list li:nth-child(8) a {
border-bottom: 0;
}
.features-sec.mobile-view .features-tools-mob-section ul li p, .features-sec.mobile-view .features-tools-mob-section ul li a p {
display: none;
}
.tab-content>.active iframe {
max-width: 100%;
height: 190px;
max-height: 190px;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 100%;
}
.why-dreamzcmms-tmpl .reason_section_one .wi-45 {
width: 100% !important;
min-width: 100% !important;
}
.sub-heading { font-size: 17px;
line-height: 25px;
margin-bottom: 0;
font-family: sage text,helvetica neue,Roboto,Segoe UI,Arial;
}
.b-lc-box .row .col-md-4 {
margin: 10px 0;
}
.blog-pagination .page-link {
margin: 0 3px;
width: 1.5rem;
height: 1.5rem;
font-size: 1rem;
}
.overcome-sec h3 {
padding-right: 0;
font-size:21px;
line-height: 30px;
margin-top: 2rem !important;
}
.ul-style li {
font-size: 18px !important;
}
.simplify-container1 .horizon-tab .tab-content p {
padding-right: 0;
color: #cce8ff;
}
.overcome-container .tab-content ul.ul-style {
padding-right: 0;
}
ul.integration-logo-list-box li {
width: 38%;
}
.right-box-wrap h2 {
line-height: 32px;
}
section.simplify-sec { padding: 85px 0 100px;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
section.simplify-sec .heading-center h2 {
margin-bottom: 0.25rem !important;
padding-bottom: 0;
}
section.simplify-sec .heading-center p.sub-heading {
font-weight: 400 !important;
font-size: 20px !important;
line-height: 25px;
margin-bottom: 0;
}
section.simplify-sec .heading-center a.btn {
font-size: 1em !important;
position: relative;
left: 0px;
box-shadow: 0px 7px 20px #00000069;
border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-ms-border-radius: 50px 50px 50px 50px;
-o-border-radius: 50px 50px 50px 50px;
}
section.simplify-sec .heading-center a.btn.schedule-demo {
border-radius: 50px;
padding: 5px 29px 5px;
margin: 0 auto;
left: 0;
}
.right-feature-box ul li {
padding-bottom: 12px;
margin-bottom: 10px;
}
.modal-body {
padding: 1rem 1rem;
}
.modal-body button.btn-agreed {
font-size: 18px;
line-height: 22px;
}
.trust-img-wrap ul li {
width: 45%;
display: inline-block;
padding: 0;
margin: 0.5rem 0.3rem;
}
.mobile-view-top-gap {
margin-top: 3rem;
}
div#pills-tabContent {
margin-top: 0 !important;
padding-top: 0 !important;
}
section.top-banner.inner-banner {
padding: 40px 0 !important;
}
.accordion-button {
line-height: 20px;
}
.oil-sec-box {
margin-bottom: 1em;
line-height: 20px;
height: auto;
}
.oil-sec-box strong {
margin-bottom: 0.5rem;
}
.accordion-item {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
tbody, td, tfoot, th, thead, tr {
font-size: 14px;
line-height: 18px;
}
.section-full-spell ul li {
font-size: 15px;
line-height: 18px;
}
.price-mobile-section table thead th span {
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
}
section.simplify-sec {
padding: 50px 0 20px;
}
.price-mobile-section h5 {
padding: 6px 10px !important;
margin-top: 0;
margin-bottom: 0;
font-size: 14px !important;
line-height: 22px !important;
}
.pricing-top-box .open-box .btn {
box-shadow: none !important;
}
.recent-post-blog span.rounded {
height: 145px;
}
.recent-post-blog h4 {
font-size: 18px;
line-height: 22px;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
.contact-form-wrap .form-floating .form-control {
padding: 8px 20px !important;
font-size: 18px;
line-height: 22px;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li img {
margin-top: 2rem;
}
.cmms-service-tmpl .features-tool-wrap2 a {
min-width: 48.5% !important;
max-width: 48.5% !important;
}
.cmms-service-tmpl .reason_section_one .wi-45 {
min-width: 100% !important;
}
.cmms-service-tmpl .f-map-box .f-email-box {
height: auto !important;
}
.cmms-video-tmpl .features-tool-wrap a {
min-width: 48.5%;
max-width: 48.5%;
}
.cmms-video-tmpl .reason_section_one .wi-45 {
width: 40% !important;
min-width: 100% !important;
}
.cmms-video-tmpl .vdo-part {
text-align: center;
}
.cmms-video-tmpl .vdo-part a {
display: inline-block;
}
.cmms-premise-tmpl .features-tool-wrap2 a {
min-width: 48.5% !important;
max-width: 48.5% !important;
}
.cmms-premise-tmpl .reason_section_one .wi-45 {
min-width: 100% !important;
}
.cmms-premise-tmpl .f-map-box .f-email-box {
height: auto !important;
}
.cmms-premise-tmpl .benefits-of-facility-section .what-makes {
width: 100%;
}
.wrap-sec img {
max-width: 70%;
}
.grey-bg-sec.affiliate-login-block .affwp-form.container form#affwp-login-form{
width: 95%;
}
.wrap-sec{
display: block;
}
.frm-head{
font-size: 20px !important;
}
.wrap-sec1{
display: block;
}
.sign-content h3{
font-size: 40px;
}
.wizard .nav-tabs > li a i{
display: none;
}
.signup-logo-header .navbar-toggle{
margin: 0;
margin-top: 8px;
}
.signup-logo-header .logo_area{
margin-top: 0;
}
.signup-logo-header .header-flex{
display: block;
}
.signup-step-container .img-affiliate-form-lft-img {
padding-top: 0;
padding-bottom: 4rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container ul li {
font-size: 18px;
}
section.features-sec .section-refer-earn {
padding: 1rem;
}
.three-block-section ul{
flex-wrap: wrap;
padding: 0;
}
.three-block-section ul li {
width: 100%;
min-height: 10rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container .rounded-sm-block{
min-height: auto;
margin-bottom: 2rem;
}
.yellow-block-wraper{
padding: 2rem 1rem;
font-size: 1.3rem;
}
.yellow-block-wraper .query-txt h3 {
font-size: 24px;
line-height: 28px;
}
section.features-sec.light-bue-bg .heading-center .wrap-sec img {
max-width: 90%;
width: 90%;
}
.wrap-sec {
margin-top: 1rem;
}
.three-block-section h4 {
font-size: 30px;
line-height: 32px;
}
.connected-sec .heading-center h4 {
font-size: 25px;
line-height: 30px;
}
.manag-close {
top: -4px!important;
}
}
@media (max-width:768px) {
.sec-padding {
padding: 50px 0;
}
.features-tab .nav-pills .nav-link.active {
height: 120px;
}
.features-tab .nav-pills .nav-link.active img {
display: block;
}
.features-tab .nav-pills .nav-link>div span {
display: none;
} .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;
} .new_price_plan .price_inner_sec_2 h2 {
font-size: 40px;
}
.price_inner_sec_1 .text-start .green-ul {
padding-left: 25px !important;
padding-right: 25px !important;
}
.top-banner.home-mobile {
top: 0;
}
section.simplify-sec .heading-center a.btn.schedule-demo {
box-shadow: none;
}
.price_inner_sec_1 .text-start .green-ul {
padding-left: 0 !important;
padding-right: 0 !important;
}
.new_price_plan .open-box .common-logo p span {
font-size: 15px;
line-height: 18px;
}
.common-logo.mb-5 {
margin-bottom: 0 !important;
}
.pricing-scale .open-box .price_inner_sec_1 {
margin-top: 1.5rem;
}
.new_price_plan .open-box .most-popular-tag {
top: -15px;
right: 0;
left: 0;
margin: 0 auto;
}
.green-ul li {
font-size: 14px;
line-height: 18px;
padding-left: 24px;
background-size: 1rem;
}
.new_price_plan .open-box .price_inner_sec_1 .common-logo h5 {
font-size: 16px;
line-height: 22px;
}
section.simplify-sec {
padding: 50px 0 50px;
}
.new_price_plan .open-box .price_inner_sec_1 .ml-mb-2 {
margin-left: 0;
}
.price-mobile-section td, .price-mobile-section th {
font-size: 13px;
line-height: 18px;
}
.price-mobile-section h5 {
font-size: 13px !important;
line-height: 18px !important;
}
section.simplify-sec {
padding: 50px 0 20px !important; }
ul.ui-dote li {
font-size: 15px;
line-height: 18px;
}
.benefts_section_one{
background-size: 97%;
padding-top: 6rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container {
padding-left: 1rem;
padding-right: 1rem;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container h4 {
font-size: 18px;
}
section.sec-padding.benefts_section_one.gray-bg .overcome-container h2 {
font-size: 25px !important;
line-height: 30px!important;
}
ul.green-tick{
margin-bottom: 3rem;
}
.container.container-xxl.container-width legend{
margin: 0 0 2rem;
text-align: center;
}
.container.container-xxl.container-width .affwp-form fieldset p {
padding-left: 0;
padding-right: 0;
}
.container.container-xxl.container-width .affwp-form .g-recaptcha {
padding-left: 0;
}
section.sec-padding.reason_section_one h3 {
font-size: 1.2rem;
line-height: 1.2rem;
}
.top-banner.home-mobile .schedule-btn.btn-fixed{
position: fixed!important;
bottom: 1rem!important;
top: auto!important;
left: auto!important;
right: auto!important;
}
}
@media (max-width:890px) {
.customer-box p{
font-size: 18px !important;
}
.customer-box .btn-learn-more{
font-size: 18px !important;
}
.customer-box p.para{
display: none !important;
}
.performing span {
font-size: 55px;
}
.performing sub {
font-size: 28px;
}
.performing p {
font-size: 16px;
font-weight: 600;
margin-top: 6px;
line-height: 20px;
}
.performing sup {
top: -1.3em;
left: -1.5em;
}
.simplify-container .heading-center h2 {
font-size: 24px !important;
} .faq-accordian .accordion-header button {
font-size: 18px;
padding: 0.5rem 0;
}
.faq-accordian .accordion-body {
font-size: 18px;
line-height: 22px;
}
.overcome-sec .horizon-tab .nav-pills .nav-link {
max-width: 100%;
padding-right: 0;
font-size: 18px;
line-height: 20px;
}
.other-indus-box {
width: 150px;
height: 150px;
}
.other-indus-box span {
font-size: 12px;
line-height: 18px;
padding: 5px;
}
.other-indus-box>a em {
bottom: 37px;
font-size: 12px;
}
.inner-banner {
padding: 150px 0 0 0;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner.png);
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
}
.sign-up-now-btn {
margin-top: 15px;
}
.features-tool-wrap a {
min-width: 48.5%;
max-width: 48.5%;
}
.features-tool-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.features-tool-wrap a div {
font-size: 15px;
margin: 15px 0 25px 0;
line-height: 18px;
}
.or-img span {
display: block;
margin: 20px 0;
}
.or-img img {
display: none;
}
.inner-banner.inner-banner-faq {
padding: 20px 0;
}
.pricing-scale {
transform: scale(1.0);
}
.module-box {
display: none;
}
.integrat-tab>.nav-pills .nav-link {
padding: 8px 5px;
font-size: 14px;
line-height: 18px;
margin: 5px 0px;
width: 100%;
}
.integrat-tab>.nav-pills li {
width: 33%;
padding: 8px 8px;
border-bottom: 0;
}
.horizon-tab .nav-pills .nav-link {
max-width: 100%;
font-size: 15px;
line-height: 18px;
border-bottom: 1px solid #4da5fe;
padding-bottom: 8px;
margin-bottom: 3px;
}
.container.container-xxl.w-60 {
max-width: 100%;
}
.accordion-item .secend, .accordion-item .third, .accordion-item .forth {
position: relative;
}
.accordion-item .secend:before {
content: "Basic";
position: absolute;
left: 5%;
top: 15px;
color: #919191;
}
.accordion-item .third:before {
content: "Professional";
position: absolute;
left: 5%;
top: 15px;
color: #919191;
}
.accordion-item .forth:before {
content: "Enterprise";
position: absolute;
left: 5%;
top: 15px;
color: #919191;
}
ul.ui-dote li {
font-size: 16px;
}
.pricing-top-box .open-box {
margin: 5px;
}
.new_price_plan .open-box {
height: 97%;
padding: 20px 20px
}
.you-are-invited-sec .features-tab .nav-pills .nav-link {
padding: 0px;
}
.integrat-tab .overcome-container .tab-content {
width: 100%;
}
.right-sticky {
display: none;
}
.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;
}
.right-sty a {
background: #008ffd;
border-radius: 50px;
padding: 12px 0 0 0;
width: 50px;
height: 50px;
display: inline-block;
margin: 0 10px;
}
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;
}
.bottom-sty p {
color: #008ffd;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.left-box-wrap h2, h2.fs-50, h2 {
font-size: 32px;
line-height: 30px;
}
.left-box-wrap p {
font-size: 18px !important;
line-height: 25px;
}
.font-22 {
font-size: 20px !important;
line-height: 26px; }
.btn-primary, .btn-primary:hover {
font-size: 18px!important;
line-height: 26px!important;
}
.fixed-top {
padding: 15px 0px !important;
}
.navbar-light .navbar-brand {
width: 46%;
}
.features-padding {
padding: 30px 0 120px 0;
}
.top-banner {
min-height: 1px;
background: none; padding: 40px 0 45px 0 !important;
border-radius: 50px 0 0 50px;
margin-top: 1.5rem;
text-align: center;
}
.top-banner h2 span, .top-banner h1 span {
color: #1b1919 !important
}
.top-banner .schedule-btn {
margin: 0;
font-size: 1em !important;
position: relative;
left: 0px;
box-shadow: 0px 7px 20px #00000069;
border-radius: 50px 50px 50px 50px;
padding-left: 65px;
padding-right: 45px;
width: 85%;
display: inline-block;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-ms-border-radius: 50px 50px 50px 50px;
-o-border-radius: 50px 50px 50px 50px;
}
.what-makes-sec .simplify-container .mt-5 {
margin-top: 0px !important;
}
.what-makes-sec .simplify-container .pb-5 {
padding-bottom: 0px !important;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .form-check {
justify-content: center;
padding-left: 0px;
}
.top-banner.home-mobile {
background-color: #ffffff !important;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner-new-1366.png) !important;
background-position: left 75% !important;
background-repeat: no-repeat !important;
background-size: 230% !important;
} .top-banner.home-mobile .schedule-btn {
margin: 0 auto;
width: 85%;
position: relative; top: 1.5rem;
border-radius: 0 50px 50px 0;
}
.simplify-sec.sec-padding.text-white.home-m-sim {
border-radius: 50px 0 0 50px;
padding-left: 10px;
margin-top: 40px;
}
.what-makes-sec.sec-padding.home-m-what {
border-radius: 0 50px 50px 0;
}
.what-makes-sec.sec-padding .row .col-md-3 {
max-width: 50%;
}
.what-makes {
font-size: 16px;
line-height: 23px;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
width: 49%;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3+.col-md-3+.col-md-3 .performing {
margin: 0px;
}
.simplify-sec.sec-padding.text-white.text-center.home-m-simsec {
border-radius: 50px 0 0 50px;
padding: 85px 0 100px;
overflow: hidden;
width: 100%;
margin: 0 auto;
}
.simplify-sec.sec-padding.text-white.text-center.home-m-simsec .btn {
font-size: 1em !important;
position: relative;
left: 0;
box-shadow: 0px 7px 20px #00000069;
border-radius: 50px 50px 50px 50px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.integration-sec.sec-padding.gray-bg.home-m-integ {
border-radius: 50px 0 0 50px;
}
.manag-close {
top: 4px;
right: 4px;
background-size: 20px;
}
.right-bpm-sticky {
right: 28px;
top: inherit;
bottom: 87px;
padding: 8px;
}
.right-bpm-sticky span {
display: none;
}
.right-bpm-sticky img {
margin: 0;
}
.subscribe .input-group.mb-3 {
width: 80%;
}
.m-thank {
width: 100px;
}
#cookie-notice .cookie-notice-container {
flex-direction: column !important;
}
.cn-text-container {
text-align: center;
}
.recent-post-blog span.rounded {
height: 230px;
}
.simplify iframe {
max-height: 200px !important;
}
.wm-full .top-left-contact {
max-width: 100%;
text-align: center;
margin: 0 0px 0 0;
}
.mh-200 {
min-height: 222px; background-repeat: no-repeat;
}
.floor-plan {
margin-top: 0 !important;
}
.blog-box-details .left-box-wrap.mt-4.mt-xl-0>p {
margin-bottom: 1rem !important;
}
.blog-back {
padding-top: 20px;
padding-bottom: 20px;
font-size: 15px;
}
.mobi-not-vis {
display: none;
}
.desktop-not-vis {
display: block !important;
} .price-mobile-section table { color: #333333;
margin-bottom: 0;
}
.price-mobile-section table thead th span {
margin-bottom: 0;
}
.price-mobile-section table thead {
border-bottom: 2px solid #fff;
}
.price-mobile-section table thead th {
background-color: #f1f1f1;
}
.price-mobile-section .bg-gray {
background-color: #f1f1f1 !important;
}
.price-mobile-section td, .price-mobile-section th {
padding: 6px ​6px 6px 6px !important;
}
.price-mobile-section .bg-white {
background-color: #fff !important;
}
.price-mobile-section .border-left {
border-left: 0.0625rem solid #e7eaf3 !important;
}
.price-mobile-section .border-right {
border-right: 0.0625rem solid #e7eaf3 !important;
}
.price-mobile-section h5 {
padding: 15px 10px; margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.what-makes:hover a img {
display: none;
} .ml-mb-2 {
margin-left: 3.3rem;
}
.pt-mb-2 {
padding-top: 2rem !important;
}
.pb-mb-1 {
padding-bottom: 1rem !important;
}
.section-free-trial {
display: block;
}
.section-free-trial .free-tral-block {
position: fixed;
z-index: 999;
top: 11%;
left: 0;
right: 0;
margin: 0 auto;
background: #ffc948;
box-shadow: 0px 5px 5px 0px #1c1c1c;
padding: 16px 10px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 15px;
line-height: 18px;
font-weight: 600;
color: #000;
text-align: left;
}
.section-free-trial .free-tral-block p {
padding: 0;
margin: 0;
}
.section-free-trial .free-tral-block .schedule-btn {
padding: 10px 12px;
font-size: 17px;
line-height: 18px;
color: #fff;
background: #00b564;
border-color: #00b564;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
white-space: nowrap;
width: 132px;
border-radius: 12px;
}
.section-free-trial .free-tral-block a.close-trial {
margin: 0 0 0 10px;
}
.section-free-trial .free-tral-block a.close-trial i {
font-size: 20px;
line-height: 22px;
font-weight: 400;
color: #333;
}
.desktop-not-vis.price-mobile-section .table thead th {
background: #008ffd;
color: #fff;
}
.desktop-not-vis.price-mobile-section .table thead th .text-dark {
color: #fff !important;
}
.left-box-wrap-ak {
margin-top: 20px;
}
.what-makes-sec.sec-padding .b-lc-box .row .col-md-3 {
max-width: 100%;
margin-bottom: 20px;
}
.b-lc-box .what-makes {
width: 300px;
margin: 0 auto;
}
.top-banner.asset-life {
background-color: #cce9ff !important;
}
.asset-life-h4 h4 {
font-size: 24px;
margin-bottom: 10px;
}
.grey-bg-sec .left-box-wrap h1 {
text-align: center;
}
.grey-bg-sec .left-box-wrap ul.free-track {
margin-bottom: 4rem;
}
.grey-bg-sec .left-box-wrap ul.free-track li {
font-size: 20px;
line-height: 25px;
}
.pt-4 {
padding-top: 0.5rem !important;
}
.my-4 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.right-feature-box ul li:last-child {
border-bottom: 1px solid #d9d9d9;
}
section.inner-banner.inner-banner-faq p.font-22 {
margin-bottom: 0 !important;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li img {
margin-top: 2rem;
}
img.img-trans {
width: 0;
height: inherit;
display: inline-block;
}
} @media(max-device-width: 800px) and (orientation: portrait) {
.home-mobile-view-three-block .col-md-4 {
width: 33.33333333%;
}
.performing {
text-align: left;
margin: 0;
}
.performing sup {
left: 0;
}
.open-box {
min-height: 40rem;
}
.top-banner.home-mobile {
background-position: left 0% !important;
background-size: 100% !important;
height: auto;
padding-top: 13rem !important;
}
.top-banner.home-mobile .schedule-btn {
border-radius: 50px;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 { width: 48%;
}
.performing {
text-align: left;
min-height: 9rem;
margin: 1rem 0 1rem 1rem!important;
}
.container.container-xxl.container-width .affwp-form input.button {
width: 100%;
background-color: #008ffd;
border-color: #008ffd;
padding: 0.8rem 2rem;
margin: 0 auto;
margin-top: 3rem;
font-size: 1.4rem;
line-height: 1.5rem;
font-weight: 500;
color: #fff;
border-radius: 2.5rem;
display: flex;
align-items: center;
justify-content: center;              
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row button.woocommerce-Button.button {
width: 65%;
margin-top: 1rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row.form-row-first {
width: 100%!important;
margin-bottom: 1rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword {
background: #dbddde; padding: 1.5rem 2rem 2rem;
max-width: 100%!important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password p label{
text-align: left;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password .input-text {
border: 0.1rem solid #686868!important;
box-shadow: none;
border-radius: 0.5rem;
padding: 0.5rem!important;
font-size: 1.2rem;
line-height: 1.5rem;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword.lost_reset_password span.show-password-input {
display: none;
}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-ResetPassword p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
width: 100%!important;
margin-bottom: 1rem;
}
.woocommerce .lost_reset_password p{
margin-right: auto !important;
margin-top: 1rem;
width: 100% !important;
margin-bottom: 1rem;
}
.woocommerce .lost_reset_password p {
margin: 1rem auto;
}
}
@media (min-width:769px) and (max-width:991px) {
.arrow-down-black {
padding: 10px 10px;
}
* {
-webkit-appearance: none
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction: row !important;
}
.py-md-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.tab-content>.tab-pane .oil-sec .col-md-4 {
width: 50%;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.modal-md {
max-width: 540px;
}
}
@media (min-width:768px) and (max-width:1024px) {
.top-banner, .inner-banner {
background-position: 500px center !important;
}
.sign-up-now-btn {
margin-top: 20px;
} h4 {
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
}
@media (min-width:768px) and (max-width:1023px) {
.features-tool-wrap a {
min-width: 25% !important;
max-width: 25% !important;
margin-bottom: 50px !important;
}
}
@media (max-width:1024px) {
.customer-box p{
font-size: 18px !important;
display: none;
}
.arrow-down-black {
position: absolute;
right: 0;
top: 0;
color: #000;
padding: 5px 10px;
}
}
@media (max-width:1023px) {
.top-banner {
background: none !important;
background-color: none !important;
}
section.top-banner.inner-banner.inner-banner-new {
background-image: url(https://dreamzcmms.com/wp-content/uploads/2022/07/Affiliate_banner-1.png)!important;
border-radius: 0;
background-position: -65rem 0!important;
background-size: cover!important;
background-repeat: no-repeat!important;
}
.top-footer .top-left-contact a {
word-break: break-word;
}
}
@media (min-width:768px) and (max-width:1300px) {
.features-tool-wrap a {
min-width: 25%;
max-width: 25%
}
a.top-v {
margin: 0 0 0 10px !important;
}
.top-left-contact a {
font-size: 13px;
text-align: left;
}
.toplft-btn {
padding: 8px 5px;
font-size: 12px;
margin-left: 20px;
}
.top-left-contact {
max-width: 200px;
word-break: normal !important;
}
.top-left-contact a.formail {
word-break: break-all;
line-height: 18px;
}
}
@media (min-width:1371px) and (max-width:1919px) {
.home .top-banner {
background-position: 665px center !important;
}
.top-banner, .inner-banner {
background-position: 45vw 0% !important;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner-new-1366.png);
}
}
@media (min-width:767px) and (max-width:1370px) {
.container.container-xxl.container-width .affwp-form .g-recaptcha div {
zoom: 107%;
}
.cmms-service-tmpl .reason_section_one .tab-content h4{
font-size: 18px;
line-height: 20px;
}
.home .top-banner {
background-position: 600px center !important;
}
.inner-banner {
background-position: 690px center;
background-image: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/inner-banner-1366.png);
}
.benefits-of-facility-section .what-makes {
padding: 35px 20px; }
.w-60 {
max-width: 1140px;
}
.top-banner {
padding: 50px 0 100px 0;
}
.inner-banner-new {
padding: 10px 0 0px 0;
}
.inner-banner-new h1{
color: #333333!important;
font-size: 30px !important;
font-weight: 400 !important;
}
.inner-banner-new{
height: auto !important;
min-height: auto !important;
}
.usp-example-box {
padding: 30px 10px;
}
.light-bue-bg{
background: #dff4fe !important;
}
.bluetext{
color: #008ffd;
}
}
@media (min-width:1025px) and (max-width:1370px) {
.other-indus-box {
width: 220px;
height: 220px;
}
.other-indus-box span {
font-size: 16px;
padding: 15px;
}
}
@media (min-width: 1366px) {
.wi-45 {
width: 30%;
min-width: 400px;
}
.traning-sub-header {
width: 65%;
margin: 0 auto;
}
.simplify-sec.sec-padding.text-white.text-center a.btn.btn-warning.btn-lg.mt-3.fs-3 {
padding: 1.18rem 1.5rem;
}
.overcome-container .tab-content {
width: 70%;
}
.overcome-sec .horizon-tab .nav-pills .nav-link {
max-width: 100%;
width: 100%;
}
.blog-box-details {
width: 880px;
margin: 0 auto;
}
}
@media (min-width: 1365px)  {
.left-box-title h2{
font-size: 20px !important;
line-height: 28px !important;
}
}
@media (min-width: 1365px) and (max-width: 1367px) { .modal-backdrop.show {
zoom: 10;
}
.cf7sr-g-recaptcha>div {
zoom: 117%;
}
.features-tool-wrap a span {
font-size: 15px;
}
@-moz-document url-prefix() {
body {
-moz-transform: scale(95%);
-moz-transform-origin: 0 0;
overflow-x: hidden;
}
}
.left-box-wrap h2, h2 {
font-size: 35px ;
line-height: 45px;
}
.left-box-title p{
font-size: 17px !important;
line-height: 28px !important;
}
.mh-200 { min-height: 238px;
background-position: center top; background-repeat: no-repeat;
}
.modal-md {
max-width: 400px;
}
.manag-close {
top: -4px!important;
}
.survey-all-section h2{
font-size: 30px !important;
}
}
@media (min-width:1369px) and (max-width:1900px) {
.top-banner, .inner-banner {
background-position: 600px center;
}
}
@media (min-width: 1800px) {
.simplify-container {
width: 80%;
margin: 0 auto;
}
.features-tab .tab-content {
min-height: 240px;
}
.container.container-xxl.container-width {
max-width: 82.889568%;
margin: 0 auto;
}
}  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.top-banner.home-mobile {
min-height: 540px !important;
background-position: left 11% !important;
background-size: 100% !important;
padding: 22rem 0 0 0 !important;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 0;
}
.top-banner.home-mobile .schedule-btn {
border-radius: 50px;
left: 0;
}
.integration-sec.sec-padding.gray-bg .performing sup {
top: -1.3em !important;
}
.open-box {
min-height: 41rem;
}
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;
}
.pricing-box-sticky {
left: calc(50% - 378px);
width: 741px;
}
.basic-bx h3 {
font-size: 18px;
}
.overcome-container .horizon-tab {
flex-direction: column !important;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul {
list-style: none;
padding: 0;
}
.contact-form-wrap .form-floating .form-control {
font-size: 20px;
line-height: 25px;
}
.top-banner, .inner-banner {
background-position: 0px center !important;
}
.pricing-box-sticky {
left: calc(50% - 49%) !important;
width: 97% !important;
}
.pricing-box-sticky {
left: calc(50% - 49%) !important;
width: 97% !important;
}
.unique-features-tab .tab-content .col-md-3:last-child {
width: 100%;
}
.unique-features-tab .tab-content .col-md-6 {
width: 72%;
}
.performing sup {
left: 0em;
}
.top-banner {
height: 285px;
}
.sec-padding {
padding: 40px 0;
}
section.sec-padding.benefts_section_one.gray-bg{
padding: 10rem 0 2rem;
}
.top-banner .schedule-btn {
width: 56%;
}
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(25% - 30px);
margin: 12px;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px 15px 15px 68px;
background-size: 18% !important;
line-height: 22px;
}
.unique-features-tab .tab-content .col-md-6 {
width: 67%;
margin-left: 3rem;
}
.unique-features-tab h2 {
font-size: 30px;
line-height: 35px;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 29%;
}
.benefits-of-facility-section .what-makes h2 {
font-size: 20px;
line-height: 26px;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
width: 25%;
text-align: center;
margin-bottom: 50px;
}
.integration-sec.sec-padding.gray-bg .performing {
text-align: left;
}
.integration-sec.sec-padding.gray-bg .performing sup {
top: -0.3em;
}
.why-dreamzcmms-tmpl .reason_section_one .wi-45 {
width: 30% !important;
min-width: 300px !important;
}
section.top-banner.inner-banner.inner-banner-new {
background-position: -57rem 0!important;
}
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
.top-banner.home-mobile {
min-height: 400px !important;
height: 26rem !important;
background-position: right 11% !important;
background-size: 52% !important;
padding: 2rem 0 0 0 !important;
}
.pricing-box-sticky {
position: static;
}
section.top-banner.inner-banner.inner-banner-new {
background-position: -48rem 0!important;
}
} @media only screen and (min-device-width : 820px) and (max-device-width : 1180px) {
.features-tool-wrap a span {
font-size: 13px;
}
.customer-box p{
font-size: 18px !important;
display: none;
}
a.top-v img {
width: 23px;
}
.navbar-toggler {
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.basic-bx h3 {
font-size: 20px;
}
.pricing-box-sticky {
left: calc(50% - 398px) !important;
width: 793px !important;
}
.left-box-wrap h2 {
font-size: 34px;
}
.overcome-container .horizon-tab {
flex-direction: column !important;
}
.pricing-box-sticky {
left: calc(50% - 49%) !important;
width: 97% !important;
}
} @media all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
a.top-v {
display: none;
}
section.top-banner.inner-banner {
background-position: 600px center !important;
}
.pricing-box-sticky {
left: calc(50% - 558px) !important;
width: 1114px !important;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul {
list-style: none;
padding: 0;
}
.blog-pagination .pagination-lg .page-link {
padding: 0.5rem 0.5rem;
}
.pricing-box-sticky {
left: calc(50% - 49%) !important;
width: 97% !important;
}
} @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
a.top-v {
display: none;
}
.pricing-box-sticky {
left: calc(50% - 502px) !important;
width: 996px !important;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul {
list-style: none;
padding: 0;
}
.topbox_image {
image-rendering: pixelated;
}
.pricing-box-sticky {
left: calc(50% - 49%) !important;
width: 97% !important;
}
} @media only screen and (max-width: 23em) and (orientation: portrait) {
.top-banner.unique-features-banner {
padding-bottom: 0 !important;
}
.top-banner.home-mobile {
padding-top: 9rem !important;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 15px;
}
.top-banner.home-mobile .schedule-btn {
left: 0;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
width: 50%;
}
.new_price_plan .price_inner_sec_2 {
font-size: 0.8rem;
line-height: 1rem;
}
.new_price_plan .price_inner_sec_2 h2 del span.dis_price {
font-weight: 300;
}
.new_price_plan .price_inner_sec_2 h2 del span.currency {
font-weight: 300;
}
.new_price_plan .price_inner_sec_2 h6.discounted_price {
font-size: 1rem;
}
section.simplify-sec .heading-center h2 {
font-size: 2.7rem !important;
line-height: 2.8rem;
}
section.simplify-sec .heading-center a.btn.schedule-demo {
font-size: 1rem !important;
}
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(50% - 30px);
border-bottom: 0;
margin: 0.5rem;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px;
background-position: center !important;
min-height: 60px;
background-size: 65% !important;
}
.integration-sec.sec-padding {
padding-bottom: 0 !important;
}
.performing {
text-align: left;
min-height: 8rem;
margin: 0 0 2rem;
font-size: 1rem;
line-height: 1.2rem;
}
.performing sup {
left: 0;
top: -1.7em;
}
.pricing-top-box .col-4 {
width: 100%;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 29%;
padding: 10px;
margin: 0 6px;
margin-bottom: 15px !important;
min-height: 100px !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes h2 {
text-align: center !important;
font-size: 0.9rem !important;
line-height: 1.2rem;
font-weight: 600;
}
.integration-sec.sec-padding .my-5 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.usp-example-box {
margin-top: 2rem;
}
.cmms-video-tmpl .vdo-part .col-12 {
width: 50%;
}
.cmms-video-tmpl .vdo-part .col-12 p {
display: none;
}
}
@media only screen and (min-width: 772px) and (max-width: 890px) and (orientation: landscape) {
.home-class .font-22 {
margin-bottom: 0 !important;
}
.features-padding{
padding-top: 60px !important;
}
.top-banner.home-mobile {
background-size: 100% !important;
background-position: left 0% !important;
padding: 18rem 0 45px 0 !important;
height: auto;
}
.top-banner.home-mobile .schedule-btn {
border-radius: 50px;
}
.integration-sec.sec-padding.gray-bg .performing sup {
top: -1.8em;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
margin-bottom: 0;
}
.home-mobile-view-three-block .col-md-4 {
width: 33.33333333%;
}
.top-banner.unique-features-banner {
height: 230px;
min-height: 230px;
}
.mobile-view-top-gap {
margin-top: 0;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
section#price-inner-accordian.features-sec .container.container-xxl {
max-width: 100%;
}
section#price-inner-accordian.features-sec .price-mobile-section.container {
max-width: 100%;
}
section.simplify-sec .heading-center {
margin-bottom: 0 !important;
}
section.simplify-sec .heading-center ul.ui-dote.new_ul_fix {
margin-bottom: 0;
}
section.simplify-sec .heading-center ul.ui-dote.new_ul_fix li {
font-size: 15px;
line-height: 18px;
}
.simplify-container1.pricing-top-box .row {
justify-content: center;
}
.new_price_plan .open-box .price_inner_sec_1 .ml-mb-2 {
margin-left: 0;
}
.top-banner .schedule-btn {
width: 18rem;
}
section.simplify-sec .simplify-container1 .col-md-4 {
width: 49.33%;
}
.simplify-container1.pricing-top-box .green-ul li {
background-size: 5%;
}
.recent-post-blog span.rounded {
height: 112px;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
.new_price_plan .price_inner_sec_2 {
font-size: 0.8rem;
line-height: 1rem;
}
.new_price_plan .price_inner_sec_2 h2 del span.dis_price {
font-weight: 300;
}
.new_price_plan .price_inner_sec_2 h2 del span.currency {
font-weight: 300;
}
.new_price_plan .price_inner_sec_2 h6.discounted_price {
font-size: 1rem;
}
section.simplify-sec .heading-center h2 {
font-size: 2.7rem !important;
line-height: 2.8rem;
}
section.simplify-sec .heading-center a.btn.schedule-demo {
font-size: 1rem !important;
}
.integration-sec .container, .integration-sec .container-sm {
max-width: 100%;
}
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(15% - 30px);
border-bottom: 0;
margin: 0.4rem;
padding: 0;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 5px;
background-size: 65% !important;
height: 60px;
min-height: 60px;
background-position: center !important;
}
.performing {
text-align: center;
margin: 0;
font-size: 1rem;
line-height: 1.2rem;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 21%;
padding: 12px;
min-height: 100px !important;
margin: 0 8px;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes h2 {
text-align: center !important;
font-size: 0.9rem !important;
line-height: 1rem;
font-weight: 600;
margin: 0;
}
section.features-sec .mt-4 {
margin-top: 0 !important;
}
.why-dreamzcmms-tmpl .reason_section_one .wi-45 {
width: 25% !important;
min-width: 200px !important;
}
.overcome-container .horizon-tab {
flex-direction: row !important;
}
.cmms-video-tmpl .vdo-part .col-lg-4.col-md-4.col-12 {
width: 50%;
}
.overcome-container .horizon-tab.go-bellow {
flex-wrap: wrap;
}
.unique-features-tab .tab-content .col-md-6 {
width: 100%;
margin-left: 0;
}
.train-box-wrap {
width: 100%;
min-height: 8rem;
}
.train-box-wrap .train-b-top {
min-width: 125px;
padding: 6px 0;
z-index: 9;
}
.train-box-wrap img.big {
width: 100%;
height: 100%;
position: absolute;
}
.overcome-container {
margin: 2rem 0 0;
}
section.sec-padding.benefts_section_one.gray-bg{
padding: 8rem 0 4rem 0;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
.mobile-view-top-gap {
margin-top: 0;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
section#price-inner-accordian.features-sec .container.container-xxl {
max-width: 100%;
}
section#price-inner-accordian.features-sec .price-mobile-section.container {
max-width: 100%;
}
section.simplify-sec .heading-center {
margin-bottom: 0 !important;
}
section.simplify-sec .heading-center ul.ui-dote.new_ul_fix {
margin-bottom: 0;
}
section.simplify-sec .heading-center ul.ui-dote.new_ul_fix li {
line-height: 18px;
}
.simplify-container1.pricing-top-box .row {
justify-content: center;
}
.new_price_plan .open-box .price_inner_sec_1 .ml-mb-2 {
margin-left: 0;
}
.top-banner .schedule-btn {
width: 18rem;
}
.recent-post-blog span.rounded {
height: 145px;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
} @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation:portrait) {
.top-banner.home-mobile {
padding-top: 11rem !important;
}
.top-banner.home-mobile .d-flex.justify-content-start.align-items-center {
margin-top: 0;
}
.top-banner.home-mobile .schedule-btn {
left: 0;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
width: 50%;
}
.integration-sec .simplify-container .performing {
margin: 0 0 3rem;
}
.integration-sec .simplify-container .performing sup {
left: 0;
top: -1.3em;
}
.home-mobile-view-three-block .col-md-4 {
width: 100%;
}
.top-banner.unique-features-banner {
padding: 40px 0 0px 0 !important;
}
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(27% - 30px);
padding: 0;
margin: 6px 10px;
border-bottom: 0;
border-bottom: 0;
background-position: center !important;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px;
background-position: center !important;
background-size: 61% !important;
min-height: 70px !important;
} .pricing-top-box .col-4 {
width: 100%;
}
.integration-sec .simplify-container .my-5 {
margin-bottom: 0rem !important;
}
.integration-sec .simplify-container .performing {
text-align: left;
margin: 30px 0;
font-size: 1.2rem;
line-height: 1.5rem;
display: inline-block;
min-height: 9rem;
}
.integration-sec .simplify-container .performing sup {
left: 0; }
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 30%;
padding: 15px;
margin: 0 6px;
min-height: 100px !important;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes h2 {
font-size: 0.9rem !important;
line-height: 1rem;
font-weight: 600;
}
} @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
.top-banner.home-mobile .schedule-btn {
width: 23rem !important;
}
.mobile-view-top-gap {
margin-top: 0;
}
.copy-right .container {
padding-left: 1.5rem;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
.simplify-container1 .col-md-4 {
width: 33.33%;
}
.new_price_plan .open-box .common-logo p span {
font-size: 16px;
line-height: 20px;
font-weight: 400 !important;
}
.new_price_plan .open-box .common-logo h5 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #00b564;
margin-top: 1.5rem !important;
}
.pt-mb-2 {
padding-top: 3rem !important;
}
.new_price_plan .open-box .most-popular-tag {
top: -10px;
}
.simplify-container1.pricing-top-box .open-box {
margin: 0;
}
.simplify-container1.pricing-top-box .green-ul li {
font-size: 14px;
margin-bottom: 10px;
line-height: 18px;
padding-left: 22px;
background-size: 9%;
background-position: 0 2px;
list-style: none;
}
.simplify-container1.pricing-top-box .green-ul li h5 {
font-size: 18px;
line-height: 22px;
}
.simplify-container1.pricing-top-box .green-ul {
padding-left: 0 !important;
padding-right: 0 !important;
}
.new_price_plan .open-box .ml-mb-2 {
margin-left: 0;
line-height: 18px;
}
.new_price_plan .open-box .ml-mb-2 a {
line-height: 18px;
}
.pricing-top-box .open-box .btn {
box-shadow: none !important;
}
section.simplify-sec.new_price_plan {
padding: 45px 0 20px !important;
}
.new_price_plan .open-box .most-popular-tag {
left: 0;
right: 0;
margin: 0 auto;
}
ul.ui-dote.new_ul_fix li {
line-height: 22px;
}
.container, .container-sm {
max-width: 100%;
}
section.top-banner.inner-banner {
padding: 10px 0 0 0 !important;
}
section.top-banner {
min-height: 265px;
height: 265px;
}
.top-banner .schedule-btn {
width: 55%;
}
.price-mobile-section h5 {
font-size: 15px;
line-height: 25px;
padding: 6px 10px;
}
.price-mobile-section td, .price-mobile-section th {
font-size: 15px;
line-height: 18px;
}
.price-mobile-section td span {
font-size: 13px;
line-height: 16px;
white-space: break-spaces;
word-break: break-all;
}
.recent-post-blog span.rounded {
height: 145px;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 20%;
min-height: 100px !important;
padding: 20px;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes h2 {
text-align: center !important;
font-size: 1.2rem !important;
line-height: 1.5rem;
margin: 0;
}
.integration-sec.sec-padding.gray-bg .row .col-md-3 {
width: 24%;
margin: 2rem auto 0;
}
.integration-sec .simplify-container .my-5 {
margin-top: 0 !important;
}
.unique-features-tab .tab-content .tab-pane .col-md-6 {
width: 70%;
}
.unique-features-tab .tab-content .tab-pane .col-md-3:last-child {
width: 100%;
}
.features-sec.mobile-view, .mobile-view {
display: block;
}
section.features-sec.desktop-view, .desktop-view {
display: none;
}
.unique-features-tab ul.nav-tabs {
border: 0 none;
margin: 0;
width: 100%;
display: flex;
flex-direction: row;
}
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(13% - 24px);
margin: 10px;
padding: 0;
border-bottom: 0;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px;
}
.unique-features-tab ul.nav-tabs .nav-link.nav-link {
background-size: 64% !important;
padding: 6px !important;
background-position: center !important;
min-height: 70px;
}
.performing {
text-align: left;
font-size: 17px;
line-height: 22px;
}
.performing sup {
font-size: 20px !important;
top: -1.2em !important;
left: 0em;
}
.simplify-container1.pricing-top-box .green-ul li {
background-size: 5%;
}
.overcome-container .tab-content {
width: 100%;
margin: 2rem 0;
}
section.features-sec.sec-padding .mt-4 {
margin-top: 0 !important;
}
.overcome-sec .integrat-tab .nav {
flex-direction: row;
}
.overcome-container .horizon-tab {
flex-direction: row !important;
}
} @media (max-device-width: 800px) and (orientation: portrait) {
.unique-features-tab ul.nav-tabs li.nav-item {
min-width: calc(25% - 30px);
padding: 0;
margin: 15px;
border-bottom: 0;
background-position: center !important;
}
.unique-features-tab .nav-tabs .nav-link {
padding: 15px;
background-position: center !important;
}
.integration-sec .container, .container-sm {
max-width: 100%;
}
.why-dreamzcmms-tmpl .what-blue-sec .what-makes {
width: 40%;
}
.overcome-container {
margin-top: 2rem;
}
.overcome-container .tab-content {
margin-top: 2rem;
}
#v-pills-tabContent{
margin-top: 0 !important;
}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.features-padding{
padding-top: 60px !important;
}
.overcome-container .tab-content {
width: 250%;
}
a.top-v {
display: none;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
.overcome-container .horizon-tab {
flex-direction: row !important;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
}
@media (min-width:753px) and (max-device-width: 1280px) and (orientation: landscape) {
.features-padding{
padding-top: 60px !important;
}
.overcome-container .tab-content {
width: 100%;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
a.top-v {
display: none;
}
.top-banner { min-height: 28rem;
height: 28rem;
}
.overcome-container .horizon-tab {
flex-direction: column !important;
}
#v-pills-home iframe{
max-height: auto !important;
}
.recent-post-blog span.rounded {
height: 145px;
}
.recent-post-blog h4 {
font-size: 18px;
line-height: 22px;
}
.contact-gray-section .container.container-xxl {
max-width: 100%;
}
}
@media all and (width: 2160px) and (height: 1620px) and (orientation:landscape) {
a.top-v {
display: none;
}
.top-banner {
min-height: 300px;
height: 300px;
}
.sec-padding {
padding: 40px 0;
}
.heading-center {
margin-bottom: 1rem !important;
}
.contact-info-text {
margin-top: 2rem;
}
} .survey-form{
padding: 30px 10px 0px 10px;
}
.survey-form .form-control{
padding: 10px 20px!important;
height: auto;
background: #f9f9f9;
border: 0 none !important;
box-shadow: 0 0 0 2px #c1c1c1;
font-size: 25px !important;
color: #727272;
margin: 0 0 14px 0; 
}
.survey-form label em{
font-style: normal;
display: block;
}
.survey-form label{
width: 100%;
}
.contact-form-wrap{
padding: 0 10px;
}
.fieldset-cf7mls .cf7mls_back, .cf7mls_next.action-button{
border-radius: 50px;
margin-top: 0 !important;
padding: 8px 25px !important;
font-size: 1rem;
}
.cf7mls_next.action-button{
border-radius: 50px;
margin-top: 0 !important;
padding: 8px 25px !important;
font-size: 1rem;
background-color: #008ffd;
border-color: #008ffd;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit{
border-radius: 50px;
margin-top: 0 !important;
padding: 8px 25px !important;
font-size: 1rem;
}
.survey-form-input .wpcf7-list-item input[type='checkbox']{
width: 25px;
height: 25px;
margin-right: 8px;
}
.survey-form-input .wpcf7-list-item input[type='checkbox']:checked{
background-color: #008ffd;
border-color: #008ffd;
}
.survey-form-input .wpcf7-list-item label{
display: flex;
align-items: center;
}
.survey-form-input br{
display: none;
}
.survey-form-input p:empty{
display: none;
}
.survey-form-input h3{
margin-top: 40px;
margin-bottom: 30px;
}
.survey-form-input .submit-btn{
border-radius: 50px;
margin-top: 0 !important;
padding: 8px 25px !important;
font-size: 1rem;
}
.pagination-sec-num{
text-align: center;
padding: 15px 0;
margin: 15px 0;
background-color: #ebf6ff;
border-radius: 10px;
}
.pagination-sec-num ul{
padding: 0;
margin: 0;
display: flex;
justify-content: center;
text-align: center;
}
.pagination-sec-num li{
display: flex;
text-decoration: none;
font-size: 14px;
padding: 10px 20px;
cursor: pointer;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
color: #bfbfbf;
}
.pagination-sec-num li::after{
background-color: #bfbfbf;
width: 100px;
height: 1px;
top: 26px;
left: 40px;
position: absolute;
content: "";
z-index: 0;
}
.pagination-sec-num li span{
font-size: 16px;
background-color: #bfbfbf;
border-color: #bfbfbf;
border-radius: 50px;
color: #fff;
width: 34px;
height: 34px;
display: inline-block;
line-height: 34px;
margin: 0 auto;
z-index: 1;
}
.pagination-sec-num li.success-num{
color: #00b564;
}
.pagination-sec-num li.success-num span{
background-color:#00b564 ;
border-color: #00b564;
}
.pagination-sec-num li.success-num::after{
background-color:#00b564 ;
}
.pagination-sec-num li.active-num{
color: #008ffd;
}
.pagination-sec-num li.active-num span{
background-color: #008ffd;
border-color: #00b564;
}
.pagination-sec-num li.active-num::after{
background-color: #008ffd;
}
.pagination-sec-num li.next-num{
color: #bfbfbf;
}
.pagination-sec-num li.next-num span{
background-color: #bfbfbf;
border-color: #bfbfbf;
}
.pagination-sec-num li.next-num::after{
background-color: #bfbfbf;
}
.pagination-sec-num li:last-child::after{
display: none;
}
.survey-all-section h2{
line-height: 50px;
color: #1b1919;
font-weight: 700;
margin: 30px 0;
text-align: center;
font-size: 35px;
}
.thankyou-section h1{
font-size: 40px;
font-weight: 700;
color: #1b1919;
line-height: 50px;
margin: 0 0 20px 0;
}
.thankyou-section h1 b{
font-weight: 900;
display: block;
}
.thankyou-section h4.fw-normal{
font-weight: 400;
color: #1b1919;
line-height: 32px;
font-size: 22px;
margin: 0 200px 50px 200px;
}
.thankyou-body-part .thankyou-body-text h2{
line-height: 50px;
color: #1b1919;
font-weight: 700;
font-size: 40px;
margin: 0 0 20px 0;
}
.thankyou-body-part .thankyou-body-text p{
line-height: 32px;
color: #1b1919;
font-weight: 400;
font-size: 22px;
margin: 0 0 20px 0;
}
.thankyou-body-part{
margin: 100px 0 0 0;
}
.thankyou-section{
padding-top: 0;
}
.tq-blue-box{
padding: 15px;
background-color: #e0f2ff;
border-radius: 20px;
font-size: 16px;
font-weight: 700;
color: #008ffd;
margin: 14px 0;
min-height: 90px;
}
.tq-vdo-btn{
display: flex;
align-items: center;
justify-content: center;
}
.tq-vdo-btn button{
padding: 14px 25px;
border-radius: 50px;
margin: 0 7px;
font-size: 16px;
font-weight: 700;
}
.tq-vdo-btn .btn-brd{
background-color: #fff;
border: 2px solid #008ffd;
color: #008ffd;
transition: 0.5s ease-in-out;
}
.tq-vdo-btn .btn-brd:hover{
background-color: #008ffd;
border: 2px solid #008ffd;
color: #fff;
transition: 0.5s ease-in-out;
}
.tq-vdo-btn .btn-sld{
background-color: #008ffd;
border: 2px solid #008ffd;
color: #fff;
transition: 0.5s ease-in-out;
}
.tq-vdo-btn .btn-sld:hover{
background-color: #fff;
border: 2px solid #008ffd;
color: #008ffd;
transition: 0.5s ease-in-out;
}
.grey-bg {
background-color: #f9f9f9 !important;
}
.tab-head{font-weight: 600;
margin-top: 10px;
display: inline-block;
color: #000;
line-height: 24px;
font-size: 17px;
}
.card-white{
background: #fff;
padding: 20px 20px;
border-radius: 10px;
border: 0.1rem solid #d9d9d9;
}
.card-grey{
background: #f9f9f9;
padding: 20px 20px;
border-radius: 10px;
border: 0.1rem solid #d9d9d9;
}
.fixed-top1 .nav-link img{
width: 40px;
}
.fixed-top1 ul li .tab-head {
font-size: 12px !important;
}
.fixed-top{
z-index: 9 !important;
} @media (min-width: 768px) and (max-width: 991px) {
.pagination-sec-num{
width: 100%;
overflow-x: auto;
}
.pagination-sec-num ul{
justify-content: flex-start;
}
.thankyou-section h4.fw-normal {
margin: 0 0px 50px 0px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.pagination-sec-num{
width: 100%;
overflow-x: auto;
}
.pagination-sec-num ul{
justify-content: flex-start;
}
.thankyou-section h4.fw-normal {
margin: 0 0px 50px 0px;
}
.tq-vdo-btn{
display: block;
text-align: center;
}
.tq-vdo-btn button{
margin: 8px 0;
}
section.top-banner.inner-banner.surver-banner{
background-image: url(https://dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/survey-banner.jpg) !important;
background-position: -39rem 0!important;
}
}
.introduction-block-section{
width: 100%;
display:inline-block;
padding:0;
margin:2rem 0;
}
.introduction-block-section ul{
width: 100%;
list-style: none;
padding:0;
margin:0;
display:flex;
align-items: center;
justify-content: center;
}
.introduction-block-section ul li {
border: 0.1rem solid #d9d9d9;
padding: 1.2rem 2.2rem;
margin: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background: #fff;
box-shadow: none;
border-radius: 2rem;
width: 33.33%;
min-height: 21rem;
font-weight: 300;
position: relative;
}
.introduction-block-section ul li a{
color:#1b1919;
}
.introduction-block-section ul li:hover{
background: #008ffd;
border-color: #008ffd;
color: #fff;
box-shadow: 2px 2px 10px 2px #a5a5a5;
cursor: pointer;
}
.introduction-block-section ul li:hover a {
color: #fff;
}
.introduction-block-section ul li a h3 {
font-size: 1.3rem;
line-height: 1.5rem;
font-weight: 600;
padding: 0;
margin: 0 0 1rem;
color: #1b1919;
}
.introduction-block-section ul li:hover a h3{
color:#fff;
}
.introduction-block-section ul li a .icon-box-faq{
width: 66px;
height:66px;
padding: 0;
margin: 0 0 1.2rem;
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-faq.png);
background-size: cover;
background-repeat: no-repeat;
}
.introduction-block-section ul li:hover a .icon-box-faq{
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-faq-h.png);
}
.introduction-block-section ul li a .icon-box-video-tutorial{
width: 66px;
height:66px;
padding: 0;
margin: 0 0 1.2rem;
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-video-tutorial.png);
background-size: cover;
background-repeat: no-repeat;
}
.introduction-block-section ul li:hover a .icon-box-video-tutorial{
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-video-tutorial-h.png);
}
.introduction-block-section ul li a .icon-box-external-integration{
width: 66px;
height:66px;
padding: 0;
margin: 0 0 1.2rem;
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-external-integrtion.png);
background-size: cover;
background-repeat: no-repeat;
}
.introduction-block-section ul li:hover a .icon-box-external-integration{
background:url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/icon-external-integrtion-h.png);
}
.introduction-block-section ul li .hover-arrow {
position: absolute;
top: 3rem;
right: 3rem;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap {
max-width: 100%;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-floating>.wpcf7-form-control-wrap:focus-within~label, .grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-control:focus-within~label, .grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-control:visited~label, .grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-control:focus-visible~label{
top: -12px;
font-size: 1rem!important;
line-height: 1.2rem!important;
padding: 0 5px!important;
margin: 0;
}
.grey-bg-sec.contact-gray-section .right-box-wrap h2 {
font-size: 2rem;
line-height: 2.5rem;
padding: 0;
margin: 0 0 0.6rem!important;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .sub-heading {
font-size: 1.3rem;
line-height: 1.5rem;
padding: 0;
margin: 0;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-success::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/arrow-right-white.png) 0 50% no-repeat;
width: 18px;
height: 13px;
background-size: 100%;
position: absolute;
top: calc(50% - 6.5px);
right: 15px;
transition: all 0.5s ease-in-out;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-control:focus {
border-color: #008ffd;
box-shadow: 0 0 0 2px #008ffd;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .form-check {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 1.2rem;
line-height: 1.5rem;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .form-check input {
margin-top: 0rem;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .form-check label.form-check-label {
margin-left: 0.6rem;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .btn-wrap .contact-info-text {
margin: 1rem 0 0;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul {
list-style: none;
padding: 0 10rem 0 0;
margin: 8rem 0;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li {
border-bottom: 0.1rem solid #cccccc;
padding: 0 0 1rem 0;
margin: 0 0 1rem;
color: #2b2b2b;
font-weight: 600;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li p {
padding: 0;
margin: 0;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li img {
margin: 0.6rem 0 0;
}
.grey-bg-sec.contact-gray-section .right-box-wrap .contact-form-wrap .form-group br {
display: none;
}
@media(max-width: 767px){
.introduction-block-section ul{
flex-direction: column;
}
.introduction-block-section ul li{width: 100%;}
.grey-bg-sec.contact-gray-section .left-box-wrap ul{padding: 0px;}
.left-box-wrap h4 {
font-size: 17px;
margin-bottom: 0;
margin-top: 15px;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul {
padding: 0;
margin: 0 0 4rem 0;
}
.grey-bg-sec.contact-gray-section .left-box-wrap ul li img {
margin: 0;
width: 30px;
}
}
.heading-2{
font-size: 35px!important;
text-align: center!important; }
.orange-line{
width: 178px;
background: #f8ad07;
height: 2px;
margin: 20px auto 50px auto;
}
#news-slider.owl-carousel .owl-wrapper {
display: flex !important;
align-items: center;
}
.right-feature-box-newpage ul li::after {
content: "";
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/ornge_tick.png) 0 50% no-repeat!important;
width: 24px;
height: 24px;
top:4px!important;
} .carousel-wrap .owl-controls{
text-align: center;
-webkit-tap-highlight-color: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-wrap .owl-controls .owl-pagination {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.carousel-wrap .owl-controls .owl-pagination .disabled {
opacity: .5;
cursor: default
}
.carousel-wrap .owl-controls .owl-pagination .owl-page.disabled+.owl-page {
margin-top: 10px
}
.carousel-wrap .owl-controls .owl-pagination.owl-page {
display: inline-block;
zoom: 1
}
.carousel-wrap .owl-controls .owl-pagination .owl-page span {
width: 20px;
height: 20px;
margin: 5px 7px;
background: #d6d6d600;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .1s ease;
border-radius: 50%;
box-shadow: 0 0 0 1px #ababab;
transition: all 0.1s ease-in-out;
}
.carousel-wrap .owl-controls .owl-pagination .owl-page.active span,
.carousel-wrap .owl-controls .owl-pagination .owl-page:hover span {
background: #86979100;
width: 24px;
height: 24px;
box-shadow: 0 0 0 3px #0097ff;
}
.carousel-wrap .owl-controls .owl-buttons div{
cursor: pointer;
position: absolute;
bottom: calc(50% - 25px);
width: 50px;
height: 50px; border-radius: 50%;
background: #fff;
box-shadow: none;
border: 2px solid #008ffd;
}
.carousel-wrap .owl-controls .owl-buttons div.owl-prev{
left:0;
background:#fff url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/left-arrow.svg) 50% 50% no-repeat;
background-size: 22px;
}
.carousel-wrap .owl-controls .owl-buttons div.owl-next{
right:0;
background:#fff url(https://dreamzcmms.kinsta.cloud/wp-content/themes/twentytwentyone/assets/images/right-arrow.svg) 50% 50% no-repeat;
background-size: 22px;
}
.benifit-box-wrap {
max-width: 75%;
margin: 0 auto 20px;
}
.benefit-left {
display: flex;
align-items: flex-start;
}
h2.benefit-number {
font-size: 35px;
position: relative;
font-weight: 700;
color: #008ffd;
padding: 0 0 25px;
margin: 0 40px 0 0;
}
h2.benefit-number::after {
content: "";
width: 40px;
height: 3px;
background: #8d98a0;
position: absolute;
bottom: 0px;
left: 0;
}
h3.benefit-title {
font-size: 40px;
color: #002e45;
font-weight: 700;
}
.benefit-right{
margin: 0;
}
.benefit-right p{
font-size:20px;
line-height:1.4;
color: #005482;
}
.section-sub-title{
font-size: 30px;
font-weight:400;
color: #005482;
text-align: center;
margin: 15px 0 25px;
} #carousel-benifits-3 .benifit-box-wrap img {
max-width: 100%!important;
}
#carousel-benifits-3 .benifit-box-wrap {
max-width: 100%!important;
margin: 0 10px!important;
}
#carousel-benifits-3 .benifit-box-wrap a{
display: block!important;
}
#carousel-benifits-3 .owl-buttons div{
bottom: calc(50% - -25px)!important;
}
.font-17 {
font-size: 17px
}   
.ftrtext{
flex-direction: column;
display: flex;
}
.text-right{
text-align: right;
}  
.integration-box ul.integration-logo-list-box img{
height: 45px;
}
.integration-box ul.integration-logo-list-box{
display: flex;
justify-content: space-between;
}
.integration-box{
margin-top:50px ;
}
.success-story-heading{
text-align: center;
}
.success-story .customer-box-contain h4{
font-size: 20px;
line-height: 28px;
}
.success-story .customer-box-contain .btn-learn-more{
font-size: 14px;
line-height: 26px; }
.success-story .customer-box p.para{
font-size: 17px;
}
.story-title{
font-size: 17px ;
}
.introduction-block-container ul li{
min-height: 14rem !important;
height: auto !important;
}
h4.success-story-title{
font-size: 17px !important;
line-height: 22px !important;
}
.story-category{
font-size: 20px !important;
margin-bottom: 20px;
display: block;
}
.introduction-block-container li h3{
font-size: 20px !important;
}
.introduction-block-container li p{
font-size: 17px !important;
line-height: 24px;
}
.lgx_logo_slider .lgx_app_item_row{
width: 100%!important;
height: 100%!important;
padding-bottom: 50px!important;
}
.full-banner-image{
text-align: center;
margin: 80px 0 80px 0;
}
.heading-auto{
font-size: 30px!important;
margin-bottom: 10px !important;
}
.yel-txt{ 
color: #f8ad07!important;
}
@media (min-width: 1371px) and (max-width: 1919px){
.posts-blog{
background-position: 0 0% !important;  
}
.stories-blog{
background-position: 0 0% !important;  
}
} .head-sec-pop {
background: url(//dreamzcmms.com/wp-content/themes/twentytwentyone/assets/images/automation-expo-bg.png);
padding: 40px;
background-position: center;
background-size: cover;
}
.top-sec-pop {
display: flex;
justify-content: space-between;
align-items: center;
}
.img-logo-pop img {
max-width: 100%;
}
.heading-pop h2 {
font-size: 25px;
line-height: 40px;
font-weight: 600;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.location-pop p {
color: #f8ad07!important;
text-align: center;
font-size: 30px;
margin-bottom: 0;
padding-top: 15px;
font-weight: 600;
}
.booth-sec-pop {
background: #fff;
width: 50%;
text-align: center;
margin: auto;
position: relative;
top: 40px;
padding: 5px;
z-index: 1;
}
.booth-sec-pop p {
font-size: 24px;
font-weight: 600;
margin-bottom: 0;
}
.form-pop{
margin: auto;
}
#automationModal .modal-lg{
max-width:900px!important;
}
.close-pop{
text-align: right;
float: right;
color: red;
background: transparent;
border: none;
font-size: 40px;
padding: 0;
}
#automationModal .modal-header{
display: block;
}
hr.line{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.contact-form-wrap .form-floating .automation-form-input{
font-size: 18px!important;
}