#page-wrapper{ 
    --color-text:#262628;
    margin-top: 0px;
    color:var(--color-text);
}

section h2{ font-weight: 700; font-size:40px; line-height:62px; letter-spacing: 2px; }
section h3{ color: #BBAC84; font-weight: 500; font-size:20px; line-height:31px; letter-spacing: 2px; }

.section-service-header{  background: url("../images/tenancy-management/banner.jpg") center center no-repeat; background-size: cover; display: flex; align-items: center; }
.section-service-header .content-wrapper{ display: flex; align-items: center; flex-wrap: wrap; }
.section-service-header .content{ flex: 1; }
.section-service-header .character{ flex: 0 0 460px; width: 460px; height: 680px; background: url("../images/tenancy-management/banner-character.png") center top no-repeat; background-size: cover; margin-top:50px; }
.section-service-header .content .company{ font-weight: 700; font-size:36px; color:#817453; }
.section-service-header .content h1{ font-weight: 700; font-size:96px; line-height:106px;  }
.section-service-header .content .slogan{ font-weight: 300; font-size:36px; line-height:62px; letter-spacing: 18px; }

.section-service-pupurse{ background-color: #F5F5F5; }
.section-service-pupurse .content-wrapper{ display: flex; align-items: center; flex-wrap: wrap; }
.section-service-pupurse .content-wrapper .img-person{ flex: 0 0 50%; width: 50%; min-height:440px; }
.section-service-pupurse .content-wrapper .content{ flex: 0 0 50%; width: 50%; padding:40px; }
.section-service-pupurse .content-wrapper .content p{ font-weight: 400; font-size:16px; line-height:31px; margin-top:24px; }

.section-rental-team{ padding:50px 0px; background-color: #F2F0E7; }
.section-rental-team .rental-team h2 , .section-rental-team .rental-team h3{ text-align: center; }
.section-rental-team .content{ padding:40px 0px; }
.section-rental-team .content .team-business-list{ display: flex; justify-content: center; align-items: center; }
.section-rental-team .content .team-business-list .item{ display: flex; flex: 0 0 33%; width: 33%; align-items: center; justify-content: center; }
.section-rental-team .content .team-business-list .item .number{ --circle-size:200px; display:flex; font-size:128px; font-family:'Roboto'; font-weight: 700; color:#BBAC84; align-items: center; justify-content: center; width: var(--circle-size); height: var(--circle-size); border-radius:100%; background-color: #FFF; font-style: italic;}
.section-rental-team .content .team-business-list .item .desc{ font-size:40px; font-weight: 500; line-height: 47px; margin-left:-30px; color: #000; }
.section-rental-team .content .team-business-list .item .desc span{ display: block; }


.section-our-services{ padding:60px 0px; }
.section-our-services .service-heading{ display: flex; align-items: flex-end; margin-bottom:30px; }
.section-our-services .service-heading .title{ padding:0px 8%; }
.section-our-services .service-heading .desc{ font-size:16px; line-height: 27px; }

/*
.section-our-services .accordion-wrapper .accordion { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; width: 100%;  height: 616px; }
.section-our-services .accordion-wrapper .accordion .tabs { flex: 1; display: flex; overflow: hidden; position: relative; transition: all .5s; }
.section-our-services .accordion-wrapper .accordion .tabs + .tabs { border-left: 3px solid #FFF; }
.section-our-services .accordion-wrapper .accordion .tabs:hover {  cursor: pointer; }
.section-our-services .accordion-wrapper .accordion .tabs .tab-header { display: flex; flex-direction: column;  justify-content: flex-end; color: black;  width: 100%;  visibility: visible;  opacity: 1; padding: 1rem; background-size: cover; }
.section-our-services .accordion-wrapper .accordion .tabs .tab-header h4{ font-weight: 500; font-size: 36px; line-height: 46px; letter-spacing: 2px; color:#FFF; min-height: 92px; }
.section-our-services .accordion-wrapper .accordion .tabs .tab-header .desc{ font-weight: 500; font-size:20px; line-height: 28px; letter-spacing: 2px; color:#BBAC84; min-height: 56px; }
.section-our-services .accordion-wrapper .accordion .tabs .tab-header .btn-more{ margin-top:2rem; }
.section-our-services .accordion-wrapper .accordion .tabs .tab-header::before{ content: ''; width: 100%; height: 100%; position: absolute; background:linear-gradient(to bottom, rgba(0, 0, 0, 0) ,rgba(0, 0, 0, 0.1) 15% , rgba(0, 0, 0, 1)); top: 0px; left: 0px; z-index: 0;}
.section-our-services .accordion-wrapper .accordion .tabs .tab-header > * { z-index:1; position: relative; }
.section-our-services .accordion-wrapper .accordion .tabs > div{ background-repeat: no-repeat; background-position: 50% 50%; }
.section-our-services .accordion-wrapper .accordion .tabs.tab-mainteinance > div{ background-image: url("../images/tenancy-management/service-bg-maintainence.jpg"); }
.section-our-services .accordion-wrapper .accordion .tabs.tab-rental > div{ background-image: url("../images/tenancy-management/service-bg-rental.jpg"); }
.section-our-services .accordion-wrapper .accordion .tabs.tab-valueadded > div{ background-image: url("../images/tenancy-management/service-bg-valueadded.jpg"); }
.section-our-services .accordion-wrapper .accordion .tabs.tab-secretary > div{ background-image: url("../images/tenancy-management/service-bg-secretary.jpg"); }
.section-our-services .accordion-wrapper .accordion .tabs.tab-move > div{ background-image: url("../images/tenancy-management/service-bg-move.jpg"); }
*/


.section-our-services .accordion-wrapper .accordion { --transition-time: 0.5s; --bg-color: #0f0f0f; --text-color: #e6e6e6; --accent-color: #2a2a2a; --hover-color: #363636; --highlight-color: #525252; display: flex; width: 100%; height: 616px; }
.section-our-services .accordion-wrapper .accordion .accordion-section {  position: relative;  flex: 1; overflow: hidden; transition: flex var(--transition-time) cubic-bezier(0.25, 1, 0.5, 1); background-color: var(--accent-color); border-radius: 0px; margin: 0 4px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); display: flex; align-items: flex-start; cursor: pointer; }
.section-our-services .accordion-wrapper .accordion .accordion-section:first-child { margin-left: 0; }
.section-our-services .accordion-wrapper .accordion .accordion-section:last-child { margin-right: 0; }
.section-our-services .accordion-wrapper .accordion .accordion-section.active { flex: 6; background-color: var(--hover-color); }
.section-our-services .accordion-wrapper .accordion .accordion-section.active .section-content { opacity: 1; transform: translateY(0); }
.section-our-services .accordion-wrapper .accordion .accordion-section.active .title-vertical { opacity: 0; }
.section-our-services .accordion-wrapper .accordion .accordion-section.active .service-img { opacity: 0.2; transform: scale(1.05); }
.section-our-services .accordion-wrapper .accordion .accordion-section.active .btn-more{ display: none; }
.section-our-services .accordion-wrapper .accordion .accordion-section .btn-more{ position: absolute; right: 1rem; bottom: 1rem; }
.section-our-services .accordion-wrapper .accordion .service-img { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; z-index:0; }
.section-our-services .accordion-wrapper .accordion .service-img img{ object-fit: cover;  transition: all var(--transition-time) ease; transform: scale(1.2); width: 100%; height: 100%; position: absolute;  top: 0; left: 0;}
.section-our-services .accordion-wrapper .accordion .service-img::before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) ,rgba(0, 0, 0, 1) 85% , rgba(0, 0, 0, 1)); z-index:1; }
.section-our-services .accordion-wrapper .accordion .title-vertical { position: absolute; top: 50%; left: 50%; font-size: 32px; font-weight: 500; letter-spacing: 1px; opacity: 1; transition: opacity var(--transition-time) ease; text-transform: uppercase; color: #FFF; text-align: center; display: flex; transform: translate(-50%, -50%); align-items: center; overflow-wrap: break-word; word-break: break-all; }
.section-our-services .accordion-wrapper .accordion .title-vertical span{ display: block; width: 40px; text-align: center; }
.section-our-services .accordion-wrapper .accordion .title-vertical span.subtitle{ display: block; color:#BBAC84; font-size:20px; margin-top:20px; width: 30px;  }
.section-our-services .accordion-wrapper .accordion .section-content { margin-top:1rem; padding: 1.5rem; width: 100%; z-index: 2; opacity: 0; transform: translateY(20px); transition: all var(--transition-time) ease; transition-delay: 0.1s; color:#FFF; }
.section-our-services .accordion-wrapper .accordion .section-content h4{ font-weight: 500; font-size: 42px; line-height: 60px; letter-spacing: 2px; }
.section-our-services .accordion-wrapper .accordion .section-content .subtitle{ color: #BBAC84; font-size: 24px; line-height: 30px; font-weight: 400; }
.section-our-services .accordion-wrapper .accordion .section-content .desc{ font-size: 14px; line-height: 20px; margin-top: 15px; }
.section-our-services .accordion-wrapper .accordion .section-content ul{ list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:1.5rem; margin-left: 0px; padding-left: 0px; }
.section-our-services .accordion-wrapper .accordion .section-content ul li{ flex: 0 0 45%; width: 45%; position: relative; margin-bottom:1rem; }
.section-our-services .accordion-wrapper .accordion .section-content ul li h5{ font-weight: 700; font-size:20px; line-height: 24px; }
.section-our-services .accordion-wrapper .accordion .section-content ul li p{ font-size: 14px; line-height: 24px; display: flex; }
.section-our-services .accordion-wrapper .accordion .section-content ul li p::before{ content: '•'; display: block;  }


.section-contact-us .contact-banner{ background-image: url('../images/tenancy-management/banner-contactus.jpg');
  background-color: rgba(0, 0, 0, 0.5);  background-blend-mode: multiply;   background-size: cover;  background-position: center;
}
.section-contact-us .contact-banner .content-wrapper{ display: flex; height: 100%; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding:0px 50px; color: #FFF; height: 320px; }
.section-contact-us .contact-banner .content-wrapper h3{ font-size:36px; margin-bottom:2rem; color:#FFF; }
.section-contact-us .contact-banner .content-wrapper p{ font-size: 18px; font-weight: 300; }
.section-contact-us .contact-content{ padding:2rem; background-color:#BBAC84; }
.section-contact-us .contact-wrapper{ display: flex; align-items: center; color: #262628; flex-wrap: wrap;}
.section-contact-us .contact-wrapper .contact-title{ flex: 0 0 20%; width: 20%; color: #262628; padding: 0px 30px; text-align: center; }
.section-contact-us .contact-wrapper .contact-title h2{ font-weight: 700; font-size: 40px; letter-spacing: 2px; line-height: 62px; }
.section-contact-us .contact-wrapper .contact-title h3{ font-size: 20px; font-weight: 500; color: #262628; }
.section-contact-us .contact-wrapper .whatsapp-qrcode{ flex: 0 0 180px; width: 180px; margin: 0px 50px; display: flex; flex-direction: column; align-items: center; }
.section-contact-us .contact-wrapper .whatsapp-qrcode h7{ margin-top:20px; font-size: 16px; }
.section-contact-us .contact-wrapper .others{ display: flex; flex-direction: column; flex: 1;}
.section-contact-us .contact-wrapper .others a.contact-item{ width: 100%; display: flex; border: 2px solid #847753; padding: 20px; margin: 1rem 0px; min-height: 120px; align-items: center; color:#262628;}
.section-contact-us .contact-wrapper .others a.contact-item .icon{ flex: 0 0 54px; width: 54px; margin-right: 1.5rem;  }
.section-contact-us .contact-wrapper .others a.contact-item .contact-value{ flex: 1; }
.section-contact-us .contact-wrapper .others a.contact-item .whatsapp-number{ font-size: 40px; font-weight: 700; font-family: 'Roboto'; letter-spacing: 2px; }
.section-contact-us .contact-wrapper .others a.contact-item .enquiry-time{ font-size: 14px; margin-top: 0rem; display: block; }
.section-contact-us .contact-wrapper .others a.contact-item.email .contact-value{ font-size:32px; font-weight: 700; }

.section-cooperation-partners{ padding: 3rem 0px; }
.section-cooperation-partners .section-title{ text-align: center; }
.section-cooperation-partners .section-content{ margin-top:2rem; }
.section-cooperation-partners .partner-types{ display: grid; flex-wrap: wrap; align-items: stretch; gap:1rem;  grid-template-columns: repeat(6, 1fr); }
.section-cooperation-partners .partner-types .partner-type{ display: flex; flex-direction: column; border:2px solid #D4D4D4; border-radius:3px; padding: 1rem; align-items: center; cursor:pointer; transition: all 0.3s ease; }
.section-cooperation-partners .partner-types .partner-type.active{ border-color: #847753; }
.section-cooperation-partners .partner-types .partner-type .type-icon{ --icon-size:80px; width: var(--icon-size); height: var(--icon-size); display: flex; align-items: center; justify-content: center; }
.section-cooperation-partners .partner-types .partner-type .type-title{ margin-top:1.5rem; font-size: 16px; color: #000; font-weight: 500; }

.section-cooperation-partners .partners{ margin-top:3rem; }
.section-cooperation-partners .partners .partner-item{ display: flex; padding: 2rem; box-shadow: 0px 0px 20px 0px #00000026; margin: 1.5rem 0px; width: 100%; align-items: center; }
.section-cooperation-partners .partners .partner-item .partner-name{ font-size: 36px; font-weight: 500; text-align: center; padding: 0px 2rem; flex: 0 0 360px; width: 360px; height: 102px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #404042; line-height: 51px; }
.section-cooperation-partners .partners .partner-item .partner-desc{ font-size: 24px; padding: 0px 3rem; flex:1; }




@media (max-width: 1399.98px) {
    .section-service-header{ align-items: flex-start; min-height:320px;}
    .section-service-header .content{ margin-left: 0px; margin-top:1rem; }
    .section-service-header .content .company{ font-size:24px; }
    .section-service-header .content h1{ font-size:36px; line-height: 48px; }
    .section-service-header .content .slogan{ font-size:18px; line-height:32px; letter-spacing: 0px; }

    


    .section-our-services{ padding: 30px 0px; }
    .section-our-services .service-heading{ flex-direction: column; align-items: center; }
    .section-our-services .service-heading .desc{ margin-top: 1.5rem; }


    .section-contact-us .contact-wrapper > *{ flex: 0 0 100% !important; width: 100% !important; margin:1rem 0px !important;}
    .section-contact-us .contact-content{ padding:0rem; }
    .section-contact-us .contact-wrapper .others a.contact-item{ padding:10px; min-height: 88px; }
    .section-contact-us .contact-wrapper .others a.contact-item .icon{ flex: 0 0 42px; width: 42px; margin-right: 0.8rem; }
    .section-contact-us .contact-wrapper .others a.contact-item .whatsapp-number{ font-size: 28px; }
    .section-contact-us .contact-wrapper .others a.contact-item.email .contact-value{ font-size:20px; }
    .section-contact-us .contact-wrapper .others a.contact-item .btn-go{ flex: 0 0 38px; width: 38px; }
    


    .section-cooperation-partners .partner-types{ overflow-y: auto; display: flex; flex-wrap: nowrap; }
    .section-cooperation-partners .partner-types .partner-type{ border:0px; padding:8px 0px; border-radius:0px;  border-bottom:3px solid transparent; flex:0 0 auto;}
    .section-cooperation-partners .partner-types .partner-type .type-title{ margin-top:0px; }
    .section-cooperation-partners .partner-types .partner-type .type-icon{ display: none }
    .section-cooperation-partners .partners .partner-item{ padding:1rem; flex-wrap: wrap; margin: 1rem 0px; }
    .section-cooperation-partners .partners .partner-item .partner-name{ font-size: 24px; font-weight: 500; text-align: center; display: block; border:0px; flex: 0 0 100%; width: 100%; height: auto; }
    .section-cooperation-partners .partners .partner-item .partner-desc{ font-size: 16px; padding: 0px; flex: 0 0 100%; width: 100%; margin-top:0.6rem; text-align: center; }
}

@media (max-width: 991.98px) { 
    
    .section-service-header .content-wrapper .character{ flex: 0 0 40%; width: 40%; height:340px; background-position: right bottom;  background-size: contain; }
    .section-service-header .content-wrapper .content{ flex: 0 0 60%; width: 60%; padding:20px; }
}

@media (max-width: 575.98px) {
    section h2{ font-size:32px; line-height: 48px; }
    section h3{ font-size:16px; line-height:24px; }

    .section-service-header .content-wrapper{ justify-content: flex-end; }
    .section-service-header .content-wrapper .character{ flex: 0 0 50%; width: 50%; margin-top: -100px; height:240px; justify-self: flex-end; }
    .section-service-header .content-wrapper .content{ flex: 0 0 100%; width: 100%; padding:20px; }

    .section-service-pupurse .content-wrapper{ flex-direction: column-reverse; }
    .section-service-pupurse .content-wrapper .img-person{ flex: 0 0 100%; width: 100%; min-height:240px; margin-top: -50px; }
    .section-service-pupurse .content-wrapper .content{ flex: 0 0 100%; width: 100%; padding:20px; }

    .section-rental-team{ padding: 30px 0px; }
    .section-rental-team .content{ padding:10px 0px;}
    .section-rental-team .content .team-business-list{ flex-wrap: wrap; }
    .section-rental-team .content .team-business-list .item{ flex: 0 0 100%; width: 100%; justify-content: flex-start; margin: 1rem 0px; }
    .section-rental-team .content .team-business-list .item .number{ --circle-size:80px; font-size:48px; }
    .section-rental-team .content .team-business-list .item .desc{ margin-left: 15px; font-size:28px; flex: 1; }
    .section-rental-team .content .team-business-list .item .desc span{ display: inline;}

    .section-our-services > .container{ padding-left: 0px; padding-right: 0px; }
    .section-our-services .service-heading{ padding-left: 15px; padding-right: 15px; margin-bottom:15px; }
    .section-our-services .accordion-wrapper .accordion{ flex-direction: column; height: auto; }
    .section-our-services .accordion-wrapper .accordion .title-vertical{ flex-direction: column; font-size: 22px; transform: translate(0%, -50%); text-align: left; left: 1rem; align-items: flex-start; }
    .section-our-services .accordion-wrapper .accordion .title-vertical span{ width: auto; }
    .section-our-services .accordion-wrapper .accordion .title-vertical span.subtitle{ width: auto; font-size:16px; margin-top:10px; }
    .section-our-services .accordion-wrapper .accordion .accordion-section{  margin:1px 0px; flex: 0 0 110px; }
    .section-our-services .accordion-wrapper .accordion .accordion-section.active{ flex: 0 0 auto; }
    .section-our-services .accordion-wrapper .accordion .section-content h4{ font-size: 28px; line-height: 42px; }
    .section-our-services .accordion-wrapper .accordion .section-content .subtitle{ font-size:20px; line-height: 24px; }
    .section-our-services .accordion-wrapper .accordion .section-content ul li{ flex: 0 0 100%; width: 100%; }
    .section-our-services .accordion-wrapper .accordion .section-content ul li p{ margin-bottom:0px; }

    .section-our-services .accordion-wrapper .accordion .accordion-section .btn-more{ top: 50%; transform: translate(0%, -50%); width: 36px; height: 36px; }
    .section-our-services .accordion-wrapper .accordion .accordion-section .btn-more img{ width: 36px; }

    .section-contact-us .contact-banner .content-wrapper{ padding:30px 0px; height: auto; }
    .section-contact-us .contact-banner .content-wrapper h3{ font-size:26px; margin-bottom:2rem; color:#FFF; }
    .section-contact-us .contact-banner .content-wrapper p{ font-size: 16px; }
    .section-contact-us .contact-wrapper .contact-title h2{ font-size:32px; line-height:48px;}
    .section-contact-us .contact-wrapper .contact-title h3{ font-size: 15px; }
    .section-contact-us .contact-wrapper .whatsapp-qrcode img{ max-width: 240px; }
    .section-contact-us .contact-wrapper .others a.contact-item.email .contact-value{ font-size:15px; }
}