body.pagebody { padding-top: 120px!important; }
.sticky-top2 { top: 150px!important; }
.sticky-bottom2 { bottom: 5px!important; }
.hr-line { opacity: .10; }
.breadcrumb-margin-top { margin-top: 1rem !important; }
.container-slide {--tw-bg-opacity: 1; /*background-color: rgba(48, 145, 207, var(--tw-bg-opacity));*/ min-height: 600px; position: relative; background-image: url('../../images/bg-cover.jpg'); background-repeat:no-repeat; background-repeat:no-repeat; }
.container-slide .image1 {position: absolute;max-width: 190px;z-index: 0;}
.container-slide .image2 {position: absolute;right: 0px;bottom: 0px;max-width: 190px;z-index: 0;}
.container-slide .image3 {position: absolute;z-index: 0;bottom: 0px; object-fit: cover;}
.container-slide .slide-text-top {position: relative;height: 200px;display: flex;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;z-index: 1;}
.container-slide .slide-text-top .textTop {display: flex;margin-top: 60px;margin-bottom: 32px;-webkit-box-pack: center;justify-content: center;}
.container-slide .slide-text-top .image {max-width: 80%;}
.container-slide .slide-text-top .textH { font-size: 28px;text-align: center;width: auto;font-weight: 600 !important; color: #00174d; }
.container-slide .box-search {position: relative;margin-top: 50px;width: 100%;margin-left: auto;margin-right: auto;z-index: 1;}
.container-slide .box-search .search-text {font-size: 14px;line-height: 23px;--line-height-px: 23;font-weight: 400 !important; color: #00174d;}
.propertytype img { width: 60px; height: 60px;}
.card-box-custom {border-radius: 10px;box-shadow: 0 2px 10px 0 rgba(1,27,42,.12);border: none;}
.color_red,.color-red {color: #f00;}
.color-blue { color: rgb(0, 60, 255) !important; font-weight: 600; }
.color-verified { color: #02ad5b!important; }
.color-noverified { color: #f00!important; }
.color-title { color: rgb(29, 52, 97); }
.color-title2 { color:#292b54; }
small { font-size: 12px; color: rgb(156, 156, 156); }
.text-muted2 {color: #b1b6bb!important;}
.text-decoration { color: #b1b6bb; text-decoration: line-through; }
.icon-password {position: absolute;right: 8px;top: 6px; cursor: pointer;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { border-color: none;box-shadow: none;outline: 0 none; }
.form-control,.form-select { border-radius: 5px; font-size: 15.5px; padding: 7px 1rem; }
.form-control:focus,.form-select:focus {border-color: #00cccc!important;box-shadow: none; }
.form-control2 { padding: 6px 1rem !important; }
select { outline:none!important; box-shadow:none!important;cursor: pointer; }
input::placeholder { font-size: 15.5px; color: rgb(190, 190, 190) !important;}
textarea::placeholder { font-size: 15.5px; color: rgb(190, 190, 190) !important;}
.form-check-input:checked {background-color: #00cccc;border-color: #00cccc;}
.heading-top-custom {margin-top: .5rem !important;}
.form-check-input-custom { float: none!important; }

.w-20 { width: 20%; }
.h-70 {height: 70% !important;}
.h-75 {height: 75% !important;}
.h-80 {height: 80% !important;}
.h-85 {height: 85% !important;}
.h-90 {height: 90% !important;}
.h-95 {height: 95% !important;}

.table-list.dataTable { margin-bottom: 0 !important; }
.table-list.dataTable tbody td:first-child { padding:0!important; }
.table-list>:not(caption)>*>* { padding:0; border-bottom-width: 0; }
.table-border-style , .table-border-style thead ,.table-border-style th , .table-border-style tr , .table-border-style td{ border-style:none!important; }

/*btn https://preview.colorlib.com/theme/bb/bootstrap-buttons-19/*/
.btn { border-radius: 4px; }
.btn.btn-custom-primary {background: #0d6efd;border-color: #0d6efd;color: #fff; }
.btn.btn-custom-primary .text span {color: rgba(255, 255, 255, 0.8); }
.btn.btn-custom-primary:hover, .btn.btn-primary:focus {border-color: #00cccc !important;background: #00cccc !important; }
.btn.btn-custom-primary.btn-link {background: transparent;color: #fff;border: none;-webkit-box-shadow: none;box-shadow: none; }

.wrapper-notdata { text-align: center; color:#828282; font-size:13px; margin:30px 0; }
.wrapper-notdata img { max-width:150px; margin-bottom:15px; }
.wrapper-notfound-page {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: calc(100vh - (5.950rem * 2));text-align: center;}
.wrapper-notfound {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: calc(100vh - (30.625rem));text-align: center;}
.wrapper-notfound img { max-width:150px; margin-bottom:15px; }
.no-border {border: 0;box-shadow: none;}
.no-shadow { outline:none!important; box-shadow:none!important; }
.slide img { width: 100%; }
.heading {font-size: 18px;line-height: 26px;font-weight: bold;color: #00174d;}
.heading2 {font-size: 16px;line-height: 26px;font-weight: bold;color: #00174d;}
.heading-line { font-size: 24px; color: #00174d; }
.heading-line20 { font-size: 20px; color: #00174d; }
.heading-line-top {font-size: 18px;line-height: 21px;padding-bottom: 13px;margin-bottom: 12px;border-bottom: 1px solid #dcd7d7;}
.heading-line2 {font-size: 22px;font-weight: bold;line-height: 26px;color: #00174d;position: relative;margin: 0;margin-bottom: 16px;padding-bottom: 8px;}
.heading-line3 {font-size: 20px;font-weight: bold;line-height: 26px;color: #00174d;position: relative;margin: 0;margin-bottom: 16px;padding-bottom: 8px;}
.heading-line4 {font-size: 18px;font-weight: bold;line-height: 26px;color: #00174d;position: relative;margin: 0;margin-bottom: 16px;padding-bottom: 8px;}
.heading-line2:before,.heading-line3:before,.heading-line4:before {border-bottom: 1px solid #ffb511;bottom: 0;left: 0;content: "";position: absolute;width: 50px;border-width: 5px;border-radius: 999px;}

.social-icon .facebook { color: #fff;background-color: #4267b2;border-color: #4267b2; }
.social-icon .facebook:hover, .facebook:focus {background-color: #6a91df;border-color: #6a91df; }
.social-icon .twitter { color: #fff;background-color: #1da1f2;border-color: #1da1f2; }
.social-icon .twitter:hover, .twitter:focus {background-color: #48b5f8;border-color: #48b5f8; }
.social-icon .line { color: #fff;background-color: #00b34f;border-color: #00b34f; }
.social-icon .line:hover, .line:focus {background-color: #33ce76;border-color: #33ce76; }

.footer { background: #101828; color: #fff; font-weight: 300; }
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; }
.footerMobile {position:fixed; right: 0;left: 0;bottom: 0;padding:0;width: 100%;background-image: linear-gradient(90deg,#00174d,rgb(13, 144, 196));line-height: 24px;color: #fff; z-index: 1000; font-size: 13px;}
.footerMobile a { color: #fff; }
.footerpush {transition: transform .2s cubic-bezier(.16, .68, .43, .99);}
.footerMobileDiv { padding: 10px 10px 8px 10px; text-align: center; }
.footerMobileIcon { font-size: 25px; }

.policy-position{ width: 100%;position: fixed;bottom: 0;z-index: 1200; color: #ffffff;}
.policy-position .txt-pdconsent a {color: #cf9e4f;text-decoration: underline;}
.policy-container{padding: 10px;background-color: rgba(0, 0, 0, 0.8);border-radius: 8px;margin-bottom: 8px;}
.pad-row-pdpa{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.col-pdpa{align-items: center !important;display: flex;}

.detail-content img{ max-width: 100%; margin-bottom: 15px; }
.banner img,img.banner { width: 100%; }
.title.line {font-size: 24px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #00174d;position: relative;padding: 15px 0;text-align: left!important;background-color: #ebf1f4;border-bottom: none!important;}
.title.line:after {content: "";position: absolute;border-bottom: 4px solid #d6dde1;width: 100%;left: 0;top: calc(50% - 2px);}
.title.line>h2, .title.line>span {padding: 0 24px;background-color: #ebf1f4;z-index: 1;position: relative;display: inline-block;}
.title.line>h2 {font-size: 24px;margin-left: 50px;}
.line.title>.btn {z-index: 2;position: relative;float: right;top: 4px;}
.btn-mote {color: #fff!important;background-color: #00cccc;box-shadow: 0 4px 5px 0 rgb(73 160 255 / 70%);-webkit-box-shadow: 0 4px 5px 0 rgb(73 160 255 / 70%);font-size: 12px;}
.btn-mote:hover { background-color: #018f8f; }
.card-header-custom { background-color:#fff; border-width: 1px; border-color: #ededed; }
.card-header-custom h1 { font-size: 20px; margin: 0; padding: 0; }
.card-custom {border: 1px solid rgba(255, 255, 255, 0.125); box-shadow: 0 4px 6px rgb(0 0 0 / 10%);}
.card-custom .iconAds { position:absolute; top: 10px; left: -13px; z-index: 999; }
.card-custom .iconAds img { width: 150px; }
.card-custom2 { border: var(--bs-card-border-width) solid rgb(0 0 0 / 11%); }
.card-custom3 { border: var(--bs-card-border-width) solid rgb(0 0 0 / 7%); box-shadow: 0 4px 6px rgb(0 0 0 / 7%);}
.card-custom-bg { border: 0; background-color:#f3f3f3; }
.card-bg { --bs-card-bg: #efeffb; }
.card-itmes { border: var(--bs-card-border-width) solid rgb(0 0 0 / 11%); border-radius: 10px; box-shadow: 0 4px 6px rgb(0 0 0 / 10%); }
.card-itmes .iconAds { position:absolute; top: 5px; left: -8px; }
.card-itmes .iconAds img { width: 100px; }
.card-itmes.border2 { border: var(--bs-card-border-width) solid rgba(177, 177, 177, 0.11); }
.card-itmes .card-image { position: relative; }
.card-itmes .card-image .card-icon { position:absolute; top: 5px; left: 5px; }
.card-itmes .subjecttitle { margin: 0;line-height: 23px;height:45px;word-break: break-word;font-size: 16px;font-weight: 700;letter-spacing: 0.003em;max-width: initial;color: rgb(29, 52, 97);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.card-itmes .subjecttitle2 { margin: 0;line-height: 25px;height:25px;word-break: break-word;font-size: 18px;font-weight: 700;letter-spacing: 0.003em;max-width: initial;color: #006666;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.card-itmes .subjecttitle3 { margin: 0;letter-spacing: 0.003em;max-width: initial;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.card-itmes .desc { margin: 0;height:35px;word-break: break-word;font-size: 16px;font-weight: 400;letter-spacing: 0.003em;max-width: initial;color: rgb(29, 52, 97);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.card-itmes .badges {font-size: 12px;border: 1px solid #fff;border-radius: 5px;display: inline-block;text-align: center;padding: 2px 4px;}
.card-itmes .badges:last-child { margin-left: 3px; }
.card-itmes .badges-primary { border: 1px solid #435b92;color: #435b92; }
.card-itmes .badges-danger { border: 1px solid #dc3545;color: #dc3545; }
.card-itmes .badges-warning { border: 1px solid #ffc107;color: #ffc107; }
.card-itmes .price {font-weight: bold;font-size: 16px;color: #00174d; line-height: 20px;}
.card-itmes .price-red {color: #dc3545;}
.card-itmes .card-img-top-product {width: 100%;height: 12vw;object-fit: cover;}
.card-itmes .card-img-top-product2 {width: 100%;height: 10vw;object-fit: cover;}
.card-itmes .imglogo { width: 70px; height: 70px; border-radius: 50px; border: 1px solid #ededed; }
.card-itmes2 .card-img-top-product {width: 100%;height: 9vw;object-fit: cover;}
.card-items-list img{ width: 100%!important; height: 100%!important; }
.card-items-list .iconAds { position:absolute; top: 10px; left: -10px; z-index: 999; }
.card-items-list .iconAds img { width: 100px!important; }
.card-items-list h5 a{ font-size: 16px; color: rgb(29, 52, 97); }
.card-items-list .rounded-start {border-bottom-left-radius: var(--bs-border-radius)!important;border-top-left-radius: var(--bs-border-radius)!important;}
.news-itmes { border: var(--bs-card-border-width) solid rgb(0 0 0 / 11%); border-radius: 10px; box-shadow: 0 4px 6px rgb(0 0 0 / 10%); }
.news-itmes .subjecttitle {margin: 0;line-height: 26px;height:55px;word-break: break-word;font-size: 16px;font-weight: 700;letter-spacing: 0.003em;max-width: initial;color: rgb(29, 52, 97);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.news-itmes .news-img-top-product {width: 100%;height: 9vw;object-fit: cover;}
.news-items3 { font-size: 13px; }
.news-items3 .title { display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; }
.news-items3 .titlesub { font-size: 11px; color:#6c757d; }
.news-items3 .grid-image {object-fit: cover!important;width: 100px!important;}
.container-tag {width: 100%;display: inline-block;font-weight: normal;font-size: 14px;color: #435b92;}
.container-tag .tag {background: #f3f3f3;border-radius: 5px;margin-right: 7px;margin-top: 7px;padding: 5px 7px;display: inline-block;}
.cars-type { text-align: center; }
.cars-type img{ height: 60px; }
.sidebar {padding: 0 16px;border: 1px solid #ebebeb;margin-bottom: 30px;position: relative; -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 15%);box-shadow: 0 4px 10px rgb(0 0 0 / 15%); min-height: 200px; padding: 12px; background-color:#fff;}
.container-keyword { color: #333; }
.container-keyword .title {font-size: 14px;font-weight: bold;margin-top: 0;margin-bottom: 10px;}
.container-keyword ul {list-style: none;padding: 0;margin: 0;}
.container-keyword ul li { position: relative; font-size: 13px; line-height: 25px; }
.container-sub {color: #333; font-size: 14px;}
.container-sub a { color: #333; text-decoration: none;  }
.container-sub .title { font-weight: bold;font-size: 18px;line-height: 21px;margin: 0;padding: 0 0 19px 0;border-bottom: 1px solid #dddddd; margin-bottom: 15px; }
.container-sub ul { list-style: none; margin-top: 0; padding: 0; }
.container-sub ul li {position: relative;padding-left: 20px; line-height: 25px;}
.container-sub ul li::before {content: "➤";font-family: fontello;color: rgb(13, 114, 247);position: absolute;transform: translate(0px, -50%);top: 50%;left: 0px;}
.containerflex { margin: auto;letter-spacing: 1px;display: flex;justify-content: space-between;-webkit-justify-content: space-between;font-weight: 300;}
.section-copyright {color: #888;font-size: 12px;}
.section-copyright-sub { padding-top: 15px; padding-bottom: 15px; margin-top: 30px; border-top: 4px solid #cfdfe8; }
.detail-title {font-size: 22px;line-height: 26px;color: #292b54;margin-bottom: 18px;}
.detail-image-slide { width: 100%; background-color: #333; min-height: 300px; }
.detail-image-slide img{ width: 100%; }
.detail-group-price { font-size: 14px; }
.detail-group-price .price { font-size: 22px;font-weight: bold;color: #00174d; }
.detail-group-price .price-old { font-size: 16px;text-decoration-line: line-through;-webkit-text-decoration-line: line-through;color: #999; }
.detail-group-price .text-downpayment {font-size: 14px;color: #999;}
.detail-group-inline .txt {font-size: 13px;line-height: 15px;margin-right: 14px;padding: 0 !important;margin-bottom: 15px;color: #999;}
.detail-seller { font-size: 14px; }
.detail-seller .heading {margin-bottom: 13px;margin-top: 0;font-size: 18px;font-weight: bold;}
.detail-seller .seller-name { font-size: 18px; }
.detail-seller .seller-desc { font-size: 12px; word-break: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.detail-seller .profile-image { width: 50px; }
.detail-seller .profile-image2 { width: 80px; }
.detail-desc { font-size: 14px; }
.detail-desc img{ max-width: 100%; margin-bottom: 15px; }
.detail-box {position: relative;height: 233px;overflow: hidden;padding: 5px;}
.detail-open-text {height: 68px;position: absolute;bottom: 0;width: 100%;text-align: center;background-image: linear-gradient(to bottom, rgb(255 255 255 / 64%) 5%, rgb(255 255 255 / 67%) 11%, #ffffff 27%);}
.detail-property-list {background: #fff;border: 1px solid #dce8f8;border-radius: 8px;padding: 12px; color:#838f9b;}
.detail-property-list .detail-property-list-title {align-items: center;display: block;font-size: 14px;font-weight: 500;letter-spacing: .3px;line-height: 24px;}
.detail-property-list .detail-property-list-text {color: #173559;}
.detail-contact {color:#173559;border: 1px solid #F0F7FF;box-shadow: 2px 4px 4px rgba(189, 201, 223, 0.308);border-radius: 5px;padding: 10px 10px;}
.seller-count { font-size: 13px; background-color: #173559;border-radius: 4px;padding: 10px; color: #fff; }
.seller-count .txt { font-size: 25px; color: #fff; }
.icon-memu { color: #777c88; }
.nav-link-memu { color: #97a0b1; }
.nav-link-memu:hover,.nav-link-memu.active { color: #005af5; }
.nav-link-memu:hover .icon-memu , .nav-link-memu.active .icon-memu { color: #005af5; }
.profile-confirm ul { list-style: none; margin: 0; padding: 0; }
.profile-confirm ul li { padding: 0; cursor: pointer; }
.profile-confirm ul li.not { color:#960000; }
.profile-confirm ul li.confirm { color:#029609; }
.img-fluid-bu {width: 100%;height: 250px;object-fit: cover;}

.projects .imglogo { width: 150px!important; height: 150px!important; border-radius: 80px; border: 1px solid #ededed; }
.projects .imglogo2 { width: 120px!important; height: 120px!important; border-radius: 80px; border: 1px solid #ededed; }
.projects .subject { display: -webkit-box; margin: 0;line-height: 40px;height:35px;word-break: break-word;font-size: 30px;font-weight: 700;letter-spacing: 0.003em;max-width: 900px;color: #006666;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.projects .imagegrid {position: relative;}
.projects .imagegrid img { width: 100%; }
.projects .imagegrid .grid-image {object-fit: cover!important;width: 100%!important;height: 100%!important;}
.projects .imagegrid .grid-flex {width: 100%;height: auto;display: grid;grid-template-columns: 50% 1fr 1fr;grid-template-rows: repeat(2, minmax(0px, 1fr));gap: 8px;border-radius: 10px;overflow: hidden;}
.projects .imagegrid .grid-flex div.last-grid:not(:only-child) span.more { display: block; }
.projects .imagegrid .grid-flex div.last-grid:not(:only-child) { background-color:#000000e8; }
.projects .imagegrid .grid-flex div.last-grid:not(:only-child) img { opacity: 0.5; }
.projects .imagegrid .grid-flex div:nth-of-type(1) {grid-row: span 2 / span 2;}
.projects .imagegrid .grid-flex .linkother {font-size: 18px;--font-size-px: 18;line-height: 28px;--line-height-px: 28;white-space: nowrap;top: 40%;left: 35%;position: absolute;--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));--tw-translate-x: -50%;--tw-translate-y: -50%;}
.projects .imagegrid .grid-p {position: relative;cursor: pointer;}
.projects .price {font-weight: bold;font-size: 18px;color: #00174d;}
.projects-detailpost { font-size: 14px; }
.projects-detailpost .subject { font-size: 18px; }
.projects-detailpost img { width: 80px; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.detail-title {font-size: 22px;line-height: 26px;color: #292b54;margin-bottom: 18px;}
.detail-image-slide { width: 100%; background-color: #333; min-height: 300px; }
.detail-image-slide img{ width: 100%; }
.detail-group-price { font-size: 14px; }
.detail-group-price .price { font-size: 22px;font-weight: bold;color: #00174d; }
.detail-group-price .price-old { font-size: 16px;text-decoration-line: line-through;-webkit-text-decoration-line: line-through;color: #999; }
.detail-group-price .text-downpayment {font-size: 14px;color: #999;}
.detail-group-inline .txt {font-size: 13px;line-height: 15px;margin-right: 14px;padding: 0 !important;margin-bottom: 15px;color: #999;}
.detail-seller { font-size: 14px; }
.detail-seller .heading {margin-bottom: 13px;margin-top: 0;font-size: 18px;font-weight: bold;}
.detail-seller .seller-name { font-size: 18px; }
.detail-seller .seller-desc { font-size: 12px; word-break: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.detail-desc { font-size: 14px; }
.detail-desc img{ max-width: 100%; margin-bottom: 15px; }
.detail-box {position: relative;height: 233px;overflow: hidden;padding: 5px;}
.detail-open-text {height: 68px;position: absolute;bottom: 0;width: 100%;text-align: center;background-image: linear-gradient(to bottom, rgb(255 255 255 / 64%) 5%, rgb(255 255 255 / 67%) 11%, #ffffff 27%);}
.detail-property-list {background: #fff;border: 1px solid #dce8f8;border-radius: 8px;padding: 12px; color:#838f9b;}
.detail-property-list .detail-property-list-title {align-items: center;display: block;font-size: 14px;font-weight: 500;letter-spacing: .3px;line-height: 24px;}
.detail-property-list .detail-property-list-text {color: #173559;}
.detail-contact {color:#173559;border: 1px solid #F0F7FF;box-shadow: 2px 4px 4px rgba(189, 201, 223, 0.308);border-radius: 5px;padding: 10px 10px;}
.detail .imagegrid {position: relative;}
.detail .imagegrid img { width: 100%; }
.detail .imagegrid .grid-image {object-fit: cover!important;width: 100%!important;height: 100%!important;}
.detail .imagegrid .grid-flex {width: 100%;height: auto;display: grid;grid-template-columns: 60% 1fr 1fr;grid-template-rows: repeat(2, minmax(0px, 1fr));gap: 8px;border-radius: 10px;overflow: hidden;}
.detail .imagegrid .grid-flex div.last-grid:not(:only-child) span.more { display: block; }
.detail .imagegrid .grid-flex div.last-grid:not(:only-child) { background-color:#000000e8; }
.detail .imagegrid .grid-flex div.last-grid:not(:only-child) img { opacity: 0.5; }
.detail .imagegrid .grid-flex div:nth-of-type(1) {grid-row: span 2 / span 2;}
.detail .imagegrid .grid-flex .linkother {font-size: 18px;--font-size-px: 18;line-height: 28px;--line-height-px: 28;white-space: nowrap;top: 40%;left: 35%;position: absolute;--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));--tw-translate-x: -50%;--tw-translate-y: -50%;}
.detail .imagegrid .grid-p {position: relative;cursor: pointer;}

.package-img { width: 100%; }
.package-list {margin-top: 16px;list-style-type: none;}
.package-list .list {display: flex;flex-direction: row;padding-top: 8px;padding-bottom: 8px;-webkit-box-align: center;align-items: center;min-height: 60px;font-size: 16.5px;--font-size-px: 16.5;line-height: 24px;--line-height-px: 24;font-weight: 500;border-bottom: 1px dotted #d5d5d5;}
.package-list .icon { font-size: 25px; color: #02ad5b;margin-right: 16px;}
.packageUL { list-style: none; margin: 0; padding: 0; }

.text-bg-summer { color: #010c25 !important;background-color: #D2DE32!important; }
.text-bg-summer1 { color: #010c25 !important;background-color: #A2C579!important; }
.text-bg-summer2 { color: #010c25 !important;background-color: #61A3BA!important; }
.text-bg-rainbow { color: #010c25 !important;background-color: #F4538A!important; }
.text-bg-rainbow1 { color: #010c25 !important;background-color: #FAA300!important; }
.text-bg-rainbow2 { color: #010c25 !important;background-color: #EE4266!important; }
.text-bg-rainbow3 { color: #010c25 !important;background-color: #5E1675!important; }
.text-bg-rainbow4 { color: #010c25 !important;background-color: #9195F6!important; }

.btn-summer {color: #010c25;background-color: #D2DE32;border-color: #D2DE32;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-summer:hover, .btn-summer:focus {background-color: #D2DE32;border-color: #D2DE32;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-rainbow1 {color: #010c25;background-color: #FAA300;border-color: #FAA300;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-rainbow1:hover, .btn-rainbow1:focus {background-color: #FAA300;border-color: #FAA300;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorA {color: #010c25;background-color: #a4abb6;border-color: #a4abb6;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorA:hover, .btn-colorA:focus {background-color: #a4abb6;border-color: #a4abb6;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorB {color: #010c25;background-color: #2cccff;border-color: #2cccff;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorB:hover, .btn-colorB:focus {background-color: #2cccff;border-color: #2cccff;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorC {color: #010c25;background-color: #57f000;border-color: #57f000;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorC:hover, .btn-colorC:focus {background-color: #57f000;border-color: #57f000;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorD {color: #010c25;background-color: #fbe83a;border-color: #fbe83a;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorD:hover, .btn-colorD:focus {background-color: #fbe83a;border-color: #fbe83a;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorE {color: #010c25;background-color: #ffb302;border-color: #ffb302;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorE:hover, .btn-colorE:focus {background-color: #ffb302;border-color: #ffb302;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }
.btn-colorF {color: #010c25;background-color: #fe3839;border-color: #fe3839;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);}
.btn-colorF:hover, .btn-colorF:focus {background-color: #fe3839;border-color: #fe3839;box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%); }

.payment-check-group {display: block;flex-direction: row;flex-wrap: wrap;margin: 0 0 1rem 0;}
.payment-check-group .payment-item {display: flex;flex: 1;margin: 5px;}
.payment-check-group .payment-item input[type=radio] {display: none;}
.payment-check-group .payment-item input[type=radio]:checked+label {border: 2px solid #00adf2;}
.payment-check-group .payment-item .payment-label {align-items: center;border: 2px solid #ddd;border-radius: 5px;cursor: pointer;display: flex;flex: 1;margin: 0;padding: 5px 10px;position: relative;transition: all .3s ease-in-out;width: 100%;}
.payment-check-group .payment-item input[type=radio]:checked+label:before {background-color: #00adf2;color: #fff;}
.payment-check-group .payment-item .payment-label:before {background-color: #ddd;border-radius: 5px;content: "เลือก";display: inline-block;font-size: .8rem;height: 28px;margin-right: 10px;padding: 4px 4px 4px 28px;transition: all .3s ease-in-out;width: 75px;}
.payment-check-group .payment-item .payment-label:after {bottom: 0;color: #fff;content: "✓";display: inline-block;font-family: Font Awesome\ 5 Free;height: 14px;left: 14px;margin: auto;position: absolute;top: -10px;width: 14px;}
.payment-check-group .payment-item .payment-body {align-items: center;display: flex;flex-grow: 1;font-size: 1rem;padding: 0 10px;}

#google-map { height: 100%;width: 100%;}
#toTop {position: fixed;cursor: pointer;bottom: 0;right: 10px;z-index: 99999;display: none;}
#toTop i {font-size: 50px; color: #0072ff;transition: all 0.4s;}

@media (max-width: 992px) {
    .card-itmes .card-img-top-product {height: 24vw;}
}

@media (max-width: 834px) {
    .projects .imagegrid .grid-flex .linkother { top:35%; left: 20%; }
    .projects .subject { max-width: 450px!important; }
}

@media (max-width: 768px) {
    .card-itmes .card-img-top-product {height: 30vw;}
    .container-slide .image3 {width: 100%!important;}
}

@media (max-width: 767px) {
    .policy-container{border-radius: 0;margin-bottom: 0;}
    .rounded-start-costom {border-bottom-left-radius:0!important;border-top-right-radius: var(--bs-border-radius)!important;border-top-left-radius: var(--bs-border-radius)!important;}
    .card-items-list .rounded-start {border-bottom-left-radius:0!important;border-top-right-radius: var(--bs-border-radius)!important;border-top-left-radius: var(--bs-border-radius)!important;}
    .card-itmes .price { font-size: 14px; }
    .projects .projects-justify-content-center {justify-content: center !important; }
    .projects .imglogo { margin-bottom: 15px; }
    .projects .subject { height: auto !important; overflow:auto; -webkit-line-clamp:unset; margin-bottom: 15px; }
    .projects .imagegrid .grid-flex { grid-template-columns: 2fr 1fr;gap: 5px; }
    .projects .imagegrid .grid-flex .desktop { display: none; }
    .projects .imagegrid .grid-flex .linkother { font-size: 14px; top:30%; left: 15%; }
    .heading-top-custom {margin-top: 2.5rem !important;}
    .breadcrumb-margin-top { margin-top: 2.5rem !important; }
    .card-itmes .imglogo { width: 40px; height: 40px; }
    .text-center-m { text-align: center; }
    .title.line>h2 {font-size: 18px;margin-left: 20px;}
}

@media (max-width: 576px){
    .flex-justify-content-center {justify-content: center !important;}
    .news-itmes .news-img-top-product {height: 28vw;}
}