.hero-and-header,
.index {
  flex-direction: column;
  box-sizing: border-box;
}
.index {
  width: 100%;
  position: relative;
  background-color: var(--color-gray-100);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 11px var(--padding-0) var(--padding-0);
  gap: 135px;
  line-height: var(--lh-normal);
  letter-spacing: var(--ls-normal);
}
.hero-and-header {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-8);
  gap: 0px;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.header-bar,
.hero-and-header,
.navigation-bar {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.navigation-bar {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-27) var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}
.header-bar {
  width: 1081px;
  position: relative;
  isolation: isolate;
}
.logo-circle-bg {
  position: absolute;
  width: 360px;
  height: 280px;
  background-color: var(--color-gray-100);
  border-radius: 50%;
  top: -182px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.logo-icon {
  width: 120px;
  height: 40px;
  object-fit: cover;
  object-position: center;
  margin: 0 auto;
  transform: scale(1.6) translateY(10px);
  z-index: 3;
  display: block;
  position: relative;
  cursor: pointer;
}
.nav-links {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
  flex-shrink: 0;
}
.about-us-parent {
  height: var(--height-18);
  flex: 1;
  display: flex;
  align-items: center;
  gap: 39px;
}
.about-us {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 87.65%;
  font-weight: 400;
  font-family: inherit;
  cursor: pointer;
}
.main-navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  gap: 2px;
}
.menu-links {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: var(--gap-47);
}
.divider-shape-icon {
  width: 50px;
  height: var(--height-1);
  position: relative;
  z-index: 2;
}
.hero-background-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  max-width: 100%;
  font-size: var(--fs-40);
  font-family: var(--font-dancing-script);
}
.hero-background-icon {
  height: 954px;
  width: 1512px;
  object-fit: cover;
  max-width: 100%;
  z-index: 0;
}
.creating-memories-for-a-lifeti-parent {
  width: 701px;
  margin: 0 !important;
  position: absolute;
  top: 67px;
  right: 396px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-19);
  max-width: 100%;
  z-index: 1;
}
.creating-memories-for {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.at-kumar-varma {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-20);
  font-weight: 500;
  font-family: var(--font-cormorant-garamond);
}
.about-description,
.about-description-parent {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  max-width: 100%;
}
.about-description-parent {
  width: 1452px;
  padding: var(--padding-0) var(--padding-0) 42px var(--padding-20);
  box-sizing: border-box;
  gap: 41px;
}
.about-description {
  width: 584px;
  flex-direction: column;
  gap: var(--gap-40);
  min-width: 584px;
  z-index: 2;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.about-kumar-varma,
.capturing-emotions-preserving {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-family: inherit;
}
.about-kumar-varma {
  font-size: inherit;
  font-weight: 500;
}
.capturing-emotions-preserving {
  font-size: var(--fs-48);
  line-height: 109.51%;
  font-weight: 700;
}
.for-over-a {
  width: 544px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding-right: var(--padding-20);
}
.learn-more-button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-0) var(--padding-0) var(--padding-1) var(--padding-20);
  background-color: var(--color-gray-300);
  width: 212px;
  height: 52px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: var(--gap-17);
}
.learn-more-button:hover {
  background-color: var(--color-darkslategray-300);
}
.learn-more {
  position: relative;
  font-size: 32.5px;
  font-weight: 500;
  font-family: var(--font-cormorant-garamond);
  color: var(--color-white);
  text-align: center;
}
.learn-more-button-child {
  height: 16px;
  width: 8px;
  position: relative;
}
.kumar-icon {
  width: 883px;
  position: relative;
  border-radius: 61px;
  max-height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  max-width: 100%;
}
.service-intro-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-27);
  box-sizing: border-box;
  gap: 42.4px;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-40);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.service-intro {
  align-self: stretch;
  height: 383.6px;
  position: relative;
  max-width: 100%;
}
.celebration-heading {
  position: absolute;
  top: 48px;
  left: 0;
  background-color: var(--color-whitesmoke-100);
  width: 100%;
  height: 278px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 49px 481px 49px 480px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.capturing-every-celebration-parent {
  width: 551px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-34);
}
.capturing-every-celebration {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.from-grand-weddings {
  width: 521px;
  position: relative;
  font-size: var(--fs-20);
  display: inline-block;
}
.celebration-images {
  position: absolute;
  top: 0;
  left: 49.9px;
  width: 1411.6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  gap: var(--gap-20);
  max-width: 100%;
}
.image-containers-parent {
  height: 383.6px;
  width: 297.5px;
  position: relative;
}
.image-containers {
  position: absolute;
  top: 30.03px;
  left: 0;
  box-shadow: var(--shadow-drop);
  background-color: var(--color-gray-100);
  width: 257.8px;
  height: 356px;
  transform: rotate(-6.7deg);
  transform-origin: 0 0;
}
.imgage1-icon {
  position: absolute;
  width: calc(100% - 27.6px);
  top: 14px;
  right: 13.5px;
  left: 14.1px;
  max-width: 100%;
  overflow: hidden;
  height: 358.4px;
  object-fit: contain;
  z-index: 1;
}
.frame-child {
  position: absolute;
  top: 383.61px;
  left: 256.03px;
  box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.25);
  background-color: var(--color-gray-100);
  width: 257.8px;
  height: 356px;
  transform: rotate(-173.3deg);
  transform-origin: 0 0;
}
.image2-icon {
  position: absolute;
  width: calc(100% - 20.4px);
  top: 10px;
  right: 10.6px;
  left: 9.8px;
  max-width: 100%;
  overflow: hidden;
  height: 363.1px;
  object-fit: contain;
  z-index: 1;
}
.service-categories {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-22) var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
}
.category-display {
  height: 1238px;
  width: 1266px;
  position: relative;
  max-width: 100%;
}
.category-display-child,
.category-display-item {
  position: absolute;
  top: 289px;
  left: 1px;
  width: 1265px;
  height: var(--height-72);
}
.category-display-item {
  top: 862px;
  left: 0;
}
.portrait-service-block-parent {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 27px;
  width: 1212.5px;
  z-index: 1;
}
.portrait-service-block {
  position: absolute;
  top: 96px;
  left: 988px;
  width: 185px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-19);
}
.portraits {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}
.documenting-every-intricate {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-20);
  font-weight: 500;
}
.detailed-service-items {
  position: absolute;
  top: 93px;
  left: 9px;
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detailed-service-items2 {
  top: 378px;
  left: 507px;
  width: 250px;
  align-items: center;
}
.baby-shoot-service-block,
.detailed-service-items2,
.detailed-service-items3 {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.detailed-service-items3 {
  top: 695px;
  left: 32px;
  width: 204px;
  align-items: center;
  gap: 9px;
}
.baby-shoot-service-block {
  top: 974px;
  left: 534px;
  width: 198px;
  align-items: flex-start;
  gap: var(--gap-15);
}
.preserving-every-smile {
  width: 185px;
  position: relative;
  font-size: var(--fs-20);
  font-weight: 500;
  display: inline-block;
}
.detailed-service-items4 {
  position: absolute;
  top: 695px;
  left: 991px;
  width: 181px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.rectangle-group {
  position: absolute;
  top: 0;
  left: 502px;
  width: var(--width-259_5);
  height: var(--height-255);
}
.frame-item {
  position: absolute;
  top: 1.66px;
  left: 0;
  box-shadow: var(--shadow-drop);
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  transform: rotate(-0.4deg);
  transform-origin: 0 0;
}
.image3-icon {
  position: absolute;
  width: calc(100% - 24.5px);
  top: 13px;
  right: 11.5px;
  left: 13px;
  max-width: 100%;
  overflow: hidden;
  height: 229px;
  object-fit: cover;
  z-index: 1;
}
.rectangle-container {
  position: absolute;
  top: 981px;
  left: 0;
  width: var(--width-259_5);
  height: var(--height-255);
}
.image7-icon {
  position: absolute;
  width: calc(100% - 23.5px);
  top: 12px;
  right: 11.5px;
  left: 12px;
  max-width: 100%;
  overflow: hidden;
  height: 231px;
  object-fit: cover;
  z-index: 1;
}
.group-div {
  position: absolute;
  top: 567px;
  left: 503px;
  width: var(--width-259_5);
  height: var(--height-255);
}
.image5-icon {
  position: absolute;
  width: calc(100% - 18.5px);
  top: 10px;
  right: 9.5px;
  left: 9px;
  max-width: 100%;
  overflow: hidden;
  height: 235px;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent2 {
  position: absolute;
  top: 983px;
  left: 951px;
  width: var(--width-259_5);
  height: var(--height-255);
}
.image8-icon {
  position: absolute;
  width: calc(100% - 18.5px);
  top: 9px;
  right: 9.5px;
  left: 9px;
  max-width: 100%;
  overflow: hidden;
  height: 236px;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent3 {
  position: absolute;
  top: 408px;
  left: 2px;
  width: var(--width-259_5);
  height: var(--height-255);
}
.image4-icon {
  position: absolute;
  width: calc(100% - 13.5px);
  top: 5.3px;
  right: 5.4px;
  left: 8.1px;
  max-width: 100%;
  overflow: hidden;
  height: 241.2px;
  object-fit: contain;
  z-index: 1;
}
.rectangle-parent4 {
  position: absolute;
  top: 410px;
  left: 953px;
  width: var(--width-259_5);
  height: var(--height-255);
}
.image6-icon {
  position: absolute;
  width: calc(100% - 18.5px);
  top: 8px;
  right: 9.5px;
  left: 9px;
  max-width: 100%;
  overflow: hidden;
  height: 238px;
  object-fit: cover;
  z-index: 1;
}
.portfolio-content-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: var(--padding-0) 49px var(--padding-0) 53px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.portfolio-content,
.portfolio-content-wrapper,
.portfolio-heading {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.portfolio-content {
  flex: 1;
  flex-direction: column;
  gap: 65px;
}
.portfolio-heading {
  width: 1399px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}
.portfolio-title-description {
  width: 645px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-15);
  max-width: 100%;
}
.from-cherished-celebrations {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-20);
}
.gallery-masonry-grid {
  columns: 3 320px;
  column-gap: 15px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.masonry-img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 15px;
  break-inside: avoid;
}
.image-card-one,
.portfolio-column-one {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.portfolio-column-one {
  flex-direction: column;
  gap: 31px;
}
.image-card-one {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-8) var(--padding-0) var(--padding-4);
  box-sizing: border-box;
}
.portfolio-image-one {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.image-card-two {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
}
.portfolio-image-three,
.portfolio-image-two {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.portfolio-image-three {
  flex: 1;
}
.portfolio-column-two {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
  max-width: 100%;
}
.image-set-a {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-3);
  box-sizing: border-box;
}
.image-gallery-a,
.image-set-a,
.parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.image-gallery-a {
  flex: 1;
  gap: var(--gap-30);
}
.parent {
  height: 362px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 282px var(--padding-0) var(--padding-4);
  box-sizing: border-box;
  gap: 6px;
  background-image: url(./public/2@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 415px;
}
.icon,
.portfolio-image-four {
  position: relative;
  flex-shrink: 0;
}
.icon {
  align-self: stretch;
  height: 362px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  display: none;
}
.portfolio-image-four {
  width: 44px;
  flex: 1;
  background-color: var(--color-gainsboro-100);
  z-index: 1;
}
.image-container-a {
  width: 326px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.portfolio-image-five {
  height: 12px;
  width: 44px;
  position: relative;
  background-color: var(--color-gainsboro-200);
  z-index: 1;
}
.portfolio-image-six {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: 339px;
}
.image-set-b {
  align-self: stretch;
  gap: var(--gap-21);
}
.image-container-b,
.image-gallery-b,
.image-set-b {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.image-gallery-b {
  flex: 1;
  flex-direction: column;
  gap: 31px;
  min-width: 380px;
}
.image-container-b {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-1);
  box-sizing: border-box;
}
.portfolio-image-seven {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.image-card-c {
  height: 1090px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23.9px;
  max-width: 100%;
}
.portfolio-image-nine {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.choose-us-content-wrapper {
  width: 1498px;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) 63px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-48);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.choose-us-content,
.choose-us-content-wrapper,
.choose-us-heading {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.choose-us-content {
  flex-direction: column;
  gap: 44px;
}
.choose-us-heading {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
}
.choose-us-title-description {
  width: 586px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23px;
  max-width: 100%;
}
.advantage-list {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  gap: var(--gap-24);
  z-index: 1;
  font-size: var(--fs-40);
}
.advantages-detail,
.advantages-detail2,
.advantages-detail3,
.advantages-detail4 {
  height: 259px;
  width: 306px;
  position: relative;
  border-radius: 38px;
  background-color: var(--color-whitesmoke-200);
  z-index: 0;
}
.advantages-detail2,
.advantages-detail3,
.advantages-detail4 {
  z-index: 1;
}
.advantages-detail3,
.advantages-detail4 {
  z-index: 2;
}
.advantages-detail4 {
  z-index: 3;
}
.authentic-storytelling,
.personalized-experience,
.professional-delivery,
.timeless-editing {
  margin: 0 !important;
  height: 82px;
  width: 252px;
  position: absolute;
  top: 35px;
  left: calc(50% - 621px);
  font-size: inherit;
  line-height: 103.07%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
  z-index: 4;
}
.personalized-experience,
.professional-delivery,
.timeless-editing {
  top: 37px;
  left: calc(50% - 291px);
  z-index: 5;
}
.personalized-experience,
.professional-delivery {
  top: 41px;
  left: calc(50% + 39px);
  z-index: 6;
}
.professional-delivery {
  left: calc(50% + 369px);
  z-index: 7;
}
.beautifully-edited-images,
.capturing-genuine-moments,
.elegant-photographs-with,
.every-celebration-is {
  height: var(--height-72);
  width: 178px;
  position: absolute;
  margin: 0 !important;
  top: 138px;
  left: 62px;
  font-size: var(--fs-20);
  display: inline-block;
  flex-shrink: 0;
  z-index: 8;
}
.beautifully-edited-images,
.elegant-photographs-with,
.every-celebration-is {
  left: 392px;
  z-index: 9;
}
.beautifully-edited-images,
.every-celebration-is {
  left: 722px;
  z-index: 10;
}
.beautifully-edited-images {
  left: 1048px;
  z-index: 11;
}
.index-child {
  width: var(--width-1532);
  max-width: 1532px;
  height: var(--height-50);
  position: relative;
  background-color: var(--color-gray-100);
  display: none;
  flex-shrink: 0;
}
.frame-parent {
  align-self: stretch;
  background-color: var(--color-darkslategray-400);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: var(--padding-57) 114px var(--padding-73) 75px;
  box-sizing: border-box;
  gap: var(--gap-20);
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-40);
  color: var(--color-white);
  font-family: var(--font-cormorant-garamond);
}
.footer-branding,
.footer-branding-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-branding-parent {
  height: var(--height-162);
  gap: var(--gap-34);
  max-width: 100%;
}
.footer-branding {
  gap: var(--gap-21);
}
.kumar-varma-photography {
  margin: 0;
  width: 623px;
  height: var(--height-48);
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.from-cherished-celebrations2 {
  width: 513px;
  height: 38px;
  position: relative;
  font-size: var(--fs-16);
  display: inline-block;
}
.social-links {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
}
.instagram,
.instagram-link {
  background-color: var(--color-white);
}
.instagram-link {
  border-radius: var(--br-5_9);
  display: flex;
  align-items: center;
  padding: 3.1px var(--padding-3);
  cursor: pointer;
}
.instagram {
  height: var(--height-14_8);
  width: var(--width-14_8);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.icon2 {
  position: absolute;
  height: 83.78%;
  width: 83.78%;
  top: 8.11%;
  right: 8.11%;
  bottom: 8.11%;
  left: 8.11%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.image-16-icon,
.instagram-link-icon {
  height: var(--height-21);
  width: var(--width-21);
  border-radius: var(--br-5_9);
  object-fit: cover;
  cursor: pointer;
}
.image-16-icon {
  position: relative;
}
.footer-navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--fs-16);
}
.home2 {
  align-self: stretch;
  position: relative;
  line-height: 166%;
  cursor: pointer;
}
.contact-details,
.contact-details-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contact-details-parent {
  height: 185px;
  gap: var(--gap-19);
  font-size: var(--fs-36);
}
.contact-details {
  gap: var(--gap-5);
}
.contact3 {
  margin: 0;
  width: 116px;
  height: var(--height-72);
  position: relative;
  font-size: inherit;
  line-height: 200%;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.contact-detail,
.th-floor-ss {
  position: relative;
  font-size: var(--fs-16);
  display: inline-block;
}
.th-floor-ss {
  width: 274px;
  height: 57px;
}
.contact-detail {
  width: 85px;
  height: var(--height-32);
  line-height: 200%;
  font-family: var(--font-aboreto);
}
@media screen and (max-width: 1425px) {
  .about-description-parent {
    flex-wrap: wrap;
  }
  .about-description,
  .kumar-icon {
    flex: 1;
  }
  .portfolio-grid {
    flex-wrap: wrap;
  }
  .image-gallery-a,
  .portfolio-column-one {
    flex: 1;
  }
  .advantage-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px) {
  .image-gallery-a {
    flex-wrap: wrap;
  }
  .parent {
    flex: 1;
  }
  .image-set-b {
    flex-wrap: wrap;
  }
  .image-card-c {
    flex: 1;
  }
  .frame-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 825px) {
  .index {
    gap: 67px;
  }
  .about-us-parent {
    display: none;
  }
  .creating-memories-for {
    font-size: var(--fs-32);
  }
  .about-description-parent {
    gap: var(--gap-20);
    padding-bottom: var(--padding-27);
    box-sizing: border-box;
  }
  .about-description {
    gap: var(--gap-20);
    min-width: 100%;
  }
  .capturing-emotions-preserving {
    font-size: var(--fs-38);
    line-height: 42px;
  }
  .service-intro-parent {
    gap: var(--gap-21);
  }
  .service-intro {
    height: auto;
    min-height: 383.6px;
  }
  .celebration-heading {
    padding-left: 240px;
    padding-right: 240px;
    box-sizing: border-box;
  }
  .capturing-every-celebration-parent {
    gap: var(--gap-17);
  }
  .capturing-every-celebration {
    font-size: var(--fs-38);
  }
  .portraits {
    font-size: var(--fs-32);
  }
  .portfolio-content-wrapper {
    padding-left: var(--padding-26);
    padding-right: var(--padding-24);
    box-sizing: border-box;
  }
  .portfolio-content {
    gap: var(--gap-32);
  }
  .parent,
  .portfolio-column-one,
  .portfolio-column-two,
  .portfolio-image-six {
    min-width: 100%;
  }
  .image-gallery-b {
    gap: var(--gap-15);
    min-width: 100%;
  }
  .image-card-c {
    min-width: 100%;
  }
  .choose-us-content-wrapper {
    padding-bottom: 41px;
    box-sizing: border-box;
  }
  .choose-us-content {
    gap: var(--gap-22);
  }
  .authentic-storytelling,
  .personalized-experience,
  .professional-delivery,
  .timeless-editing {
    font-size: var(--fs-32);
    line-height: var(--lh-33);
  }
  .frame-parent {
    padding-left: 37px;
    padding-right: var(--padding-57);
    box-sizing: border-box;
  }
  .footer-branding-parent {
    gap: var(--gap-17);
  }
  .kumar-varma-photography {
    font-size: var(--fs-32);
  }
  .contact3 {
    font-size: var(--fs-29);
    line-height: 58px;
  }
}
@media screen and (max-width: 450px) {
  .index {
    gap: var(--gap-34);
  }
  .about-us-parent {
    gap: var(--gap-19);
  }
  .menu-links {
    gap: 23px;
  }
  .creating-memories-for {
    font-size: var(--fs-24);
  }
  .about-kumar-varma,
  .at-kumar-varma {
    font-size: var(--fs-16);
  }
  .capturing-emotions-preserving {
    font-size: var(--fs-29);
    line-height: 32px;
  }
  .for-over-a {
    font-size: var(--fs-16);
  }
  .celebration-heading {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .capturing-every-celebration {
    font-size: var(--fs-29);
  }
  .from-grand-weddings {
    font-size: var(--fs-16);
  }
  .portraits {
    font-size: var(--fs-24);
  }
  .documenting-every-intricate,
  .preserving-every-smile {
    font-size: var(--fs-16);
  }
  .portfolio-content {
    gap: var(--gap-16);
  }
  .from-cherished-celebrations {
    font-size: var(--fs-16);
  }
  .portfolio-column-one {
    gap: var(--gap-15);
  }
  .parent {
    padding-top: 183px;
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .authentic-storytelling,
  .personalized-experience,
  .professional-delivery,
  .timeless-editing {
    font-size: var(--fs-24);
    line-height: var(--lh-25);
  }
  .beautifully-edited-images,
  .capturing-genuine-moments,
  .elegant-photographs-with,
  .every-celebration-is {
    font-size: var(--fs-16);
  }
  .frame-parent {
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .kumar-varma-photography {
    font-size: var(--fs-24);
  }
  .contact3 {
    font-size: var(--fs-22);
    line-height: var(--lh-43);
  }
}
.item-grid-a-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) 21px;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.image-container-b,
.item-grid-a,
.item-grid-a-wrapper {
  display: flex;
  align-items: flex-start;
}
.item-grid-a {
  width: 1081px;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
  position: relative;
}
.image-container-b {
  width: 279px;
  flex-direction: column;
  padding: var(--padding-7) var(--padding-8) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.menu-items,
.primary-menu {
  align-self: stretch;
  display: flex;
}
.primary-menu {
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-1);
  gap: var(--gap-4);
}
.menu-items {
  margin: 0;
  align-items: center;
  gap: 39px;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-black);
  font-family: var(--font-cormorant-garamond);
}
.header-right {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20) var(--padding-0) var(--padding-30);
}
.action-icon {
  height: var(--height-1);
  width: 58.5px;
  position: relative;
}
.image-slot-c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-7) var(--padding-0) var(--padding-0);
}