.body-scrollhidden{ overflow-x: hidden;}
.Location-details-section-1{   background-color: #fafafa; padding: 93px 0 31px 0; position: relative; display: block; width: 100%;}
.Location-details-section-1 .shape-img{ max-width: 1024px; width: 53.44vw;  position: absolute; right: -266px; top:125px; z-index: 1; }
.Location-details-section-1 .shape-img img {width: 100%; height: auto;}
.Location-details-section-1 .container{ position: relative; z-index: 2; }
.Location-block-main{ max-width: 1088px; margin: 0 auto; display: block; }

.feature-image-main{ display:block ; width: 100%;}
.feature-image-main .Location-image{ position: relative; aspect-ratio: 1088/596; width: 100%; display: block; border-radius: 20px; overflow: hidden;}
.feature-image-main .Location-image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.map-icon-text { padding: 32px 0 0 0; display: flex; justify-content: flex-end;}
.map-icon-text .icon-text{ display: flex; font-size: 20px; color: var(--white); align-items: center; border-radius:100px; background: var(--body-text-color); gap: 12px; padding: 3px 42px; }
.map-icon-text .icon-text i{ display: flex;align-items: center; justify-content: center;}
.map-icon-text .icon-text i img{ width: 15px; height: auto; color: var(--body-text-color);}

.Location-contain{ display: block; width: 100%; padding: 33px 0 0 0;}
.Location-contain h3 { padding: 0 0 32px; font-size: 34px; font-weight: 500; width: 100%; display: block;}
.Location-contain   ul{ padding: 16px 0 16px 18px; }
.Location-contain   ul li { display: list-item; list-style-type: disc; list-style-position: outside; margin: 0;padding: 0;font-weight: 400;font-size: 16px;line-height: 1.56;color: var(--body-text-color);}
.Location-contain   ul ol li + li,
.Location-contain   ul li + li{margin-top: 5px; }
.Location-contain   ul ol{ padding: 16px 0 16px 18px; }
.Location-contain   ul ol li { display: list-item; list-style-type: decimal; list-style-position: outside; margin: 0;padding: 0;font-weight: 400;font-size: 16px;line-height: 1.56;color: var(--body-text-color);}
.Location-contain .btnbox{ padding: 86px 0 0 0; display: flex;}

@media (min-width: 1281px) and (max-width: 1800px) {
.Location-block-main { max-width: 1000px; } 
}
@media (min-width: 992px) and (max-width: 1280px) {
 
}

@media (min-width: 768px) and (max-width: 991px) {
.Location-details-section-1{ padding: 64px 0 31px; } 
.Location-contain .btnbox{ padding: 64px 0 0 0; }
}

@media (max-width: 767px) {
.Location-details-section-1 .shape-img{ display: none;}
.Location-details-section-1{ padding: 48px 0 0px; }
.feature-image-main{ display: flex; flex-direction: column-reverse;}
.map-icon-text{ padding: 0 0 42px; justify-content: center; }
.feature-image-main .Location-image{ aspect-ratio: 350/192;}
.Location-contain{ padding: 42px 0 0 0; }
.Location-contain h3{ font-size: 24px ;}
.Location-contain .text{ padding: 0 0 49px; }
.Location-contain .btnbox{ box-shadow: 0 0 15px 0 rgba(21, 79, 128, 0.05); justify-content: center; width: calc(100% + 40px); margin: 0 -20px; background: #fff; padding: 45px 20px 44px; }
.Location-contain .btnbox span {
  transform: translateX(-10px);
}
.Location-contain .btnbox::after {
  transform: translateX(0);
  opacity: 1;
}
}

/* news detail */

.news-detail-page-img {background: #FAFAFA; position: relative; width: 100%; display: block;}
.news-detail-page-img .mobile-link {display: none;}
.news-img-sec { padding: 93px 0 15px;}
.news-img-sec .news-detail-img {max-width: 1088px; margin: 0 auto; display: block; width: 100%; position: relative;}
.news-img-sec .news-detail-img::after {content: ''; display: block; padding: 54.78% 0 0;}
.news-img-sec .news-detail-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 20px;}

.sub-categorie { padding: 15px 0 30px;}
.sub-btn-sec {max-width: 1088px; margin: 0 auto;}
.sub-btn-sec .sub-btn-left {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sub-btn-sec .sub-btn-left .tag-wrap {display: flex; align-items: center; justify-content: flex-start; gap: 12px;}
.sub-btn-sec .sub-btn-left .tag-wrap .tag-box { padding: 0 10px; min-width: 134px; height: 28px; background-color: #afa0d8; border-radius: 17px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--white); line-height: 1.5; font-family: "Open Sans"; }
.sub-btn-sec .sub-btn-left .tag-wrap .tag-box + .tag-box{background-color: #e6e6e6; color: #4a4a4a; font-weight: 400;}

.sub-categorie-block {margin-top: 45px;}
.scroll-link {width: 100%; padding-bottom: 50px;}
.scroll-link .scroll-link-wrap {position: relative; max-width: 1088px; margin: 0 auto;}
.scroll-link .scroll-link-wrap ul {display: flex; align-items: center; gap: 34px; margin: 0; padding: 0;}
.scroll-link .scroll-link-wrap ul li {list-style: none; margin: 0; padding: 0; display: block;}
.scroll-link .scroll-link-wrap ul li a {font-family: "Open Sans"; font-size: 14px; font-weight: 600; line-height: 1.79; letter-spacing: normal; text-align: left;
color: #4a4a4a; transition: all ease-in-out 0.3s;}
.scroll-link .scroll-link-wrap ul li a:hover {color: #AFA0D8;}

.content-list { max-width: 1088px; margin: 0 auto; padding-top: 57px;}
.content-list p {font-family: 'Open Sans'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal;
text-align: left; color: #4a4a4a; }
.news-detail-page-img .shape-img{ max-width: 1024px; width: 53.44vw;  position: absolute; right: -266px; top:125px; z-index: 1; }
.news-detail-page-img .shape-img img {width: 100%; height: auto;}
.body-scrollhidden{ overflow-x: hidden;}
.news-detail-page-img .container {z-index: 2; position: relative;}
.sub-categorie {background: #FAFAFA; padding: 15px 0 50px;}
.sub-btn-sec {max-width: 1088px; margin: 0 auto;}
.sub-btn-sec .sub-btn-left {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sub-btn-sec .sub-btn-left .tag-wrap {display: flex; align-items: center; justify-content: flex-start; gap: 12px;}
.sub-btn-sec .sub-btn-left .tag-wrap .tag-box { padding: 0 10px; min-width: 134px; height: 28px; background-color: #afa0d8; border-radius: 17px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--white); line-height: 1.5; font-family: "Open Sans"; }
.sub-btn-sec .sub-btn-left .tag-wrap .tag-box + .tag-box{background-color: #e6e6e6; color: #4a4a4a; font-weight: 400;}
.copy-list {display: flex; align-items: center; }
.copy-list > .icon{display: flex; align-items: center; gap: 15px; position: relative;}
.copy-list > .icon a {display: flex; color: #4a4a4a; transition: all 0.3s ease-in-out; align-items: center;}
.copy-list > .icon a:hover {color: #AFA0D8; }
.sub-categorie-block {margin-top: 45px;}
.copy-list .icon ul { position: absolute; left: 50%; bottom: 100%; padding: 8px 20px; justify-content: center; display: flex; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
gap: 10px; opacity: 0; transition: all 0.3s ease-in-out; background-color: #1A70B8; border-radius: 100px; transform: translateX(-50%);}
.copy-list .icon:hover ul { opacity: 1; }
.copy-list .icon ul li {
    display: flex;
    align-items: center;
}
.copy-list .icon ul li a {
    display: flex;
    text-decoration: none;
    margin: 0px;
    opacity: 1;
    padding: 0px;
}
.copy-list .icon ul li a img {
    min-width: 18px;
    width: 18px;
}

.copy-list .icon ul:after {
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    left: 50%;
    margin: 0 0 0 -8px;
    top: 100%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #1A70B8;
}
.copy-list .icon>a {
    padding: 10px 8px;
    align-items: center;
    display: flex;
}

.copy-list .icon>a>svg {
    width: 20px;
}

@media (min-width: 1800px) { 
}

@media (min-width: 1600px) and (max-width: 1699px) {
  
  .news-img-sec {padding-top: 80px;}
}

@media (min-width: 1231px) and (max-width: 1599px) {
   
   .news-img-sec {padding-top: 70px;}
}

@media (min-width: 992px) and (max-width: 1230px) {
   
   .news-img-sec {padding-top: 60px;}
}

@media (max-width: 991px) {
  .news-detail-page-img .shape-img {display: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
   
   .news-img-sec {padding-top: 50px;}
   .content-list {padding-top: 30px;}
   
}

@media (max-width: 767px) {
   
   .news-detail-page-img .mobile-link {display: block; }
   .mobile-top {background: #F4F4F4; padding: 16px 0;}
   .news-detail-page-img .mobile-link .mobile-top .container {padding: 0;}
   .news-detail-page-img .mobile-link .mobile-scroll-link {position: relative; width: 100%;}
   .news-detail-page-img .mobile-link .mobile-scroll-link ul {display: flex; gap: 8px; overflow-x: auto; padding: 0 20px;}
   .news-detail-page-img .mobile-link .mobile-scroll-link ul::-webkit-scrollbar { display: none; /* Chrome, Safari */ }
   .news-detail-page-img .mobile-link .mobile-scroll-link ul li {display: block; position: relative; padding: 0; margin: 0;}
   .news-detail-page-img .mobile-link .mobile-scroll-link ul li a {display: flex; justify-content: center; align-items: center; font-size: 14px; color: #4A4A4A; height: 31px; border-radius: 23px; background: #FFF; padding: 0 26px; min-width: 160px;}
   .copy-upload {padding: 26px 0; background-color: #FFF;}
   .copy-list {display: flex; justify-content: center; align-items: center; gap: 25px;}
   .copy-list .icon {display: flex; gap: 25px; justify-content: center;}
   .copy-upload ul li {display: block; margin: 0; padding: 0;}
   .copy-list .icon > a {display: flex; justify-content: center; align-items: center;}
   .copy-list .icon > a {display: inline-flex; justify-content: center; align-items: center; width: 47px; height: 47px; background: #707070; border-radius: 50%;}
   
   .news-img-sec {padding: 30px 0 14px;}

   .copy-list {justify-content: center;}

   .sub-categorie .copy-list {display: none;}
   .sub-btn-sec .sub-btn-left {justify-content: center;}
   .scroll-link .scroll-link-wrap {display: none;}

   .news-detail-page-img .mobile-link{width: calc(100% + 40px); margin: 0 -20px;}

   .content-list {padding-top: 3px;}
}

@media (max-width: 499px) {
   
}