@font-face{
  font-family: SukhumvitSet-Bold;
  src: url(../fonts/SukhumvitSet-Bold.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
@font-face{
  font-family: SukhumvitSet-Light;
  src: url(../fonts/SukhumvitSet-Light.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
@font-face{
  font-family: SukhumvitSet-Medium;
  src: url(../fonts/SukhumvitSet-Medium.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
@font-face{
  font-family: SukhumvitSet-SemiBold;
  src: url(../fonts/SukhumvitSet-SemiBold.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
@font-face{
  font-family: SukhumvitSet-Text;
  src: url(../fonts/SukhumvitSet-Text.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
@font-face{
  font-family: SukhumvitSet-Thin;
  src: url(../fonts/SukhumvitSet-Thin.ttf);
  font-style: normal;
  font-variant:initial;
  font-display: swap;
}   
   
.g-recaptcha{
  font-family: SukhumvitSet-Medium;
  
}
/* transition: .33s all ease-out;  */

a:hover{
  text-decoration: none;
} 
header .dropdown:hover>.dropdown-menu {
  display: block;
  margin-top: 0px;
}
header .dropdown-toggle:after { 
  content: none
} 
header{  
  background: #FFFFFF;
/*  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);*/
} 
header nav{
  height: 100px;
  padding-left: 80px !important;
  padding-right: 80px !important;
 /* padding-top: 20px;*/
} 
header nav .navbar-brand img{
  height: 50px;  
}
header nav .navbar-nav .nav-link{
  font-family: SukhumvitSet-Text;
  height: 40px;  
  font-size: 22px;
  line-height: 35px;
  color: #FFFFFF;
}
header nav .navbar-nav .nav-item .nav-link{
  font-family: SukhumvitSet-Medium;
  height: 50px;   
  line-height: 35px;
  color: #222222;
  margin-left: 10px;
  margin-right: 10px; 
  transition: .33s all ease-out;
}
header nav .navbar-nav .nav-item.active .nav-link{ 
  color: #FFFFFF;
  background: #5681BF;
  border-radius: 100px;
}
header nav .navbar-nav .nav-item:hover .nav-link{ 
  color: #000000;
  background: #C5C5C5;
  border-radius: 100px;
}

header nav .navbar-nav .nav-item-1 .nav-link{
  font-family: SukhumvitSet-Medium;
  height: 50px;   
  line-height: 35px;
  color: #000000; 
  transition: .33s all ease-out;
}
header nav .navbar-nav .nav-item-1.active .nav-link{ 
  color: #000000;
  background: #5681BF;
  border-radius: 100px;
}
header nav .navbar-nav .nav-item-1:hover .nav-link{ 
  color: #000000;
  background: #CCCCCC;
  border-radius: 6px;
}

.reset_all{
  font-family: SukhumvitSet-Bold;   
  font-size: 14px;
  line-height: 22px;  
  color: #DD4A36;
  cursor:pointer; 
  background-color: #FFFFFF !important;
}
/*
.reset_all:hover , .reset_all:active , .reset_all:link{
  color: #DD4A36;
  background-color: #FFFFFF;
}*/

.category-sec .form-group label{
  font-family: SukhumvitSet-Text;   
  color: #000000;
  margin-left: 5px;
  font-size: 18px;
}

.btn-tha{
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 100px;
}
.btn-tha:hover{  
  color: #222222 !important;
  background: #DADADA !important; 
}
.sec-home1{
  background: url(../_uploads/bg1.webp);
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important; 
}
.sec-home1 > div{
  height: 551px;
  background: rgba(55, 71, 87, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
} 
.sec-home1 .home1 h1{
  font-family: SukhumvitSet-Medium;
  color: #fff;
  font-size: 48px;
  line-height: 60px;
  color: #FFFFFF;
  text-align: center;
}
.sec-home1 .home1 h3{
  font-family: SukhumvitSet-Medium;
  color: #fff;
  font-size: 24px;
  line-height: 38px;
  color: #FFFFFF;
  text-align: center;
}
.sec-home1 .home1 h4{
  font-family: SukhumvitSet-Medium;
  color: #fff;
  font-size: 24px;
  line-height: 38px;
  color: #FFFFFF;
  text-align: center;
}
.deal-type{
  display: block; 
  margin: 40px auto; 
  width: 258px;
  height: 45px;  
  background: rgba(55, 71, 87, 0.6);
  border-radius: 100px;
}
.deal-type{
  display: block; 
  margin: 40px auto; 
  width: 258px;
  height: 45px;  
  background: rgba(55, 71, 87, 0.6);
  border-radius: 100px;
}
.deal-type ul{
  list-style: none;
  display: flex;
  padding-left: 0px;
}
.deal-type ul li{
  width: 86px;
  height: 45px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;  
}
.deal-type ul li a{ 
  color: #FFFFFF;
  font-family: SukhumvitSet-Medium;  
  font-size: 22px;
  line-height: 50px;
  height: 45px;
}
.deal-type ul li.active{
  background: #FCB313;
  border-radius: 100px;
  color: #000000;
}
.deal-type ul li.active a{ 
  color: #0B0000;
}



.tab-policy{
  display: block; 
  margin: 40px auto; 
  width: 500px;
  height: 45px;  
  background: rgba(55, 71, 87, 0.6);
  border-radius: 100px;
} 
 .tab-policy ul{
  list-style: none;
  display: flex;
  padding-left: 0px;
}
 .tab-policy ul li{
  width: 250px;
  height: 45px;
  text-align: center;
  text-align: center;
  text-transform: uppercase;  
}
 .tab-policy ul li a{ 
  color: #FFFFFF;
  font-family: SukhumvitSet-Medium;  
  font-size: 22px;
  line-height: 50px;
  height: 45px;
}
 .tab-policy ul li.active{
  background: #FCB313; 
  border-radius: 100px;
  color: #000000;
}
 .tab-policy ul li.active a{ 
  color: #0B0000;
}

.sec-home1 input{
  height: 56px;  
  width: 640px; 
  background: #FFFFFF;
  border-radius: 100px;
  padding-left: 27px;
  padding-right: 100px;
  color: #979797;
  font-family: SukhumvitSet-Bold;  
  font-size: 18px;
  line-height: 56px;
}
.sec-home1 form{
  position: relative;
}
.sec-home1 form .btn{
  position: absolute;
  right: 0;
  top: 0;
  background: #1F4D8E;
  border-radius: 100px; 
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 35px;
  font-family: SukhumvitSet-Medium;  
  color: #fff;
  width: 138px;
  height: 56px;
}
.sec-home2{
  background: url(../_uploads/bg2.webp) ,  #374757 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 564px; 
  background-blend-mode: luminosity; 
} 
.sec-home2 > div{
  padding: 60px 70px 90px;
}
.img-flex{
  display: flex;
  justify-content: center;
  position: relative;
}
.img-cover1{
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 10px;
  width: 90%;
  height: 417px; 
  background-position: center ;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  border-radius: 20px !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end; 
}
.img-cover1:after{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}
.img-cover1 .des1{
  position: absolute;
  z-index: 2;
  margin-bottom: 45px;
}

.img-cover-1{ 
  width: 100%;
  height: 417px; 
  background-position: center ;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  border-radius: 20px !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end; 
}
.img-cover-1:after{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.img-cover2{
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 10px;
  width: 90%;
  height: 202px; 
  background-position: center ;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  border-radius: 20px !important;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; 
}
.img-cover2:after{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}
.img-cover2 .des2{
  position: absolute;
  z-index: 2;
  margin-bottom: 15px;
}  

.img-cover-2{ 
  width: 100%;
  height: 202px; 
  background-position: center ;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  border-radius: 20px !important;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end; 
}
.img-cover-2:after{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.img-cover1 .des1 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 18px;
  line-height: 29px;
  align-items: center;
  text-align: center; 
  color: #fff;
}
.img-cover1 .des1 h5{
  font-family: SukhumvitSet-Thin;  
  font-size: 18px;
  line-height: 29px;
  align-items: center;
  text-align: center; 
  color: #fff;
}


.img-cover2 .des2 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 18px;
  line-height: 29px;
  align-items: center; 
  color: #fff;
  padding-left: 20px;
}
.img-cover2 .des2 h5{
  font-family: SukhumvitSet-Thin;  
  font-size: 18px;
  line-height: 29px;
  align-items: center;
  text-align: center; 
  color: #fff;
  padding-left: 20px;
}

.btn-search{
  font-family: SukhumvitSet-Medium;   
  width: 100%;
  height: 40px; 
  background: #dd4939;
  border-radius: 20px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-right: 2px;
  margin-bottom: 20px;
  border:0px;
} 

.btn-search-settings {
  font-family: SukhumvitSet-Medium;   
  width: 100%;
  height: 40px; 
  background: #dd4939;
  border-radius: 10px;
  font-size: 16px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-top: 10px;
  margin-right: 2px;
  margin-bottom: 0px;
  border:0px;
} 

.arr-right{
  position: absolute; 
  right: 0;
  top: 40%;
  margin-right: 10%;
} 
.arr-right p{ 
  width: 89px;
  height: 89px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .33s all ease-out;
  border-radius: 100%;
}
.arr-right p img{ 
  width: 17px;
  height: 34px;
} 
.arr-right:hover p{  
  background: rgba(255, 255, 255, 0.85);
}


.sec-content-slides{  
  margin-top: -190px; 
  background-blend-mode: luminosity;
}
.sec-content-slides > div{
  padding: 50px 70px 90px;
}
.sec-content-slides h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #1F4D8E;
}
.sec-content-slides h2 span{ 
  color: #FFB800;
}
.sec-content-slides h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 38px; 
  align-items: center;
  text-align: center; 
  color: #222222;
  margin-bottom: 30px;
}




 
.content-slides-card{
  width:370px;
  padding: 0px;
  background: #FFFFFF;
  height: 250px; 
  margin:10px;
  /*box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);*/
  border-radius: 20px;
} 
 .content-slides-card .cover{ 
 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important; 
  border-radius: 20px; 
  height: 250px; 
}

 .content-slides-card .cover .coverimg{  
    background-position: center center !important;
    background-repeat: no-repeat !important;  
    width: 100%;
    height: 250px; 
    border-radius: 20px; 
    object-fit:cover;
  }

.sec-home3{
  background: url(../_uploads/bg3.webp) ,  #fff ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 790px; 
  background-blend-mode: luminosity;
}
.sec-home3 > div{
  padding: 50px 70px 90px;
}
.sec-home3 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #1F4D8E;
}
.sec-home3 h2 span{ 
  color: #FFB800;
}
.sec-home3 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 38px; 
  align-items: center;
  text-align: center; 
  color: #222222;
  margin-bottom: 30px;
}
.condo-card{
  width: 370px;
  margin-left: 00px;
  margin-right: 00px; 
  /*height: 480px;*/
  padding: 10px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.pastwork{
  width: 100%; 
  padding: 5px;
  margin-bottom: 10px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
} 
 .pastwork .pastwork-cover{ 
 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 100%;
  border-radius: 10px; 
}

 .pastwork .pastwork-cover .pastwork-cover-img{  
    background-position: center center !important;
    background-repeat: no-repeat !important; 
    width: 100%;
    height: 100%;
    border-radius: 10px; 
    object-fit:cover;
 }

.content-sec{
  background: #FFF; 
  justify-content: center;
  display: flex;
}
.content-sec > div{ 
  padding:0px 0px ;
}

.content-card{
  width: 100%; 
  padding: 15px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
} 
 .content-card .cover{ 
 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 100%;
  border-radius: 10px; 
}

 .content-card .cover .cover-img{  
    background-position: center center !important;
    background-repeat: no-repeat !important; 
    width: 100%;
    height: 100%;
    border-radius: 10px; 
    object-fit:cover;
  }

.condo-card .cover{ 
 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 230px;
  border-radius: 10px; 
  position: relative;
  display: flex;
}

.condo-card .cover:after{ 
  content: "";
  position: absolute;
  left: 0; 
  height: 100%;
  width: 100% !important; 
  border-radius: 0px 0px 10px 10px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.condo-card .coverimg{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;

  width: 100%;
  height: 230px;
  border-radius: 10px; 
  object-fit:cover;
}

.condo-card .coverimg_2{ 
  background-position: center center !important;
  background-repeat: no-repeat !important; 
  width: 100%;
  height: 100%;
  border-radius: 10px; 
  object-fit:cover;
}

.content-card .cover{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 230px;
  border-radius: 10px; 
}
.category-sec .condo-card .cover{
  height: 200px; 
}
.category-sec .condo-card{
  min-height: 440px; 
  
} 

.condo-card .detail .detail_1{ 
  border-bottom: 1px solid #E5E5E5;
  padding-top: 13px;
  padding-bottom: 5px; 
  font-size: 26px;
  line-height: 41px;  
  color: #DD4939;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 10px;
}
.condo-card .detail .detail_1 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #979797;
  padding-top: 10px;
  font-family: SukhumvitSet-Light;   
} 
/*
.condo-card .detail h4{ 
  border-bottom: 1px solid #E5E5E5;
  padding-top: 13px;
  padding-bottom: 5px; 
  font-size: 26px;
  line-height: 41px;  
  color: #DD4939;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 15px;
}
.condo-card .detail h4 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #979797;
  padding-top: 10px;
  font-family: SukhumvitSet-Light;   
} */

.condo-card .detail .detail_2{ 
  font-size: 20px;
  line-height: 32px; 
  color: #374757;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.condo-card .detail .detail_2 span{ 
  float: right;   
  font-size: 14px;
/*  line-height: 22px; */
  color: #1F4D8E; 
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px; 
  background-color: #FFFFFF;
  z-index: 10px;
} 

.condo-card .detail h2{   
  font-size: 20px;
  line-height: 22px; 
  color: #374757;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.condo-card .detail h2 span{ 
  float: right;   
  font-size: 14px;
  line-height: 32px;
  max-height: 32px;
  color: #1F4D8E; 
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;

} 


.condo-card .detail h2 .title_h2{ 
  background-color: #FFF;
 
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 32px; 
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
} 
/*
.condo-card .detail h5{   
  font-size: 20px;
  line-height: 32px; 
  color: #374757;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.condo-card .detail h5 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #1F4D8E; 
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
} */
.condo-card .detail .detail_3{  
  font-size: 14px;
  line-height: 22px; 
  max-height: 22px;
  color: #979797; 
  margin-bottom: 10px;
  font-family: SukhumvitSet-Text;     
}
/*
.condo-card .detail h6{  
  font-size: 14px;
  line-height: 22px;
  color: #979797; 
  font-family: SukhumvitSet-Bold;   
}*/
.condo-card .option{
  border-top: 1px solid #E5E5E5;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 75px;
} 


.condo-card table{
  width: 100%;
  text-align: center;
} 

.condo-card tr{
  width: 100%;
 
} 
.condo-card td{
  text-align: center;
  width: 25%;
} 

.condo-card tr td i{
  text-align: center;
  font-size:42px;
  font-weight: 100;
  display: unset !important;
}

.condo-card tr td img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.condo-card tr p{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 11px;
  line-height: 18px;
}
.condo-card tr p span{
  color: #5681BF;
} 

.condo-card tr div{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 16px;
  line-height: 18px;
}
.condo-card tr div span{
  color: #5681BF;
} 

.condo-card ul{
  padding-left: 0px;
  list-style: none;
  justify-content: center;
  display: grid;
  justify-self: unset;
  grid-template-columns: repeat(auto-fill,minmax(60px, 1fr));
} 
.condo-card ul li{
  text-align: center;
  width: 140px;
}
.condo-card ul li img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.condo-card ul p{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 10px;
  line-height: 16px;
}
.condo-card ul p span{
  color: #5681BF;
} 

.category-sec .content-card .cover{
  height: 200px; 
}
.category-sec .content-card{
  height: 450px; 
  margin-bottom: 15px;
}

.content-sec .content-card .cover{
  height: 200px; 
}
.content-sec .content-card{
  height: 450px; 
  margin-bottom: 15px;
}
.content-card .detail h4{ 
  border-bottom: 1px solid #E5E5E5;
  padding-top: 13px;
  padding-bottom: 5px; 
  font-size: 26px;
  line-height: 41px;  
  color: #DD4939;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 15px;
}
.content-card .detail h4 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #979797;
  padding-top: 10px;
  font-family: SukhumvitSet-Light;   
} 
.content-card .detail h5{   
  font-size: 20px;
  line-height: 32px; 
  color: #374757;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;

}
.content-card .detail h5 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #1F4D8E; 
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
}
.content-card .detail h6{  
  font-size: 14px;
  line-height: 22px;
  color: #979797; 
  font-family: SukhumvitSet-Bold;   
}
.content-card .option{
  border-top: 1px solid #E5E5E5;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
} 
.content-card ul{
  padding-left: 0px;
  list-style: none;
  justify-content: center;
  display: grid;
  justify-self: unset;
  grid-template-columns: repeat(auto-fill,minmax(60px, 1fr));
} 
.content-card ul li{
  text-align: center;
  width: 140px;
}
.content-card ul li img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.content-card ul h6{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 10px;
  line-height: 16px;
}
.content-card ul h6 span{
  color: #5681BF;
} 



.condo-card-detail{
  width: 330px;
  margin-left: 00px;
  margin-right: 00px; 
  height: 530px;
  padding: 10px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;

}
.condo-card-detail .cover{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 220px;
  border-radius: 10px;   
  position: relative;
  display: flex;
}


.condo-card-detail .cover:after{ 
  content: "";
  position: absolute;
  left: 0; 
  height: 100%;
  width: 100% !important; 
  border-radius: 0px 0px 10px 10px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}




.condo-card-detail  .cover .coverimg{ 
  background-position: center center !important;
  background-repeat: no-repeat !important; 
  width: 100%;
  height: 220px;
  border-radius: 10px; 
  object-fit:cover;
}

 
.condo-card-detail .detail h4{ 
  border-bottom: 1px solid #E5E5E5;
  padding-top: 13px;
  padding-bottom: 5px; 
  font-size: 26px;
  line-height: 41px;  
  color: #DD4939;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 15px;
}
.condo-card-detail .detail h4 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #979797;
  padding-top: 10px;
  font-family: SukhumvitSet-Light;   
} 
.condo-card-detail .detail h5{   
  font-size: 20px;
  line-height: 32px; 
  color: #374757;
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
  max-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.condo-card-detail .detail h5 span{ 
  float: right;   
  font-size: 14px;
  line-height: 22px;
  color: #1F4D8E; 
  font-family: SukhumvitSet-Bold;   
  margin-bottom: 0px;
}
.condo-card-detail .detail h6{  
  font-size: 14px;
  line-height: 22px;
  color: #979797; 
  font-family: SukhumvitSet-Bold;   
}
.condo-card-detail .option{
  border-top: 1px solid #E5E5E5;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
} 
.condo-card-detail ul{
  padding-left: 0px;
  list-style: none;
  justify-content: center;
  display: grid;
  justify-self: unset;
  grid-template-columns: repeat(auto-fill,minmax(60px, 1fr));
} 
.condo-card-detail ul li{
  text-align: center;
  width: 100px;
}
.condo-card-detail ul li img{
  height: 50px;
  width: 50px !important;
 
  display: unset !important;
}
.condo-card-detail ul h6{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 10px;
  line-height: 16px;
}
.condo-card-detail ul h6 span{
  color: #5681BF;
} 



.owlm .owl-nav.disabled {
  display: flex !important;
}

.owlm .owl-nav.disabled {
  display: flex !important;
} 

.owlm .owl-nav div{
  position: absolute !important;
  width: 89px !important;
  height: 89px !important; 
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  margin-top: 100px !important; 
  border-radius: 100% !important;
  color: rgba(0, 0, 0, 0) !important; 
}  
.owlm .owl-prev {
  left: 0;  
  margin-left: 0px !important; 
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important; 
  background-position:   center !important;
  background-repeat: no-repeat !important;
  background-size:  17px 34px !important;
} 
.owlm .owl-next {
  right: 0;  
  margin-right: 0px !important; 
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important; 
  background-position:   center !important;
  background-repeat: no-repeat !important;
  background-size:  17px 34px !important;
} 

.sec-home4{
  background: url(../_uploads/bg4.webp) ,  #374757 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 790px; 
  background-blend-mode: luminosity;
}
.sec-home4 > div{
  padding: 50px 70px 90px;
}
.sec-home4 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #fff;
}
.sec-home4 h2 span{ 
  color: #FFB800;
}
.sec-home4 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 38px; 
  align-items: center;
  text-align: center; 
  color: #fff;
  margin-bottom: 30px;
} 
.sec-home6{
  background: url(../_uploads/bg6.webp) ,  #2C5999 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  /*height: 818px; */
  background-blend-mode: luminosity;
}
.sec-home6 > div{
  padding: 35px 70px 50px;
}
.sec-home6 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #fff;
}
.sec-home6 h2 span{ 
  color: #FFB800;
}
.sec-home6 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 38px; 
  align-items: center;
  text-align: center; 
  color: #fff;
  margin-bottom: 30px;
}

 

.our-ser  {
  text-align: center;

} 

.our-ser .icon-ser{
  width: 86px;
  height: 86px;
/*  background: #FFFFFF;*/
/*  border: 4px solid #FFB800; */
  text-align: center;
  border-radius: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 
.our-ser .icon-ser img{ 
  width: 100%;

} 
.our-ser h4{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 38px; 
  color: #fff;
} 
.our-ser p{
  font-family: SukhumvitSet-Light;;  
  font-size: 14px;
  line-height: 22px; 
  color: #fff; 
}
.btn-yellow{
  margin-top: 30px;
  font-family: SukhumvitSet-Bold; 
  font-size: 22px;
  line-height: 45px;
  color: #fff;
  width: 315px;
  height: 57px;  
  background: #FF9900;
  border-radius: 100px; 
  transition: .33s all ease-out;
}
.btn-yellow:hover{  
  background: #fff; 
}

.btn-more{
  margin-top: 50px;
  font-family: SukhumvitSet-Bold; 
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  width: 117px;
  height: 34px;
  background: #FF9900;
  border-radius: 100px; 
  transition: .33s all ease-out;
}
.btn-more:hover{  
  color: #000;
}


.btn-policy{
  font-family: SukhumvitSet-Bold; 
  margin-left: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  width: 100px;
  height: 30px;
  background: #FF9900;
  border-radius: 100px; 
  transition: .33s all ease-out;
}
.btn-policy:hover{  
  color: #000;
}

 


.sec-home7{
  background: #fff ; 
  /*height: 530px; */
  background-blend-mode: luminosity;
}
.sec-home7 > div{
  padding: 30px 70px 50px;
}
.sec-home7 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px;
  color: #374757;
}
.sec-home7 h2 b{ 
  color: #DB1F35;
}
.sec-home7 h2 span{ 
  color: #FFB800;
}


.news-card{ 
  width: 100%;
  height: 400px;
  padding: 10px;
  margin: 5px 0px 5px 0px;
  border-radius: 10px; 
  box-shadow: 0px 5px 5px rgba(0, 4, 10, 0.1);
}
.item7 li a{
  display: flex;
  justify-content: center;
}

.news-card .cover{ 
 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 180px;
  border-radius: 10px; 
  position: relative;
  display: flex;
}


.news-card .cover:after{ 
  content: "";
  position: absolute;
  left: 0; 
  height: 100%;
  width: 100% !important; 
  border-radius: 0px 0px 10px 10px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #000000 100%);
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}

.news-card .img{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;
 /*background-size: 100% 100% !important;*/
  width: 100%;
  height: 180px;
  border-radius: 10px; 
  object-fit:cover;
}
.news-card h4{
  margin-top: 15px;
  font-family: SukhumvitSet-Bold;  
  font-size: 20px;
  line-height: 24px;
  color: #000; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-card p{
  font-family: SukhumvitSet-Light;
  font-size: 16px;
  line-height: 24px; 
  color: #000;
} 

.owlm2 .owl-nav div{
  position: absolute !important;
  width: 28px !important;
  height: 28px !important;
  background-color: #000000 !important; 
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  margin-top: -53px !important; 
  border-radius: 100% !important;
  color: rgba(0, 0, 0, 0) !important; 
}  
.owlm2 .owl-prev {
  right: 0;   
  background: url(../_uploads/left2.webp) !important; 
  background-position:   center !important;
  background-repeat: no-repeat !important;
  background-size: 6.5px 13px !important;
  margin-right: 45px !important;
} 
.owlm2 .owl-next {
  right: 0;   
  background: url(../_uploads/right2.webp) !important; 
  background-position:   center !important;
  background-repeat: no-repeat !important;
  background-size: 6.5px 13px !important;
}
.owlm2 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: flex !important;
}

.btn-yellow2{
  position: absolute !important;
  right: 0;
  top: 0;
  margin-right: 100px;
  margin-top: 30px;
  font-family: SukhumvitSet-Bold; 
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  width: 117px;
  height: 34px;
  background: #FF9900;
  border-radius: 100px; 
  transition: .33s all ease-out;
}
.btn-yellow2:hover{  
  color: #000;
}


.btn-yellow3{
  float:right;
  right: 0;
  top: 0;
  margin-right: 100px; 
  font-family: SukhumvitSet-Bold; 
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  width: 117px;
  height: 34px;
  background: #1F4D8E;
  border-radius: 100px; 
 
}
.btn-yellow3:hover{  
  color: #000;
}


.sec-home8{
  background: url(../_uploads/bg8.webp) ,  #374757 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 640px; 
  background-blend-mode: luminosity;
}
.sec-home8 > div{
  padding: 65px 70px;
}
.sec-home8 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px;  
  color: #fff;
}
.sec-home8 h2 span{ 
  color: #FFB800;
 /* text-transform: uppercase; */
}
.sec-home8 h6{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 24px;
  color: #fff; 
  margin-bottom: 30px;
}
.sec-home8 p{
  font-family: SukhumvitSet-Light;  
  font-size: 20px;
  line-height: 28px;
  color: #fff; 
  margin-bottom: 30px;
} 
  .sec-home8 .mb-1{
   /* margin-bottom: 10px !important;*/
    padding: 5px;
  } 

.sec-home8-p{

  padding: 10px;
}
.sec-contact{
  background: url(../_uploads/bg8.webp) ,  #374757 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
 
  background-blend-mode: luminosity;
  margin-bottom: 40px;
}
.sec-contact > div{
  padding: 10px;
}
.sec-contact h1{
  font-family: SukhumvitSet-Bold;    
  font-size: 48px;
  line-height: 70px; 
  text-align: center; 
  width: 100%;
  color: #FFB800;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sec-contact h2{
  font-family: SukhumvitSet-Text;
  margin-top: 30px;  
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #fff;  
}
.sec-contact h2 span{ 
  color: #FFB800;
  text-transform: uppercase;
}
.sec-contact h6{
  font-family: SukhumvitSet-Bold;  
  font-size: 24px;
  line-height: 24px;
  color: #fff; 
  margin-bottom: 30px;
}
.sec-contact p{
  font-family: SukhumvitSet-Light;  
  font-size: 20px;
  line-height: 28px;
  color: #fff; 
  margin-bottom: 30px;
}

.sec-contact p{
  font-family: SukhumvitSet-Light;  
  font-size: 20px;
  line-height: 28px;
  color: #fff; 
  margin-bottom: 30px;
} 

.sec-contact .contact_img{

  background-position: center center !important;
  background-repeat: no-repeat !important;  
  border-radius: 10px; 
  margin-bottom: 20px;
  height: 430px;
} 

.sec-contact .contact_img .contact_img_1{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  width: 100%;
  height: 100%;
  border-radius: 10px; 
  object-fit:cover;  
} 


.sec-contact .contact_text{
  border-radius: 10px; 
  padding: 5px;
  background-color: #000;
  margin-bottom: 20px;
  height: 430px;
} 
.sec-contact .contact_text .contact_logo{
  padding-top: 10px;
  padding-right: 30px;
  padding-left: 30px;
} 
.contact_tel{
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
  padding-left: 30px;

} 

.contact_tel img{
  width: 25px;
}

 

.contact_tel_2{
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
}

.contact_tel_2 img{
  width: 25px;

}


.inputWithIcon i {
  position: absolute;
  right: 0;
  top: 15px;
  padding: 9px 8px;
  margin-right: 15px;
  color: #aaa;
  transition: 0.3s;
}


.bg-icon-sort{ 
  background-image: url(https://connex.in.th/_uploads/icon/arrow-down-wide-short-solid.svg?v=111);  
  background-repeat: no-repeat, repeat;
  padding: 5px 0px 5px 25px;
  background-position-y: 10px; 
  background-size: 30px;
}

.contact_tel img{
  width: 25px;
}
footer{ 
  background: #222222;
  padding: 45px 70px 30px;
}
footer h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 18px;
  line-height: 29px;
  color: #E5E5E5; 
  margin-bottom: 12px;
}
footer ul{
  list-style: none;
  padding-left: 0;
} 
footer ul li a{
  font-family: SukhumvitSet-Light;  
  font-size: 14px;
  line-height: 22px; 
  color: #AFAFAF; 
  transition: .33s all ease-out;
  /* font-weight: bold;*/
}
footer ul li a:hover{ 
  color: #fff; 
}
footer .more{ 
  font-family: SukhumvitSet-Light;  
  font-size: 14px;
  line-height: 22px; 
  color: #FFB800; 
}
footer .bot-menu{
  margin-top: 30px;
  border-top: 1px solid #D8D8D8;
  padding-top: 20px; 
}
footer .bot-menu a{
  text-transform: capitalize;
  font-family: SukhumvitSet-Light;  
  font-size: 14px;
  line-height: 22px; 
  color: #fff;  
  margin-right: 15px;
  transition: .33s all ease-out;
}
footer .bot-menu a:hover{
  color: #FFB800; 
}

footer .bot-menu span{
  float: right;
  text-transform: capitalize;
  font-family: SukhumvitSet-Light;  
  font-size: 14px;
  line-height: 22px; 
  color: #fff;    
}
.follow img{
  height: 22px;
  margin-right: 5px;
} 


.sec-home10{
  background:  #fff ; 
  height: 500px;  
}
.sec-home10 > div{
  padding: 65px 70px;
}
.sec-home10 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px;  
  color: #234261;
  text-align: center;
  margin-bottom: 30px;
}
.sec-home10 h2 span{ 
  color: #FFB800;
 /* text-transform: uppercase;*/
} 
.sec-home10 h2 b{ 
  color: #F82913; 
}
.sec-home10 .mt-5{ 
  margin-top: 5px !important; 
}
.sec-home10 .row .col{
    width: 20%;
    flex-basis: unset !important;
    margin-top: 25px;
    padding: 10px;
    justify-content: center;
 
}


.jus-flex{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}


.sec-home9{
  background: url(../_uploads/bg9.webp) ,  #fff ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 528px; 
  background-blend-mode: luminosity;
}
.sec-home9 > div{
  padding: 65px 70px;
}
.sec-home9 h2{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px;  
  color: #374757;
  text-align: center;
}
.sec-home9 h2 span{ 
  color: #FFB800;
 /* text-transform: uppercase; */
}
.sec-home9 h2 b{ 
  color: #F82913; 
}

.sec-home9 p{ 
  font-family: SukhumvitSet-Light;  
  font-size: 17px;
  color: #000; 
  font-weight: normal;
  padding-left: 160px;
}

.testimonial{
  margin-top: 60px;
  width: 632px;
  height: 200px;  
  background: #FFFFFF;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 24px 17px;
  position: relative;
  margin-left: 50px;
}
.testimonial img{
  position: absolute;
  left: 0;
  width: 143px !important;
  height: 143px !important;
  margin-left: 17px;
  padding: 5px;
  border-radius:80px;
  box-shadow: 3px 2px 5px #ccc; 
}
.testimonial h4{
  padding-left: 170px;
  font-family: SukhumvitSet-Bold;
  font-size: 20px;
  line-height: 30px; 
  color: #000000;
}
.testimonial h6{
  position: absolute; 
  bottom: 0px;
  margin-bottom: 38px;
  margin-left: 170px;
  font-family: SukhumvitSet-Bold;
  font-size: 18px;
  line-height: 21px; 
  color: #000000;
}

.sec-home9 .owl-dots.disabled{
  display: block !important;
  justify-content: center;
  margin-top: 40px !important;
}
.sec-home9 .owl-dot span{ 
  width: 14px !important;
  height: 14px !important;
} 
.sec-home9 .owl-dot.active span{
  background: #5681BF !important; 
}
.sec-home9 .owl-nav.disabled{
  display: none !important;
}

.social-con{
  position: fixed;
  margin-right: 60px;
  right: 0;
  bottom: 0;
  margin-bottom: 60px;
  width: 85px; 
  height: 85px;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding: 10px;
  z-index: 11;
}
.social-con.active{ 
  background: rgba(255, 255, 255, 0.6);
  height: unset;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); 
}
.social-con img{
  width: 65px;
  height: 65px;
  border-radius: 100%;
  margin-bottom: 10px;
  display: none;
}
.social-con.active img{ 
  display: block;
}
.social-con button{
  width: 65px;  
  height: 65px; 
  background-color: #1F4D8E;
  border-radius: 100%;
  border: none;
  box-shadow: none;
  color: #fff;
  font-size: 26px;
  border: 6px double #FFFFFF;
}
.social-con button:focus{
  outline: none;
  box-shadow: none;
}


.privacy_policy
{
  position: fixed;
  font-family: SukhumvitSet-Light; 
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  margin-right: 0px;
  right: 0;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%; 
  height: 50px;
  background-color: #000000;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0);
  border-radius: 0px;
  padding: 10px;
  z-index: 1000;
}

.navbar-collapse form{
  position: relative;
}
.navbar-collapse form input{
  width: 380px;
  height: 46px;
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 100px;
  padding-right: 65px;
  padding-left: 25px;
  font-family: SukhumvitSet-Bold;
  font-size: 18px;
  line-height: 29px;
  color: #979797;
}
.navbar-collapse form button.btn{
  position: absolute;
  right: 0;
  top: 0;
  background: #1F4D8E;
  border-radius: 0px 100px 100px 0px;
  width: 56px;
  height: 46px;
  color: #fff;
}
 

.map-nav{
  height: 56px;  
  background: #1F4D8E;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  padding: 15px 100px;
  font-size: 16px;
  line-height: 25px;  
  font-family: SukhumvitSet-Bold;
  color: #FFFFFF;
}
.map-nav span{ 
  color: #FFB800;
}

a.link_nav{ 
  color:#fff;
}

a.link_nav:link{ 
  color:#fff;
}
a.link_nav:hover{
  color: #FFB800;
}

.category-sec{
  background: #E5E5E5; 
  justify-content: center;
  display: flex;
}
.category-sec > div{ 
  padding: 50px 100px ;
}
.category-sec .condo-card{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
}

.category-sec .condo-card-detail{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
}

.h1x{
  font-family: SukhumvitSet-Bold;  
  font-size: 44px;
  line-height: 70px;  
  color: #374757;
}
.h1x span{ 
  color: #FFB800;
}

.bootstrap-select{ 
  border-radius: 10px;
}
.bootstrap-select .btn{
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 10px;
}
.bootstrap-select .btn:focus{
  outline: none !important;
  box-shadow: none !important;
}
.bootstrap-select .btn .filter-option-inner-inner{
  font-family: SukhumvitSet-Bold;  
  font-size: 17px;
  line-height: 26px;  
  color: #374757; 
}

 

.dropdown-menu .dropdown-item span{
  font-family: SukhumvitSet-Bold;   
  font-size: 14px;
  line-height: 26px;  
  color: #374757;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{ 
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 10px;
}
 
.category-sec label{
  font-family: SukhumvitSet-Bold;   
  font-size: 14px;
  line-height: 22px;  
  color: #DD4A36;
  margin-top: 8px;

}
.search-detail{
  font-family: SukhumvitSet-Bold;  
  width: 150px;
  height: 40px;  
  background: #1F4B8A;
  border: 1px solid #979797;
  border-radius: 10px; 
  font-size: 14px;
  color: #FFFFFF;
  padding-top: 10px;
  margin-top: 0px;
}
.detailx{
  width: 307px !important;
}
.number-page{
  list-style: none;
  padding-left: 0px;
  justify-content: center;
  align-items: center;
}
.number-page li{
  font-family: SukhumvitSet-Bold;   
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  background: #FFFFFF;
  border: 1px solid #5681BF;
  border-radius: 8px;  
  transition: .33s all ease-out;
}
.number-page li a{ 
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;  
  color: #374757;
}

.number-page li.active{ 
  background: #5681BF;
  border: 1px solid #5681BF; 
}
.number-page li.active a{  
  color: #fff !important;
}


.number-page li:hover a{  
  color: #fff !important;
} 
.number-page li:hover{ 
  background: #5681BF;
  border: 1px solid #5681BF; 
}
.number-page + p{
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;   
  color: #979797;

}
.condo-card-map{
  display: grid;
  justify-self: center;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill,minmax(19%, 0px));
  grid-gap: 3px;
}
.condo-card-map .condo-card{
  width: 260px;
  height: 385px; 
  padding: 10px;
}
.condo-card-map .condo-card .cover{ 
  height: 122px; 
}
.condo-card-map .condo-card .detail h4{
  font-size: 20px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.condo-card-map .condo-card .detail h5{
  font-size: 16px;
}
.condo-card-map .condo-card .detail h6{
  font-size: 12px;
}
.condo-card-map .condo-card ul { 
  grid-template-columns: repeat(auto-fill,minmax(50px, 1fr));
}
.condo-card-map .condo-card ul h6{
  font-size: 8px;
}
.condo-card-map .condo-card .option {
  border-top: 1px solid #E5E5E5;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.col-map.active{
  flex: 0 0 100%;
  max-width: 100%;
}
.div-map{
  height: 400px; 
  margin-top: 30px; 
  border: 10px solid #FFFFFF;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
  border-radius: 20px; 
}
.div-map iframe{
  border-radius: 10px; 
}

.map-arr{
  top: calc(50% - 25px);
  margin-left: -25px;
  position: absolute;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  outline: 10px solid #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  transform: matrix(1, 0, 0, -1, 0, 0);
  justify-content: center;
  display: flex;
  align-items: center;  
  background: url(../_uploads/left_.webp) #4383DF;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 9.55px 19.1px auto !important;
  z-index: 11;
  cursor: pointer;
}
.map-arr.active{ 
  background: url(../_uploads/right_.webp) #4383DF; 
  order: 1;  
}
.category-sec .col-xl-3.active{
  order: 2; 
}
.category-sec .numx.active{
  order: 3;
}
.main-bg{
  background: #E5E5E5;
  padding-bottom: 45px;
}
iframe{
  border-radius: 10px;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));
}
.h11{
  font-family: SukhumvitSet-Bold;    
  font-size: 44px;
  line-height: 70px; 
  text-align: center; 
  color: #FFB800;
  margin-top: 40px;
  margin-bottom: 40px;
}
.contact-user{
  padding: 20px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contact-user .user{
  margin-left: 50px;
  margin-right: 50px;
}
.contact-user .user img{
  border-radius: 100%;
  width: 171px;
  height: 171px;
}
.contact-user .user h4{ 
  font-family: SukhumvitSet-Bold;    
  font-size: 20px;
  line-height: 24px;  
  color: #222222;
  margin-top: 20px;
} 
.contact-user .user h5{
  font-family: SukhumvitSet-Light;    
  font-size: 16px;
  line-height: 19px; 
  color: #222222;
}
.contact-user .user h6 a{
  font-family: SukhumvitSet-Light;    
  font-size: 16px;
  line-height: 19px;
  text-align: center; 
  color: #222222;
  margin-top: 20px;
}

.contact-user .user h6 img{
  border-radius: 100%;
  width: 24px;
  height: 24px;
} 

.contact-main{
 /* height: 641px;  */
  background-color: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
  padding: 35px;
}
.contact-main form h3{
  font-family: SukhumvitSet-Bold;   
  font-size: 22px;
  line-height: 35px;  
  color: #222222;

}
.contact-main form select{
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 44px;
  margin-top: 16px;
  font-family: SukhumvitSet-Thin;   
  font-size: 20px;
  line-height: 23px; 
  color: #979797; 
  font-weight: bold;
}
.contact-main form input{
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 40px;
 /* margin-top: 16px; */
  font-family: SukhumvitSet-Thin;   
  font-size: 14px;
  line-height: 23px; 
  color: #979797; 
  font-weight: bold;
}
.contact-main form textarea{
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 105px;
 /* margin-top: 16px; */
  font-family: SukhumvitSet-Thin;   
  font-size: 14px;
  line-height: 23px; 
  color: #979797;
  font-weight: bold;
}
.contact-main form button{
  margin-top: 16px;
  height: 44px; 
  font-family: SukhumvitSet-Thin;   
  background: #1F4D8E;
  border-radius: 4px;
  width: 100%;
  color: #fff;
  transition: .33s all ease-out;
}
.contact-main form button:hover{
  background: #5681BF;
  color: #fff;
} 
.contact-description h3{
  font-family: SukhumvitSet-Bold;   
  font-size: 22px;
  line-height: 35px;  
  color: #222222; 
}
.contact-description h4{
  font-family: SukhumvitSet-Bold;   
  font-size: 20px;
  line-height: 24px; 
  color: #222222; 
}
.contact-description h5{
  position: relative;
  font-family: SukhumvitSet-Bold;   
  font-size: 16px;
  line-height: 19px;
  color: #222222; 
  padding-left: 34px;
}
.contact-description h5 img{
  position: absolute;
  left: 0;
}


.benefits{
  background: url(../_uploads/bgb.webp) ,#374757;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important; 
  background-blend-mode: luminosity; 
}
.benefits > div{
  padding-top: 30px;
  /*height: 480px;   */
} 
.benefits h1{
  font-family: SukhumvitSet-Medium;
  font-size: 44px;
  line-height: 50px; 
  color: #FFB800;
} 

.benefits h3{
  font-family: SukhumvitSet-Medium; 
  font-size: 24px;
  line-height: 29px; 
  color: #FFFFFF;
} 
.bene-box{ 
  height: 630px;  
  background: rgba(0, 0, 0, 0.39);
  border-radius: 6px;
  margin-top: 12px;
  padding: 15px 35px 15px 15px;
  position: relative;
} 
.bene-box h4{ 
  font-family: SukhumvitSet-Medium; 
  font-size: 20px;
  line-height: 24px; 
  color: #FFFFFF; 
  margin-top: 20px;
  font-weight: bold;
}
.bene-box h5{ 
  font-family: SukhumvitSet-Medium; 
  font-size: 16px;
  line-height: 19px; 
  color: #FFFFFF; 
  padding-left: 142px;
  padding-top: 20px;
  height: 50px;
}
.bene-box > div{ 
  position: absolute;
  border-radius: 100%;
  width: 100px;
  height: 100px; 
  /*background: #F8F9FA; */
  justify-content: center;
  align-items: center;
  padding: 0px; 
  display: flex;
} 
.bene-box > p{ 
  height: 20px; 
  border-style: 1
} 
 

.bene-box-2{ 
  height: 150px;  
  background: rgba(0, 0, 0, 0.39);
  border-radius: 6px;
  margin-top: 12px;
  padding:20px;
  position: relative;
} 
.bene-box-2 h4{ 
  font-family: SukhumvitSet-Medium; 
  font-size: 20px;
  line-height: 24px; 
  color: #FFFFFF; 
  padding-left: 142px;
  /*
  margin-top: 20px;*/
  font-weight: bold;
}
.bene-box-2 h5{ 
  font-family: SukhumvitSet-Medium; 
  font-size: 16px;
  line-height: 24px; 
  color: #FFFFFF; 
  padding-left: 142px;
  padding-top: 10px;
  /*padding-left: 142px;*/
}
.bene-box-2 > div{ 
  position: absolute;
  border-radius: 100%;
  width: 110px;
  height: 110px; 
  /*background: #F8F9FA; */
  justify-content: center;
  align-items: center;
  padding: 0px;
  display: flex;
} 

.bene-box-2 ul {
  padding-left: 142px;
  font-family: SukhumvitSet-Medium; 
  font-size: 16px;
  padding-top: 10px;
  color: #ffffff;
  margin: 5px;
}


.form-dep{
  background: #E5E5E5;
  padding-top: 35px;
  padding-bottom: 35px;
}
.form-dep .dep-box{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 38px 45px;
}
.form-dep .dep-box h1{
  font-family: SukhumvitSet-Bold; 
  font-size: 32px;
  line-height: 39px;
  color: #000000;
  text-align: center;
  margin-bottom: 15px;
} 
.form-dep .dep-box form textarea{
  font-family: SukhumvitSet-Thin; 
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 23px; 
  color: #979797;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px; 
  height: 129px;   
}
.form-dep .dep-box form input{
  font-family: SukhumvitSet-Thin; 
  /*margin-bottom: 30px;*/
  font-size: 17px;
  line-height: 23px; 
  color: #979797;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 44px; 
}
.form-dep .dep-box form label{ 
  font-family: SukhumvitSet-Bold; 
  font-size: 20px;
  line-height: 23px; 
  color: #374757; 
}
.form-dep .dep-box form h3{ 
  margin-top: 50px;
  font-family: SukhumvitSet-Bold; 
  font-size: 24px;
  line-height: 29px; 
  color: #222222;
  margin-bottom: 20px;
}

.form-dep .dep-box form .bootstrap-select{ 
  border-radius: 4px;
  margin-bottom: 30px;
}
.form-dep .dep-box form .bootstrap-select .btn{
  background: #FFFFFF;
  border: 1px solid #DADADA;
  border-radius: 4px;
  height: 44px; 
}
.form-dep .dep-box form .bootstrap-select .btn:focus{
  outline: none !important;
  box-shadow: none !important;
}
.form-dep .dep-box form .bootstrap-select .btn .filter-option-inner-inner{
  font-family: SukhumvitSet-Light;  
  font-size: 17px;
  line-height: 26px;  
  color: #979797; 
  margin-top: 3px;
}

.drop-zone { 
  height: 129px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: SukhumvitSet-Bold;   
  font-size: 20px;
  cursor: pointer;
  color: #979797;
  border: 2px dashed #5681BF; 
  border-radius: 4px;
  margin-top: 10px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
} 
.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
} 
.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
} 
.form-dep .dep-box form h6{  
  font-family: SukhumvitSet-Bold;  
  font-size: 16px;
  line-height: 19px; 
  color: #222222;
}
.form-dep .dep-box form h6 a{   
  color: #FFB800;
}
.boxg{
  height: 129px; 
  background: #F5F5F5;
  border-radius: 4px;
  padding-top: 17px;
  font-size: 16px;
  line-height: 32px; 
  font-family: SukhumvitSet-Thin;  
  color: #979797;
}

.form-dep .dep-box form .btn{
  font-family: SukhumvitSet-Bold;   
  height: 43px;  
  width: 315px;
  background: #1F4D8E;
  border-radius: 4px;
  background: #1F4D8E;
  border-radius: 4px; 
  font-size: 20px;
  line-height: 23px;
  text-align: center; 
/*  color: #FFFFFF; */
}
.top-detail > div{ 
  height: 115px;   
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); 
  margin-top: 25px;
  margin-bottom: 25px;
}
.top-detail > div:nth-child(1){  
  background: #1F4D8E;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); 
  border-radius: 20px 0 0 20px;
  padding: 8px 22px 6px;
}
.top-detail > div:nth-child(2){
  background: #EEEEEE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); 
  border-radius: 0 20px 20px  0 ;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-detail h1{  
  font-family: SukhumvitSet-Bold;  
  font-size: 18px;
  line-height: 24px; 
  color: #FFD964;
  margin-bottom: 0px;
}

 
.top-detail h6{  
  font-family: SukhumvitSet-Text;  
  font-size: 14px;
  line-height: 22px; 
  color: #FFFFFF;
  margin-bottom: 0px;
}
.top-detail span i{  
  color: #FFB800;
}
.top-detail span{  
  font-family: SukhumvitSet-Text;  
  font-size: 16px;
  line-height: 25px; 
  color: #FFFFFF;
}
.top-detail h4{  
  font-family: SukhumvitSet-Text;  
  font-size: 16px;
  line-height: 25px; 
  color: #FFFFFF;
}
.top-detail img{  
  height: 55px;
  width: 55px; 
} 
.top-detail .optix > div{   
  margin-right: 15px;
  margin-left: 15px;
} 
.top-detail h5{  
  font-family: SukhumvitSet-Text;  
  font-size: 12px;
  line-height: 19px;  
  color: #979797;
} 
.top-detail h5 span{   
  font-family: SukhumvitSet-Text; 
  font-size: 12px;
  line-height: 19px;  
  color: #5681BF;
}
.img-view{
  height: 573px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  border-radius: 40px 0px 0px 40px;
  margin-bottom: 80px;
  position: relative;
  cursor: pointer;
}

.img-view-1{ 
  border-radius: 40px 0px 0px 40px;
  margin-bottom: 80px;
  position: relative;
  cursor: pointer;
  background-position: center center !important;
  background-repeat: no-repeat !important; 
  width: 100%;  
  height: 573px;
  object-fit:cover;

}

.img-view-sub > div{
  height: 181px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important; 
  margin-bottom: 15px;
}
.img-view-sub >  div > img {
  height: 181px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
 /* background-size: 100% auto !important; */
  width: 100%;
  margin-bottom: 15px;
  object-fit:cover;
}

.img_r1{
  border-radius: 0px 40px 0px 0px;
}

.img_r2{
  border-radius: 0px 0px 40px 0px; 
 
}

.img-view-sub > div > img:nth-child(3)::before{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0px 0px 40px 0px;
}


.img-view-sub > div:nth-child(1){
  border-radius: 0px 40px 0px 0px;
}
.img-view-sub > div:nth-child(3){ 
  border-radius: 0px 0px 40px 0px; 
  position: relative;
}
.img-view-sub > div:nth-child(3) p{
  position: absolute; 
  font-family: SukhumvitSet-Bold; 
  border-radius: 0px 0px 40px 0px;
  font-size: 32px;
  line-height: 51px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #374757;
  height: 100%;
  width: 100%;
}
.img-view-sub > div:nth-child(3)::before{
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%; 
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0px 0px 40px 0px;
}
.btn-print{
  font-family: SukhumvitSet-Text; 
  position: absolute;
  right: 25px;
  top: 35px;
  background: rgba(255, 255, 255, 0.9); 
  border-radius: 10px;
  width: 87px;
  height: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center; 
  color: #374757 !important;
  padding-top: 10px;
  transition: .33s all ease-out; 
  z-index: 111;
}
.btn-share{
  font-family: SukhumvitSet-Text; 
  position: absolute;
  right: 50px;
  top: 35px;
  background: rgba(255, 255, 255, 0.9); 
  border-radius: 10px;
  width: 87px;
  height: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center; 
  color: #374757 !important;
  padding-top: 10px;
  transition: .33s all ease-out; 
  z-index: 111;
}

.btn-print:hover{
  background: rgba(255, 255, 255, 1); 
}
.btn-share:hover{
  background: rgba(255, 255, 255,1);  
}

.footer-sub .img-responsive .center-block{ 
  height: 80px;
}
.rent-sell{
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 111;
}
.label-rent{
  position: relative;
  background: rgba(255, 255, 255, 0.9); 
  border-radius: 20px;
 /* width: 301px; */
  height: 62px;
  margin-left: 20px;
  margin-top: 35px;
  padding: 10px 15px 10px 17px; 
  display: inline-block;
  transition: .33s all ease-out;
}
.label-rent:hover{
  background: rgba(255, 255, 255,1);  
}
.label-rent p{ 
  text-align: right;
  font-family: SukhumvitSet-Bold; 
  font-weight: 700;
  font-size: 28px;
  line-height: 44px; 
  padding-left: 120px;
  color: #DD4939;
  align-items: center;
}
.label-rent > div{ 
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 25px;
  height: 62px;  
  background: #DD4939;
  border-radius: 20px 0px 0px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
}
.label-rent > div span:nth-child(1){ 
  font-family: SukhumvitSet-Bold; 
 /* border-right: 1px solid #fff; */
  font-size: 28px;
  line-height: 44px; 
  color: #FFFFFF;
  padding-right: 15px;
  margin-right: 10px;
}
.label-rent > div span:nth-child(2){ 
  font-family: SukhumvitSet-Text;  
  font-size: 14px;
  line-height: 17px;  
  color: #FFFFFF;
}


.status-listing{
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}
.label-status-listing{
  position: relative;
 /*background: rgba(255, 255, 255, 0.9); */
  border-radius: 20px;
 /* width: 301px;
  height: 62px;
  margin-left: 20px; */
 
  padding: 10px 15px 10px 17px; 
  display: inline-block;
  transition: .33s all ease-out;
}
.label-status-listing:hover{
  /*background: rgba(255, 255, 255,1);  */
}
.label-status-listing p{ 
  text-align: right;
  font-family: SukhumvitSet-Bold; 
  font-weight: 700;
  font-size: 28px;
  line-height: 44px; 
  padding-left: 120px;
  color: #DD4939;
  align-items: center;
}
.label-status-listing > div.available{ 
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 15px;
  padding-right:15px;
  height: 30px;  
  background: #03D200;
  border-radius: 20px 20px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
}
.label-status-listing > div.available span{ 
  font-family: SukhumvitSet-Bold; 
 /* border-right: 1px solid #fff; */
  font-size: 14px;
  line-height: 30px; 
  color: #FFFFFF;

}

.label-status-listing > div.check-availability{ 
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 15px;
  padding-right:15px;
  height: 30px;  
  background: #FF9900;
  border-radius: 20px 20px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
}
.label-status-listing > div.check-availability span{ 
  font-family: SukhumvitSet-Bold; 
 /* border-right: 1px solid #fff; */
  font-size: 14px;
  line-height: 30px; 
  color: #FFFFFF;

}


.label-status-listing > div.not-available{ 
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 15px;
  padding-right:15px;
  height: 30px;  
  background: #E40000;
  border-radius: 20px 20px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
}
.label-status-listing > div.not-available span{ 
  font-family: SukhumvitSet-Bold; 
 /* border-right: 1px solid #fff; */
  font-size: 14px;
  line-height: 30px; 
  color: #FFFFFF;

}




.status-update{
  position: absolute;
  top: 88%;
  width: 100%;
  z-index: 111;
}
.label-status-update{
  position: relative;
  padding: 10px 15px 10px 17px; 
  width: 100%;
  display: inline-block;
  transition: .33s all ease-out;
}
.label-status-update:hover{
  /*background: rgba(255, 255, 255,1);  */
}
.label-status-update p{ 
  text-align: right;
  font-family: SukhumvitSet-Bold; 
  font-weight: 700;
  font-size: 28px;
  line-height: 44px; 
  padding-left: 120px;
  color: #DD4939;
  align-items: center;
}
.label-status-update > div{ 
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 15px;
  padding-right:15px;
  height: 30px;  
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
}
.label-status-update > div span{ 
  font-family: SukhumvitSet-Bold; 
 /* border-right: 1px solid #fff; */
  font-size: 12px;
  line-height: 30px; 
  color: #FFB800;

}


.box-view{
  position: absolute;
  left: 20px;
  bottom: 20px; 
  display: flex;
}
.box-view .box-view-type {
  width: 210px;
  height: 140px;
  margin-left: 15px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 20px; 
  position: relative;
  cursor: pointer;
}
.box-view .box-view-type div {
  position: absolute;
  top: 0;
  left: 0;
  height: 103px;
  width: 210px; 
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important; 
  border-radius: 20px 20px 0 0; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-view .box-view-type div img{
  height: 103px;
  width: 100%; 
  border-radius: 20px 20px 0 0; 
  background-position: center !important;
  background-repeat: no-repeat !important; 
  object-fit:cover;
}


.box-view .box-view-type h3 {
  position: absolute;
  bottom: 0; 
  font-family: SukhumvitSet-Bold;  
  font-size: 16px;
  line-height: 15px;
  text-align: center; 
  color: #222222;
  width: 100%;
}
.main-description{
  margin-top: 20px;
  padding-bottom: 50px;
}
.main-description h2{
  font-family: SukhumvitSet-Bold;   
  font-size: 26px;
  line-height: 41px; 
  color: #374757;
  margin-top: 35px;
  padding-left: 10px;
}
.main-description h2 span{ 
  color: #FFB800; 
}
.main-description h2 b{ 
  color: #DD4939; 
}
.main-description h6{
  font-family: SukhumvitSet-Light;;    
  font-size: 18px;
  line-height: 29px; 
  color: #222222;
}
.room-feature {
  font-family: SukhumvitSet-Thin;    
  font-weight: 400;
  font-size: 18px;
  line-height: 34px; 
  color: #222222; 
  padding-left: 34px;
  margin-bottom: 10px;
  position: relative;
  font-weight: bold;
}
.room-feature img{
  position: absolute;
  left: 0;
  top: 4px;
  height: 24px;
}
.basic-information{
  width: 874px;
  height: 550px; 
  border-radius: 10px;
  background-color: #F5F7FA;
  padding: 23px 34px 22px;
} 
.basic-information h4{
  font-family: SukhumvitSet-Thin;    
  font-weight: normal;
  border-bottom: 1px dashed #979797;
  font-size: 16px;
  line-height: 29px; 
  color: #222222;
  padding-bottom: 15px;
  margin-bottom: 15px;
} 
.basic-information h4:last-child{
  border-bottom: 0px dashed #979797;
} 
.basic-information h4 span{ 
  color: #5681BF;
  font-weight: bold;
}
.information{  
  padding: 20px 14px 24px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}




.information h3{
  font-family: SukhumvitSet-Bold;    
  text-align: center;
  font-size: 18px;
  line-height: 29px; 
  color: #222222;
}
.information form input{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 40px; 
  background: #F2F2F2;
  opacity: 0.9;
  border: 1px solid #DADADA;
  border-radius: 4px;
} 
.information form textarea{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 75px; 
  background: #F2F2F2;
  opacity: 0.9;
  border: 1px solid #DADADA;
  border-radius: 4px;
}
.information form button{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF; 
  width: 100%;
  height: 40px; 
  background: #DD4939;
  opacity: 0.9;
  border-radius: 10px;
  transition: .33s all ease-out;
}
.information form button:hover{
  background: #F82913;
  color: #FFFFFF; 
}
.information h2{
  font-family: SukhumvitSet-Bold;    
  text-align: center;
  font-size: 18px !important;
  line-height: 29px; 
  color: #222222;
  margin-top: 30px !important;
  margin-bottom: 25px;
} 
.information .btn-social{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 40px; 
  background: #FFFFFF; 
  border: 1px solid #AFAFAF;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #374757;
  transition: .33s all ease-out;
  margin-bottom: 12px;
  display: block;
}
.information .btn-social:hover{ 
  background: #DADADA;   
  color: #374757;
  border: 1px solid #AFAFAF;
}


.information2{  
  /*
  padding: 20px 14px 24px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;*/
}

.information2 h3{
  font-family: SukhumvitSet-Bold;    
  text-align: center;
  font-size: 18px;
  line-height: 29px; 
  color: #222222;
}
.information2 form input{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 40px; 
/*  background: #F2F2F2; */
  opacity: 0.9;
  border: 1px solid #DADADA;
  border-radius: 4px;
} 
.information2 form textarea{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 75px; 
 /* background: #F2F2F2; */
  opacity: 0.9;
  border: 1px solid #DADADA;
  border-radius: 4px;
}
.information2 form button{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF; 
  width: 100%;
  height: 40px; 
  background: #DD4939;
  opacity: 0.9;
  border-radius: 10px;
  transition: .33s all ease-out;
  margin-bottom: 20px;
}
.information2 form button:hover{
  background: #F82913;
  color: #FFFFFF; 
}
.information2 h2{
  font-family: SukhumvitSet-Bold;    
  text-align: center;
  font-size: 18px;
  line-height: 29px; 
  color: #222222;
  margin-top: 30px;
  margin-bottom: 25px;
} 
.information2 .btn-social{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 40px; 
  background: #FFFFFF; 
  border: 1px solid #AFAFAF;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #374757;
  transition: .33s all ease-out;
  margin-bottom: 12px;
  display: block;
}
.information2 .btn-social:hover{ 
  background: #DADADA;   
  color: #374757;
  border: 1px solid #AFAFAF;
}


.project-detail{
  display: flex;


}
.project-detail .img{
  display: flex;
  width: 334px;
  height: 230px;  
  border-radius: 10px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important; 
  margin-right: 33px;
}
 

.project-detail .text{
  list-style: none;
  padding-left: 0px;
  margin-top: 20px;
}
.project-detail .text li p{
  font-family: SukhumvitSet-Thin;    
  font-weight: normal;
  font-size: 18px;
  line-height: 27px; 
  color: #222222;
} 
.project-detail .text li p{
  width: 175px;
  float: left;
  margin-bottom: 0px;   
}
.project-detail .text li p:nth-child(2){
  width: 350px;  
}
.project-detail .text li p span{
  color: #5681BF;  
} 

 
.loan-calculation{ 
  height: 363px; 
  border-radius: 10px;
  background-color: #F5F7FA;
  padding: 25px 39px;
} 
.loan-calculation label{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  font-size: 18px;
  line-height: 34px; 
  color: #222222; 
}
.loan-calculation input{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  height: 46px; 
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 4px;
  padding-left: 56px;
  padding-right: 60px;
}
.loan-calculation input + p{
  position: absolute;
  margin-top: -40px;
  margin-left: 17px;
  font-size: 14px;
  line-height: 22px; 
  font-family: SukhumvitSet-Bold;     
  color: #374757;
  border-right: 1px solid #DADADA;
  padding-right: 13px;
}
.loan-calculation input + p + span{
  position: absolute;
  right: 0;
  margin-top: -40px;
  margin-right: 30px;
  font-size: 14px;
  line-height: 22px; 
  font-family: SukhumvitSet-Bold;      
  text-align: right; 
  color: #979797;
}
.loan-calculation input{
  margin-bottom:  5px;
}
.main-description canvas{
  display: block;
  margin: auto;
}
.main-description canvas + h4{
  font-size: 18px;
  line-height: 34px; 
  color: #222222;
  font-family: SukhumvitSet-Bold;     
  text-align: center;
  margin-top: 20px;
} 
.data-doughnut{
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-doughnut ul{
  padding-left: 0;
  list-style: none;
  margin-top: 30px;
}
.data-doughnut ul li{
  font-family: SukhumvitSet-Bold;     
  font-size: 12px;
  line-height: 32px; 
  color: #000000;
  padding-left: 20px;
  position: relative;
}
.data-doughnut ul li div{
  position: absolute;
  left: 0;
  width: 12px;
  height: 12px;  
  border-radius: 100%;
  margin-top: 9px;
} 
.data-doughnut ul li.doughnut1 div{ 
  background: #1F4D8E; 
}
.data-doughnut ul li.doughnut2 div{ 
  background: #FFB800; 
}
.btn-request{
  font-family: SukhumvitSet-Bold;     
  width: 167px;
  height: 40px;  
  background: #1F4D8E;
  opacity: 0.9;
  border-radius: 10px; 
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  transition: .33s all ease-out;
}
.btn-request:hover{ 
  background: #3B5998; 
  color: #FFFFFF;
}
.available .sel1{
  width: 122px !important; 
} 
.available .bootstrap-select .btn .filter-option-inner-inner{
  line-height: 32px;
}
.available .sel1 + .btn{
  width: 122px; 
  height: 46px;  
} 
.available .sel2{
  width: 307px !important; 
} 
.available .sel2 + .btn{
  width: 307px; 
  height: 46px;  
} 
.available  .bootstrap-select{
  margin-left: 10px !important;
}
.available .btn-sel{
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  width: 96px;
  height: 46px;  
  background: #FFFFFF;
  border: 1px solid #979797;
  border-radius: 10px;
  font-size: 14px;
  line-height: 22px; 
  color: #374757;
  margin-left: 10px; 
  transition: .33s all ease-out;
} 
.available .btn-sel:hover{
  background: #1F4D8E;
  color: #fff;
}
.available .btn-sel.active{
  background: #1F4D8E;
  color: #fff;
} 
.available-card > .row > div .condo-card{
  width: 100% !important;
  height: unset !important;
  padding-bottom: 25px;
}

.available-card > .row > div .condo-card-detail{
  width: 100% !important;
  height: unset !important;
  padding-bottom: 25px;
}

.available-card .option2{
  display: flex;
  margin-top: -20px;
  border-top: 1px solid #E5E5E5;
  padding-top: 12px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 12px;
  margin-bottom: 20px;
} 
.available-card .option2 p{ 
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  position: relative;
  width: 50%;
  font-size: 14px;
  line-height: 22px; 
  color: #374757;
  padding-left: 20px;
  margin-bottom: 0px;
}
.available-card .option2 p:after{ 
  content: "";
  left: 0;
  margin-top: 8px;
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: #374757;
}
.available-card .condo-card .btn-unit{
  font-family: SukhumvitSet-Bold;   
  width: 137px;
  height: 40px; 
  background: #1F4D8E;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-right: 2px;
} 

.btn-unit{
  font-family: SukhumvitSet-Bold;   
  width: 130px;
  height: 40px; 
  background: #1F4D8E;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-right: 2px;
} 

.available-card .condo-card .btn-des{
  font-family: SukhumvitSet-Bold;   
  width: 137px;
  height: 40px; 
  background: #FFB800;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-left: 2px;
} 


.btn-des{
  font-family: SukhumvitSet-Bold;     
  width: 130px;
  height: 40px; 
  background: #FFB800;
  border-radius: 10px;
  font-size: 18px;
  line-height: 29px; 
  text-align: center; 
  color: #FFFFFF;
  margin-left: 2px;
} 

.available-card .option3{
  display: flex; 
  justify-content: center;
} 
.bg-unit{
  background: #E5E5E5;
 
} 
.box-lat{ 
  border-radius: 20px;
  margin-top: 40px;
  height: 332px; 
  background: url(../_uploads/bg-last.webp) ,  #374757 ;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important; 
  background-blend-mode: luminosity; 
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.box-lat h1{ 
  font-family: SukhumvitSet-Bold;    
  font-size: 32px;
  line-height: 51px;
  text-align: center; 
  color: #FFFFFF;
} 
.box-lat h4{ 
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  font-size: 26px;
  line-height: 41px;
  text-align: center; 
  color: #FFFFFF;
  margin-bottom: 30px;
}
.box-lat .btn{ 
  font-family: SukhumvitSet-Thin;    
  font-weight: bold;
  font-size: 20px;
  line-height: 32px; 
  text-align: center; 
  color: #FFFFFF;
  width: 274px;
  height: 46px;  
  border-radius: 10px;
  margin: 4px;
}
.box-lat .btn:nth-child(1){ 
  background: #FFB800;
}
.box-lat .btn:nth-child(2){ 
  background: #DD4939;
}
.bg-last-box{
  background-color: #fff; 
  padding-bottom: 30px;
}
.view-project{
  text-align: center;
}
.view-project .img{
  margin-bottom: 30px;
  height: 191px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important; 
  border-radius: 10px;
}
.view-project h3{ 
  font-family: SukhumvitSet-Bold;     
  font-size: 26px;
  line-height: 52px; 
  text-align: center; 
  color: #5681BF; 
  border-bottom: 1px solid #DADADA;
  max-height: 52px;
  white-space: nowrap;
  overflow: hidden;
} 
.view-project h4{ 
  font-family: SukhumvitSet-Bold;     
  font-size: 22px;
  line-height: 52px; 
  text-align: center; 
  color: #374757; 
  border-bottom: 1px solid #DADADA;
  max-height: 52px;
  white-space: nowrap;
  overflow: hidden;
} 
.view-project h3.m{ 
  height: 105px;
} 
.view-project h3.m span{ 
  color: #374757;
  font-size: 18px;
}  
.view-project h3.m span b{ 
  color: #4EA854; 
} 

.add-project .img{
  margin-bottom: 30px;
  height: 191px;
  /*
  background: #F5F5F5;
  border: 1px solid #D8D8D8;*/
  border-radius: 10px; 
  justify-content: center;
  align-items: center;
  display: flex;
}
.add-project .img img{
  height: 40px;
}

.add-project h3{ 
  padding-left: 45px;
  font-family: SukhumvitSet-Bold;     
  font-size: 22px;
  line-height: 52px;
  border: 1px solid #fff;
  color: #374757; 
}   
.add-project h3.m{ 
  height: 105px;
}
.view-project strong{
  display: none;
}
.lSPager{
 display: none !important;
}
.lSAction{
 display: block !important;
}
.lSAction > a{ 
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 17px 34px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  width: 89px !important;
  height: 89px !important; 
  top: calc(50% - 22px ) !important;
}
.lSNext{
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important;
}
.lSPrev{
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li{
  display: flex;
  justify-content: center;
  width: 100%;
}

.sec-home9  .lSPager{
  display: block !important;
  margin-top: 30px !important;
}
.sec-home9  .lSAction{
  display: none !important;
}
.lSSlideOuter .lSPager.lSpg > li a{
  width: 14px !important;
  height: 14px !important;
}
.lSSlideOuter .lSPager.lSpg > li a{
  
  background-color: #C4C4C4 !important
}
.lSSlideOuter .lSPager.lSpg > li.active a{
  background-color: #5681BF !important;
}


.owlm2 .owl-nav div{
  position: absolute !important;
  width: 48px !important;
  height: 48px !important;
  background-color: #000000 !important; 
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 0;
  margin-top: -53px !important; 
  border-radius: 100% !important;
  color: rgba(0, 0, 0, 0) !important; 
}   


.sec-home7 .lSAction > a{ 
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 10px 18px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  width: 48px !important;
  height: 48px !important; 
  top: 30% !important;
}
.sec-home7 .lSNext{
  background: url(../_uploads/right2.webp) , #000 !important;
}
.sec-home7 .lSPrev{
  background: url(../_uploads/left2.webp) , #000 !important;
}


.sec-home2 .lSSlideOuter .lightSlider > *, .sec-home2 .lSSlideOuter .lSGallery li{
  display: block;
  justify-content: center;
  width: 100%;
  margin-right: 10px !important;
}


.item2 .lslide.active:nth-child(1)  + .lSAction  {
  display: none !important;
}

.dropdown-toggle::after { 
  position: absolute;
  right: 0;
  margin-right: 20px;
  margin-top: 10px;
}

.dep-box .btn.dropdown-toggle{
  width: 100% !important;
}
.modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal-xl {
  max-width: 101% !important;
	width: 101% !important;
  margin: 0px !important;
}
.modal .nav-link{
  font-family: SukhumvitSet-Bold;     
}  
.modal .nav-tabs .nav-item .nav-link{ 
  border: 1px solid #1F4D8E;
  border-radius: 10px !important;
  margin-left: 5px;
  margin-right: 5px;
  color: #1F4D8E;
}
.modal .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background-color: #1F4D8E; 
  border: 1px solid #1F4D8E;
  color: #fff !important;
}
.modal .nav.nav-tabs{
  text-align: center;
  justify-content: center;
  width: 100%;
  border-bottom: 0px !important;
}


#view360 img{
  height: 700px;
}
#photo .carousel-control-prev-icon {
  width: 12px;
  background-image: url(../_uploads/left.webp);
}
#photo .carousel-control-next-icon {
  width: 12px;
  background-image: url(../_uploads/right.webp);
}
.carousel-control-prev{
  opacity: 1;
}
.carousel-control-next{
  opacity: 1;
} 
#itemx1 .carousel-control-prev{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx1 .carousel-control-next{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx1 .carousel-control-prev span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
} 
#itemx1 .carousel-control-next span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
}

#itemx2 .carousel-control-prev{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx2 .carousel-control-next{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx2 .carousel-control-prev span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
} 
#itemx2 .carousel-control-next span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
}

#itemx3 .carousel-control-prev{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx3 .carousel-control-next{  
  top: 20% !important;
  align-items: flex-start;
} 
#itemx3 .carousel-control-prev span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
} 
#itemx3 .carousel-control-next span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
}


#itemx4 .carousel-control-prev{  
  top: 10% !important;
  align-items: flex-start;
} 
#itemx4 .carousel-control-next{  
  top: 10% !important;
  align-items: flex-start;
} 
#itemx4 .carousel-control-prev span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/left.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
} 
#itemx4 .carousel-control-next span{ 
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  opacity: 1 !important;
  background: url(../_uploads/right.webp) , rgba(255, 255, 255, 0.6) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 11px 20px !important; 
}

.icon_down{
  color: #000000;
}

/* 
transition: .33s all ease-out;
*/
   
/* 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE 
EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE  
*/






  

@media only screen and (width: 1024px) { /* IPAD PRO */  
  .map-arr{ 
    display: none;
    background: url(../_uploads/right_.webp) #4383DF; 
    order: 1;  
  }
  .category-sec .col-xl-3{
    order: 2; 
  }
  .category-sec .numx{
    order: 3;
  } 
  .benefits > div{
    padding-top: 30px;
    padding-bottom: 30px;
    height: unset;  
  }  
  .benefits .pr-4{
    padding-right: 15px !important;
  }
  .benefits .pl-4{
    padding-left: 15px !important;
  } 
  .benefits { 
    background-size: auto 100%  !important; 
  }
  .bene-box{
    height: unset;
  }
  .contact-main{
    height: unset;
  }
  .contact-description h3{
    margin-top: 35px;
  }
  .top-detail img {
    height: 30px;
    width: 30px;
  }
  .top-detail .optix > div {
    margin-right: 5px;
    margin-left: 5px;
  }
  .top-detail h5 { 
    font-size: 10px; 
  }
  .img-view { 
    border-radius: 40px !important; 
  }
  .box-view { 
    bottom: -45px; 
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .img-view-sub{ 
    display: flex !important;
  }
  .img-view-sub > div{ 
    border-radius: 0px !important;
    width: 33%;
  }
  .img-view-sub > div::before{ 
    border-radius: 0px !important;
    width: 33%;
  }
  .loan-calculation{
    height: unset !important;
  }
  .available-card.p-0{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .available  .condo-card {
    margin-left: 0px !important;
    margin-right: 0px !important; 
  }
  .available-card > .row > div .condo-card{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 30px;
  }
  .add-project h3 {
    padding-left: 0px;
  }
  .view-project .img { 
    background-size: auto 100%  !important; 
  }
  .information{  
    width: 100% !important;
  } 
}
@media only screen and (width: 768px) { /* IPAD PRO */  
  .project-detail {
    display: flex;
  }
  .project-detail .img { 
    background-size: auto 100% !important; 
  }
  .top-detail > div:nth-child(2) {
    grid-template-columns: unset !important;
    display: flex;
  }
  .des-photo {
    bottom: -50px;
  }
}

@media only screen and (min-width: 1200px) {   
  .category-sec .condo-card .cover{ 
    height: 150px;
    background-size: auto 100%  !important;
  }
  .category-sec > div{
    padding: 20px 10px !important;
  }
  .category-sec .condo-card ul{
    grid-template-columns: repeat(auto-fill,minmax(45px, 1fr));
  }
  .information.active{  
    position: fixed;
    top: 80px; 
    z-index: 1111 !important;
  }

  .information{  
    width: 359px; 
  }
  .information2.active{  
    position: fixed;
    top: 80px; 
    z-index: 1111 !important;
  }

  header nav .navbar-nav .nav-item .nav-link{ 
    font-size: 0.75rem; 
    padding-left: 0px;
    padding-right: 0px; 
  }
}
@media only screen and (min-width: 1400px) {  
  .category-sec .condo-card .cover{  
    height: 180px;
    background-size: 100%  auto !important;
  } 
  .category-sec .content-card .cover{  
    height: 180px;
    background-size: 100%  100% !important;
  } 
  header nav .navbar-nav .nav-item .nav-link{ 
    font-size: 20px; 
    padding-left: 15px;
    padding-right: 15px; 
  }
} 
@media only screen and (min-width: 1700px) {  
  header{ 
    padding-left: 80px;
    padding-right: 80px;  
  } 

  .div-map{
     height: 480px;  
 
   }
  .category-sec .condo-card{  
    height: 480px; 
    max-width: 440px !important;
  }
  .category-sec .condo-card .cover{  
    height: 250px;
    background-size: 100%  100% !important;
  }
  .category-sec .condo-card ul{
    grid-template-columns: repeat(auto-fill,minmax(60px, 1fr));
  }

  .category-sec .content-card{  
    height: 450px; 
    margin-bottom: 20px;
    max-width: 400px !important;
  }
  .category-sec .content-card .cover{  
    height: 250px;
    background-size: 100%  100% !important;
  }
  .category-sec .content-card .cover .cover-img{  
  background-position: center center !important;
  background-repeat: no-repeat !important; 
  width: 100%;
  height: 100%;
  border-radius: 10px; 
  object-fit:cover;
  }

  .category-sec .content-card ul{
    grid-template-columns: repeat(auto-fill,minmax(60px, 1fr));
  }
  header nav .navbar-nav .nav-item .nav-link{ 
    font-size: 22px;  
  }
  /* .category-sec .condo-card{  
    max-width: 400px !important;
  }  */
}

@media only screen and (min-width: 992px) {  
  .category-sec > div  {
    padding: 50px 25px !important;
  }
  .category-sec .col-xl-8 .row > .col-xl-4.text-right{
    text-align: left !important;
  }
}

   
@media only screen and (max-width: 991px) { /* MOBILE */
  .mb-x{
    display: none !important;
  } 
}
@media only screen and (min-width: 992px) { /* PC */
  .pc-x{
    display: none !important;
  }  
}










.sec-home-detail{
  background-color: #ebebeb;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 650px; 
  background-blend-mode: luminosity;
}
.sec-home-detail > div{
  padding: 50px 70px 90px;
}
.sec-home-detail h1{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #1F4D8E;
}
.sec-home-detail h1 span{ 
  color: #FFB800;
}
.sec-home-detail h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 26px;
  line-height: 38px; 
  align-items: left;
  text-align: left; 
  color: #374757;
  /*margin-bottom: 30px; */
  margin-left:6%;
}

.sec-home-detail table{
  width: 100%;
  text-align: center;
} 

.sec-home-detail tr{
  width: 100%;
 
} 
.sec-home-detail td{
  text-align: center;
  width: 25%;
} 

.sec-home-detail tr td img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.sec-home-detail tr h6{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 11px;
  line-height: 18px;
}
.sec-home-detail tr h6 span{
  color: #5681BF;
} 



.sec-home-detail_2{
  background-color: #ebebeb;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 700px; 
  background-blend-mode: luminosity;
}
.sec-home-detail_2 > div{
  padding: 50px 70px 90px;
}
.sec-detail_2-detail h1{
  font-family: SukhumvitSet-Bold;  
  font-size: 48px;
  line-height: 76px; 
  align-items: center;
  text-align: center; 
  color: #1F4D8E;
}
.sec-home-detail_2 h1 span{ 
  color: #FFB800;
}
.sec-home-detail_2 h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 26px;
  line-height: 38px; 
  align-items: left;
  text-align: left; 
  color: #374757;
  /*margin-bottom: 30px; */
  margin-left:6%;
}

.sec-home-detail_2 table{
  width: 100%;
  text-align: center;
} 

.sec-home-detail_2 tr{
  width: 100%;
 
} 
.sec-home-detail_2 td{
  text-align: center;
  width: 25%;
} 

.sec-home-detail_2 tr td img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.sec-home-detail_2 tr h6{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 11px;
  line-height: 18px;
}
.sec-home-detail_2tr h6 span{
  color: #5681BF;
} 




.sec-project-detail{
  background-color: #fff;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  height: 700px; 
  background-blend-mode: luminosity;
}
.sec-project-detail > div{
  padding: 0px;
}
 
.sec-project-detail h1 span{ 
  color: #FFB800;
}
.sec-project-detail h3{
  font-family: SukhumvitSet-Bold;  
  font-size: 26px;
  line-height: 38px; 
  align-items: left;
  text-align: left; 
  color: #374757;
  /*margin-bottom: 30px; */
  margin-left: 130px;
}

.sec-project-detail table{
  width: 100%;
  text-align: center;
} 

.sec-project-detail tr{
  width: 100%;
 
} 
.sec-project-detail td{
  text-align: center;
  width: 25%;
} 

.sec-project-detail tr td img{
  text-align: center;
  height: 42px;
  width: 42px !important;
  display: unset !important;
}
.sec-project-detail tr h6{
  font-family: SukhumvitSet-Bold;   
  align-items: center;
  color: #979797;
  font-size: 11px;
  line-height: 18px;
}
.sec-project-detail tr h6 span{
  color: #5681BF;
} 



.project2-card-detail{

  width: 330px;
  margin-left: 00px;
  margin-right: 00px; 
  padding: 0px;
  background: #FFFFFF;
 /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);*/
  border-radius: 20px;
}
.project2-card-detail .cover{ 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 220px;
  border-radius: 10px; 
}



.project2-card-detail .view-project2{
  text-align: center;
}
.project2-card-detail .view-project2 .img{
  margin-bottom: 30px;
  width: 100%;
  height: 191px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important; 
  border-radius: 10px;
}
.project2-card-detail .view-project2 .img .img-project{
  background-position: center center !important;
  background-repeat: no-repeat !important; 
  width: 100%;
  height: 191px;
  border-radius: 10px; 
  object-fit:cover;
}

 .project2-card-detail .view-project2 .h3s{ 
  font-family: SukhumvitSet-Bold;     
  font-size: 26px;
  line-height: 60px; 
  text-align: center; 
  color: #5681BF; 
  border-bottom: 1px solid #DADADA;
  max-height: 52px;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 10px;
} 
 .project2-card-detail .view-project2 h4{ 
  font-family: SukhumvitSet-Bold;     
  font-size: 22px;
  line-height: 52px; 
  text-align: center; 
  color: #374757; 
  border-bottom: 1px solid #DADADA;
  max-height: 52px;
  white-space: nowrap;
  overflow: hidden;
} 
 

 .project2-card-detail .view-project2  strong{
  display: none;
}

/*  เพิ่ม */

.d-flx-combo{
  height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#photo .w-100{
  position: absolute;
  display: block;
  margin-left: auto;
  margin-right: auto;
  justify-content: flex-start;
  z-index: 11 !important;
  width: 100%;
}
#photo .w-100 .btn{
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 20px;
} 
#photo .all-viewx{
  display: none;
}
#photo .carouselx{
  display: none;
}
  
#photo .all-viewx.active{
  display: block;
  z-index: -1 !important;
}
#photo .carouselx.active{
  display: block;
  z-index: 2 !important;
}
.all-viewx{
 /* padding-right: 30px; */
}
.all-viewx .col-4 div{
  cursor: pointer !important; 
  width: 100%;
  height: 350px;
  background-position: center center !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important; 
}

.des-photo{
  position: absolute;
  bottom: 50px;
  padding-top: 10px;
  background-color: #fff;
  height: 25px;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  z-index: 100;
  font-family: SukhumvitSet-Text;
}  

.range-img{
  z-index: 111;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 80%;
  opacity: 1;
}
.range-img #compress-alt{
  display: none;
}
.range-img #compress-alt.active{
  display: block;
}
.range-img div{ 
  background: rgba(0, 0, 0, 0.7);
  height: 36px;
  width: 200px;
  padding: 0px 10px;
  box-sizing: border-box;
  border-radius: 18px;
  color: white;
  position: relative;
}
.range-img div:hover{ 
  background: rgba(0, 0, 0, 1); 
}
.range-img div button{ 
  border: none;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 30px;
  line-height: 26px
}
.range-img div input{ 
  width: 125px;
  margin-top: 17px;
  position: absolute;
}
.range-img div button#plus{  
  position: absolute;
  right: 5px;
}

#slideshow > div{
  z-index: 99 !important;
}

.all-viewx .col-4 img{
  background-position: center center !important;
  background-repeat: no-repeat !important;
  height: 450px;
  width: 100%;
  cursor: zoom-in;
  object-fit: cover;
}

.modal .carousel-indicators {  
  margin-bottom: -75px;
}
 
.modal .carousel-indicators li, .carousel-indicators li.active{  
  width: 7.2vh;
  height: 5.4vh;
  background-color: #fff;
  position: relative;
  margin: 5px;      
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
}
.modal .carousel-indicators .carousel-item img{  
  height: calc(100vh - 90px);
}
.modal-header .close {
  padding: 1rem 0.5rem; 
}


input[type="range"] {
  -webkit-appearance: none; 
  height: 2px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px; 
  cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  cursor: pointer;
}



@media only screen and (max-width: 991px) { /* MOBILE */
  .mb-x{
    display: none !important;
  } 
  .modal .carousel-indicators li, .carousel-indicators li.active { 
    background-size: 100% auto !important;
  }
  .carousel-indicators{
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: -100px !important;
  }
  .des-photo{
    bottom: -55px;
    font-size: 13px;
  }
  .prevx{
    left: 20px;
  }
  .nextx{
    right: 20px;
  }
  .btn-li { 
    bottom: -50px; 
  }
  .btn-span{
    display: none;
  }
  .all-viewx .col-4 div{
    height: 90px;
    background-size: auto 100%  !important;
  }
  .modal-header { 
    padding: 1rem 5px; 
    z-index: 10;
    background-color: #fff;
  }
  .all-viewx .col-4{
    padding: 2px !important;
  }
  .range-img { 
    bottom: 90px; 
  }
}
@media only screen and (min-width: 992px) { /* PC */
  .pc-x{
    display: none !important;
  }  
}
/*

.form-control:focus {
  border-color: #66afe9;
  border-radius: 100px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }


.bootstrap-select .btn .filter-option-inner-inner{
  font-family: SukhumvitSet-Bold;  
  font-size: 20px;
  line-height: 30px; 
  color: #374757; 
  padding-top: 6px; 
}

element.style {
 
    top: 0px;
    left: 0px;
    transform: translate3d(-5px, 0px, 0px);
}