/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000;
}
*,*:focus,*:hover{
    outline:none;
}
a {
	color: #000; 
	text-decoration: none;
}
a:hover {
	color: #9a7a4b; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
html{scroll-behavior: smooth;}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 83%;
	margin: 0 auto;
	padding: 0px;
}

footer {width: 100%; overflow: auto; padding:0;}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); transition-property: transform; transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 6vw; overflow: visible;}

/*basic css ends*/
header {
  width: 100%;
  display: block;
  padding: 0; margin: 0 0 10vw 0;
}
.home-header{margin: 0 !important;}
aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background-color: #fff;
  box-sizing: border-box;
  padding: 0px;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  z-index: 2;}
aside.scroll {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  top: 0vw;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
.logo-menu {
  width: 100%;
  display: block;
  padding: 0.7vw 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 14%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-right {
  width: 86%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu {
 padding: 0.3vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 10%;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-right {
  width: 90%; transition: all .25s ease-in-out;
}
.headers{width:100%; display:block; position:relative; margin: 5.4vw 0 4vw 0; padding:0;}
.headers figure{display:block;}
.headers figcaption{font-size:1.5vw; color: #fff; line-height:2.3vw; text-align: center; position:absolute; bottom:2vw; left:0; right: 0; margin-left: auto; margin-right: auto; font-family: "Poppins", sans-serif; font-weight:400; width: 55%; background: rgba(0, 0, 0, 0.6); padding: 1.5vw 2vw; border-radius: 1vw;}

.body-txt{font-size: 1vw; font-weight: 400; color: #333; line-height: 1.9vw; text-align: justify;}
.body-txt li{list-style-image: url("../images/blt.png"); padding: 0 0 0 5px; margin: 0 0 0.9vw 2vw;}
.body-txt p{ margin:0 0 1.5vw 0;}

.social-icns{display:block; width:20%; margin-left:auto; margin-right:auto; margin-bottom:1.5vw; margin-top: 2vw; text-align: center; font-size: 0;}
.social-icns li{font-size: 1.3vw; list-style-type:none; display:inline-block; width:20%; vertical-align:middle;}
.address{display:block; width:50%; margin-left: auto; margin-right: auto; margin-bottom: 0.9vw; text-align: center; font-size: 0.9vw; font-weight: 300; letter-spacing:0.1vw;}
.copyright{display:block; width:50%; margin-left: auto; margin-right: auto; margin-bottom: 0.9vw; text-align: center; font-size: 0.8vw; font-weight: 300; letter-spacing:0.1vw;}
.terms{display:block; width:50%; margin-left: auto; margin-right: auto; text-align: center; font-size: 0.8vw; font-weight: 300; letter-spacing:0.1vw;}
.terms span{margin:0 0.5vw;}

.header-inside{width:100%; display:block; position:relative; margin: 5.7vw 0 6vw 0; padding:0;}
.header-inside figure{display:block;}
.header-inside figcaption{font-size:2.8vw; color: #fff; position: absolute; top: 40%; left: 0; padding: 0 0 0 9vw; font-family: "Poppins", sans-serif; font-weight:700; width: 100%;}

.body-area{font-size: 0; width: 100%;}
.body-left{display: inline-block; vertical-align: top; width: 57%;}
.body-right{display: inline-block; vertical-align: top; margin: 0 0 0 6%; width: 37%;}
.margin-below{margin: 0 0 3vw 0;}

/*Tabs CSS Starts*/
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; margin: 0;
}
.tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 0 0 0.7vw 0;
    cursor: pointer; color: #999;
    font-size: 1.1vw;
    font-weight: 500;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
}
.tabs .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 3vw 0 0 0;
}
.tabs input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.tabs input[type="radio"]:checked + label {
    color: #000;
    border-bottom: solid 0.3vw #e58c5b;
}
.tabs input[type="radio"] + label {
    margin-right: 3.5vw;
    left: auto;
    right: auto;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

@media (max-width: 45em) {
.tabs .tab, .tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
}
.tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}
}
/*Tabs CSS Ends*/


.contact-left{width:20%; display:inline-block; margin:1.5vw 4% 0 0; vertical-align:top; text-align:center;}
.contact-left h4{font-size:1.6vw; margin-bottom:0.3vw; color:#9a7a4b;}
.p-head{font-size:1.6vw; margin-bottom:0.3vw; color:#333;}
.contact-right{width:75%; display:inline-block; vertical-align:top; padding:1vw; border:dashed 1px #ccc; margin:1.5vw 0 0 0;}
.c-icons{ color:#9a7a4b; font-size:3vw !important; margin:0 0 0.8vw 0;}
.c-icons02{ color:#9a7a4b; font-size:3vw !important; margin:2vw 0 0.8vw 0;}
.form-area{ display:block; width:100%; font-size:0; margin:1.5vw 0 0 0;}
.form-left{display: inline-block; width:58%; margin:0 2% 0 0; vertical-align:top;}
.form-right{display: inline-block;  width:40%; margin:0; vertical-align:top;}
.txt-name {font-family: "Poppins", sans-serif; margin: 0 0 1vw 0; padding:1.3vw 1.3vw 1.3vw 0.5vw; width: 100%; outline: none; display: inline-block;  vertical-align: top; border: 1px solid #ccc; }
.txt-box{font-family: "Poppins", sans-serif; width: 100%; height:8.9vw; padding:1.3vw; margin:0 0 1vw 0; outline: none; border: 1px solid #ccc;}
.submit{font-family: "Poppins", sans-serif; display: inline-block; vertical-align: top; background:#9a7a4b; outline: none; border: none; padding:1.3vw; color:#fff; width: 100%; cursor: pointer;}
.submit:hover{background: #b80012;}
.c-map{width: 100%; padding: 1vw; border:dashed 1px #ccc; margin: 3vw 0 0 0;}
.c-map iframe{height: 30vw; border: 0;}

.j-pics-area{width: 100%; display: block; font-size: 0; margin: 0 0 1.5vw 0;}
.j-pics{width: 16.6%; display: inline-block; padding: 0 0.7vw; text-align: center; font-size: 0.9vw; font-weight: 600; vertical-align: top;}
.j-pics img{margin: 0 0 0.5vw 0;}

.dsk{display: block !important;}
.mob{display:none !important;}

.theme-area{width:100%; font-size:0;}
.theme-left{width:60%; vertical-align: top; margin: 0 5% 0 0;  display: inline-block;}
.theme-pic{width: 100%; display: flex; background: #f4f4f4; height: 33vw;}
.theme-pic img{object-fit: contain;}
.theme-right{width:35%; display: inline-block; vertical-align: top;}

.phead01{font-size: 2.5vw; font-weight:600; margin:0 0 1.5vw 0;}
.rm-button{font-family: "Poppins", sans-serif; display: block; border: solid 2px #9a7a4b; padding: 0.8vw 1.5vw; font-size:1vw; font-weight: 600; color:#9a7a4b; background: #fff; margin: 2vw 0 0 0; cursor: pointer; transition: all .25s ease-in-out;}
.rm-button:hover{background: #9a7a4b; color: #fff; transition: all .25s ease-in-out;}

.artificial-tab{display: block; margin: 0 0 3.5vw 0;}
.artificial-tab li{display:inline-block; vertical-align:top; list-style-typne:none; margin:0 3.2vw 0 0; font-size:1.1vw; font-weight: 500; padding: 0 0 0.7vw 0; border-bottom: solid 0.3vw #fff; cursor: pointer;}
.artificial-tab li:hover{border-bottom: solid 0.3vw #e58c5b;}
.artificial-active{border-bottom: solid 0.3vw #e58c5b !important;}

.theme-area-02{width:100%; font-size:0; margin: 2vw 0 0 0;}
.theme-area-02 li{list-style-type:none; display:inline-block; vertical-align: top; width: 31%; margin: 0 3.5% 2vw 0; position: relative; cursor: pointer;}
.theme-area-02 li:last-child{margin:0;}

.theme-area-02-height {display: flex; background: #fff; height: 18.7vw;}
.theme-area-02-height img {height: 100%; width: 100%; border: solid 1px #e8e8e8; object-fit: contain;}
.theme-area-02-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsla(0, 0%, 0%, .6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.theme-area-02-content {padding-inline: 2.5rem; padding: 2vw;}
.theme-area-02-content p {font-size: 1vw; line-height: 1.5vw;
  color: #fff;}
.theme-area-02-content p span{font-size: 1.3vw; font-style: italic; display: block; margin: 0 0 1vw 0;}
.theme-area-02 li:hover .theme-area-02-overlay {height: 100%;
}
.txt-height{height: 28vw; overflow: auto; padding: 0 1vw 0 0;}

.artist-names{display: inline-block; font-size:1.3vw; font-weight:400; padding: 0 2.5vw 1vw 0;}
.artist-names li{list-style-type: none; display: inline-block; vertical-align:top; width:25%; font-size:1.3vw; font-weight:400; padding: 0 2vw 1.5vw 0;}

.theme-area-03{width:100%; font-size:0;}
.theme-left-03{width:35%; vertical-align: top; margin: 0 5% 0 0; display: inline-block;}
.theme-right-03{width:60%; display: inline-block; vertical-align: top; position: relative;}

.common-button{font-family: "Poppins", sans-serif; display: inline-block; border: solid 2px #9a7a4b; padding: 0.8vw 1.5vw; font-size:1vw; font-weight: 600; color:#9a7a4b; background: #fff; margin: 1vw 0.5vw 0 0; cursor: pointer; transition: all .25s ease-in-out;}
.common-button:hover{background: #9a7a4b; color: #fff; transition: all .25s ease-in-out;}

.common-button-02{font-family: "Poppins", sans-serif; display: inline-block; border: none; padding: 0.5vw 0.5vw 0.5vw 0; font-size:1vw; font-weight: 400; letter-spacing: 0.1vw; color:#9a7a4b; background: #fff; margin: 1vw 2.5vw 0 0; cursor: pointer; transition: all .25s ease-in-out;}
.common-button-02:hover{transition: all .25s ease-in-out;}

.press-area{width: 100%; font-size: 0;}
.press-item{width: 31%; display: inline-block; vertical-align: top; margin: 0 1.16% 3vw 1.16%; overflow: hidden;}

.press-item figure {display: flex; background: #fff; height: 18.7vw; overflow: hidden; border: solid 1px #e8e8e8;}
.press-item figure img {height: 100%; width: 100%; object-fit: contain; transform: scale(1); transition: all 0.6s; cursor: pointer;}
.press-item figure:hover img{display: block; transform: scale(1.05); transition: all 0.6s;}

.press-item p{display: block; font-size: 1.3vw; line-height: 2vw; font-weight: 400; margin: 1.5vw 0 1vw 0;}
.press-item span{display: block; font-size: 0.8vw; letter-spacing: 0.1vw; color: #999;}

/*Popup CSS Start Here*/
.box {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 2vw;
  background-clip: padding-box;
  text-align: center;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; z-index: 11;
  background: #fff;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin-left: auto; margin-right: auto; margin-top: 1vw;
  padding: 3vw 2vw 2vw 2vw;
  background: #fff; width: 90%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 0;
  right: 10px;
  transition: all 200ms;
  font-size: 2.5vw;
  font-weight: bold;
  text-decoration: none;
  color: #333; z-index: 12;
}
.popup .close:hover {color: #9a7a4b;}
/*Popup CSS End Here*/

.theme-area-04{width:100%; font-size:0;}
.theme-left-04{width:50%; vertical-align: top; margin: 0 5% 0 0; display: inline-block;}
.theme-right-04{width:45%; display: inline-block; vertical-align: top; position: relative;}
.theme-right-04 ul{position: absolute; top: 2vw; right: 2vw; z-index: 1;}
.theme-right-04 li{list-style-type: none; display: block; font-size: 1vw; text-align: center; margin: 0 0 0.7vw 0;}
.fb-icn{background: #1877F2; display: block; color: #fff; padding: 0.5vw 1vw; border-radius: 50%; cursor: pointer;}
.fb-icn:hover{background: #1b6cd6;}

.tw-icn{background: #000; display: block; color: #fff; padding: 0.4vw 0.6vw; border-radius: 50%; cursor: pointer;}
.tw-icn:hover{background: #333;}

.li-icn{background: #0A66C2; display: block; color: #fff; padding: 0.4vw 0.6vw; border-radius: 50%; cursor: pointer;}
.li-icn:hover{background: #0a5eb3;}

/*10 september after folder transfer to anil*/
.white-bg{background: #fff !important;}







/* ---------- Arrows: clean circular overlay, centered, no side scrollbars ---------- */
.installation-main-wrap {
  position: relative;   /* arrows anchored here */
  overflow: hidden;     /* IMPORTANT: hide any internal scrollbars */
  background: #fafafa;
}

/* main image sizing (kept) */
.install-main, .install-main-single {
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* arrow buttons style */
.install-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width:44px;
  height:44px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,0.45);
  color: #fff;
  font-size:20px;
  border: none;
  cursor: pointer;
  z-index: 000;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  opacity: 0.85;
  transition: transform .12s ease, background .12s ease, opacity .12s;
}

/* left / right positions */
.install-nav.prev { left: 12px; z-index: 000; }
.install-nav.next { right: 12px;  z-index: 000;}

.install-nav:hover { transform: translateY(-50%) scale(1.03); background: rgba(0,0,0,0.65); }

/* hide arrows visually by default on small screens if you want */
@media (max-width: 700px) {
  .install-nav { display: none; }  /* optional: hide mobile arrows */
}

/* ---------- Remove ugly native scrollbars (if thumbnails/main had them) ---------- */
/* Hide vertical scrollbar on main wrapper (webkits) */
.installation-main-wrap::-webkit-scrollbar { width: 0; height: 0; }
.installation-main-wrap { -ms-overflow-style: none; scrollbar-width: none; }

/* Thumbnails container: keep horizontal scrolling, but style/hide scrollbar nicely */
/* Scroll-snap thumbnails: minimal */
.install-thumbs {
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type: x mandatory; /* enable snap */
  -webkit-overflow-scrolling: touch;
  padding: 8px 6px;
}

.thumb-item {
  flex: 0 0 auto;
  scroll-snap-align: center;     /* snap each item to center */
  width: 210px;
  height: 120px;
  border-radius:0px;
  overflow:hidden;
  background: #f4f4f4;
  border: 2px solid #ccc;
}

/* nicer focus/active */
.thumb-item.active { border:2px solid #c47f3b; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }


/* thumbnails container: center on active */

.thumb-item.active { border:2px solid #c47f3b; box-shadow: 0 6px 18px rgba(0,0,0,0.08); transform: translateY(0); }
.thumb-item img{margin:0 auto;text-align:center !important;}
/* tighten spacing below main image */
.installation-gallery { padding-bottom: 6px; }
.install-thumbs-wrap { margin-top: 8px; }
.theme-pic { margin-bottom: 0 !important; padding-bottom: 0 !important; }


/* thumbnail navigation controls */
.install-thumbs-wrap {
  display:flex;
  align-items:center;
  gap: 8px;
}

.thumb-scroll-btn {
  background: rgba(0,0,0,0.06);
  border: none;
  width:40px;
  height:40px;
  border-radius:0px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}
.thumb-scroll-btn:hover { background: rgba(0,0,0,0.12); }

/* keep scroll-snap behavior for smoothness */
.install-thumbs { scroll-snap-type: x mandatory; }
.thumb-item { scroll-snap-align: center; }



/* AddToAny — rounded square style to match your theme buttons */
.a2a_kit .a2a_button, .a2a_container .a2a_button, .a2a-container .a2a_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 0px !important;
  margin: 6px 6px 0 0 !important;
  background: #ffffff !important;
  border: 1px solid #b88b5a !important; /* change to your button border color */
  box-shadow: none !important;
  color: inherit !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}



/* ---------- Responsive breakpoints ---------- */
/* Large screens: slightly taller hero */
@media (min-width:1200px) {
  .installation-main-wrap { height: 640px; }
  .thumb-item { width:220px; height:130px; }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 701px) {
  .installation-main-wrap { height: 460px; }
  .thumb-item { width:180px; height:110px; }
}

/* Mobile */
@media (max-width:700px) {
  /* make hero shorter so it fits viewport comfortably */
  .installation-main-wrap { height: 300px; }
  .installation-main-wrap .install-nav { display:none; } /* hide large arrows on mobile */
  .thumb-item { width:110px; height:70px; }
  .install-thumbs { gap:8px; padding:6px; }
  .thumb-scroll-btn { display:none; } /* hide thumb nav if present on tiny screens */
}



/* make sure icon inside fits */
.a2a_kit .a2a_button > * { width: 18px !important; height: 18px !important; display:block !important; }

/* hover */
.a2a_kit .a2a_button:hover {
  transform: translateY(-3px) !important;
  background: #f9f5f0 !important; /* subtle hover bg */
  border-color: #b88b5a !important;
}

/* container spacing under the three buttons */
.theme-left-03 .a2a-container, .theme-left-03 .a2a_kit { margin-top: 12px; display:block; }




.art-counter{font-size:1vw;text-align:left;margin:0 auto;color: #666;}

.art-counter span.total{color:#9a7a4b;}




/* gallery container */
.image-gallery { display:flex; gap:5px; align-items:center; width: 100%; }
.gallery-thumbs { width:110px; display:flex; flex-direction:column; gap:12px; align-items:center; flex-shrink:0; }
.gallery-thumbs .thumb { width:100%; height:100%; object-fit:contain; border-radius:0px; cursor:pointer; border:2px solid transparent; box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.gallery-thumbs .thumb.active { border-color:#d9854e;  box-shadow:0 12px 22px rgba(0,0,0,0.12); }


/* main image area */
.gallery-main { flex:1 1 auto; display:flex; align-items:center; justify-content:center; }
.gallery-main .main-img { width:100%; height:auto; max-height:33vw; object-fit:contain; border-radius:0px; display:block; background:#fff; }

/* responsive */
@media(max-width:900px){
  .theme-area-03{ flex-direction:column; }
  .theme-left-03, .theme-right-03 { width:100%; }
  .gallery-thumbs { flex-direction:row; width:100%; overflow-x:auto; padding-bottom:6px; gap:10px; }
  .gallery-thumbs .thumb { width:106px; height:106px; }
  .gallery-main .main-img { max-height:60vh;  width: 100%;  height: auto;  max-width: 100%;  max-height: none;  margin: 0;}
}


.singlescroll02 .slick-prev.disabled,
.singlescroll02 .slick-next.disabled,
.singlescroll02 .slick-prev.slick-disabled,
.singlescroll02 .slick-next.slick-disabled {
  opacity: 0.35;
  pointer-events: none; /* prevent clicks */
  cursor: default;
}



/* container */
.gallery-main { position: relative; overflow: hidden; display: inline-block; }

/* base image */
.gallery-main .main-img { display: block; width: 100%; height: auto; }

/* lens (styled circular) */
.img-magnifier-lens {
  position: absolute;
  border: 2px solid rgba(255,255,255,0.95);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  background-repeat: no-repeat;
  pointer-events: none;
  display: none;
  z-index: 9999;
}

/* responsive: reduce lens size on small screens */
@media (max-width: 768px) {
  .img-magnifier-lens { width: 120px; height: 120px; }
}



/* lens styles (same as earlier) */
.zoom-target { display:block; width:100%; height:auto; }
.img-magnifier-lens {
  position: absolute;
  border: 2px solid rgba(255,255,255,0.95);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  background-repeat: no-repeat;
  pointer-events: none;
  display: none;
  z-index: 9999;
}
/* responsive */
@media (max-width:768px){ .img-magnifier-lens{ width:110px; height:110px; } }
.gallery-main, .theme-pic { position:relative; } /* ensure parent is relative */






content-container {
  width: 100%; /* Set a fixed width for the container */
  height: 25vw; /* Set a fixed height for the container */
  overflow: hidden; /* Hide overflow initially */
  padding: 0 1vw 0 0;
}
.hidden-content {
  display: none; /* Hide the additional content by default */
  padding: 0 1vw 0 0;
}
.content-container.expanded .hidden-content {
  display: block; /* Show the hidden content when expanded */
  height: calc(100% - 0px); /* Adjust height to accommodate button and short text */
  overflow-y: auto; /* Add vertical scrollbar when content overflows */
}
.read-more-btn {cursor: pointer;}

.fntsiz{font-size: 1vw;}