@import "https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Sacramento&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
body {
  padding: 0;
  margin: 0;
  font-family: catamaran, sans-serif;
  font-size: 16px;
}
a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #1b0238;
}
a:hover,
a:focus {
  color: #ea512e;
  text-decoration: none;
}
button {
  outline: 0 !important;
}
p {
  margin-bottom: 15px;
  line-height: 1.8;
  color: #6b6b84;
  font-weight: 400;
  font-family: roboto, sans-serif;
  font-size: 16px;
}
p:last-child {
  margin-bottom: 0;
}
i {
  line-height: normal;
}
.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.ptb-100 {
  padding-top: 38px;
  padding-bottom: 30px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1b0238;
  font-family: catamaran, sans-serif;
  font-weight: 700;
}
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
.default-btn {
  display: inline-block;
  padding: 12px 35px;
  background-color: #ea512e;
  color: #fff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.default-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  background-color: #f5890d;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
}
.default-btn:hover {
  color: #fff;
}
.default-btn:hover::before {
  height: 100%;
}
.optional-btn {
  display: inline-block;
  padding: 12px 35px;
  background-color: #f5890d;
  color: #fff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  margin-left: 15px;
  overflow: hidden;
}
.optional-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: #ea512e;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
}
.optional-btn:hover {
  color: #fff;
}
.optional-btn:hover::before {
  height: 100%;
}
.section-title {
  text-align: center;
  margin-bottom: 45px;
}
.section-title span {
  font-size: 20px;
  color: #ea512e;
  font-weight: 600;
  font-family: sacramento, cursive;
}
.section-title h2 {
  font-size: 45px;
  margin-top: 15px;
  margin-bottom: 0;
}


@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
}
@keyframes move {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
}
@-webkit-keyframes circle-3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes circle-3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}
@keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}
@-webkit-keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes shadow {
  50% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
}
@keyframes shadow {
  50% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
}







@-webkit-keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes moveScale {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@keyframes moveScale {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@-webkit-keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes border-transform-default {
  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
@keyframes border-transform-default {
  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

   
    .vactdelsne {
  font-family: 'Segoe UI', sans-serif;
  background: #f5f7fa;
  padding: 50px 20px;
}

.vact-wrap {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 30px;
}

/* BOX */
.vact-box {
  background: #fff;
  padding: 22px;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.05);
  margin-top: 20px;
}

/* IMAGE */
.vact-img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 15px;
}

/* TEXT */
.vact-title {
  font-size: 26px;
  margin-bottom: 10px;
}

.vact-price {
  font-size: 24px;
  font-weight: 600;
  color: #0a7cff;
      
}

.vact-cutprice {
  margin-left: 10px;
  text-decoration: line-through;
  color: #999;
}

.vact-desc {
  margin-top: 12px;
  color: #555;
  line-height: 1.6;
  font-size: 15px;
}

/* CONTACT BOX */
.vact-contact-box h3 {
  margin-bottom: 12px;
}

/* BUTTONS */
.vact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.vact-btn svg {
  width: 18px;
  height: 18px;
}

.vact-btn.whatsapp {
  background: #25D366;
  color: #fff;
}

.vact-btn.call {
  background: #111;
  color: #fff;
}

.vact-btn:hover {
  opacity: 0.9;
}

/* FORM */
.vact-form h3 {
  margin-bottom: 12px;
}

.vact-form input,
.vact-form textarea {
  width: 100%;
  padding: 11px;
  margin-bottom: 12px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.vact-email {
  padding: 13px;
  font-size: 15px;
}

.vact-form textarea {
  height: 80px;
  resize: none;
}

.vact-form button {
  width: 100%;
  padding: 12px;
  background: #0a7cff;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.vact-form button:hover {
  background: #065fd4;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .vact-wrap {
    grid-template-columns: 1fr;
  }
}

.vsterprcabonew {
  padding: 50px 20px;
  background: #f4f6fb;
  font-family: Arial, sans-serif;
}

.vster-container {
  max-width: 900px;
  margin: auto;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
}

/* HEADING */
.vster-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 25px;
}

/* POINTS */
.vster-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.vster-point {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.6;
}

/* ICON */
.vster-icon svg {
  width: 18px;
  height: 18px;
  fill: #e63946;
  margin-top: 3px;
  flex-shrink: 0;
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .vster-container {
    padding: 20px;
  }

  .vster-heading {
    font-size: 24px;
  }
}

.vsgalnewsec {
  padding: 50px 20px;
  background: #f4f6fb;
  font-family: Arial, sans-serif;
}

.vsgal-container {
  max-width: 1200px;
  margin: auto;
}

.vsgal-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}

/* GRID */
.vsgal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.vsgal-grid img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.vsgal-grid img:hover {
  transform: scale(1.05);
}

/* LIGHTBOX */
.vsgal-lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  text-align: center;
}

.vsgal-lightbox-img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 10px;
}

/* CLOSE */
.vsgal-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
}

/* NAVIGATION */
.vsgal-prev,
.vsgal-next {
  position: absolute;
  top: 50%;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  transform: translateY(-50%);
}

.vsgal-prev { left: 20px; }
.vsgal-next { right: 20px; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .vsgal-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .vsgal-grid {
    grid-template-columns: 1fr;
  }

  .vsgal-grid img {
    height: 180px;
  }
}

.viscontesnew {
  padding: 50px 20px;
  background: #f4f6fb;
  font-family: Arial, sans-serif;
}

.viscon-container {
  max-width: 1200px;
  margin: auto;
}

.viscon-heading {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}

.viscon-content {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

/* LEFT */
.viscon-left {
  flex: 1;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  height: fit-content;
}

.viscon-logo-name {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.viscon-logo-name img {
  width: 60px;
}

.viscon-info p {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 15px;
  align-items: center;
}

.viscon-icon svg {
  width: 18px;
  height: 18px;
  fill: #e63946;
}

/* SOCIAL */
.viscon-social {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.viscon-social img {
  width: 36px;
  height: 36px;
}

/* RIGHT */
.viscon-right {
  flex: 1;
}

.viscon-form {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
}

.viscon-form input,
.viscon-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.viscon-form button {
  width: 100%;
  padding: 12px;
  background: #e63946;
  color: #fff;
  border: none;
  border-radius: 8px;
}

/* 🔥 CENTER MAP */
.viscon-map-center {
  margin-top: 30px;
}

.viscon-map-center iframe {
  width: 100%;
  height: 350px;
  border: 0;
  border-radius: 12px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .viscon-content {
    flex-direction: column;
  }
}

    .vsnodtslspgs {
  padding: 40px 20px;
  background: #f5f7fb;
  font-family: Arial, sans-serif;
}

.vsn-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 30px;
}

/* LEFT */
.vsn-left {
  flex: 2;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
}

.vsn-title {
  font-size: 26px;
  margin-bottom: 15px;
}

/* IMAGE HEIGHT FIX */
.vsn-image {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 15px;
}

.vsn-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PRICE */
.vsn-price {
  margin-bottom: 10px;
}

.vsn-main-price {
  font-size: 22px;
  font-weight: bold;
  color: #e63946;
  margin-right: 10px;
}

.vsn-cut-price {
  text-decoration: line-through;
  color: #888;
}

.vsn-desc {
  font-size: 15px;
  line-height: 1.6;
}

/* RIGHT */
.vsn-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* CONTACT BOX */
.vsn-contact-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
}

.vsn-contact-box h3 {
  margin-bottom: 15px;
}

.vsn-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
}

.vsn-btn svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.vsn-btn.call { background: #0077b6; }
.vsn-btn.whatsapp { background: #25d366; }

/* FORM */
.vsn-form-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
}

.vsn-form-box h3 {
  margin-bottom: 15px;
}

.vsn-form-box input,
.vsn-form-box textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

.vsn-form-box button {
  width: 100%;
  padding: 12px;
  background: #e63946;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vsn-container {
    flex-direction: column;
  }

  .vsn-image {
    height: 220px;
  }
}

    .visabnew-extra {
  padding: 80px 0;
  background: #f9fbfd;
}

.visabnew-extra-head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px;
}

.visabnew-extra-head h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}

.visabnew-extra-head p {
  color: #6b7280;
  font-size: 15px;
  line-height: 1.7;
}

.visabnew-extra-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.visabnew-extra-box {
  background: #fff;
  padding: 35px 25px;
  border-radius: 14px;
  text-align: center;
  transition: 0.3s ease;
  border: 1px solid #eef2f7;
}

.visabnew-extra-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* SVG ICON */
.visabnew-icon {
  width: 55px;
  height: 55px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e0f2fe;
  border-radius: 50%;
}

.visabnew-icon svg {
  width: 26px;
  height: 26px;
  fill: #0284c7;
}

.visabnew-extra-box h4 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #111827;
}

.visabnew-extra-box p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

/* RESPONSIVE IMPROVEMENTS */
@media (max-width: 992px) {
  .visabnew-extra-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .visabnew-extra {
    padding: 50px 0;
  }

  .visabnew-container {
    padding: 0 18px; /* 🔥 important mobile spacing fix */
  }

  .visabnew-extra-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .visabnew-extra-box {
    padding: 25px 18px;
  }

  .visabnew-extra-head h2 {
    font-size: 24px;
  }

  .visabnew-extra-head p {
    font-size: 14px;
  }
}

.vismsubdtpg-btns {
  margin-top: 25px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* COMMON BUTTON */
.vismsubdtpg-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s ease;
}

/* SVG */
.vismsubdtpg-btn svg {
  width: 18px;
  height: 18px;
}

/* CALL BUTTON */
.vismsubdtpg-btn.call {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
}

.vismsubdtpg-btn.call svg {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}

.vismsubdtpg-btn.call:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
}

/* WHATSAPP */
.vismsubdtpg-btn.whatsapp {
  background: #25D366;
  color: #fff;
}

.vismsubdtpg-btn.whatsapp svg {
  fill: #fff;
}

.vismsubdtpg-btn.whatsapp:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);
}
    .vismsubdtpg {
  padding: 100px 0;
  background: #fff;
}

/* GRID */
.vismsubdtpg-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: stretch;
}

/* LEFT IMAGE */
.vismsubdtpg-left {
  display: flex;
  align-items: center;
  height: 100%;
}

/* GLASS BORDER EFFECT */
.vismsubdtpg-img.big {
  width: 100%;
  height: 100%;
  padding: 10px;

  background: linear-gradient(135deg, #38bdf8, #2563eb);
  border-radius: 50% / 35%;

  box-shadow: 0 20px 60px rgba(37, 99, 235, 0.25);
}

/* IMAGE */
.vismsubdtpg-img.big img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 50% / 35%;
}

/* RIGHT CONTENT */
.vismsubdtpg-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vismsubdtpg-tag {
  background: #e0f2fe;
  color: #0284c7;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  width: max-content;
}

.vismsubdtpg-right h2 {
  font-size: 32px;
  margin: 10px 0 5px;
}

.vismsubdtpg-right h4 {
  color: #0284c7;
  margin-bottom: 15px;
}

/* TEXT */
.vismsubdtpg-intro {
  font-weight: 500;
  margin-bottom: 15px;
}

.vismsubdtpg-desc {
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 20px;
}

/* HIGHLIGHTS */
.vismsubdtpg-highlights {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 15px;
}

.vismsubdtpg-highlights div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vismsubdtpg-highlights svg {
  width: 16px;
  height: 16px;
  stroke: #16a34a;
  fill: none;
  stroke-width: 2;
}

/* INFO */
.vismsubdtpg-info {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.vismsubdtpg-info div {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #f1f5f9;
  padding: 6px 10px;
  border-radius: 8px;
}

/* BUTTONS */
.vismsubdtpg-btns {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.vismsubdtpg-btn {
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
}

.vismsubdtpg-btn.primary {
  background: #2563eb;
  color: #fff;
}

.vismsubdtpg-btn.whatsapp {
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* FORM */
.vismsubdtpg-form {
  max-width: 500px;
  margin: 60px auto 0;
  background: #fff;
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.vismsubdtpg-form input,
.vismsubdtpg-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.vismsubdtpg-form button {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #2563eb, #0284c7);
  color: #fff;
  border: none;
  border-radius: 8px;
}

/* MOBILE */
@media (max-width: 992px) {
  .vismsubdtpg-container {
    grid-template-columns: 1fr;
  }

  .vismsubdtpg-img.big {
    height: 300px;
  }
}

/* IMAGE */
.vispksnewdetl-image img {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 20px;
}

/* ACCORDION */
.vispksnewdetl-accitem {
  border-bottom: 1px solid #e5e7eb;
}

.vispksnewdetl-accitem button {
  width: 100%;
  padding: 12px;
  text-align: left;
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.vispksnewdetl-accitem .content {
  display: none;
  padding: 10px 12px;
  font-size: 14px;
  color: #6b7280;
}

.vispksnewdetl-accitem.active .content {
  display: block;
}

/* GRID */
.vispksnewdetl-grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* FORM */
.vispksnewdetl-form {
  margin-top: 20px;
  text-align: left;
}

.vispksnewdetl-form h4 {
  margin-bottom: 10px;
}

.vispksnewdetl-form input,
.vispksnewdetl-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
}

.vispksnewdetl-form button {
  width: 100%;
  padding: 12px;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
}

/* MOBILE */
@media (max-width: 768px) {
  .vispksnewdetl-grid2 {
    grid-template-columns: 1fr;
  }
}
    .vispksnewdetl {
  padding: 70px 0;
  background: linear-gradient(135deg, #f9fbfd, #eef6ff);
}

.vispksnewdetl-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}

/* TITLE */
.vispksnewdetl-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0f172a;
}

/* INFO */
.vispksnewdetl-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.vispksnewdetl-infoitem {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #475569;
}

.vispksnewdetl-infoitem svg {
  width: 18px;
  height: 18px;
  stroke: #0284c7;
  fill: none;
}

/* BOX */
.vispksnewdetl-box {
  background: #fff;
  padding: 22px;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 1px solid #eef2f7;
}

.vispksnewdetl-box h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.vispksnewdetl-box ul {
  list-style: none;
  padding: 0;
}

.vispksnewdetl-box li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.vispksnewdetl-box li svg {
  width: 16px;
  height: 16px;
  fill: #22c55e;
}

/* INCLUDES */


/* RIGHT CARD */
.vispksnewdetl-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  text-align: center;
  position: sticky;
  top: 100px;
}

.vispksnewdetl-price h2 {
  font-size: 32px;
  color: #2563eb;
}

.vispksnewdetl-btn {
  display: block;
  width: 100%;
  padding: 12px;
  margin-top: 10px;
  background: linear-gradient(135deg, #2563eb, #0284c7);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}

.vispksnewdetl-btn.outline {
  background: transparent;
  border: 1px solid #2563eb;
  color: #2563eb;
}

.vispksnewdetl-contact {
  margin-top: 15px;
  font-size: 13px;
}

/* MOBILE */
@media (max-width: 992px) {
  .vispksnewdetl-container {
    grid-template-columns: 1fr;
  }

  .vispksnewdetl-card {
    position: static;
  }
}

@media (max-width: 576px) {
  .vispksnewdetl {
    padding: 40px 0;
  }

  .vispksnewdetl-title {
    font-size: 24px;
  }
}
/* BUTTON STYLE */
.vispksnewdetl-accitem button {
  width: 100%;
  padding: 14px 12px;
  text-align: left;
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* PLUS ICON */
.vispksnewdetl-toggle {
  width: 18px;
  height: 18px;
  position: relative;
}

.vispksnewdetl-toggle::before,
.vispksnewdetl-toggle::after {
  content: "";
  position: absolute;
  background: #2563eb;
  transition: 0.3s ease;
}

/* horizontal line */
.vispksnewdetl-toggle::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* vertical line */
.vispksnewdetl-toggle::after {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

/* ACTIVE = MINUS */
.vispksnewdetl-accitem.active .vispksnewdetl-toggle::after {
  transform: scaleY(0);
}
/* RIGHT COLUMN */
.vispksnewdetl-right {
  position: relative;
}

/* STICKY WRAPPER */
.vispksnewdetl-sticky {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* FORM IMPROVE */
.vispksnewdetl-form {
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.vispksnewdetl-form h4 {
  margin-bottom: 12px;
  font-size: 18px;
}

.vispksnewdetl-form input,
.vispksnewdetl-form textarea {
  width: 100%;
  padding: 11px;
  margin-bottom: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
}

.vispksnewdetl-form textarea {
  min-height: 80px;
  resize: none;
}

.vispksnewdetl-form button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(135deg, #2563eb, #0284c7);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

/* CARD (keep yours but slight spacing polish) */
.vispksnewdetl-card {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  text-align: center;
}

/* MOBILE FIX */
@media (max-width: 992px) {
  .vispksnewdetl-sticky {
    position: static;
  }
}
.vispksnewdetl-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  background: linear-gradient(135deg, #25D366, #128C7E);
}

.vispksnewdetl-whatsapp:hover {
  background: linear-gradient(135deg, #1ebe5d, #0f766e);
}

.vispksnewdetl-whatsapp svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.vispksnewdetl-box ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vispksnewdetl-box ul li svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

    .visbdcmbnew {
  position: relative;
  width: 100%;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  background: url('https://andamanvishnutoursandtravel.com/wp-content/themes/andamanvishnutoursandtravel/assets/vishnu-img/tgdfg.webp') no-repeat center center/cover;
  overflow: hidden;
}

/* Dark overlay for readability */
.visbdcmbnew-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.4)
  );
  top: 0;
  left: 0;
  z-index: 1;
}

.visbdcmbnew-container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  padding: 0 20px;
  color: #fff;
}

/* Title */
.visbdcmbnew-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  color: white;
}

/* Breadcrumb */
.visbdcmbnew-breadcrumb {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 14px;
  color: #e5e7eb;
}

.visbdcmbnew-breadcrumb a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}

.visbdcmbnew-breadcrumb a:hover {
  color: #60a5fa;
}

.visbdcmbnew-breadcrumb span {
  margin: 0 8px;
  color: #d1d5db;
}

.visbdcmbnew-active {
  color: #60a5fa;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
  .visbdcmbnew {
    min-height: 180px;
  }

  .visbdcmbnew-title {
    font-size: 26px;
  }

  .visbdcmbnew-breadcrumb {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .visbdcmbnew-title {
    font-size: 22px;
  }

  .visbdcmbnew-breadcrumb {
    font-size: 12px;
  }
}


/* ================= TOP BAR ================= */
.tsttopbr{
background: #13397c;
color:#fff;
padding:8px 20px;
font-family:Arial;
}

/* CONTAINER */
.tsttopbr-row{
display:flex;
align-items:center;
justify-content:space-between;
}

/* COMMON ITEM */
.tsttopbr-item{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
}

/* ICON */
.tsttopbr-item img{
width:14px;
height:14px;
}

/* SOCIAL */
.tsttopbr-social{
display:flex;
align-items:center;
}

.tsttopbr-social a{
margin-left:10px;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

.tsttopbr-row{
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:8px;
}

/* 🔥 FORCE PERFECT CENTER */
.tsttopbr-item{
justify-content:center;
width:100%;
}

/* SOCIAL CENTER */
.tsttopbr-social{
justify-content:center;
width:100%;
}

.tsttopbr-social a{
margin:0 6px;
}

}



/* ================= SLIDER ================= */
.sldgonewt{
position:relative;
width:100%;
overflow:hidden;
}

/* SLIDES */
.sldgonewt-slide{
display:none;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
transition:opacity 0.6s ease;
}

.sldgonewt-slide.active{
display:block;
opacity:1;
position:relative;
}

/* IMAGE */
.sldgonewt-slide img{
width:100%;
height:520px;
object-fit:cover;
}

/* DOTS / LINES */
.sldgonewt-dots{
position:absolute;
bottom:20px;
width:100%;
text-align:center;
z-index:10;
}

.sldgonewt-dots span{
display:inline-block;
width:35px;
height:4px;
background:#fff;
margin:4px;
opacity:0.5;
cursor:pointer;
transition:0.3s;
}

.sldgonewt-dots span.active{
opacity:1;
background:#007bff;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

.sldgonewt-slide img{
height:260px;
}

.sldgonewt-dots span{
width:25px;
height:3px;
}

}


/* LOGO IMAGE */
.navnubrd-logo img{
height:70px;
width:auto;
display:block;
}
@media(max-width:768px){
.navnubrd-logo img{
height:50px;
}
}
/* RESET */
*{margin:0;padding:0;box-sizing:border-box}

/* ================= NAVBAR ================= */
.navnubrd{
font-family:catamaran,sans-serif;
background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
position:relative;
z-index:999;
}

/* WRAP */
.navnubrd-wrap{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 25px;
}

/* LOGO */
.navnubrd-logo{
font-size:22px;
font-weight:bold;
}

/* REMOVE BULLETS */
.navnubrd-menu,
.navnubrd-submenu,
.navnubrdmob-menu,
.navnubrdmob-sub{
list-style:none;
}

/* ================= DESKTOP MENU ================= */
.navnubrd-menu{
display:flex;
gap:22px;
margin-bottom: 0px;
}

.navnubrd-menu li{
position:relative;
}

.navnubrd-menu a{
text-decoration: none;
    color: #222;
    font-size: 16.5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* DROPDOWN ARROW */
.navnubrd-arrow{
width:8px;
height:8px;
border-right:2px solid #444;
border-bottom:2px solid #444;
transform:rotate(45deg);
transition:0.3s;
}

/* HOVER EFFECT */
.navnubrd-dropdown:hover .navnubrd-arrow{
transform:rotate(225deg);
}

/* SUBMENU */
/* SUBMENU FIX */
.navnubrd-submenu{
display:none;
position:absolute;
top:100%;   /* 🔥 FIXED (was 120%) */
left:0;
background:#fff;
min-width:220px;
border-radius:10px;
box-shadow:0 12px 30px rgba(0,0,0,0.15);
padding:8px 0;
z-index:999;
}

/* KEEP OPEN ON HOVER */
.navnubrd-dropdown:hover .navnubrd-submenu{
display:block;
}
/* SUBMENU FIX */
.navnubrd-submenu{
display:none;
position:absolute;
top:100%;   /* 🔥 FIXED (was 120%) */
left:0;
background:#fff;
min-width:220px;
border-radius:10px;
box-shadow:0 12px 30px rgba(0,0,0,0.15);
padding:8px 0;
z-index:999;
}

/* KEEP OPEN ON HOVER */
.navnubrd-dropdown:hover .navnubrd-submenu{
display:block;
}
.navnubrd-dropdown{
position:relative;
}

.navnubrd-submenu li a{
padding:10px 18px;
display:block;
}

.navnubrd-submenu li a:hover{
background:#f5f5f5;
padding-left:24px;
}

/* RIGHT */
.navnubrd-right{
display:flex;
align-items:center;
gap:12px;
}

.navnubrd-btn{
background:linear-gradient(45deg,#007bff,#00c6ff);
color:#fff;
border:none;
padding:9px 18px;
border-radius:25px;
cursor:pointer;
}

/* MOBILE TOGGLE */
.navnubrdmob-toggle{
display:none;
font-size:24px;
cursor:pointer;
}

/* ================= MOBILE MENU ================= */
.navnubrdmob-menu{
display:none; /* HIDDEN BY DEFAULT */
}

/* ================= MODAL ================= */
.navnubrd-modal{
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:rgba(0,0,0,0.6);
justify-content:center;
align-items:center;
z-index:9999;
}

.navnubrd-modalbox{
background:#fff;
padding:25px;
width:90%;
max-width:360px;
border-radius:10px;
position:relative;
}

.navnubrd-close{
position:absolute;
right:12px;
top:10px;
font-size:20px;
cursor:pointer;
}

.navnubrd-modalbox input,
.navnubrd-modalbox textarea{
width:100%;
margin:8px 0;
padding:10px;
border:1px solid #ccc;
border-radius:6px;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

/* HIDE DESKTOP MENU */
.navnubrd-menu{
display:none;
}

/* SHOW TOGGLE */
.navnubrdmob-toggle{
display:block;
}

/* MOBILE MENU */
.navnubrdmob-menu{
position:absolute;
top:100%;
left:0;
width:100%;
background:#fff;
flex-direction:column;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
z-index:9999;
}

.navnubrdmob-menu.active{
display:flex !important;
}

/* ITEMS */
.navnubrdmob-menu li{
border-bottom:1px solid #eee;
}

.navnubrdmob-menu a{
padding:14px 18px;
display:flex;
justify-content:space-between;
}

/* SUBMENU */
.navnubrdmob-sub{
display:none;
background:#f7f7f7;
}

.navnubrdmob-dropdown.active .navnubrdmob-sub{
display:block;
}

}


/* PLUS MINUS ICON (MOBILE ONLY) */
@media(max-width:768px){

.navnubrdmob-dropdown > a{
position:relative;
}

/* DEFAULT PLUS */
.navnubrdmob-dropdown > a::after{
content:"+";
font-size:16px;
font-weight:bold;
position:absolute;
right:18px;
transition:0.3s;
}

/* ACTIVE = MINUS */
.navnubrdmob-dropdown.active > a::after{
content:"−";
}

}

.visreview-wrapper {
  padding: 100px 20px;
  background: linear-gradient(135deg, #ffffff 60%, #f5f9ff 100%);
  font-family: 'Poppins', sans-serif;
}

.visreview-container {
  max-width: 900px;
  margin: auto;
}

/* HEADING */
.visreview-head {
  text-align: center;
  margin-bottom: 50px;
}

.visreview-tag {
  font-size: 12px;
  color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
}

.visreview-head h2 {
  font-size: 34px;
  margin-top: 10px;
  color: #0a2540;
}

/* SLIDER */
.visreview-slider {
  position: relative;
  overflow: hidden;
}

.visreview-track {
  display: flex;
  transition: transform 0.6s ease;
}

/* CARD */
.visreview-card {
  min-width: 100%;
  padding: 45px 30px;
  border-radius: 22px;
  text-align: center;

  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(14px);

  border: 1px solid rgba(0,123,255,0.15);

  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
}

/* TOP */
.visreview-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.visreview-top img {
  width: 75px;
}

.visreview-stars {
  color: #ffc107;
  font-size: 16px;
}

/* TEXT */
.visreview-text {
  font-size: 16px;
  color: #444;
  margin: 25px 0;
  line-height: 1.7;
  font-style: italic;
}

/* NAME */
.visreview-name {
  font-size: 15px;
  font-weight: 600;
  color: #0a2540;
}

/* NAV */
.visreview-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 25px;
}

.visreview-prev,
.visreview-next {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: 0.3s;
}

.visreview-prev:hover,
.visreview-next:hover {
  background: #007bff;
  color: #fff;
}

/* BUTTON WRAPPER */
.visreview-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 45px;
  flex-wrap: wrap;
}

/* COMMON BUTTON */
.visreview-primary-btn,
.visreview-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 48px;
  padding: 0 26px;

  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;

  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* PRIMARY BUTTON */
.visreview-primary-btn {
  background: linear-gradient(135deg, #007bff, #00b894);
  color: #fff;
}

.visreview-primary-btn::after {
  content: "";
  position: absolute;
  width: 120%;
  height: 100%;
  background: rgba(255,255,255,0.2);
  top: 0;
  left: -120%;
  transform: skewX(-20deg);
  transition: 0.5s;
}

.visreview-primary-btn:hover::after {
  left: 120%;
}

.visreview-primary-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,123,255,0.3);
}

/* SECONDARY BUTTON */
.visreview-secondary-btn {
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(0,123,255,0.25);
  color: #007bff;
  backdrop-filter: blur(8px);
}

.visreview-secondary-btn:hover {
  background: #007bff;
  color: #fff;
  transform: translateY(-3px);
}

/* RESPONSIVE */
@media(max-width:600px){
  .visreview-head h2 {
    font-size: 26px;
  }

  .visreview-text {
    font-size: 14px;
  }
}

.vissernae-wrapper {
  padding: 90px 20px;
  background: linear-gradient(135deg, #ffffff 60%, #f4f9ff 100%);
  font-family: 'Poppins', sans-serif;
}

.vissernae-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */
.vissernae-headbox {
  text-align: center;
  margin-bottom: 60px;
}

.vissernae-tag {
  font-size: 12px;
  color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
}

.vissernae-headbox h2 {
  font-size: 34px;
  margin: 10px 0;
  color: #0a2540;
}

.vissernae-headbox p {
  color: #666;
}

/* GRID */
.vissernae-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.vissernae-card {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 30px 20px;

  /* PREMIUM BORDER */
  border: 1px solid rgba(0, 123, 255, 0.12);

  transition: 0.4s;
  position: relative;
  overflow: hidden;
}

/* SOFT INNER GLOW BORDER */
.vissernae-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.4);
  pointer-events: none;
}

/* HOVER EFFECT */
.vissernae-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.08);
  border: 1px solid rgba(0, 123, 255, 0.35);
}

/* ICON */
.vissernae-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #007bff, #00b894);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  transition: 0.4s;
}

.vissernae-icon svg {
  width: 26px;
  height: 26px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
}

/* ICON ANIMATION */
.vissernae-card:hover .vissernae-icon {
  transform: scale(1.1) rotate(8deg);
}

/* TEXT */
.vissernae-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
  color: #0a2540;
}

.vissernae-card p {
  font-size: 13px;
  color: #555;
  margin-bottom: 12px;
}

/* READ MORE */
.vissernae-card a {
  font-size: 13px;
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s;
}

.vissernae-card a:hover {
  letter-spacing: 1px;
}

/* RESPONSIVE */
@media(max-width: 992px){
  .vissernae-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px){
  .vissernae-grid {
    grid-template-columns: 1fr;
  }

  .vissernae-headbox h2 {
    font-size: 26px;
  }
}

.visdesandnew-wrapper {
  padding: 90px 20px;
  background: linear-gradient(135deg, #ffffff 60%, #f5f9ff 100%);
  font-family: Arial, sans-serif;
}

.visdesandnew-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADING */
.visdesandnew-headbox {
  text-align: center;
  margin-bottom: 60px;
}

.visdesandnew-tag {
  font-size: 12px;
  color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
}

.visdesandnew-headbox h2 {
  font-size: 36px;
  margin: 10px 0;
  color: #0a2540;
}

.visdesandnew-headbox p {
  color: #666;
}

/* ROW */
.visdesandnew-row {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 70px;
}

/* REVERSE */
.visdesandnew-row.reverse {
  flex-direction: row-reverse;
}

/* IMAGE */
.visdesandnew-img {
  flex: 1;
  height: 320px;
  border-radius: 18px;
  overflow: hidden;
}

.visdesandnew-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.visdesandnew-row:hover img {
  transform: scale(1.05);
}

/* CONTENT */
.visdesandnew-content {
  flex: 1;
}

.visdesandnew-content h3 {
  font-size: 26px;
  color: #0a2540;
  margin-bottom: 12px;
}

.visdesandnew-content p {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
  line-height: 1.6;
}

/* META */
.visdesandnew-meta span {
  display: inline-block;
      background: #f3e215;
    color: #000000;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  margin-bottom: 15px;
}

/* RESPONSIVE */
@media(max-width: 992px){
  .visdesandnew-row {
    flex-direction: column;
  }

  .visdesandnew-row.reverse {
    flex-direction: column;
  }

  .visdesandnew-img {
    height: 250px;
  }
}

.vishacsect-ribbon {
    position: absolute;
    top: 20px;
    right: -42px;
    background: linear-gradient(135deg, #007bff, #00b894);
    color: #fff;
    font-size: 11px;
    padding: 6px 40px;
    transform: rotate(45deg);
    font-weight: 600;
    z-index: 3;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.vishacsect-wrapper {
  padding: 90px 20px;
  background: linear-gradient(135deg, #ffffff 60%, #f3f9ff 100%);
  font-family: Arial, sans-serif;
}

.vishacsect-container {
  max-width: 1250px;
  margin: auto;
}

/* HEADING */
.vishacsect-headbox {
  text-align: center;
  margin-bottom: 50px;
}

.vishacsect-tag {
  font-size: 12px;
      color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
}

.vishacsect-headbox h2 {
  font-size: 36px;
  margin: 10px 0;
  color: #0a2540;
}

.vishacsect-headbox p {
  color: #666;
  font-size: 14px;
}

/* GRID */
.vishacsect-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.vishacsect-card {
  position: relative;
  height: 240px;
  border-radius: 18px;
  overflow: hidden;
}

.vishacsect-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

/* PRICE BADGE */
.vishacsect-price {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  z-index: 2;
}

.vishacsect-price .cut {
  text-decoration: line-through;
  color: #999;
  margin-right: 4px;
}

.vishacsect-price .main {
  color: #ff6a00;
    font-weight: 600;
}

/* OVERLAY */
.vishacsect-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.2));
}

/* CONTENT */
.vishacsect-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

.vishacsect-content h3 {
  margin-bottom: 10px;
}

/* HOVER */
.vishacsect-card:hover img {
  transform: scale(1.08);
}

/* BUTTON */
.vishacsect-bottom {
  text-align: center;
  margin-top: 50px;
}

/* RESPONSIVE */
@media(max-width: 992px){
  .vishacsect-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px){
  .vishacsect-grid {
    grid-template-columns: 1fr;
  }
}


.vistouthem-wrapper {
  padding: 90px 20px;
  background: linear-gradient(135deg, #fff9f5 60%, #ffe8f2 100%);
  font-family: Arial, sans-serif;
}

.vistouthem-container {
  max-width: 1250px;
  margin: auto;
}

/* HEADING */
.vistouthem-headbox {
  text-align: center;
  margin-bottom: 50px;
}

.vistouthem-tag {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.vistouthem-headbox h2 {
  font-size: 36px;
  color: #0a2540;
  margin-bottom: 10px;
  font-weight: 700;
}

.vistouthem-headbox p {
  font-size: 14px;
  color: #666;
}

/* GRID */
.vistouthem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.vistouthem-card {
  position: relative;
  height: 300px;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
}

.vistouthem-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.vistouthem-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));
}

/* CONTENT ON IMAGE */
.vistouthem-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
}
.vistouthem-content {
  backdrop-filter: blur(4px);
  background: rgba(0,0,0,0.25);
  padding: 15px;
  border-radius: 12px;
}
.vistouthem-content h3 {
  font-size: 20px;
  margin-bottom: 8px;
      color: #baffb2;
}

.vistouthem-content p {
  font-size: 13px;
  margin-bottom: 12px;
  line-height: 1.5;
  color: white;
}

/* HOVER EFFECT */
.vistouthem-card:hover img {
  transform: scale(1.08);
}

/* RESPONSIVE */
@media(max-width: 992px){
  .vistouthem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px){
  .vistouthem-grid {
    grid-template-columns: 1fr;
  }

  .vistouthem-headbox h2 {
    font-size: 26px;
  }
}

.viandapkslst-wrapper {
  padding: 90px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
}

.viandapkslst-container {
  max-width: 1250px;
  margin: auto;
}

/* HEADING */
.viandapkslst-headbox {
  text-align: center;
  margin-bottom: 50px;
}

.viandapkslst-tag {
  display: inline-block;
  font-size: 12px;
      color: #ffffff;
    background: #ff5e00;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.viandapkslst-headbox h2 {
  font-size: 36px;
  color: #0a2540;
  margin-bottom: 10px;
  font-weight: 700;
}

.viandapkslst-headbox p {
  font-size: 14px;
  color: #666;
}

/* GRID */
.viandapkslst-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}

/* CARD */
.viandapkslst-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  transition: 0.4s;
}

.viandapkslst-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.08);
}

/* IMAGE */
.viandapkslst-img {
  position: relative;
  height: 220px;
  overflow: hidden;
}

.viandapkslst-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.viandapkslst-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
}

.viandapkslst-card:hover img {
  transform: scale(1.08);
}

/* CONTENT */
.viandapkslst-content {
  padding: 18px;
}

.viandapkslst-content h3 {
  font-size: 17px;
  margin-bottom: 12px;
  color: #0a2540;
}

/* INFO */
.viandapkslst-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.viandapkslst-info div {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #555;
}

.viandapkslst-info svg {
  width: 16px;
  height: 16px;
  stroke: #007bff;
  fill: none;
  stroke-width: 2;
}

/* PRICE */
.viandapkslst-price {
  margin-bottom: 15px;
}

.viandapkslst-price .cut {
  text-decoration: line-through;
  color: #aaa;
  font-size: 13px;
}

.viandapkslst-price .main {
  color: #ff8d00;
  font-weight: 600;
  font-size: 17px;
  margin-left: 6px;
}

/* BUTTONS */
.viandapkslst-btns {
  display: flex;
  gap: 10px;
}

.viandapkslst-viewbtn {
  background: #f4f7ff !important;
  color: #007bff !important;
  border: 1px solid #007bff;
}

.viandapkslst-viewbtn:hover {
  background: #007bff !important;
  color: #fff !important;
}

/* BOTTOM BUTTON */
.viandapkslst-bottom {
  text-align: center;
  margin-top: 50px;
}

.viandapkslst-bottom a {
  padding: 13px 34px;
  border-radius: 30px;
  background: #0a2540;
  color: #fff;
  text-decoration: none;
}

.viandapkslst-bottom a:hover {
  background: #007bff;
}

/* RESPONSIVE */
@media(max-width: 992px){
  .viandapkslst-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 600px){
  .viandapkslst-grid {
    grid-template-columns: 1fr;
  }

  .viandapkslst-headbox h2 {
    font-size: 26px;
  }
}

.visabnew-wrapper {
  padding: 80px 20px;
  background: linear-gradient(135deg, #f6fbff, #eef7ff);
  position: relative;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

/* soft abstract background */
.visabnew-wrapper::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(0,123,255,0.08), transparent 70%);
  top: -120px;
  left: -120px;
  border-radius: 50%;
}

.visabnew-container {
  max-width: 1150px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 2;
}

/* LEFT */
.visabnew-left {
  flex: 1;
}

.visabnew-tag {
  display: inline-block;
  padding: 6px 14px;
  background: rgba(0,123,255,0.1);
  color: #007bff;
  border-radius: 20px;
  font-size: 12px;
  margin-bottom: 15px;
}

.visabnew-left h2 {
  font-size: 34px;
  color: #0a2540;
  margin-bottom: 15px;
  font-weight: 700;
}

.visabnew-left p {
      font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 10px;
    text-align: justify;
}

.visabnew-sub {
  opacity: 0.9;
  margin-bottom: 20px;
}

/* STATS */
.visabnew-stats {
  display: flex;
  gap: 25px;
  margin: 25px 0;
}

.visabnew-stat h3 {
  font-size: 22px;
  color: #007bff;
  margin-bottom: 5px;
}

.visabnew-stat span {
  font-size: 13px;
  color: #666;
}

/* BUTTON */
.visabnew-btn {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #007bff, #00b894);
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
  box-shadow: 0 8px 20px rgba(0,123,255,0.2);
}

.visabnew-btn:hover {
  transform: translateY(-2px);
}

/* RIGHT */
.visabnew-right {
  flex: 1;
}

.visabnew-imgbox {
  position: relative;
}

.visabnew-imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* important */
  border-radius: 20px;
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* floating card */
.visabnew-card {
  position: absolute;
  bottom: 20px;
  left: -20px;
  background: #fff;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.visabnew-card span {
  font-size: 12px;
  color: #888;
}

.visabnew-card h4 {
  font-size: 16px;
  margin-top: 5px;
  color: #0a2540;
}

/* RESPONSIVE */
@media(max-width: 900px){
  .visabnew-container {
    flex-direction: column;
    text-align: center;
  }

  .visabnew-stats {
    justify-content: center;
  }

  .visabnew-card {
    left: 50%;
    transform: translateX(-50%);
  }
}

.visfootnew-social {
  margin-top: 18px;
  display: flex;
  gap: 12px;
}

.visfootnew-social-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(6px);

  border: 1px solid rgba(255,255,255,0.15);

  transition: all 0.3s ease;
  overflow: hidden;
}

.visfootnew-social-link img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

/* HOVER EFFECT */
.visfootnew-social-link:hover {
  transform: translateY(-4px) scale(1.05);
  background: #ffffff;
}

/* ICON COLOR POP */
.visfootnew-social-link:hover img {
  filter: none;
}

/* OPTIONAL: slight grayscale initially */
.visfootnew-social-link img {
  filter: grayscale(100%) brightness(1.2);
}

.visfootnew-social-link:hover img {
  filter: none;
}
.visfootnew-icon {
  width: 18px;
  height: 18px;

  stroke: #fff;
  stroke-width: 2;

  fill: none;

  flex-shrink: 0;
}
.visfootnew-wrapper {
      background: linear-gradient(135deg, #222dc7, #0f3c68);
  color: #fff;
  padding: 70px 20px 30px;
  font-family: 'Poppins', sans-serif;
}

.visfootnew-container {
  max-width: 1200px;
  margin: auto;
}

/* GRID */
.visfootnew-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

/* COLUMN */
.visfootnew-col h3 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #ffffff;
  
}

.visfootnew-col p {
  font-size: 13px;
  margin-bottom: 8px;
  color: #ddd;
}

/* LINKS */
.visfootnew-links {
  display: flex;
  gap: 30px;
}

.visfootnew-links ul {
  list-style: none;
  padding: 0;
}

.visfootnew-links li {
  margin-bottom: 8px;
}

.visfootnew-links a {
  color: #ddd;
  text-decoration: none;
  font-size: 13px;
  transition: 0.3s;
}

.visfootnew-links a:hover {
  color: #fff;
  padding-left: 5px;
}

/* MAP */
.visfootnew-col iframe {
  width: 100%;
  height: 160px;
  border-radius: 10px;
  border: none;
}

/* REGISTERED */
.visfootnew-register {
  text-align: center;
  margin-top: 50px;
}

.visfootnew-register h4 {
  margin-bottom: 15px;
    color: #ffffff;
}

.visfootnew-logos {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.visfootnew-logos img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  transition: 0.3s;
}

.visfootnew-logos img:hover {
  transform: scale(1.1);
}

/* COPYRIGHT */
.visfootnew-copy {
  text-align: center;
  margin-top: 30px;
  font-size: 12px;
  color: #bbb;
}

/* RESPONSIVE */
@media(max-width: 900px){
  .visfootnew-grid {
    grid-template-columns: 1fr;
  }

  .visfootnew-links {
    justify-content: space-between;
  }
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #2563eb, #0284c7);
    color: #fff;
    border: none;
    border-radius: 8px;
}