/* base css start */

/* google fonts import url */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

.breadcrumb--white .breadcrumb-item {
  color: #fff;
  --bs-breadcrumb-divider-color: #fff;
}

.theme__btn--lg {
  height: 56px;
}

.theme__btn--outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.theme__btn--outline:hover {
  border-color: #000;
}

.theme__btn--outline-black {
  background-color: transparent;
  color: #1c1c1e;
  border: 1px solid #000000;
}

.theme__btn--outline-black:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.section__title span {
  color: var(--secondary);
}
.section__desc {
  font-size: 18px;
  line-height: 1.6;
  color: #1c1c1e;
}

.tag {
  transition: all 0.3s;
}
.tag--outline {
  font-size: 18px;
  line-height: 1.6;
  padding: 8px 16px;
  border: 1px solid #ffffff40;
  background-color: transparent;
  color: #fff;
  font-family: var(--albertSans);
}
/* base css end */

/* card css start */
.card {
  padding: 23px;
  border-color: #0e1b3d3d;
  border-radius: 24px 0;
}
.card__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 29px;
}
.card__title {
  font-size: 24px;
  line-height: 1.3;
  color: #1c1c1e;
  letter-spacing: -0.005em;
}
.card__desc {
  font-size: 18px;
  line-height: 1.6;
  color: #1c1c1e;
}
/* card css end */

/* hero section start */
.hero--vp {
  min-height: 800px;
  background-color: #6100ba;
  padding-block: 80px;
}
.hero--vp .hero__content {
  padding-block: 74px 0;
  gap: 36px;
}
.hero--vp .hero__desc {
  font-size: 18px;
  line-height: 1.4;
}

.hero__thumb {
  width: 409px;
  border: 1px solid #ffffff52;
  border-radius: 16px;
  height: auto;
  box-shadow: 0px 30px 60px -20px #0000008c;
}
.hero__thumb-label {
  top: 16px;
  left: 16px;
  padding: 6px 12px;
  background-color: #0e1b3d59;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font-size: 14px;
  line-height: 1.1;
}
.hero__thumb--two {
  width: 352px;
  right: 234px;
  bottom: -225px;
}
.hero__thumb--three {
  width: 272px;
  right: -72px;
  bottom: -105px;
}
/* hero section end */

/* about section start */
.about {
  background-color: var(--blue-100);
  padding-block: 112px;
}
.about::after {
  content: "";
  width: 100%;
  height: 114px;
  background-color: var(--blue-100);
  position: absolute;
  left: 0;
  bottom: -56px;
  clip-path: polygon(
    17.913% 92.054%,
    17.913% 92.054%,
    15.727% 94.406%,
    13.479% 94.526%,
    11.199% 92.669%,
    8.918% 89.091%,
    6.665% 84.046%,
    4.47% 77.79%,
    2.364% 70.578%,
    0.376% 62.666%,
    -1.464% 54.307%,
    -3.125% 45.758%,
    -0.348% 13.458%,
    29.161% 9.152%,
    79.429% 0%,
    79.429% 0%,
    81.872% 4.726%,
    84.569% 9.083%,
    87.407% 13.196%,
    90.274% 17.192%,
    93.055% 21.197%,
    95.638% 25.336%,
    97.909% 29.736%,
    99.754% 34.522%,
    101.061% 39.821%,
    101.717% 45.758%,
    101.717% 45.758%,
    101.723% 47.633%,
    101.593% 50.225%,
    101.317% 53.493%,
    100.882% 57.399%,
    100.277% 61.904%,
    99.489% 66.97%,
    98.508% 72.556%,
    97.322% 78.625%,
    95.919% 85.137%,
    94.288% 92.054%,
    94.288% 92.054%,
    92.535% 97.381%,
    90.711% 99.769%,
    88.838% 99.651%,
    86.94% 97.462%,
    85.039% 93.636%,
    83.159% 88.607%,
    81.323% 82.808%,
    79.554% 76.675%,
    77.875% 70.64%,
    76.31% 65.138%,
    76.31% 65.138%,
    75.301% 62.075%,
    74.14% 59.322%,
    72.825% 57.018%,
    71.351% 55.301%,
    69.714% 54.311%,
    67.91% 54.187%,
    65.936% 55.069%,
    63.786% 57.095%,
    61.458% 60.405%,
    58.947% 65.138%,
    58.947% 65.138%,
    56.558% 69.163%,
    54.541% 70.598%,
    52.808% 69.953%,
    51.274% 67.739%,
    49.851% 64.465%,
    48.454% 60.641%,
    46.995% 56.779%,
    45.387% 53.389%,
    43.545% 50.981%,
    41.381% 50.064%,
    41.381% 50.064%,
    39.01% 50.92%,
    36.614% 53.294%,
    34.203% 56.896%,
    31.79% 61.434%,
    29.386% 66.618%,
    27.003% 72.157%,
    24.653% 77.761%,
    22.346% 83.139%,
    20.096% 88%,
    17.913% 92.054%
  );
}
.about .section-title {
  margin-bottom: 64px;
}
/* about section end */

/* venue section start */
.venue {
  padding-block: 142px 96px;
}
.venue__wrapper {
  border-radius: 24px;
  box-shadow: 0px 20px 50px -25px #0e1b3d40;
  background-color: var(--primary);
}
.venue__thumb-label {
  bottom: 24px;
  left: 24px;
  font-size: 13px;
  line-height: 20px;
  padding: 8px 16px;
  background-color: #00000059;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: "Poppins", sans-serif;
}
.venue__content {
  padding: 56px;
}
.venue__content h2 {
  line-height: 1.2;
}
.venue__desc {
  font-size: 18px;
  line-height: 1.6;
}

.venue--list {
  padding-block: 96px;
  background-color: #fff8f0;
}
.venue--list::after {
  content: "";
  width: 100%;
  height: 114px;
  background-color: #fff8f0;
  position: absolute;
  left: 0;
  bottom: -56px;
  clip-path: polygon(
    17.913% 92.054%,
    17.913% 92.054%,
    15.727% 94.406%,
    13.479% 94.526%,
    11.199% 92.669%,
    8.918% 89.091%,
    6.665% 84.046%,
    4.47% 77.79%,
    2.364% 70.578%,
    0.376% 62.666%,
    -1.464% 54.307%,
    -3.125% 45.758%,
    -0.348% 13.458%,
    29.161% 9.152%,
    79.429% 0%,
    79.429% 0%,
    81.872% 4.726%,
    84.569% 9.083%,
    87.407% 13.196%,
    90.274% 17.192%,
    93.055% 21.197%,
    95.638% 25.336%,
    97.909% 29.736%,
    99.754% 34.522%,
    101.061% 39.821%,
    101.717% 45.758%,
    101.717% 45.758%,
    101.723% 47.633%,
    101.593% 50.225%,
    101.317% 53.493%,
    100.882% 57.399%,
    100.277% 61.904%,
    99.489% 66.97%,
    98.508% 72.556%,
    97.322% 78.625%,
    95.919% 85.137%,
    94.288% 92.054%,
    94.288% 92.054%,
    92.535% 97.381%,
    90.711% 99.769%,
    88.838% 99.651%,
    86.94% 97.462%,
    85.039% 93.636%,
    83.159% 88.607%,
    81.323% 82.808%,
    79.554% 76.675%,
    77.875% 70.64%,
    76.31% 65.138%,
    76.31% 65.138%,
    75.301% 62.075%,
    74.14% 59.322%,
    72.825% 57.018%,
    71.351% 55.301%,
    69.714% 54.311%,
    67.91% 54.187%,
    65.936% 55.069%,
    63.786% 57.095%,
    61.458% 60.405%,
    58.947% 65.138%,
    58.947% 65.138%,
    56.558% 69.163%,
    54.541% 70.598%,
    52.808% 69.953%,
    51.274% 67.739%,
    49.851% 64.465%,
    48.454% 60.641%,
    46.995% 56.779%,
    45.387% 53.389%,
    43.545% 50.981%,
    41.381% 50.064%,
    41.381% 50.064%,
    39.01% 50.92%,
    36.614% 53.294%,
    34.203% 56.896%,
    31.79% 61.434%,
    29.386% 66.618%,
    27.003% 72.157%,
    24.653% 77.761%,
    22.346% 83.139%,
    20.096% 88%,
    17.913% 92.054%
  );
}
.venue--list .section__desc {
  max-width: 590px;
}
.venue--list .section__title {
  margin-bottom: 64px;
}
.venue__cards {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 64px;
}
.venue__card {
  border-radius: 24px 0;
  box-shadow: 0px 10px 30px -15px #0e1b3d2e;
  overflow: hidden;
  aspect-ratio: 297/250;
}
.venue__card-thumb {
  transition: all 1s ease-in-out;
}
.venue__card:hover .venue__card-thumb {
  transform: scale(1.1);
}
.venue__card-content {
  padding: 24px;
  background-image: linear-gradient(0deg, rgba(14, 27, 61, 0.8) 0%, rgba(14, 27, 61, 0.2) 50%, rgba(14, 27, 61, 0) 100%);
}
/* venue section end */

/* features section start */
.features {
  padding-block: 112px;
}
.features::after {
  content: "";
  width: 100%;
  height: 114px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -56px;
  clip-path: polygon(
    17.913% 92.054%,
    17.913% 92.054%,
    15.727% 94.406%,
    13.479% 94.526%,
    11.199% 92.669%,
    8.918% 89.091%,
    6.665% 84.046%,
    4.47% 77.79%,
    2.364% 70.578%,
    0.376% 62.666%,
    -1.464% 54.307%,
    -3.125% 45.758%,
    -0.348% 13.458%,
    29.161% 9.152%,
    79.429% 0%,
    79.429% 0%,
    81.872% 4.726%,
    84.569% 9.083%,
    87.407% 13.196%,
    90.274% 17.192%,
    93.055% 21.197%,
    95.638% 25.336%,
    97.909% 29.736%,
    99.754% 34.522%,
    101.061% 39.821%,
    101.717% 45.758%,
    101.717% 45.758%,
    101.723% 47.633%,
    101.593% 50.225%,
    101.317% 53.493%,
    100.882% 57.399%,
    100.277% 61.904%,
    99.489% 66.97%,
    98.508% 72.556%,
    97.322% 78.625%,
    95.919% 85.137%,
    94.288% 92.054%,
    94.288% 92.054%,
    92.535% 97.381%,
    90.711% 99.769%,
    88.838% 99.651%,
    86.94% 97.462%,
    85.039% 93.636%,
    83.159% 88.607%,
    81.323% 82.808%,
    79.554% 76.675%,
    77.875% 70.64%,
    76.31% 65.138%,
    76.31% 65.138%,
    75.301% 62.075%,
    74.14% 59.322%,
    72.825% 57.018%,
    71.351% 55.301%,
    69.714% 54.311%,
    67.91% 54.187%,
    65.936% 55.069%,
    63.786% 57.095%,
    61.458% 60.405%,
    58.947% 65.138%,
    58.947% 65.138%,
    56.558% 69.163%,
    54.541% 70.598%,
    52.808% 69.953%,
    51.274% 67.739%,
    49.851% 64.465%,
    48.454% 60.641%,
    46.995% 56.779%,
    45.387% 53.389%,
    43.545% 50.981%,
    41.381% 50.064%,
    41.381% 50.064%,
    39.01% 50.92%,
    36.614% 53.294%,
    34.203% 56.896%,
    31.79% 61.434%,
    29.386% 66.618%,
    27.003% 72.157%,
    24.653% 77.761%,
    22.346% 83.139%,
    20.096% 88%,
    17.913% 92.054%
  );
}
.features h2 span {
  color: #ffc51e;
}
.features .section__title {
  margin-bottom: 64px;
}
.features__card {
  border-radius: 24px;
  border: 1px solid var(--color);
  box-shadow:
    0px 8px 0px 0px var(--color) inset,
    0px 8px 24px 0px #00000014;
}
.features__card .card__icon {
  background-color: var(--color);
}
.features__card .card__title {
  color: var(--color);
}
.features__card .card__desc {
  letter-spacing: -0.005em;
}
.features__card--red {
  --color: #f44b1b;
}
.features__card--yellow {
  --color: #ffc51e;
}
.features__card--purple {
  --color: #6100ba;
}
.features__card--green {
  --color: #98c83a;
}
/* features section end */

/* testimonial section start */
.testimonial {
  padding-block: 112px;
  background-color: #fff8f0;
}
.testimonial__slider_venue .slick-list {
  overflow: hidden;
  padding-block: 24px 48px;
}
.testimonial__card {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  color: #1c1c1e;
  padding-right: 20px !important;
}
.testimonial__thumb {
  border-radius: 40px 0;
  border: 2px solid #000;
  box-shadow: 0px 4px 4px 0px #00000026;
}
.testimonial__content {
  padding: 32px;
  box-shadow: 0px 10px 30px -15px #0e1b3d2e;
  border-radius: 24px 0;
  border: 1px solid #0e1b3d1a;
}
.testimonial__quote-icon {
  width: 55px;
  height: auto;
  background-color: transparent;
  right: 32px;
  left: auto;
  top: -22px;
  border-radius: 0;
}
.testimonial__stars img {
  width: 24px;
}
.testimonial__desc {
  font-size: 18px;
  line-height: 1.6;
}
.testimonial__name {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.005em;
  margin-bottom: 2px;
}
.testimonial__designation {
  font-size: 18px;
  line-height: 1.6;
}

.testimonial__cta {
  background-color: #2455cf;
  padding: 48px;
  border-radius: 24px;
}
.testimonial__cta-content {
  gap: 28px;
}
.testimonial__cta-logo {
  width: 64px;
  height: 64px;
  background-color: var(--secondary);
}
.testimonial__cta-logo img {
  width: 24px;
}
.testimonial__cta-title {
  line-height: 1.3;
  margin-bottom: 2px;
}
.testimonial__cta-desc {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.005em;
}
.testimonial__cta-btn {
  height: 46px;
  font-size: 18px;
  color: #fff;
  padding-inline: 22px;
  border: 2px solid #fff;
}
.testimonial__cta-btn:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
/* testimonial section end */

/* contact section start */
.contact {
  padding-top: 112px;
}
.contact::before,
.contact::after {
  display: none;
}
.contact .section__title {
  margin-bottom: 64px;
}
.contact__wrapper {
  grid-template-columns: 513fr 671fr;
}
.contact__feature-title {
  font-size: 14px;
  line-height: 1.3;
  color: var(--primary);
}
.contact__feature-list li {
  font-size: 18px;
  line-height: 1.6;
  color: #1c1c1e;
  padding-block: 12px;
  border-bottom: 1px solid #0e1b3d1a;
  display: flex;
  align-items: center;
  gap: 20px;
}
.contact__feature-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--secondary);
  border-radius: 50%;
}
.contact__feature-list li:last-child {
  border-bottom: 0;
}
.form__input-field--textarea {
  min-height: 125px;
}
/* contact section end */

/* cta section start */
.cta--vp .cta__desc {
  font-size: 18px;
  line-height: 1.6;
  max-width: 500px;
  margin-bottom: 32px;
}
.cta__main::before,
.cta__main::after {
  background-color: #fff8f0;
}
/* cta section end */

/* responsive css start */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1288px;
  }
}

/* screen less than 1400px */

@media (max-width: 1399px) {
  .hero--vp {
    min-height: 720px;
  }
  .hero__thumb--two {
    width: 300px;
    right: 220px;
    bottom: -185px;
  }
  .hero__thumb--three {
    width: 220px;
    right: -30px;
    bottom: -80px;
  }

  .testimonial__content {
    padding: 24px;
  }
  .testimonial__quote-icon {
    right: 24px;
  }
}

/* screen less than 1200px */

@media (max-width: 1199px) {
  .theme__btn--lg {
    height: 50px;
  }

  .hero__thumb {
    width: 380px;
  }
  .hero__thumb--two {
    width: 270px;
    right: 190px;
    bottom: -155px;
  }
  .hero__thumb--three {
    width: 200px;
    right: -24px;
  }
  .hero--vp .hero__content {
    padding-top: 0;
  }

  .about {
    padding-block: 80px;
  }
  .card__title {
    font-size: 20px;
  }
  .card__desc {
    font-size: 16px;
  }

  .venue__content {
    padding: 40px;
  }
  .venue__desc {
    font-size: 16px;
  }
  .venue--list {
    padding-block: 80px;
  }
  .venue__card-content {
    padding: 16px;
  }
  .venue__cards {
    gap: 16px;
  }
  .tag--outline {
    font-size: 16px;
  }
  .venue--list .section__title {
    margin-bottom: 50px;
  }
  .venue__cards {
    margin-bottom: 50px;
  }

  .features {
    padding-block: 80px;
  }
  .features .section__title {
    margin-bottom: 50px;
  }

  .testimonial {
    padding-block: 80px;
  }
  .testimonial__slider_venue .slick-slide {
    margin-right: 16px;
  }
  .testimonial__card {
    gap: 16px;
  }
  .testimonial__content {
    padding: 24px 16px 16px;
  }
  .testimonial__stars img {
    width: 20px;
  }
  .testimonial__desc {
    font-size: 16px;
  }
  .testimonial__name {
    font-size: 20px;
  }
  .testimonial__designation {
    font-size: 16px;
  }
  .testimonial__quote-icon {
    width: 44px;
    right: 16px;
    top: -16px;
  }

  .contact {
    padding-top: 80px;
  }
  .contact .section__title {
    margin-bottom: 50px;
  }
}

/* screen less than 992px */

@media (max-width: 991px) {
  .hero__thumb {
    width: 100%;
    position: relative !important;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
  }
  .hero__media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .hero__thumb:first-child {
    grid-column: -1/1;
  }
  .hero__thumb-label {
    font-size: 12px;
    top: 10px;
    left: 10px;
  }
  .hero--vp .hero__content {
    gap: 24px;
  }
  .hero--vp .hero__desc {
    font-size: 16px;
  }
  .hero--vp {
    min-height: unset;
  }

  .card {
    padding: 16px;
  }
  .card__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
  }
  .card__title {
    font-size: 18px;
  }
  .about::after,
  .venue--list::after {
    height: 80px;
    bottom: -40px;
  }

  .venue {
    padding-block: 100px 80px;
  }
  .venue--list {
    padding-block: 80px;
  }
  .venue__cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .testimonial__cta {
    padding: 40px 30px;
  }
  .testimonial__cta-content {
    gap: 20px;
  }
  .contact__feature-list li {
    font-size: 16px;
  }
}

/* screen less than 768px */

@media (max-width: 767px) {
  .hero--vp {
    padding-block: 60px;
  }
  .theme__btn--lg {
    height: 46px;
  }

  .about {
    padding-block: 60px;
  }

  .venue {
    padding-block: 80px 60px;
  }
  .venue__content {
    padding: 32px 20px;
  }

  .venue--list {
    padding-block: 60px;
  }
  .venue__cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .features {
    padding-block: 60px;
  }

  .testimonial {
    padding-block: 80px 60px;
  }
  .testimonial .section__title {
    margin-bottom: 20px;
  }
  .testimonial__cta {
    padding: 40px 20px;
  }

.contact {
  padding-top: 60px;
}
.contact__wrapper {
  grid-template-columns: 1fr;
}
}

/* screen max-width 575px */
@media (max-width: 575px) {
  .venue__card-title {
    font-size: 14px;
  }
  .testimonial__card {
    grid-template-columns: 1fr;
  }
}
/* responsive css end */