﻿body {
font-family: 'Inter';
}

.inner-header-bg {
background-color: #fff !important;
background-image: unset;
box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.12);
}

li.commune-color-style a {
color: #f5b946 !important;
}

section {
padding-top: unset;
overflow: hidden;
padding-bottom: unset;
}

.commune-section {
margin-top: 120px;
background-color: #f5b946;
padding-top: 90px;
padding-bottom: 109px;
}

.select-city-style {
border: 1px solid #005056;
color: #005056;
}

.form-control:focus {
border-color: #005056;
outline: 0;
box-shadow: none;
}

.commune-section h2, .solution-style {
font-size: 54px;
font-weight: 800;
text-align: left;
color: #000;
font-family: 'Inter';
margin-bottom: 0;
}

.commune-section h3 {
font-size: 54px;
font-weight: normal;
text-align: left;
color: #000;
font-family: 'Inter';
line-height: 70px;
margin-bottom: 35px;
}

.communebg-img {
margin-top: -366px;
}

.who-we-are-section, .What-Commune-section {
margin-top: 60px;
margin-bottom: 60px;
}

a.expert-style {
font-size: 16px;
font-weight: normal;
text-align: center;
color: #000;
padding: 12px 30px;
border-radius: 38px;
border: solid 2px #000;
}

.who-we-are-section h2, .What-Commune-section h2 {
font-family: 'Inter';
font-size: 40px;
font-weight: 800;
text-align: center;
color: #000;
margin-bottom: 30px;
}

.who-we-are-section p, .What-Commune-section p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: center;
color: #000 !important;
}

.margin-top-image-style {
margin-top: 60px;
}

.owner-section-box {
border-radius: 20px;
background-color: #f8f8f8;
padding: 25px 50px 50px 50px;
text-align: center;
width: 100%;
}

.owner-section-box h3 {
font-size: 24px;
font-weight: 900;
text-align: center;
color: #000;
font-family: 'Inter';
padding-top: 35px;
}

.image-top-section {
margin-top: 120px;
}

.owner-img-topstyle {
margin-top: -92px;
}

.owener-top-style {
width:100%;
}

.box-color {
border-radius: 20px;
background-color: #fff;
margin-top: 30px;
padding: 25px;
}

.line-height-style {
min-height: 73px;
}

.botton-icon {
text-align: center;
padding-top: 20px;
}

ooking-management-section {
background-color: #fff6ec;
padding: 110px 30px;
margin-bottom: 50px;
}

.booking-management-section h3 {
font-family: 'Inter';
font-size: 24px;
font-weight: bold;
text-align: left;
color: #000;
margin-bottom: 25px;
}

.booking-management-section p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: left;
color: #000 !important;
}

.increase-top-style {
margin-top: 40px;
}

.for-owners-section {
margin-top: 75px;
margin-bottom: 60px;
}

.for-owners-section h2 {
font-family: 'Inter';
font-size: 40px;
font-weight: 800;
text-align: left;
color: #000;
margin-bottom: 30px;
}

.for-owners-section p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: left;
color: #000 !important;
padding-top: 10px;
}

.manage-your-property h3 {
font-family: 'Inter';
font-size: 24px;
font-weight: bold;
text-align: left;
color: #000;
padding-top: 30px;
}

.circle-size {
font-size: 10px !important;
vertical-align: middle;
margin-right: 5px;
}

.second-box-style {
margin-top: 50px;
margin-bottom: 50px;
}

#header.header-scrolled, #header.header-inner-pages {
background-image: unset;
background: #fff;
box-shadow: 0 1px 13px 0 rgb(0 0 0 / 12%);
border-bottom: unset;
}

.subscriptions-section {
background-color: #fff6ec;
padding: 30px;
}

.subscriptions-section h3 {
font-family: Inter;
font-size: 40px;
font-weight: 800;
text-align: center;
color: #000 !important;
padding-top: 50px;
padding-bottom: 40px;
}

.Product-style {
font-family: 'Inter';
font-size: 16px;
text-align: center;
color: #000 !important;
padding-bottom: 45px;
}

.product-list-box1 {
border-radius: 20px;
box-shadow: 0 4px 20px 0 rgba(164, 211, 255, 0.35);
background-color: #f5b946;
width: 100%;
}

.pro-padding {
padding: 30px 20px;
}

.product-list-box h4, .product-list-box1 h4 {
font-family: Inter;
font-size: 24px;
font-weight: bold;
text-align: left;
color: #000;
}

.product-list-box p, .product-list-box1, p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
letter-spacing: normal;
text-align: left;
color: #000 !important;
/*line-height:35px;*/
}

.pro-padding h4 {
font-family: Inter;
font-size: 24px;
font-weight: bold;
text-align: left;
color: #000;
}

.product-img-style img {
width: 100%;
margin-top: -65px;
}

.product-img-style p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
letter-spacing: normal;
text-align: left;
color: #000 !important;
line-height: 35px;
}

.product-arrow-img {
margin-top: 10px;
}

.product-list-box {
border-radius: 20px;
box-shadow: 0 4px 20px 0 rgba(164, 211, 255, 0.35);
background-color: #fff;
width: 100%;
padding: 30px 20px;
}

.check-size {
background-color: #f5b946;
border-radius: 50px;
width: 25px;
height: 25px;
color: #fff;
text-align: center;
padding: 4px;
margin-right: 5px;
}

a.choose-btn-style {
font-family: Inter;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000;
padding: 14px;
border-radius: 10px;
background-color: #f5b946;
border: 1px solid #f5b946;
}

.line-height-style-pro {
min-height: 210px;
}

.brand-style {
font-family: 'Inter';
font-size: 20px;
font-weight: normal;
text-align: left;
color: #f5b946;
}

.management-text {
padding-left: 35px;
}

.line-height-style-pro1 {
min-height: 90px;
}

.additional-text {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: center;
color: #000 !important;
padding-top: 10px;
}

.commune-plus-section {
background-color: #ffa340;
padding: 75px 50px;
}

.commune-plus-section h1 {
font-family: 'Inter';
font-size: 40px;
font-weight: normal;
text-align: center;
color: #fff;
margin-bottom: 65px;
}

.plus-text-style {
font-weight: 800;
}

.bran-style-box {
text-align: center;
}

.bran-style-box h3 {
font-family: 'Inter';
font-size: 24px;
font-weight: bold;
text-align: center;
color: #000;
margin-top: 25px;
margin-bottom: 20px;
min-height: 58px;
}

.bran-style-box h6 {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: center;
color: #263238 !important;
}

.why-us-section {
padding-top: 85px;
margin-bottom: 40px;
}

.why-us-section h3 {
font-family: 'Inter';
font-size: 48px;
font-weight: 800;
text-align: center;
color: #000 !important;
}

.why-us-section p {
font-family: 'Inter';
font-size: 16px;
text-align: center;
color: #000 !important;
padding-bottom: 50px;
}

.support-section {
text-align: center;
}

.support-section h4 {
font-family: 'Inter';
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000 !important;
padding-top: 20px;
padding-bottom: 6px;
}

.support-section p {
font-family: 'Inter';
font-size: 16px;
text-align: center;
color: #000 !important;
line-height: 25px;
}

.how-works-section {
margin-top: 50px;
margin-bottom: 50px;
}

.how-works-section {
background-color: #f9f9f9;
padding: 70px 30px;
}

.how-works-section h4 {
font-family: 'Inter';
font-size: 48px;
font-weight: 800;
text-align: center;
color: #000;
}

.how-works-section p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
font-stretch: normal;
text-align: center;
color: #000 !important;
padding-bottom: 50px;
}

.register-box-style {
text-align: center;
}

.register-box-style h3 {
font-family: 'Inter';
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000 !important;
padding-top: 20px;
padding-bottom: 6px;
}

.register-box-style p {
font-size: 16px;
font-family: 'Inter';
font-weight: normal;
text-align: center;
color: #000 !important;
line-height: 25px;
}

.register-box-style img {
height: 210px;
}

.register-arrow-style {
position: absolute;
top: 0;
bottom: 0px;
right: 0;
margin: auto;
display: table;
}

.sign-up {
font-family: 'Inter';
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000 !important;
border-radius: 10px;
background-color: #f5b946;
border: 1px solid #f5b946;
padding: 15px 55px;
}

.arrow-right-style {
font-size: 20px !important;
font-weight: 700 !important;
vertical-align: middle;
padding-left: 3px;
}

.contact-fprm-section {
margin-top: 80px;
margin-bottom: 40px;
}

.contact-fprm-section h2 {
font-family: 'Inter';
font-size: 48px;
font-weight: 800;
letter-spacing: normal;
text-align: left;
color: #000 !important;
}

.star-icon-style {
color: #ff7878;
font-size: 10px !important;
margin-left: 0px;
}

.get-in-touch-btn {
font-family: 'Inter';
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000;
background-color: #f5b946;
border: 1px solid #f5b946;
padding: 15px 55px;
margin-top: 20px;
margin-bottom: 30px;
}
.list-1{
line-height: 35px;
}

.Yube-bedge-style{
background-color: #f5b946 !important;
position: absolute;
right: 0px;
top: 4px;
color: #fff;
border-radius: 30px;
padding: 4px 6px;
width: 35px;
height: 20px;
text-align: center;
font-size: 10px;
}

#header .logo {
background-image: url(../../images/commune-logo.png) !important;
background-repeat: no-repeat;
padding: 40px;
}
.logo img{
display:none;
}

.icon-active{ 
border: 2px solid #e0dfdb;
padding: 7px 8px 10px 9px;
vertical-align: middle;
border-radius:5px;
}
.botton-icon img{
width: 20px;
vertical-align: middle;
}
.antroid-icon-right {
margin-right: 10px;
}
.for-owner-style{
    height: 365px;
    object-fit: contain;
}
@media only screen and (max-width: 600px) {
#header .logo {
background-image: url(../../images/commune-logo.png) !important;
background-repeat: no-repeat;
padding: 22px;
    background-size: 85%;
}
.register-arrow-style img{
    display:none;
}
.commune-section{
margin-top: 30px;
}
.commune-section h2, .solution-style{
font-size: 20px;
text-align: center;
}
.commune-section h3{
font-size: 16px;
font-weight: normal;
text-align: center;
color: #000;
font-family: 'Inter';
margin-bottom: 32px;
margin-top: 10px;
line-height:unset;
}
.commune-section{
padding-top: 90px;
padding-bottom: 70px;
text-align: center;
}
.communebg-img {
margin-top: 0;
}
.who-we-are-section h2, .What-Commune-section h2 {
font-family: 'Inter';
font-size: 20px;
font-weight: 800;
text-align: left;
color: #000;
margin-bottom: 10px;
}
.who-we-are-section p, .What-Commune-section p {
font-family: 'Inter';
font-size: 16px;
font-weight: normal;
text-align: left;
color: #000 !important;
}
.margin-top-image-style {
margin-top: 30px;
}
.who-we-are-section, .What-Commune-section {
margin-top: 30px;
margin-bottom: 35px;
}
.owner-section-box h3 {
font-size: 20px;
font-weight: 900;
text-align: left;
color: #000;
font-family: 'Inter';
padding-top: 35px;
}
.mobile-bottom-style{
margin-top: 75px;
}
.booking-management-section {
background-color: #fff;
padding: 5px 0px;
margin-bottom: 20px;
}
.booking-management-section h3{
font-size: 20px;
}
.booking-management-section h3{
margin-bottom: 5px;
}
.for-owners-section h2 {
font-family: 'Inter';
font-size: 20px;
font-weight: 800;
text-align: left;
color: #000;
margin-bottom: 30px;
}
     
.owner-section-box{
padding: 25px 20px 50px 20px;
}
.subscriptions-section h3 {
font-family: Inter;
font-size: 20px;
font-weight: 800;
text-align: left;
color: #000 !important;
padding-top: 10px;
padding-bottom:30px;
}
.Product-style {
font-family: 'Inter';
font-size: 16px;
text-align: left;
color: #000 !important;
padding-bottom: 20px;
}
.subscriptions-section {
background-color: #fff6ec;
padding: 10px;
}
.line-height-style-pro {
min-height: 30px;
}
.commune-plus-section {
background-color: #ffa340;
padding: 30px 14px;
}
.commune-plus-section h1{
font-size: 20px;
text-align: center;
}
.commune-plus-section h1{
margin-bottom: 25px;
}
      
.bran-style-box h3{
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000;
margin-top: 25px;
margin-bottom: 20px;
min-height: 13px;
}
.why-us-section{
padding-top: 40px;
margin-bottom: 40px;
}
.why-us-section h3{
font-size: 25px;
}
.how-works-section {
background-color: #f9f9f9;
padding: 30px 30px;
}
.how-works-section h4 {
font-family: 'Inter';
font-size: 25px;
font-weight: 800;
text-align: center;
color: #000;
}
.contact-fprm-section h2{
font-size: 20px;
}
.manage-your-property h3{
font-size:20px;
}
/*.subscriptions-section .product-list-box p, .product-list-box1, p {
line-height: 32px;
}*/
.why-us-section p{
padding-bottom: 0px;
}
}
