*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Luxerie";
  src: url("../fonts/Luxerie.eot");
  src: url("../fonts/Luxerie.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Luxerie.woff2") format("woff2"),
    url("../fonts/Luxerie.woff") format("woff"),
    url("../fonts/Luxerie.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "aliens and cows";
  src: url("../fonts/aliensandcows.eot");
  src: url("../fonts/aliensandcows.eot?#iefix") format("embedded-opentype"),
    url("../fonts/aliensandcows.woff2") format("woff2"),
    url("../fonts/aliensandcows.woff") format("woff"),
    url("../fonts/aliensandcows.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Italic";
  src: url("../fonts/Inter-Italic.eot");
  src: url("../fonts/Inter-Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Italic.woff2") format("woff2"),
    url("../fonts/Inter-Italic.woff") format("woff"),
    url("../fonts/Inter-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter Regular";
  src: url("../fonts/Inter-Regular.eot");
  src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter-Regular.woff") format("woff"),
    url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Color Variable */
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-brown: #332e24;
  --color-softGreen: #9cafad;

  /*  Font Family */
  --ff-luxerie: "Luxerie";
  --ff-aliensCows: "aliens and cows";
  --ff-interItalic: "Inter Italic";
  --ff-interRegular: "Inter Regular";
  --ff-lato: "Lato", sans-serif;

  /*  Font Weight */

  --fw-thin: 100;
  --fw-extraLight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semiBold: 600;
  --fw-bold: 700;
  --fw-extraBold: 800;
  --fw-black: 900;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  font-family: var(--ff-lato);
  overflow-x: hidden;
}

a,
svg {
  text-decoration: none;
  display: inline-block;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* header */
.header {
  position: fixed;
  width: 100%;
  top: 30px;
  z-index: 9999;
}

.header.scrollNav {
  background-color: var(--color-white);
  top: 0;
  padding-block: 20px;
  box-shadow: 0px -2px 37px 0px rgba(0, 0, 0, 0.26);
  -webkit-box-shadow: 0px -2px 37px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px -2px 37px 0px rgba(0, 0, 0, 0.26);
}

.header.scrollNav .header__logo img {
  max-width: 80px;
  transition: all 0.5s linear;
}

.headerNavLogo {
  display: flex;
  /*justify-content: flex-end;  */
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.headerNavLogo .leftNav {
  display: flex;
  gap: 50px;
}

.headerNavLogo .leftNav li a,
.headerNavLogo .rightNav li a {
  color: var(--color-black);
  font-weight: var(--fw-bold);
  font-size: 16px;
}

.headerNavLogo .rightNav {
  display: flex;
  gap: 50px;
}

.header__logo img {
  max-width: 130px;
}

.header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}

.outlineBtn {
  color: var(--color-brown);
  font-weight: var(--fw-bold);
  font-size: 16px;
  border: 2px solid var(--color-brown);
  padding: 5px 20px;
  border-radius: 30px;
  transition: all 0.3s linear;
}

.outlineBtn:hover {
  background-color: var(--color-brown);
  color: var(--color-white);
}

.header__right ul li a {
  color: var(--color-white);
  font-size: 22px;
  background-color: var(--color-brown);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mathiChiplka {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
}

/*  ----- DROP DOWN MENU ------------- */
/* Dropdown Styling */
.leftNav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}

.leftNav li {
  position: relative;
}

.leftNav a {
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  color: #000;
}

/* Submenu hidden by default */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -50%;
  list-style: none;
  margin: 0;
  background-color: #fff;
  z-index: 1000;
  min-width: 250px;
}

.sub-menu li a {
  padding: 10px 15px;
  white-space: nowrap;
  color: #000;
  text-align: center;
  border-top: 1px solid #c6c6c6;
  transition: all 0.3s linear;
}

.sub-menu li:last-child a {
  border-bottom: 1px solid #c6c6c6;
}

.sub-menu li a:hover {
  background-color: var(--color-softGreen);
  color: var(--color-white);
}

/* Show submenu on hover */
.menu-item-has-children:hover .sub-menu {
  display: block;
}

/* Optional: arrow indicator */
.menu-item-has-children > a::after {
  content: " ";
  font-size: 0.6em;
}

/*  ----------------------------------- */
/* MOBILE NAV CSS */

.sub-menu-mobile {
  display: none;
  list-style: none;
  padding-left: 20px;
  background-color: var(--color-softGreen);
}

.sub-menu-mobile.open {
  display: block;
}

.mobileDropdownToggle i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.mobileDropdownToggle.active i {
  transform: rotate(180deg);
}

/* hero */
.hero {
  background: url("../images/herobg.png");
  padding-bottom: 80px;
  background-position: center center;
  background-size: cover;
}

.heroBanner {
  padding-top: 170px;
}

.heroBannerCaption {
  text-align: center;
  color: var(--color-brown);
  margin-top: 30px;
}

.bigText {
  font-family: var(--ff-luxerie);
  font-size: 50px;
}

.bigText > span {
  font-family: var(--ff-lato);
  font-size: 19px;
}

.moreText {
  padding-top: 80px;
  font-family: var(--ff-interRegular);
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 2;
}

/* Hero Button */

.heroLink a {
  margin-top: 20px;
  font-size: 23px;
  color: var(--color-brown);
  font-family: var(--ff-lato);
  font-weight: var(--fw-regular);
  position: relative;
}

.heroLink a > span {
  font-weight: var(--fw-bold);
  font-style: italic;
}
.heroLink a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-brown);
}

/* WHO WE ARE */

.whoWeAre {
  background-color: var(--color-softGreen);
  padding-block: 80px;
}

.whoWeAre__left {
  display: flex;
  align-items: flex-end;
}

.headHeighLight h5 {
  border: 2px solid white;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 50px;
  color: var(--color-white);
  font-family: var(--ff-lato);
  font-size: 19px;
}

.whoWeAre__imagePart .eutaoFoto {
  min-height: 550px;
  max-height: 550px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}

.whoWeAre__titlePart {
  flex: 1 0 35%;
  position: relative;
  left: 26px;
  bottom: 145px;
  z-index: 2;
}

.whoWeAre__imagePart {
  position: relative;
  flex: 1 0 55%;
}

.whoWeAre__imagePart .chipekLogo {
  position: absolute;
  top: 31%;
  transform: translateY(-50%);
  right: -40px;
}

.whoWeAre__imagePart .chipekLogo img {
  max-width: 80px;
}

.thuloHeading h3 {
  color: var(--color-white);
  font-family: var(--ff-aliensCows);
  font-size: 100px;
  letter-spacing: -13px;
  line-height: 1;
}

.sanoHeading {
  color: var(--color-white);
  font-family: var(--ff-interRegular);
  letter-spacing: 3px;
}

.whoWeAre__right {
  padding-left: 80px;
  padding-bottom: 80px;
}

.whoWeAre__right p {
  position: relative;
  color: var(--color-white);
  font-family: var(--ff-interRegular);
  font-size: 20px;
}

.whoWeAre__right p::after {
  content: "";
  position: absolute;
  left: -40%;
  top: 14px;
  width: calc(100% - 65%);
  height: 2px;
  background-color: var(--color-white);
}

/* galleryHome */

.galleryHome {
  margin-top: 80px;
}

.galleryHomeShowMore {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 80px;
  position: relative;
  isolation: isolate;
}

.galleryHomeShowMore::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 30px;
  height: 150px;
  width: 100%;
  background: linear-gradient(to top, white 80%, transparent);
  z-index: -1;
}

.galleryHomeShowMore a {
  margin-top: 20px;
  color: var(--color-black);
  font-family: var(--ff-lato);
  font-weight: bold;
  position: relative;
  top: -57px;
}

.galleryHomeShowMore a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-black);
}

.heightLightHead {
  text-align: center;
}

.heightLightHead h4 {
  border: 2px solid var(--color-brown);
  display: inline-block;
  padding: 5px 20px;
  border-radius: 50px;
  color: var(--color-brown);
  font-family: var(--ff-lato);
  font-size: 19px;
}

.galleryHomeFancy {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.arkoHead {
  text-align: center;
  margin-top: 40px;
}

.arkoHead h4 {
  font-family: var(--ff-interRegular);
  color: var(--color-black);
  font-size: 20px;
  letter-spacing: 3px;
}

/* ==================== ARTIST  =========================  */

.artistWrap .artistWrap__left {
  display: flex;
  gap: 50px;
}

.artistWrap__right {
  padding-left: 50px;
}

.artistWrap__right .headHeighLight h5 {
  border: 2px solid var(--color-black);
  display: inline-block;
  padding: 5px 20px;
  border-radius: 50px;
  color: var(--color-black);
  font-family: var(--ff-lato);
  font-size: 19px;
  margin-bottom: 25px;
}

.artistWrap__right h3 {
  font-family: var(--ff-aliensCows);
  font-size: 70px;
}

.artistWrap__right h4 {
  font-family: var(--ff-interRegular);
  font-size: 20px;
  letter-spacing: 3px;
}

.artistWrap__right .detailCap {
  margin-top: 50px;
}

.artistWrap__right .detailCap p {
  font-family: var(--ff-interRegular);
  font-size: 20px;
}

.artistWrap__right .detailCap a {
  margin-top: 20px;
  color: var(--color-black);
  font-family: var(--ff-lato);
  font-weight: bold;
  position: relative;
}

.artistWrap__right .detailCap a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-black);
}

/* ==================== HOME CTA SECTION OPEN  =========================  */
.homeCta {
  margin-top: 150px;
}

.homeCta__main {
  background-image: url("../images/cta-bg.png");
  height: 100vh;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-attachment: fixed;
  position: relative;
  isolation: isolate;
}

.homeCta__main::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); */
  z-index: -1;
}

.homeCta__inner {
  text-align: center;
}

.homeCta__inner .yataLogo img {
  max-width: 100px;
  margin-bottom: 25px;
}

.homeCta .homeCta__inner h3 {
  font-family: var(--ff-aliensCows);
  color: var(--color-white);
  font-size: 70px;
}

.homeCta__inner .whiteBtn {
  color: var(--color-white);
  font-family: var(--ff-lato);
  font-weight: bold;
  font-size: 20px;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  padding: 5px 20px;
  margin-top: 30px;
}

/* sayHi */

.sayHi {
  margin-top: 80px;
}

.sayHi .sayHiWrap {
  text-align: center;
}

.sayHi .sayHiWrap h3 {
  color: var(--color-black);
  font-family: var(--ff-aliensCows);
  font-size: 100px;
}

.email a,
.phone a {
  color: var(--color-black);
  font-family: var(--ff-interRegular);
  font-size: 20px;
  line-height: 2;
}

.kunDesh p {
  margin-top: 35px;
  font-family: var(--ff-interRegular);
  font-size: 20px;
}

.footerNavLogo {
  text-align: center;
  margin-top: 80px;
}

.footerNav {
  display: flex;
  justify-content: center;
  gap: 50px;
}

.footerNav li a {
  color: var(--color-black);
  font-family: var(--ff-lato);
  font-size: 20px;
}

.footerLogo img {
  max-width: 120px;
  margin-top: 50px;
}

.footerSocial {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.footerSocial ul li a {
  color: var(--color-white);
  font-size: 22px;
  background-color: #223266;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footerbar {
  margin-top: 50px;
}

.footerbar p,
.footerbar a {
  color: var(--color-black);
}

/* page Header */

.pageHeaderSano {
  background-size: cover;
  background-position: center center;
  height: 70px;
  margin-top: 150px;
}

.khoAboutTop {
  margin-top: 50px;
}

.khoAboutTop .arkoHead {
  text-align: center;
  margin-top: 40px;
}

.khoAboutTop .arkoHead h4 {
  font-family: var(--ff-interRegular);
  color: var(--color-black);
  font-size: 20px;
  letter-spacing: 3px;
}

.aboutDetail__info {
  margin-top: 80px;
  position: relative;
}

.aboutDetail__info::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #575b5c;
  width: 100%;
  max-width: 120px;
  height: 1px;
}

.aboutDetail__info p {
  text-align: center;
  color: #575b5c;
  font-family: var(--ff-interRegular);
  font-size: 20px;
}

.galleryHomeInner.aboutTeraGallery {
  height: 100%;
}

/* ==================== PAGE HEADER  Part Open ============================ */
.pageHeader {
  margin-top: 160px;
  position: relative;
  background-size: cover;
  background-position: center center;
  height: 80vh;
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  isolation: isolate;
  text-align: center;
  padding-bottom: 80px;
}

.pageHeader::after {
  content: "";
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  /* background-color: rgba(197, 105, 59, 0.3); */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: -1;
}

.pageHeader h3 {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: 75px;
  font-family: var(--ff-aliensCows);
}

.pageHeader p {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 3px;
  font-family: var(--ff-interRegular);
}

.pageHeader a {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 3px;
  font-family: var(--ff-lato);
}

.eutaSanoKatha {
  display: flex;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: 40px;
}

.eutaSanoKatha i {
  color: var(--color-white);
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
}

/* ==================== PAGE HEADER  Part Close ============================ */

.mission {
  position: relative;
  padding-block: 100px;
  margin-top: 80px;
}

.mission::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 50%);
  height: 100%;
  background-color: var(--color-softGreen);
  z-index: -1;
}

.mission__left p {
  color: var(--color-white);
  font-family: var(--ff-interRegular);
  font-size: 20px;
}

.mission__left .thuloHeading {
  margin-bottom: 20px;
}

.mission__mid {
  position: relative;
}

.mission__mid .chipakWala {
  position: absolute;
  top: -50px;
  left: -50px;
}

.mission__mid .chipakWala img {
  max-width: 80px;
}

.mission__mid .pachadiKoImage img {
  width: 100%;
  min-height: 550px;
  max-height: 550px;
  object-fit: cover;
}

.mission__right h3 {
  font-family: var(--ff-aliensCows);
  font-size: 100px;
  line-height: 0.9;
  margin-bottom: 15px;
  color: #223266;
  max-width: 150px;
}

.mission__right p {
  font-size: 20px;
  font-family: var(--ff-interRegular);
  color: #575b5c;
}

.tupoHead {
  color: var(--color-black);
  text-align: center;
  font-size: 30px;
  font-family: var(--ff-interRegular);
  text-transform: uppercase;
}

.eutaCta {
  margin-top: 100px;
}

.paloVitrako {
  margin-top: 100px;
}

.paloVitrako {
  background-image: url("../images/manchekocta.png");
  height: 100vh;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  isolation: isolate;
}

.paloVitrako::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: -1;
}

.eutaCta__inner {
  text-align: center;
}

.eutaCta__inner h3 {
  font-family: var(--ff-aliensCows);
  color: var(--color-white);
  font-size: 70px;
}

.eutaCta__inner p {
  font-size: 20px;
  font-family: var(--ff-interRegular);
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: 3px;
}

.mathiloTala {
  padding-bottom: 50px;
}

.eutaCta__inner .meetneLink {
  padding-bottom: 15px;
}

.eutaCta__inner .meetneLink a {
  color: var(--color-white);
  font-family: var(--ff-lato);
  font-weight: var(--fw-bold);
  position: relative;
  padding-bottom: 25px;
}

.eutaCta__inner .meetneLink .thadoLine {
  width: 30px;
  height: 2px;
  background: white;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}

.eutaCta .tupoHead {
  line-height: 1.5;
}

.eutaCta .tupoHead > strong {
  font-weight: var(--fw-bold);
}

.moraFarama {
  margin-top: 100px;
}

.moraFarama .moraFarama__left {
  position: relative;
}

.moraFarama .moraFarama__left .mainFoto img {
  width: 100%;
  min-height: 750px;
  max-height: 750px;
  object-fit: cover;
  object-position: center top;
}

.moraFarama__left .halleneImage {
  position: absolute;
  right: -50px;
  bottom: -50px;
}

.moraFarama__left .halleneImage img {
  width: 100%;
  min-height: 200px;
  max-height: 200px;
}

.moraFarama__right {
  padding-left: 80px;
}
.moraFarama__right p {
  font-family: var(--ff-interRegular);
  font-size: 20px;
  color: #575b5c;
}

.painter {
  position: relative;
  padding-top: 130px;
  padding-bottom: 200px;
  background: #eeeeed;
  z-index: -1;
}

.painter::after {
  content: "";
  position: absolute;
  top: -50px;
  background: #eeeeed;
  width: 100%;
  height: 150px;
  z-index: -1;
}

.painter__detailInfo {
  text-align: center;
}

.painter__detailInfo h3 {
  font-family: var(--ff-aliensCows);
  font-size: 70px;
  color: #575b5c;
}

.painter__detailInfo p {
  font-size: 20px;
  font-family: var(--ff-interRegular);
  color: #575b5c;
}

.abaFotoHaru {
  margin-top: 50px;
  display: flex;
  gap: 20px;
}

.abaFotoHaru .sanoFoto {
  flex: 1 1 30%;
}

.abaFotoHaru .sanoFoto img {
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
}
.abaFotoHaru .lamoFoto {
  flex: 1 1 70%;
}

.abaFotoHaru .lamoFoto img {
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  object-fit: cover;
}

/* ==================== PAGE NAI YASTO CHHA HAJUR SECTION OPEN  =========================  */

.inPageCta {
  margin-top: -100px;
}

.inPageCta__main {
  background-image: url("../images/kohola.png");
  height: 100vh;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-attachment: fixed;
  position: relative;
  isolation: isolate;
}

.inPageCta__main::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
  z-index: -1;
}

.inPageCta__inner {
  text-align: center;
}

.inPageCta__inner .yataLogo img {
  max-width: 150px;
  margin-bottom: 25px;
}

.inPageCta .inPageCta__inner h3 {
  font-family: var(--ff-aliensCows);
  color: var(--color-white);
  font-size: 70px;
}

.inPageCta__inner .whiteBtn {
  color: var(--color-white);
  font-family: var(--ff-lato);
  font-weight: bold;
  font-size: 20px;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  padding: 5px 20px;
  margin-top: 30px;
}

.binaBuwa h3 {
  font-size: 120px;
}

.binaBuwa {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.pageHeader.flexPageHeader {
  text-align: unset;
}

/* ************************************
            NEW COLLECTION VOL II
****************************************  */

.collectionSecond {
  margin-top: 80px;
  margin-bottom: 80px;
}

.volTwoFancyImage {
  width: 100%;
  max-width: 400px;
}

.collectionPaints {
  margin-top: 80px;
  margin-bottom: 40px;
}

.volSecondRowItem .volItemCap {
  margin-top: 20px;
}

.volSecondRowItem .volItemCap p {
  color: var(--color-black);
  font-family: var(--ff-interRegular);
  font-size: 16px;
}
.volSecondRowItem {
  margin-top: 20px;
  position: relative;
}
.volSecondRowItem__image {
  position: relative;
  isolation: isolate;
}

.volSecondRowItem__image::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}

.volSecondRowItem__image:hover::after {
  visibility: visible;
  opacity: 1;
}

.volSecondRowItem__image .hoverText {
  position: absolute;
  bottom: 15%;
  text-align: center;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s linear;
}
.volSecondRowItem__image:hover .hoverText {
  visibility: visible;
  opacity: 1;
}
.volSecondRowItem__image .hoverText a {
  font-family: var(--ff-lato);
  font-weight: 600;
  color: var(--color-white);
  font-size: 16px;
  border: 2px solid var(--color-white);
  border-radius: 40px;
  padding: 5px 20px;
  transition: all 0.3s linear;
  margin-top: 20px;
}

.volSecondRowItem__image .hoverText a:hover {
  transform: translateY(-10px);
}

.volTwo__link {
  text-align: center;
}
.volTwo__link a {
  margin-top: 20px;
  font-size: 23px;
  color: var(--color-brown);
  font-family: var(--ff-lato);
  font-weight: var(--fw-regular);
  position: relative;
}

.volTwo__link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-brown);
}

/* Images Css */

.commonProImage {
  width: 100%;
  object-fit: cover;
}

.rowOneImage-1 {
  height: 503px;
}
.rowOneImage-2 {
  height: 527px;
}
.rowOneImage-3 {
  height: 307px;
}
.rowSecondImage-1 {
  height: 307px;
}
.rowSecondImage-2 {
  height: 510px;
}
.rowSecondImage-3 {
  height: 406px;
}

.rowThirdImage-left-1 {
  height: 516px;
}
.rowThirdImage-left-2 {
  height: 307px;
}

.rowThirdImage-right-1 {
  height: 462px;
}
.rowThirdImage-right-2 {
  height: 454px;
}

.rowThirdImage-right-3 {
  height: 306px;
}

.artistWrap {
  margin-top: 100px;
}

.ratoRani {
  color: #ff5a79;
  font-weight: bold;
  font-size: 22px;
}

/* ************************************
            NEW COLLECTION VOL I
****************************************  */
.collectionFirst {
  position: relative;
  margin-top: 80px;
}

.volFirstRowItem {
  margin-top: 20px;
  position: relative;
}

.volFirstRowItem__image {
  position: relative;
  isolation: isolate;
}
.volFirstRowItem__image::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}
.volFirstRowItem__image:hover::after {
  visibility: visible;
  opacity: 1;
}

.volFirstRowItem__image .hoverText {
  position: absolute;
  bottom: 10%;
  text-align: center;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s linear;
}

.volFirstRowItem__image:hover .hoverText {
  visibility: visible;
  opacity: 1;
}

.volFirstRowItem__image .hoverText .buyBtn {
  font-family: var(--ff-lato);
  font-weight: 600;
  color: var(--color-white);
  font-size: 16px;
  border: 2px solid var(--color-white);
  border-radius: 40px;
  padding: 5px 20px;
  transition: all 0.3s linear;
  margin-top: 20px;
}

.volFirstRowItem__image .hoverText a:hover {
  transform: translateY(-5px);
}
.volFirstRowItem__image .hoverText p {
  color: var(--color-white);
  font-family: var(--ff-interRegular);
  font-size: 16px;
  margin-bottom: 0;
}

.volFirstRowItem__image .hoverText .italic {
  font-family: var(--ff-interItalic);
}
.volFirstRowItem .volFirstItemCap {
  margin-top: 20px;
}
.volFirstRowItem .volFirstItemCap p {
  color: var(--color-black);
  font-family: var(--ff-interRegular);
  font-size: 16px;
}

/* Images Css */

.commonProImageVolOne {
  width: 100%;
  object-fit: cover;
}
.firstRowImage-1 {
  height: 527px;
}
.firstRowImage-2 {
  height: 411px;
}
.firstRowImage-3 {
  height: 527px;
}

.secondRowImage-1 {
  height: 412px;
}
.secondRowImage-2 {
  height: 412px;
}
.secondRowImage-3 {
  height: 463px;
}

.secondRowImage-4 {
  height: 455px;
}
.secondRowImage-5 {
  height: 527px;
}
.secondRowImage-6 {
  height: 306px;
}
.secondRowImage-7 {
  height: 304px;
}
.thirdRowImage-1 {
  height: 455px;
}
.thirdRowImage-2 {
  height: 412px;
}
.thirdRowImage-3 {
  height: 527px;
}

/* ==================== COLLECION PAGE OPEN  =========================  */
.tab-header {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  gap: 48px;
  margin-top: 190px;
  padding-top: 40px;
  border-top: 1px solid var(--color-black);
}
.bichKoImage {
  background-size: cover;
  background-position: center center;
  height: 70px;
  margin-top: 50px;
}

.tab-button {
  padding: 4px 26px;
  background: transparent;
  border-radius: 20px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: 0.2s ease;
  border: 0;
  color: var(--color-black);
  font-family: var(--ff-lato);
  font-size: 19px;
  font-weight: 800;
}

.tab-button.active {
  background: #000;
  color: #fff;
}

.tab-pages {
  margin-top: 40px;
}

.tab-page {
  display: none;
}

.tab-page.active {
  display: block;
}

.dekhaInfo {
  color: #332e24;
  font-family: var(--ff-lato);
}

.dekhaInfo > span {
  font-weight: bold;
  font-style: italic;
}

.pareBelePorke {
  margin-top: 80px;
}

/* ==================== COLLECION PAGE CLOSE  =========================  */