@font-face {
  font-family: 'lemonmilk';
  src: url();
}




body {
  background-color: #FFFFFF;
  font-size: 14px;
  color: #777777;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 400;
  overflow-x: hidden;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
img {
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari and Chrome */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard syntax */
  -webkit-user-drag: none; /* Disable image dragging in WebKit browsers */
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}
input[type="submit"]:active,
input[type="submit"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
a,
button,
a span {
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.btn.extra-width {
  padding: 13px 40px;
}
.btn:focus,
.btn:active {
  outline: inherit;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*    direction: rtl;*/
}
p {
  margin: 0 0 15px;
}
ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  outline: none;
}
.form-control {
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 16px;
  height: 45px;
}
.form-control:focus {
  border-color: #f56363;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}
p:last-child {
  margin-bottom: 0px;
}
button:focus,
select:focus,
select:active {
  outline: none;
}
/*
Section
*/
.no-padding {
  padding: 0 !important;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mt-70 {
  margin-top: 70px;
}
.element-header-example {
  font-weight: 200;
  text-transform: capitalize;
  border-bottom: 1px dotted #EDEDED;
  padding-bottom: 30px;
}
.xs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.xs-row .xs-col-5 {
  width: calc((100% / 12) * 5);
  padding: 0 15px;
}
.xs-row .xs-col-2 {
  width: calc((100% / 12) * 2.3);
  padding: 0 15px;
  margin: 0 20px;
}
.xs-row .xs-col-9 {
  width: calc((100% / 12) * 9);
  padding: 0 15px;
}
.xs-row .xs-col-3 {
  width: calc((100% / 12) * 3);
  padding: 0 15px;
}
/* ===================== vgxai bg =================== */
.vgxai-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
/* vgxai no background color */
.vgxai-no-bg {
  background-color: transparent !important;
}
/* ====================== vgxai buttons =========================== */
.vgxai-btn-wraper a {
  margin: 0 20px 0 0;
}
.vgxai-btn-wraper a:last-child {
  margin: 0;
}
.vgxai-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 36px;
  z-index: 1;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  background-color: #222222;
  color: #FFFFFF;
  text-transform: uppercase;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
}
.vgxai-btn.bg-color-white:hover {
  color: #222222 !important;
}
.align-left{
  text-align: left;
}
.xs-btn {
  overflow: hidden;
  /*margin: 1rem auto;*/
  text-transform: uppercase;
  background: #6A1B9A;
  border-radius: 25px;
  padding: 15px 36px;
  color: #fff;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: 2;
  position: relative;
  display: inline-block;
  font-weight: 600;
}
.xs-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #EC5598;
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}
.xs-btn:hover span {
  width: 335%;
  height: 562.5px;
}
.xs-btn.round-btn {
  border-radius: 25px;
}
.xs-btn.box-shadow-btn {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-btn.block-btn {
  width: 100%;
}
.vgxai-btn.round-btn {
  border-radius: 25px;
}
.vgxai-btn.box-shadow-btn {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-btn:hover {
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-welcome-slider-wraper .customNavigation .welcome-next,
.vgxai-welcome-slider-wraper .customNavigation .welcome-prev,
.vgxai-welcome-slider .owl-nav .owl-prev,
.vgxai-welcome-slider .owl-nav .owl-next {
  background-color: transparent;
  border: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}
.vgxai-welcome-slider-wraper .customNavigation .next-prev-btn {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.039);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.039);
  border-radius: 100%;
  height: 70px;
  width: 70px;
  background-color: #4DB6AC;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #FFFFFF;
  font-size: 2.143em;
  text-align: center;
  line-height: 70px;
}
.vgxai-welcome-slider-wraper .customNavigation .next-prev-btn:hover {
  background-color: #E3BDA8;
  color: #FFFFFF;
}
.vgxai-btn:hover {
  color: #FFFFFF !important;
}
.xs-btn:hover {
  color: #FFFFFF !important;
}
.xs-btn.bg-color-cyan span {
  background-color: #E3BDA8;
}
.xs-btn.bg-chocolate span {
  background-color: #4DB6AC;
}
.xs-btn.bg-color-pink span,
.xs-btn.bg-color-sky-blue span,
.xs-btn.bg-color-white span {
  background-color: #EA906C;
}
.xs-btn.bg-color-purple span {
  background-color: #2B2A4C;
}
.xs-btn.bg-color-purple.purple-2 span {
  background-color: #FF4641;
}
.xs-btn.bg-color-red span {
  background-color: #6A1B9A;
}
.xs-btn.bg-color-green span {
  background-color: #FF4641;
}
.xs-btn.small-round-btn span {
  background-color: #339188;
}
.vgxai-btn.small-round-btn {
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  padding: 15px 42px;
  background-color: #58B7AC;
}
.gradient-btn {
  background-image: -webkit-linear-gradient(0deg, #d31027 0%, #7d00fe 0%, #d52bff 100%);
  background-image: -ms-linear-gradient(0deg, #d31027 0%, #7d00fe 0%, #d52bff 100%);
}
/* ================= section padding =======================*/
/*Rumana padding: 100px 0;*/
.section-padding {
  padding: 50px 0;
}
.section-padding2 {
  padding: 50px 0;
}
.section-padding3 {
  padding: 120px 0;
}
/*Rumana padding: 0 0 120px;*/
.vgxai-padding-bottom {
  padding: 0 0 70px;
}
/* ==================== section heading ================================*/
/*Rumana padding: 120px 0 80px 0;*/
.vgxai-section-headinig {
  padding: 30px 0 30px 0;
  text-align: center;
}
.vgxai-section-headinig.vgxai-section-padding-minus {
  padding: 0 0 80px 0;
}
.vgxai-section-headinig h2 {
  margin: 0 0 12px;
  color: #000000;
  font-family: "Niconne", cursive;
  font-size: 2.143em;
}
.vgxai-section-headinig h3 {
  margin: 0;
  color: #222222;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 2.857em;
  letter-spacing: -2px;
}
.vgxai-section-headinig.vgxai-section-headinig-white h3 {
  color: #FFFFFF;
}
/* water mark title */
.vgxai-watermark-title h2 {
  position: relative;
}
.vgxai-watermark-title h2:before {
  position: absolute;
  content: attr(data-title);
  left: 0;
  top: 0;
  font-size: 1em;
  font-weight: 400;
  text-transform: capitalize;
  color: #100c0c;
}
.vgxai-watermark-title2 h2:before {
  position: absolute;
  content: attr(data-title);
  left: 0;
  top: 0;
  font-size: 1em;
  font-weight: 400;
  text-transform: capitalize;
  color: #100c0c;
}
.vgxai-watermark-title2 h2:before {
  position: absolute;
  content: attr(data-title);
  left: 0;
  top: 0;
  font-size: 1em;
  font-weight: 500;
  text-transform: capitalize;
  color: #141414;
  opacity: 30%;
}
/*============================== color list =======================================*/
.color-pink {
  color: #DAD4B5 !important;
}
.color-purple {
  color: #b60000 !important;
}
.color-black {
  color: #222222 !important;
}
.color-sky-blue {
  color: #00BCD4 !important;
}
.color-white {
  color: #FFFFFF !important;
}
.color-maroon {
  color: #962222 !important;
}
.color-red {
  color: #FF4641 !important;
}
.color-cyan {
  color: #4DB6AC !important;
}
.color-navy-blue {
  color: #590D88 !important;
}
.color-chocolate {
  color: #E3BDA8 !important;
}
.color-gradient {
  color: #d31027;
  background: -webkit-linear-gradient(0deg, #d31027 0%, #7d00fe 0%, #d52bff 100%);
  /*background: -ms-linear-gradient( 0deg, rgb(211,16,39) 0%, rgb(125,0,254) 0%, rgb(213,43,255) 100%);*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* background color list */
.bg-color-red {
  background-color: #FF4641 !important;
}
.bg-color-pink {
  background-color: #cbc6aa !important;
}
.bg-color-pink-2 {
  background-color: #DAD4B5 !important;
}
.bg-color-sky-blue {
  background-color: #00BCD4 !important;
}
.bg-color-purple {
  background-color: #b60000 !important;
}
.bg-color-black {
  background-color: #222222 !important;
}
.bg-color-white {
  background-color: #FFFFFF !important;
}
.bg-color-cyan {
  background-color: #4DB6AC !important;
}
.bg-navy-blue {
  background-color: #952323 !important;
}
.bg-chocolate {
  background-color: #E3BDA8 !important;
}
.bg-dark-green {
  background-color: #249788 !important;
}
.bg-color-green {
  background-color: #4CA14B !important;
}
.bg-color-gray {
  background-color: #ede2de !important;
}
.bg-color-cream {
  background-color: #f8f3ed !important;
}
.bg-color-gray-2 {
  background-color: #F9F9F9;
}
.bg-green-2 {
  background-color: #8FC351 !important;
}
/*======================= vgxai overlay list ==========================*/
.vgxai-black-overlay {
  position: absolute;
  top: 0%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* prelaoder */
.spinner-eff {
  position: relative;
  width: 100px;
  height: 100px;
}
.spinner-eff.spinner-eff-3 .circle {
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.spinner-eff.spinner-eff-3 .circle-1 {
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-animation: pulse 1.6s linear 0s infinite;
  animation: pulse 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-2 {
  width: 66.6%;
  height: 66.6%;
  top: 16.5%;
  -webkit-animation: pulse-2 1.6s linear 0s infinite;
  animation: pulse-2 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-3 {
  width: 33.3%;
  height: 33.3%;
  top: 33.3%;
}
/*rumana #FFFFFF*/
.spinner-eff.spinner-eff-3 .circle-1,
.spinner-eff.spinner-eff-3 .circle-2,
.spinner-eff.spinner-eff-3 .circle-3 {
  background-color: white;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999999;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}
.spinner-block {
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.preloader-window {
  position: absolute;
  background-color: #ca645e;/*#6A1B9A;*/
  height: 100%;
  top: 0;
  -webkit-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease;
}
.left-window {
  width: 51%;
  left: 0;
}
.right-window {
  width: 51%;
  right: 0;
}
.loaded .left-window {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.loaded .right-window {
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
}
.loaded .spinner-block {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.loaded#preloader {
  visibility: hidden;
  /*opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@-webkit-keyframes pulse-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes pulse-2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.preloader-content {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.preloader-content h2 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 300;
  margin: 0;
}
.preloader-content img {
  margin: 0 0 20px;
}
.loaded .preloader-content {
  top: -50%;
}
.vgxai-header-section {
  position: relative;
  z-index: 9999;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  top: 0;
}
.vgxai-logo-wraper {
  position: relative;
}
.vgxai-logo {
 display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 15px;
  z-index: 9;
  text-align: center;
}
.vgxai-logo a {
  display: block;
}
.vgxai-header-top {
  text-align: right;
  color: #FFFFFF;
}
.vgxai-simple-iocn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vgxai-simple-iocn-list.vgxai-version-1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: white;
  text-decoration: none;
}
.vgxai-simple-iocn-list li {
  margin: 0 30px 0 0;
}
.vgxai-header-top.bg-color-gray-2 .vgxai-simple-iocn-list li {
  color: #444444;
}
.vgxai-header-top .vgxai-version-2 .vgxai-simple-iocn-list li {
  font-size: 0.857em;
}
.vgxai-header-top .vgxai-version-2 .vgxai-simple-iocn-list li i {
  font-size: 1.333em;
  top: 2px;
  position: relative;
}
.vgxai-header-top .vgxai-version-2 .vgxai-language-select-list select {
  background: url(../img/globe.png) no-repeat center left;
  color: #444444;
  font-size: 0.857em;
  padding: 2px 22px;
}
.vgxai-header-top .vgxai-version-2 .vgxai-language-select-list select option {
  background-color: #F9F9F9;
}
.vgxai-simple-iocn-list li i {
  padding: 0 8px 0 0;
}
.vgxai-simple-iocn-list li:last-child {
  margin: 0;
}
.vgxai-main-header {
  background-color: #ede2de;
}
.nav-menus-wrapper{
  display: flex;
  justify-content: space-between;
}
/* .container-logo {
  display: flex;
  margin-right: calc((100vw - 600px) / 2);
} */
/* .left-image {
  /* flex-shrink: 0; Prevent the image from shrinking */
  /* margin-right:50vw; Add margin for spacing if needed }*/
 
.vgxai-main-header {
  position: relative;
  min-height: 50px;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.vgxai-header-section.vgxai-version-1.vgxai-extra-css .vgxai-main-header {
  background-color: transparent;
}
.vgxai-header-section.vgxai-version-1.vgxai-extra-css .vgxai-header-top {
  background-color: rgba(0, 0, 0, 0.1);
}
.vgxai-main-header nav {
  margin: 0;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  /* justify-content: flex-end; */
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  position: relative;
  height: 100%;
}
.vgxai-main-header nav {
  background-color: transparent;
}
.vgxai-main-header nav li {
  /*margin: 0 30px 0 0;*/
  float: none;
  display: inline-block;
}
/*.vgxai-main-header nav li:last-child{
		margin: 0;
}*/
.vgxai-main-header nav li a {
  padding: 40px 0;
  display: block;
  text-transform: uppercase;
  color: #222222;
  font-weight: 600;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  height: auto;
  font-size: 12px;
}
.vgxai-main-header nav li a {
  padding: 30px 13.5px;
  /*padding-right: 27px;*/
}
.vgxai-extra-css .vgxai-main-header nav li:last-child a {
  padding-right: 0px;
}
.vgxai-main-header.color-white .xs_nav-landscape li .nav-submenu a:hover {
  color: #560F86;
}
.vgxai-extra-css .vgxai-main-header .xs_nav-landscape .nav-submenu.megamenu-panel a {
  padding: 0 0;
}
.vgxai-extra-css.vgxai-header-section.vgxai-version-1 .vgxai-version-2.vgxai-logo {
  min-height: 117px;
}
.vgxai-extra-css.vgxai-header-section.vgxai-version-1 .vgxai-version-2.vgxai-logo:after {
  border-left: 99.5px solid transparent;
  border-right: 99.5px solid transparent;
}
.vgxai-main-header nav li a:hover,
.vgxai-main-header nav li a:focus {
  color: #ab0000;
}
.vgxai-main-header nav li a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  background-color: #a30000;
  height: 4px;
  width: 0%;
}
.vgxai-main-header nav li a:hover:before {
  width: calc(100%);
}
.vgxai-main-header .megamenu-panel .megamenu-list li {
  display: block;
}
.vgxai-main-header .nav-submenu li a {
  padding: 0;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
}
.vgxai-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a {
  font-weight: 700;
  font-size: 1.1em;
  color: #222222;
}
.vgxai-header-section.vgxai-header-version-4 .vgxai-main-header .xs-navigation-middle-menu.xs_nav-landscape .nav-menu li.megamenu-list-title a:hover {
  color: white;
}
.vgxai-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a:before,
.vgxai-main-header .megamenu-panel .megamenu-list li a:before {
  display: none;
}
.vgxai-main-header .megamenu-panel .megamenu-list li.megamenu-list-title a:hover {
  color: #70798b;
}
.vgxai-main-header .megamenu-panel .megamenu-list li {
  margin: 0;
  padding: 0 0 20px;
}
.vgxai-main-header .megamenu-panel .megamenu-list li:last-child {
  padding: 0;
}
.vgxai-main-header .megamenu-panel {
  padding: 0;
}
.vgxai-main-header .xs_nav-landscape .megamenu-list {
  padding: 40px 20px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  border: 0px;
}
.vgxai-main-header .xs_nav-landscape .megamenu-list:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-right: solid 1px #f0f0f0;
  z-index: -2;
}
.vgxai-main-header .megamenu-panel .megamenu-list li a:hover,
.vgxai-main-header .megamenu-panel .megamenu-list li a:focus {
  background-color: transparent;
}
.vgxai-main-header .nav-dropdown.nav-submenu li {
  display: block;
  /*position: relative;*/
}
.vgxai-main-header .nav-dropdown.nav-submenu li a {
  padding: 15px 25px;
  background-color: transparent;
  border-bottom: 1px solid #f5f5f5;
}
.vgxai-main-header .nav-dropdown.nav-submenu li:last-child a {
  border-bottom: 0;
}
.vgxai-main-header .nav-dropdown.nav-submenu li a:hover:before {
  width: calc(100% - 20px);
}
.vgxai-main-header .nav-dropdown {
  min-width: 200px;
}
.vgxai-main-header .xs_nav-portrait .submenu-indicator {
  width: 40px;
  height: 100%;
  margin: 0;
}
.vgxai-main-header .nav-dropdown.nav-submenu li a:before {
  display: none;
}
/*rums*/
.vgxai-mega-menu .nav-submenu,
.xs-navigation-middle-menu .nav-submenu {
  border-radius: 0 0 5px 5px;
  border: 0;
  -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
}

.xs_nav_2 .nav-submenu ,
.nav-menu > li > .nav-dropdown {
  border: 0;
}
.xs_nav_2 .nav-submenu li a {
  background-color: transparent;
}
.xs_nav_2 .nav-submenu {
  background-color: #FFFFFF;
}
.xs_nav-portrait .nav-submenu {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.vgxai-main-header .vgxai-nav.xs_nav-portrait,
.vgxai-main-header .xs-navigation-middle-menu.xs_nav-portrait,
.vgxai-main-header .vgxai-mega-menu.xs_nav-portrait {
  height: 60px;
}
.nav-toggle {
  margin: 0;
}
.vgxai-mega-menu .nav-dropdown,
.xs-navigation-middle-menu .nav-dropdown {
  background-color: #FFFFFF;
}
.mega-menu-overlay-img {
  position: absolute;
  right: 0;
  bottom: 0;
  /*background-image: url(../img/meggg.jpg);*/
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-background-size: cover;
  background-size: contain;
  border-radius: 0 0 0px 0;
  pointer-events: none;
}
.xs_nav-portrait .mega-menu-overlay-img {
  z-index: -1;
}
.vgxai-mega-menu.xs_nav-landscape .mega-menu-overlay-img {
  z-index: -1;
}
.xs_nav-portrait .submenu-indicator-chevron {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.vgxai-mega-menu.xs_nav-landscape .submenu-indicator {
  margin-top: 3px;
}
.submenu-indicator {
  margin-top: 3px;
}
.work-icon {
  width: 100px; /* Set the desired width */
  height: auto; /* Maintain aspect ratio */
}
.vgxai-welcome-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  position: relative;
}
.content-right .vgxai-welcome-container {
  margin: 0 0 0 auto !important;
  text-align: left !important;
}
.content-center .vgxai-welcome-container {
  margin: 0 auto !important;
  text-align: center !important;
}
.content-left .vgxai-welcome-container {
  margin: 0 auto 0 0 !important;
  text-align: left !important;
}
.vgxai-welcome-container h2 {
  font-family: "Niconne", cursive;
  font-size: 3.571em;
  margin: 0 0 4px;
}
.vgxai-welcome-container h3 {
  margin: 0 0 30px;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 5.000em;
}
.vgx-headline-container h3 {
  margin: 3%;
  font-weight: 600;
  font-size: 5.000em;
  width:fit-content;
  text-align:left;
font-size: 50px;
/* margin-left: 3%;
margin-top: 3%;
} */
}
.vgx-join-headline-container h3 {
  margin: 3%;
  font-weight: 800;
  font-size: 5.000em;
  width:fit-content;
  text-align:left;
font-size: 60px;
/* margin-left: 3%;
margin-top: 3%;
} */
}
.vgxai-welcome-container p {
  margin: 0 0 40px;
  font-size: 1.429em;
}
/*.vgxai-welcome-section.vgxai-welcome-section-v1 .vgxai-welcome-wraper {
		margin: 26% 0 0 0;
}*/
.vgxai-welcome-slider-wraper {
  position: relative;
}
.vgxai-welcome-slider-wraper .customNavigation .welcome-prev,
.vgxai-welcome-slider .owl-nav .owl-prev {
  left: 20px;
}
.vgxai-welcome-slider-wraper .customNavigation .welcome-next,
.vgxai-welcome-slider .owl-nav .owl-next {
  right: 20px;
}
.vgxai-welcome-slider .owl-nav i {
  font-size: 3em;
  color: #952323;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-welcome-slider .owl-nav i:hover {
  color: #DAD4B5;
}
.vgxai-welcome-slider-wraper .owl-dots .owl-dot span {
  border: 2px solid #6A1B9A;
  background-color: transparent;
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 100%;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin: 0 10px 0 0;
}
.vgxai-welcome-slider-wraper .owl-dots .owl-dot:last-child span {
  margin: 0;
}
.vgxai-welcome-slider-wraper .owl-dots .owl-dot.active span {
  background-color: #6A1B9A;
}
.faq-section{
  border: 2px solid maroon; /* Add a 2px solid maroon border */
  padding: 20px; /* Add some padding to create spacing between the content and the border */
}
.vgxai-welcome-slider-wraper .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 51px;
}
.vgxai-welcome-content-group {
  position: relative;
}
.vgxai-welcome-slider .active .vgxai-welcome-wraper h2 {
  -webkit-animation: fadeInLeftPix 1s ease 100ms both;
  animation: fadeInLeftPix 1s ease 100ms both;
}
.vgxai-welcome-slider .active .vgxai-welcome-wraper h3 {
  -webkit-animation: fadeInLeftPix 1s ease 200ms both;
  animation: fadeInLeftPix 1s ease 200ms both;
}
.vgxai-welcome-slider .active .vgxai-welcome-wraper p {
  -webkit-animation: fadeInLeftPix 1s ease 300ms both;
  animation: fadeInLeftPix 1s ease 300ms both;
}
.vgxai-welcome-slider .active .vgxai-welcome-wraper .vgxai-btn-wraper a:first-child {
  -webkit-animation: fadeInLeftPix 1s ease 400ms both;
  animation: fadeInLeftPix 1s ease 400ms both;
}
.vgxai-welcome-slider .active .vgxai-welcome-wraper .vgxai-btn-wraper a:last-child {
  -webkit-animation: fadeInRightPix 1s ease 500ms both;
  animation: fadeInRightPix 1s ease 500ms both;
}
.vgxai-border-with-text-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 90px 0 90px 70px;
  position: relative;
}
.vgxai-border-with-text-wrap .vgxai-border.vgxai-version-1 {
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-border-with-text {
  position: relative;
  z-index: 2;
}
.vgxai-border-with-text h2 {
  margin: 0;
  color: #222222;
  font-size: 3.571em;
  font-weight: 200;
  line-height: 1.2;
  letter-spacing: -2px;
}
.vgxai-border-with-text h2 span {
  color: #6A1B9A;
  font-weight: 300;
}
.vgxai-border-with-text h2 strong {
  font-weight: 500;
}
.vgxai-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  border: 10px solid #222222;
  z-index: 1;
}
.vgxai-border.vgxai-version-1 {
  border-color: #EBEBEB;
  width: calc(100% - 136px);
}
.vgxai-simple-img-wraper {
  position: relative;
}
.right-image {
  display: block; /* Ensures that the image is treated as a block element */
  margin: 0 auto; /* Centers the image horizontally */
}
/* new about section */
.vgxai-new-about-text-gruop {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 55px;
}
.vgxai-new-about-text-gruop .vgxai-sub-heading.vgxai-watermark-title h2 {
  font-weight: 700;
  font-size: 4.429em;
  letter-spacing: -2px;
  z-index: 1;
  margin: 0 0 30px;
}
.vgxai-new-about-text-gruop .vgxai-sub-heading.vgxai-watermark-title h2:before {
  color: #F0F0F0;
  font-size: 2.419em;
  z-index: -1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: -55px;
  top: 30px;
}
.vgxai-gradient-separetor {
  display: block;
  height: 2px;
  width: 130px;
  background-image: -webkit-linear-gradient(175deg, rgba(236, 85, 152, 0) 0%, rgba(236, 85, 152, 0.26) 24%, rgba(236, 85, 152, 0.5) 46%, #ec5598 100%);
  background-image: -ms-linear-gradient(175deg, rgba(236, 85, 152, 0) 0%, rgba(236, 85, 152, 0.26) 24%, rgba(236, 85, 152, 0.5) 46%, #ec5598 100%);
}
.vgxai-new-about-text-gruop p {
  margin: 30px 0 40px;
  font-size: 1.143em;
}
.vgxai-new-about-img-wraper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.vgxai-new-single-about-img-group {
  margin: 0 0 40px;
}
.vgxai-new-single-about-img-group:last-child {
  margin: 0;
}
.vgxai-new-single-about-img img,
.vgxai-new-single-about-img .vgxai-3d-project-card {
  border-radius: 10px;
}
.vgxai-new-single-about-img img {
  width: 100%;
}
.vgxai-new-single-about-img .vgxai-3d-project-card {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-new-about-img-wraper {
  position: relative;
  z-index: 2;
}
.vgxai-new-about-img-wraper:before,
.vgxai-new-about-img-wraper:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  opacity: .1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  z-index: -1;
}
.vgxai-new-about-img-wraper:before {
  top: -17px;
  left: -123px;
  background-image: url(../img/new-about-style.png);
  background-position: top left;
}
.vgxai-new-about-img-wraper:after {
  background-image: url(../img/new-about-style-2.png);
  right: -135px;
  bottom: 0;
  background-position: bottom right;
}
.vgxai-simple-text-with-img-section {
  padding: 50px 0;
}
.vgxai-simple-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 100px 0 0;
}
.description-texts {
  font-size: 16px;
  text-align: justify;
}
.vgxai-separetor-sub-heading {
  padding: 0 0 30px;
  margin: 0 0 30px;
  position: relative;
}
.vgxai-separetor-sub-heading:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 70px;
  height: 2px;
  background-color: #D6D6D6;
}
.vgxai-separetor-sub-heading.vgxai-no-separetor {
  /* Index version 2 */
  padding: 0;
  margin: 0 0 40px;
}
.vgxai-separetor-sub-heading.vgxai-no-separetor:before {
  /* Index version 2 */
  display: none;
}
.vgxai-separetor-sub-heading h2 {
  margin: 0;
  color: #222222;
  font-size: 2.857em;
  font-weight: 600;
  text-transform: capitalize;
}
.vgxai-simple-text p {
  margin: 0 0 30px;
  line-height: 1.8;
}
.twentytwenty-horizontal .vgxai-before-after .twentytwenty-handle:before,
.twentytwenty-horizontal .vgxai-before-after .twentytwenty-handle:after {
  background: #681C98;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.vgxai-before-after .twentytwenty-handle {
  border-color: #681C98;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #E75098;
}
.vgxai-before-after .twentytwenty-handle {
  top: 80%;
}
.vgxai-before-after.twentytwenty-container img {
  width: 100%;
}
.vgxai-simple-text.vgxai-version-2 {
  padding: 0 30px;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-big-sub-heading h2 {
  font-size: 2.286em;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-big-sub-heading h3 {
  font-size: 2.857em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-big-sub-heading {
  margin: 0 0 15px;
}
.vgxai-simple-text-content p {
  color: #333333;
  font-size: 1.143em;
  margin: 0;
}
.vgxai-simple-text-content {
  margin: 0 0 30px;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-spilit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-spilit-container .vgxai-icon-with-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.vgxai-svg-ico {
  height: 70px;
  margin: 0 0 30px;
}
.vgxai-simple-text.vgxai-version-2 .vgxai-svg-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.vgxai-svg-ico img {
  max-height: 100%;
}
.vgxai-icon-with-text h3 {
  margin: 0 0 15px;
  color: #000000;
  font-weight: 500;
  font-size: 1.571em;
  letter-spacing: -2px;
  text-transform: capitalize;
}
.vgxai-icon-with-text p {
  margin: 0;
  line-height: inherit;
}
.vgxai-booking-text-wraper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vgxai-booking-text-wraper .vgxai-border.vgxai-version-3 {
  width: calc(100% - 200px);
  margin: 0 auto;
  height: auto;
}
.vgxai-border.vgxai-version-3 {
  position: relative;
  border-right: 0;
}
.vgxai-border.vgxai-version-3:before,
.vgxai-border.vgxai-version-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 43px;
  width: 43px;
  border-right: 10px solid;
}
.vgxai-border.vgxai-version-3:after {
  top: initial;
  bottom: 0;
}
.vgxai-border.vgxai-version-3,
.vgxai-border.vgxai-version-3:before,
.vgxai-border.vgxai-version-3:after {
  border-color: #952323;
}
.vgxai-booking-text {
  height: 100%;
  padding: 55px 0 55px 50px;
  width: calc(100% + 30px);
}
.vgxai-booking-text h2 {
  margin: 0 0 28px;
  color: #952323;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 1.429em;
}
.vgxai-booking-text h3 {
  margin: 0 0 40px;
  font-size: 2.143em;
  font-weight: 600;
  text-transform: capitalize;
  color: #222222;
}
.vgxai-icon-bg-text {
  position: relative;
  padding: 0 0 40px;
}
.vgxai-icon-bg-text p {
  line-height: 1.875;
}
.vgxai-booking-text ul li {
  font-size: 1.143em;
  color: #646464;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 18px;
  line-height: 1;
}
.vgxai-booking-text ul li:last-child {
  margin: 0;
  color: #EC5598;
}
.vgxai-booking-form-wraper h2 {
  margin: 0 0 30px;
  color: #222222;
  font-weight: 600;
  font-size: 1.857em;
}
.vgxai-booking-form-wraper select {
  background-color: #FFFFFF !important;
  color: #777777 !important;
  width: 100% !important;
  height: 60px !important;
  border: 2px solid #E2E2E2 !important;
  font-size: 1em !important;
  padding: 0 21px;
  border-radius: 0;
}
.vgxai-booking-form-wraper select:first-child {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vgxai-booking-form-wraper .vgxai-select .input-group {
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-booking-form-wraper .vgxai-select .input-group:before {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  width: 60px;
  height: calc(100% - 4px);
  border-left: 2px solid #DEDEDE;
  color: #E2B9A3;
  font-size: 1.429em;
  font-family: "FontAwesome";
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vgxai-booking-form-wraper .vgxai-select .input-group.actives:before {
  background-color: #952323;
  border-color: #6d1a1a;
  color: #FFFFFF;
}
.vgxai-booking-form-wraper .vgxai-select .input-group.actives,
.vgxai-booking-form-wraper .form-control:focus {
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
}
.vgxai-booking-form-wraper input:not([type="submit"]),
.vgxai-booking-form-wraper textarea {
  display: block;
  width: 100%;
  height: 60px;
  border: 2px solid #E3E3E3;
  border-radius: 0;
  background-color: #FFFFFF;
  padding: 0 21px;
  font-size: 1em !important;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-booking-form-wraper textarea {
  height: 130px;
  resize: none;
  padding: 20px;
  border-radius: 0;
}
.vgxai-booking-form-wraper textarea:focus,
.vgxai-booking-form-wraper input:focus,
.vgxai-booking-form-wraper select:focus {
  border-color: #952323 !important;
}
.vgxai-booking-form-wraper .form-group,
.vgxai-booking-form-wraper .vgxai-select {
  margin: 0 0 20px;
  width: 100%;
}
.vgxai-booking-form-wraper .form-group.emargin-group {
  margin: 0 0 30px;
}
.vgxai-booking-form-wraper .form-group.button-group {
  margin: 0;
}
.vgxai-booking-form-wraper .vgxai-spilit-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.vgxai-service-and-date {
  margin: 0 0 24px;
}
.vgxai-booking-form-wraper input[type="submit"] {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(140, 140, 140, 0.157);
  box-shadow: 0px 8px 16px 0px rgba(140, 140, 140, 0.157);
  background-color: #952323;
  text-transform: uppercase;
  height: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  color: #FFFFFF;
  border: 0;
  border-radius: 25px;
  padding: 15px 46px;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-booking-form-wraper input[type="submit"]:hover {
  background-color: #2B2A4C;
}
.datepicker td,
.datepicker th {
  width: 30px;
  height: 30px;
  font-weight: 400;
}
.datepicker {
  padding: 15px;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover:active {
  background-image: none;
  background-color: #6A1B9A !important;
}
.datepicker table tr td.active:hover {
  background-color: #EC5598 !important;
  background-image: none !important;
}
.vgxai-booking-form-wraper input[type="number"]::-webkit-inner-spin-button,
.vgxai-booking-form-wraper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vgxai-tab .vgxai-top-nav {
  border: 0;
  padding: 0 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vgxai-tab .nav.nav-tabs.vgxai-top-nav li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 30px 0 0;
  text-align: center;
}
.vgxai-tab .nav.nav-tabs.vgxai-top-nav li:last-child {
  margin: 0;
}
.vgxai-tab .vgxai-top-nav li,
.vgxai-tab .vgxai-top-nav li a {
  min-height: 150px;
}
.vgxai-tab .vgxai-top-nav li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  background-color: #EEE2DE;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-tab .vgxai-top-nav li.active a,
.vgxai-tab .vgxai-top-nav li a:hover {
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}
.vgxai-tab .vgxai-top-nav li a i {
  margin: 0 0 20px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #EA906C;
  font-size: 2.857em;
}
.vgxai-tab .vgxai-top-nav li a:hover i,
.vgxai-tab .vgxai-top-nav li.active a i {
  color: #b60000 ;
}
.vgxai-tab .vgxai-top-nav li a:before,
.vgxai-tab .vgxai-top-nav li a:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border: 2px solid #b60000 ;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-tab .vgxai-top-nav li a:before {
  top: 0;
  left: 0;
  border-bottom: 0;
  border-right: 0;
}
.vgxai-tab .vgxai-top-nav li a:after {
  bottom: 0;
  right: 0;
  border-left: 0;
  border-top: 0;
}
.vgxai-tab .vgxai-top-nav li.active a:before,
.vgxai-tab .vgxai-top-nav li.active a:after,
.vgxai-tab .vgxai-top-nav li a:hover:before,
.vgxai-tab .vgxai-top-nav li a:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.vgxai-tab .vgxai-top-nav li a span {
  color: #999999;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-tab .vgxai-top-nav li.active a span,
.vgxai-tab .vgxai-top-nav li a:hover span {
  color: #666666;
}
.vgxai-tab .tab-content .tab-pane .tabbable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.vgxai-tab .tab-pane .tabbable .tab-content {
  width: calc(75% - 15px);
}
.vgxai-tab .vgxai-side-nav {
  padding: 30px 20px 30px 0;
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border: 0;
  display: block;
  width: calc(25% - 15px);
  margin: 0 30px 0 0;
}
.vgxai-tab .vgxai-side-nav li {
  display: block;
  width: 100%;
  margin: 16px 0 0 30px;
}
.vgxai-tab .vgxai-side-nav li:last-child {
  border-bottom: 0;
  margin: 16px 0 0 30px;
  padding: 0;
}
.vgxai-tab .vgxai-side-nav li:last-child a {
  padding: 0;
}
.vgxai-tab .vgxai-side-nav li:last-child a:after {
  display: none;
}
.vgxai-tab .vgxai-side-nav li a {
  display: block;
  width: 100%;
  color: #777777;
  text-transform: capitalize;
  font-size: 1.143em;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  padding: 0 0 16px;
}
.vgxai-tab .vgxai-side-nav li a:hover,
.vgxai-tab .vgxai-side-nav li.active a {
  color: #b60000 ;
}
.vgxai-tab .vgxai-side-nav li a:before {
  position: absolute;
  content: "";
  left: -30px;
  top: 50%;
  height: 0;
  width: 4px;
  background-color: #b60000 ;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-tab .vgxai-side-nav li a:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  border-bottom: 1px dashed #C3C3C3;
  width: calc(100% - 40px);
}
.vgxai-tab .vgxai-side-nav li a:hover:before,
.vgxai-tab .vgxai-side-nav li.active a:before {
  height: calc(100% + 10px);
}
.vgxai-tab .vgxai-spilit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.vgxai-tab-text-content {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 47px 0 0;
  width: calc(55.56666% - 15px);
}
.vgxai-tab .vgxai-tab-content {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.vgxai-tab .vgxai-tab-image {
  position: relative;
  width: calc(44.444444% - 15px);
  margin: 0 30px 0 0;
}
.vgxai-tab .vgxai-tab-image-content {
  position: absolute;
  top: 30px;
  right: 30px;
}
.vgxai-tab .vgxai-tab-image img {
  width: 100%;
}
.vgxai-tab .vgxai-tab-text-content h3 {
  margin: 0 0 40px;
  color: #444444;
  font-weight: 500;
  font-size: 2.143em;
  text-transform: capitalize;
  line-height: inherit;
}
.vgxai-tab .vgxai-tab-text-content p {
  margin: 0 0 30px;
  color: #999999;
}
/*======================================================================================
								8. INDEX-V1 Call To Action
===============================================================================*/
.vgxai-call-to-action-content {
  text-align: center;
  padding: 200px 0;
}
.vgxai-content-headinig h2 {
  margin: 0 0 20px;
  font-family: "Niconne", cursive;
  color: #6A1B9A;
  font-size: 3.571em;
}
.vgxai-content-headinig h3 {
  margin: 0;
  color: #222222;
  /*font-weight: 500;*/
  font-weight: 600;
  font-size: 3.571em;
  letter-spacing: -2px;
}
.vgxai-content-headinig {
  margin: 0 0 30px;
}
.vgxai-partner-section {
  position: relative;
}
.vgxai-partner-text-content {
  padding: 0 55px 0 35px;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.vgxai-partner-text-content .vgxai-sub-heading {
  margin: 0 0 40px;
}
.vgxai-sub-heading h2 {
  margin: 0;
  color: #222222;
  font-weight: 500;
  font-size: 2.857em;
  position: relative;
  z-index: 1;
}
.vgxai-sub-heading.vgxai-watermark-title h2:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: .1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #7b7a7a;
  font-weight: 700;
  font-size: 1.750em;
  letter-spacing: -2px;
}
.vgxai-partner-text-content p {
  color: #999999;
  line-height: 1.8;
}
.vgxai-partner-list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.vgxai-partner-list li {
  min-height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.vgxai-partner-list li:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.vgxai-partner-list li:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
}
.vgxai-partner-list li:nth-child(1):before {
  background-image: -webkit-linear-gradient(0deg, white 0%, white 0%, #B31312 25%, #B31312 100%, white 100%);
  background-image: -ms-linear-gradient(0deg, white 0%, white 0%, #B31312 25%, #B31312 100%, white 100%);
}
.vgxai-partner-list li:nth-child(2):before {
  border-bottom: 1px solid #B31312;
}
.vgxai-partner-list li:nth-child(3):before {
  background-image: -webkit-linear-gradient(0deg, white 0%, white 0%, #B31312 0%, #B31312 25%, white 100%);
  background-image: -ms-linear-gradient(0deg, white 0%, white 0%, #B31312 0%, #B31312 25%, white 100%);
}
.vgxai-partner-list li:nth-child(1):after,
.vgxai-partner-list li:nth-child(2):after {
  background-image: -webkit-linear-gradient(90deg, white 0%, white 0%, #B31312 0%, #B31312 75%, white 100%);
  background-image: -ms-linear-gradient(90deg, white 0%, white 0%, #B31312 0%, #B31312 75%, white 100%);
}
.vgxai-partner-list li:nth-child(4):after,
.vgxai-partner-list li:nth-child(5):after {
  background-image: -webkit-linear-gradient(90deg, white 0%, white 0%, #B31312 25%, #B31312 100%, white 100%);
  background-image: -ms-linear-gradient(90deg, white 0%, white 0%, #B31312 25%, #B31312 100%, white 100%);
}
/* version 4 */
.vgxai-partner-list.vgxai-version-4 li:nth-child(1):before {
  background-image: -moz-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 25%, #e8e8e8 100%, white 100%);
  background-image: -webkit-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 25%, #e8e8e8 100%, white 100%);
  background-image: -ms-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 25%, #e8e8e8 100%, white 100%);
}
.vgxai-partner-list.vgxai-version-4 li:nth-child(1):after,
.vgxai-partner-list.vgxai-version-4 li:nth-child(2):after {
  background-image: -moz-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
  background-image: -webkit-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
  background-image: -ms-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
}
.vgxai-partner-list.vgxai-version-4 li:nth-child(2):before {
  border-color: #E8E8E8;
}
.vgxai-partner-list.vgxai-version-4 li:nth-child(3):before {
  background-image: -moz-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
  background-image: -webkit-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
  background-image: -ms-linear-gradient(0deg, white 0%, white 0%, #e8e8e8 0%, #e8e8e8 75%, white 100%);
}
.vgxai-partner-list.vgxai-version-4 li:nth-child(4):after,
.vgxai-partner-list.vgxai-version-4 li:nth-child(5):after {
  background-image: -moz-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 100%, #e8e8e8 75%, white 100%);
  background-image: -webkit-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 100%, #e8e8e8 75%, white 100%);
  background-image: -ms-linear-gradient(90deg, white 0%, white 0%, #e8e8e8 100%, #e8e8e8 75%, white 100%);
}
/* icon bgs */
.vgxai-round-icons-bg {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /*background-image: url(../img/icons-bg.png);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /*background-attachment: fixed;*/
  z-index: -1;
}
.vgxai-footer-section {
  position: relative;
  /*padding: 133px 0 0 0;*/
  background-size: cover;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "rgb(149, 35, 35)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10266s198.4,114,387,5,497.966-214.4,774-170,689.47,140,759,169v650H0v-654Z" transform="translate(0 -10090.6)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  padding: 0;
  padding-top: calc(100% * 1 / 10);
}
.vgxai-footer-section:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 829.4" preserveAspectRatio="none"><path fill= "rgb(149, 35, 35)" fill-opacity= "0.7" fill-rule= "evenodd" d="M0,10095s570.853,396,1495,58c0,0,271.65-105.1,425-92v863H0v-829Z" transform="translate(0 -10059.8)"/></svg>');
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.vgxai-footer-content {
  position: relative;
  z-index: 1;
  padding: 0 0 100px;
  /*border-bottom: 1px solid $color-white;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0 40px;
}
.vgxai-footer-logo {
  text-align: center;
  margin: 0 0 63px;
}
.vgxai-footer-logo a {
  display: inline-block;
}
.vgxai-subscribe-wraper {
  width: 50%;
  /*margin: 0 auto 100px auto;*----updated to the one below*/
  /*--Footer debug item--*/
  margin: 0px auto 50px auto;
  text-align: center;
}
.vgxai-subscribe {
  height: 70px;
  position: relative;
}
.vgxai-subscribe-wraper input:not([type="submit"]) {
  height: 100%;
  width: 100%;
  border: 2px solid #F0F0F0;
  background-color: #FFFFFF;
  padding: 0 31px;
  border-radius: 80px;
}
.vgxai-subscribe-wraper input[type="submit"] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
  border: 0;
  border-radius: 80px;
  background-color: #952323;
  padding: 0 30px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-subscribe-wraper input[type="submit"]:hover {
  background-color: #E6377A;
}
.vgxai-footer-section.vgxai-version-3 .vgxai-subscribe-wraper input[type="submit"]:hover {
  background-color: #FF4641 !important;
}
.vgxai-subscribe-wraper h3 {
  margin: 0 0 30px;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 1.857em;
}
.vgxai-single-footer p {
  color: #FFFFFF;
  text-align: center;
  line-height: 1.875;
}
.vgxai-single-footer-group p {
  line-height: 1;
  word-spacing: 2px;
}
.vgxai-copyright-text {
  text-align: center;
  padding: 0 0 48px;
  position: relative;
  z-index: 2;
}

.vgxai-copyright-content-wrapers {
  position: relative;
  width: 100%;
}
.vgxai-version-2.vgxai-copyright-content {
  background-color: #ffffff;
  padding: 38px 0;
}
.vgxai-footer-section.vgxai-version-5 .vgxai-copyright-content {
  background-color: #ffffff;
}
.vgxai-version-4.vgxai-footer-section .vgxai-copyright-content {
  background-color: #ffffff;
  padding: 30px 0;
}
.vgxai-footer-section.vgxai-version-2 .vgxai-copyright-content {
  background-color: #ffffff;
  padding: 25px 0;
}
.vgxai-copyright-text p {
  color: #FFFFFF;
  font-size: 1em;
}
.vgxai-subscribe label {
  margin: 10px 0 0;
  color: #FFFFFF;
}
.vgxai-watermark-title.vgxai-section-headinig i {
  color: #952323;
  font-size: 4em;
  margin: 0 0 27px;
  display: block;
}
.vgxai-watermark-title.vgxai-section-headinig h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 2.857em;
  text-transform: capitalize;
  z-index: 1;
  margin: 0;
  padding: 0 0 30px;
}
.vgxai-watermark-title.vgxai-section-headinig h2 {
  font-family: inherit;
  font-weight: 500;
  font-size: 2.857em;
  text-transform: capitalize;
  z-index: 1;
  margin: 0;
  padding: 0 0 30px;
}
.vgxai-sub-heading.vgxai-watermark-title h2:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: .1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #7b7a7a;
  font-weight: 700;
  font-size: 1.750em;
  letter-spacing: -2px;
}
.vgxai-section-headinig.vgxai-watermark-title h2:before {
  font-size: 1.750em;
  font-weight: 700;
  left: 50%;
  top: -25px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  color: #F6F6F6;
  text-transform: uppercase;
  pointer-events: none;
  z-index: -1;
  letter-spacing: -2px;
}
.bg-color-gray .vgxai-section-headinig.vgxai-watermark-title h2:before {
  color: #eaeaea;
}
.vgxai-footer-section.vgxai-version-2 .vgxai-footer-social {
  text-align: right;
}
.vgxai-version-2.vgxai-section-headinig h3 {
  margin: 0 0 18px;
}
.vgxai-version-2.vgxai-section-headinig h2 {
  color: #B31312;
  font-size: 1.857em;
}
.vgxai-welcome-section.vgxai-welcome-version-4 .vgxai-welcome-container p {
  font-size: 1.857em;
  margin: 0 0 20px;
}
.vgxai-header-section.vgxai-inner-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.vgxai-header-section.vgxai-inner-menu .vgxai-main-header {
  background-color: rgba(255, 255, 255, 0.102);
}
/* fixed menu css */
.vgxai-header-section.navbar-fixed.off-canvas {
  top: -100px;
  opacity: 0;
  visibility: hidden;
}
.vgxai-header-section.navbar-fixed {
  position: fixed;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.vgxai-header-section.navbar-fixed.fixed {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.vgxai-inner-welocme-section {
  position: relative;
  padding: 300px 0 180px;
  text-align: center;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.vgx-carrer-growth-chart {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: white;
  margin-left: 20px;
  margin-right: 20px;
}
.vgx-carrer-chart-column {
  flex: 1;
  min-width: calc(33.33% - 20px); /* Adjust the width as needed */
  margin: 10px;
  padding: 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color:#ede2de;
  color:#2b2a4c;
  border-radius:20px;
}
.vgx-carrer-chart-header{
  display: flex;
  align-items:center;
  margin-bottom: 10px;
}
.vgx-carrer-chart-icon{
  margin-right: 20px;
  font-size: 25px;
}
.vgx-carrer-chart-heading {
  font-size: var(--h2_typography-font-size, 25px); /* Use the custom variable for font-size, default to 24px if not defined */
  line-height: var(--h2_typography-line-height, 29px); /* Use the custom variable for line-height, default to 29px if not defined */
  color:#b31313;
  font-weight:600;
}
.vgx-carrer-chart-row{
  margin-bottom: 25px;
}
/* Media query for small screens */
@media screen and (max-width: 768px) {
  .vgx-carrer-growth-chart {
      flex-direction: column;
  }
  .vgx-carrer-chart-column {
      flex: none;
      width: 100%;
      margin: 10px 0;
  }
}
/*-----Footer Design-----*/
.col-xl-4{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align-last: start;
/*---added later|marked for debugging*/
  background-color: #8c1e1e;
  border-radius: 10px;
  margin: 10px;
  padding: 20px 0;
/*--Size Adjustments--*/
  min-width: 250px;
  max-width: 450px;
}
.col-xl-4 img{
  width:50%;
}
.social-media-follow{
  text-align-last: center;
  text-align: center;
}
.vgxai-single-footer .bi{
  padding:10px;
  color:whitesmoke;
  font-size: 30px;
  transition: color 0.3s; /* Add a smooth color transition on hover */
}
.vgxai-single-footer .bi-instagram:hover {
 /*color: white; /* Change the color on hover (e.g., blue) */
 background-image: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #f77737, #fcaf45, #ffdc80);
 -webkit-background-clip: text; /* For webkit-based browsers like Chrome and Safari */
 background-clip: text; /* This clips the gradient background to the text */
 color: transparent; /* Set the text color to transparent */
 line-height: 1; /* Adjust line-height to remove extra space */
}
.vgxai-single-footer .bi-facebook:hover {
  color: #0866FF
 }
 .vgxai-single-footer .bi-twitter-x:hover {
  color: black
 }
 .vgxai-single-footer .bi-linkedin:hover {
  color: #0072b1 
 }
.vgxai-footer-content .row{
  display: flex;
  margin-right: 20px;
  margin-left: 20px;
  justify-content: center;
}
.footer-info-col {
  white-space: nowrap; /* Prevent line breaks */
}
.footer-info-col span {
  display: inline-block; /* Display the spans side by side */
  vertical-align: middle; /* Vertically align them in the middle */
  margin-right: 2.5px; /* Add spacing between the spans, adjust as needed */
}
.footer-info-col span .bi{
  font-size: 20px;
}



@media screen and (max-width: 620px) {
  .nav.nav-tabs.vgxai-top-nav {
      flex-direction: column; /* Change to column layout */
      align-items: center; /* Center items vertically */
  }

  .nav.nav-tabs.vgxai-top-nav li {
      margin-right: 0; /* Remove right margin */
      margin-bottom: 10px; /* Add bottom margin */
      width: 100%; /* Set each item to take up full width */
      display: block; /* Display items as blocks */
  }
}


.drawer-btn {
  font-size: 30px;
  cursor: pointer;
  line-height: 56px;
  /* letter-spacing: 0.6em;
  margin-left: 75vw; */
}
.drawer {
  width: 250px;
  height: 100%;
  background-color: #ede2de;
  color: #fff;
  position: fixed;
  top: 0px; /* Adjust top position to the height of your header */
  left: -250px;
  transition: left 0.3s ease;
  z-index: 10000;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
  overflow-y: auto;
}

.drawer header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #ede2de;

}

.drawer h2 {
  margin: 0;
  font-size: 20px;
}

         /* Apply styling to drawer menu items */
         .drawer a {
          display: block;
          text-decoration: none;
          color: #222222;
          font-weight: 600;
          position: relative;
          overflow: hidden; /* Hide overflow to prevent line fade overflow */
      }
      
      /* Add underline effect to drawer menu items on hover */
      .drawer a::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0; /* Initial width set to 0 */
          height: 4px;
          background-color: #a30000;
          transition: width 0.4s ease; /* Transition only the width property */
      }
      
      .drawer a:hover::before {
          width: 100%; /* Set width to 100% on hover */
      }
      
      .drawer a:hover {
          color: #a30000; /* Apply the same color as the underline on hover */
      }
      
      .drawer:hover {
          left: 0;
      }
      
      /* Additional styles to improve spacing */
      .drawer a {
          padding: 15px; /* Adjust padding for better spacing */
          margin-bottom: 10px; /* Add margin between menu items */
      }
      
     /* Styles for screen width below 720px */
     @media only screen and (max-width: 992px) {
         .drawer-btn {
             display: block; /* Show drawer-btn when screen width is below 720px */
         }
     }
     @media screen and (max-width: 992px) {
      .nav-potrait {
        display: flex !important; /* Force display */
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center;
        justify-content: space-between;
      }
  }
     /* Styles for screen width equal to or above 720px */
     @media only screen and (min-width: 993px) {
         .drawer-btn {
             display: none; /* Hide drawer-btn when screen width is equal to or above 720px */
         }
         .nav-portrait{
          display: none; /* Hide nav-potrait container when screen width is equal to or above 720px */
      }
     }
     .vgxai-copyright-text a:hover {
      color: #ffbe25 !important; /* Hover color with !important */
    }


    .hover-effect {
      position: relative;
      display: inline-block;
  }

  .white_vgx::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 0, 0, 0.5); /* Change the color and opacity as needed */
      opacity: 0; /* Initially hidden */
      transition: opacity 0.3s ease; /* Smooth transition */
  }

  .white_vgx:hover::before {
      opacity: 1; /* Show the colored layer on hover */
  }

  .white_vgx img {
      display: block;
      width: 100%;
      height: auto;
      filter: grayscale(100%); /* Convert image to grayscale */
      transition: filter 0.3s ease; /* Smooth transition */
  }

  .white_vgx:hover img {
      filter: none; /* Remove grayscale effect on hover */
  }
    

  .navbar-container{
    /* padding-right: 65px;
    padding-left: 95px; */
    padding-right: 10vw;
    padding-left: 8vw;
  }

  .nav-potrait {
    display: none; /* Hide the container */
}

  @media (min-width: 1920px) {
    .container {
      max-width: 1720px;
    }
  }

  .hero-content{
    padding: 300px 0 180px; 
    text-align: center; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding-left:20px;
  }

  @media screen and (max-width: 1280px) {
    .patient-white {
        display: none !important;
    }
  }
  @media screen and (max-width: 1280px) {
      .hero-container {
          display:block !important;
      }
  } 
  @media screen and (max-width: 1280px) {
      .hero-image {
          width: 100%;
      }
  }
  @media screen and (max-width: 1280px) {
      #hero-content1 {
          display: none !important;
      }
  }
  @media screen and (min-width: 1281px) {
      #hero-content2 {
          display: none !important;
      }
  }



    /* html {
    scroll-behavior: smooth;
}  */