#cms-container{background:#ECEAE6}
.villas-info-outer-container{width:100%;margin:0 auto}
.villas-title{flex-direction:column;justify-content:center;align-items:center}
.villas-desc{position:relative;}
.villas-desc:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#B1B1B1}
.villas-info{align-items:center;margin:0 auto;}
.suite-photo figure {padding-bottom: 67.5%;}
#suites-wrapper {width: 100%;margin: 0 auto;}
.suites-container {width: 100%;margin: 0 auto;}
.suite-link {width: 100%;}

.item-info{text-align:center}
.villa-subtitle{color:var(--color-black);}
.villa-title{color:var(--color-black);}
.suites-container > li{transition: all .4s ease-in;}
/*.villa-info-list > li:not(:last-child):before{content:'/';position:absolute;top:0;bottom:0;right:0;margin:auto;color: var(--color-black-900)}*/

.pages-container{margin-top:70px;width:100%}
.pages{align-items:center;justify-content:center}
.pages > a{position:relative;text-align:center}
.pages > a:not(.paging_pn){margin-left:30px;padding-right:30px;}
.pages > a:not(.paging_pn):before{content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    background: #262626;
    margin: auto;
    border-radius: 50%;}
.pages > a.paging:last-of-type::before{
    content:none;
}
.pages > a:first-child{margin-left:0}
.pages > a:not(.paging_pn):hover,.pages > a.paging_sel{}
.pages > a.paging-left{margin-right:15px}
.pages > a.paging-right{margin-left:20px}
/*.paging_pn {background:#262626;padding: 20px;border-radius: 50%;width: 60px;height: auto;display: flex;justify-content: center;align-items: center;}*/

.pages{justify-content:center;align-items:center;}
.pages a{color:var(--color-black-900);font:var(--font-26-regular);}
.pages a.paging_sel{font-weight:var(--weight-bold)}

.suites-container > li:hover .suite-photo img {transform: scale(1.15);}
.suites-container > li .suite-photo img.imgCover {transition: all .7s ease;}
@media (min-width:1200px) {
    #cms-container{padding-bottom: 65px;}
    .bread-container{margin-top:30px}
    .villas-info-outer-container{max-width:1540px;padding:0 20px;margin-top:2.865vw}
    .villas-title{width:33%}
    .villas-desc{width:61%;margin-left:6%;padding-left:3%;position:relative;font:var(--font-20-regular);line-height:46px}
    #cms-h1{font:var(--font-60-medium)}
    .villas-subtitle{margin-top:10px;letter-spacing:14px;font:var(--font-24-medium)}

    #suites-wrapper{margin-top:5.208vw;padding:0 20px;max-width:1700px;}
    .suites-container{column-gap:4%;row-gap: 8.333vw;}
    .suites-container > li{width:48%}
    .item-info{padding:0 30px;}
    .villa-subtitle{font:var(--font-18-light);margin-top:40px}
    .villa-title{font:var(--font-34-medium);margin-top:10px}
    .villa-info-container{margin-top:10px}

    .pages{margin-top:3.125vw}

}
@media (max-width:1199px) {
    .pages{margin-top:70px;}
}
@media (min-width:765px) and (max-width:1199px) {
    #cms-container{padding-bottom: 60px;}
    .villas-title{width:44%}
    .villas-desc{width:50%;margin-left:6%;padding-left:3%;font:var(--font-18-regular);line-height:2.2}
    .villas-info{margin-top:35px;padding:0 40px}
    #cms-h1{font:500 clamp(2.5rem,1.3983rem + 2.3041vw,3.125rem) var(--fontFamily)}
    .villas-subtitle{margin-top:20px;font:var(--font-20-medium);letter-spacing:12px}
    #suites-wrapper{margin-top:40px;max-width:calc(100% - 10vw);padding:0 50px}
    .suites-container{flex-direction:column;row-gap:7vw}
    .suites-container > li{width:100%}
    .villa-subtitle{margin-top:20px;font:var(--font-18-light)}
    .villa-title{margin-top:15px;font:var(--font-34-bold)}
    .villa-info-list{margin-top:16px}
}
@media (max-width:764px) {
    .bread-photo-container figure {padding-bottom: 125%;}
    .villas-info{justify-content:center;margin-top:10px;padding:0 20px}
    .villas-title{row-gap:10px}
    .villas-subtitle{font:var(--font-20-medium);letter-spacing:12px}
    .villas-desc{margin-top:35px;padding-top:12px;font:var(--font-16-regular);line-height:36px}
    .villas-desc::before{width:100%;height:1px}
    #suites-wrapper{margin-top:30px;padding:0 10px}
    .suites-container{justify-content:center;align-items:center;row-gap:50px}
    .suites-container > li{width:100%;max-width: 400px;}
    .villa-subtitle{margin-top:20px;font:var(--font-18-light)}
    .villa-title{margin-top:12px;font:var(--font-34-medium)}
    .villa-info-container{margin-top:15px}
    .villa-info-list > li > figure{justify-content:center;align-items:center;height:100%}
    #cms-container{padding-bottom:45px}}