/* General Style Start */

* {
  padding: 0;
  margin: 0;
}

:root {
  --dark-violet: #1e165c;
  --rich-blue: #130f35;
  --white: #ffffff;
  --white-smoke: #fdffff;
  --black: #000000;
  --aqua-green: #1dfecc;
  --vibrant-aqua-green: #06c18c;
  --goldenrod: #ffcc11;
  --muted-green: #0e4957;
  --indigo: #2c2566;
  --light-gray: #f2f4f4;
  --dark-slate: #4f5c5c;
  --graywish-blue: #414651;
  --light-gray-blue: #d5d7da;
  --raven: #717680;
  --misty-rose: #ffebe1;
  --mint-green: #e6fae4;
  --soft-purple: #e9dafe;
  --olive-brown: #4d3c00;
  --greenish-cyan: #062929;
  --navy-blue: #070519;
  --pale-cyan: #edf4f4;
  --lavender-blue: #616a8a;
  --midnight-purple: #252147;
  --lavender-mist: #eceafc;
  --dusty-indigo: #647491;
  --frosted-violet: #f6f5ff;
  --soft-silver: #e8e8e8;
  --dark-teal: #062929;
}

body {
  font-family: "Onest", sans-serif;
}

a {
  text-decoration: none;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1224px;
  }
}



/* Contact Us Page */


.wp-contact .container {
  width: 1127px;
}

button.lead-form-submit {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #130F35;
  background: #FFCC11;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0px 10px 24px -9px #FFFFFF66 inset;
  transition: 0.3s;
  border: none;
  width: 100%;
  text-align: center;
  margin-bottom: 7px;
}

button.lead-form-submit:hover {
  box-shadow: none;
}

.wp-contact-call-to-act a {
  background: #FFCC11;
  border: 1px solid #29002933;
  padding: 9px 21px;
  border-radius: 8px;
  color: #130F35;
  box-shadow: 0px 10px 24px -9px #FFFFFF66 inset;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #130F35;
}

.wp-contact-call-to-act a svg {
  width: 24px;
  height: 24px;
}

.wp-contact {
  overflow: hidden;
}

.wp-contact-call-to-act a:hover {
  box-shadow: none;
}

.wp-contact .col-md-6.wp-contact-info {
  width: 596px;
}

.wp-contact {
  background-color: #130F35;
  padding: 0px 15px 0 15px;
}

.wp-contact .col-md-6.mb-4.mb-md-0 {
  width: 489.65625px;
}

.wp-contact-form {
  background: #fff;
  border-radius: 18px 18px 0px 0px;
  padding: 21px 40px 18px 40px;
  box-shadow: 0px 0px 100px 0px #5D5D5D40;
  margin: 0 -58px 0 34px;
}

.wp-contact-form h3 {
  font-family: Inter;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  letter-spacing: -0.32px;
  vertical-align: middle;
  margin-bottom: 14px;
}

.wp-contact-review-main .swiper-button-prev.slick-disabled,
.wp-contact-review-main .swiper-button-next.slick-disabled {
  display: none;
}

.wp-contact-form .form-control,
.wp-contact-form .form-select,
.wp-contact-form textarea {
  border: 1px solid #D5D7DA;
  padding: 9px 14px;
}

.wp-contact-form .mb-3 {
  margin-bottom: 13px !important;
}

.wp-contact-form .form-control,
.wp-contact-form .form-select {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #414651;
  height: 44px;
  box-shadow: none !important;
}

.wp-contact-form textarea.form-control {
  height: 107px;
}

.wp-contact-form .form-control:focus,
.wp-contact-form .form-select:focus {
  border-color: #4b3fff;
  box-shadow: 0 0 0 0.2rem rgba(75, 63, 255, 0.1);
}

.wp-contact-form .form-label {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #414651;
  margin-bottom: 6px;
}

.wp-contact-form .form-note {
  color: #023047;
  font-family: Onest;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}

.wp-contact-form .form-note a {
  text-decoration: underline;
  color: #023047;
}

/* Right Side */
.wp-contact-info {
  color: #fff;
  padding-left: 108px;
}

.wp-contact-info h2 {
  color: #FFFFFF;
  font-family: Onest;
  font-weight: 400;
  font-size: 60px;
  line-height: 78px;
  margin-bottom: 30px;
  margin-top: 18px;
  letter-spacing: -0.9px;
}

.wp-contact-info h2 span {
  font-family: Onest;
  font-weight: 700;
  font-size: 60px;
  line-height: 78px;
  color: #FFFFFF;
}

.wp-contact-steps .step {
  display: flex;
  gap: 30px;
}

.wp-contact-steps h5 {
  color: #FFFFFF;
  font-family: Onest;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}

.wp-contact-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wp-contact-steps p {
  max-width: 335.880859375px;
  font-family: Onest;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.2px;
  vertical-align: middle;
  color: #FFFFFF;
  margin-top: 8px;
  margin-bottom: 0;
}

/* Rating box */
.wp-contact-rating {
  margin-top: 30px;
}



.rating-box {
  background: #fff;
  border-radius: 10px;
  color: #111;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

/* Featured */
.wp-contact-featured {
  margin-top: 30px;
}

.wp-contact-featured p {
  color: #FFFFFF;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 135%;
}

.wp-contact-featured .brands {
  display: flex;
  gap: 20px;
}

.wp-contact-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 31px 17px 98px 32px;
}




/* Contact Us Page */


/* contact us boook section */


.wp-vendor-video-content .art-control.art-control-time {
  display: none;
}

.wp-contact-book-meet .container {
  width: 1127px;
}

.wp-vendor-video-content .art-controls-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 40px;
}

.wp-vendor-video-content .art-control-volume .art-volume-panel {
  transform: rotate(90deg) !important;
  position: unset;
  padding: 0;
  width: 4px;
  height: 60px;
}

.wp-vendor-video-content .art-contextmenus {
    display: none !important;
}

.wp-vendor-video-content .art-controls .art-control .art-icon.art-icon-volume,
.wp-vendor-video-content .art-controls .art-control .art-icon.art-icon-volumeClose {
  margin-right: 35px;
}

.wp-vendor-video-content .art-controls .art-control {
  opacity: 1 !important;
}

.wp-vendor-video-content .art-volume-panel {
  opacity: 1 !important;
}

.wp-vendor-video-content .art-progress {
  display: none;
}

.wp-vendor-video-content .art-video-player {
  --art-theme: #0EAA8C !important;
}

.wp-vendor-video-content .art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-handle {

  width: 4px;

}

.wp-vendor-video-content .art-state {
  display: none !important;
}

.wp-vendor-video-content .art-volume-val {
  display: none;
}

.wp-vendor-video-content .art-control-volume .art-volume-panel .art-volume-inner {
  background: transparent !important;
  padding: 0;
}

.wp-contact-book-meet {
  background-color: #0EAA8C;
  padding: 40px 10px;
  color: #fff;
}

.wp-contact-video {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  min-height: 198.09375px;
  margin: 0 0 0 34px;
  min-width: 351.09375px;
  aspect-ratio: 16 / 9;
}

.wp-contact-video video {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.video-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  padding: 6px 10px;
  border-radius: 6px;
  width: 100%;
  justify-content: space-between;
}

.video-controls button {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.video-controls input[type="range"] {
  width: 80px;
  accent-color: #0EAA8C;
  cursor: pointer;
}


.wp-contact-right {
  padding-left: 35px;
}

.wp-contact-right p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #e9fff7;
}

.wp-contact-right p {
  font-family: Onest;
  font-weight: 600;
  font-size: 19.5px;
  line-height: 19.5px;
  color: #F8F8F8;
}

.wp-contact-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn-contact {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-family: Onest;
  font-weight: 600;
  font-size: 19.5px;
  line-height: 19.5px;
  color: #fff;
  border: 2px solid #FFFFFF33;
  border-radius: 12px;
  padding: 18px;
  transition: 0.4s;
}

.btn-contact:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #fff;
}









/* contact us boook section */





/* wp contact review */


.wp-contact-review-main {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 102px 15px !important;
}

.review-card {
  background: #fff;
  transition: transform 0.3s ease;
  box-shadow: -5px 6px 13px 0px #0000001A;
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  padding: 27px 15px 28px 38px;
  margin: 0 9px;
}

.wp-contact-review-main .container {
  width: 1144px;
}

.wp-contact-review-main .slick-list.draggable::after {
  position: absolute;
  content: "";
  background: #ffffff;
  width: 49980px;
  height: 123%;
  top: -2px;
  left: -49989px;
}

.swiper-slide {
  width: 328px;
}

.review-card:hover {
  transform: translateY(-4px);
}

.review-date {
  color: #023047;
  font-family: Inter;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 25px;
}

.reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.reviewer img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.stars {
  color: #facc15;
  font-size: 18px;
}

.review-card h5 {
  color: #023047;
  font-family: Inter;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

.rating {
  color: #00B67A;
  font-family: Inter;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

.company {
  color: #023047;
  font-family: Inter;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

.review-text {
  color: #023047;
  font-family: Roboto;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
}

/* Swiper Arrows */
.swiper-button-prev,
.swiper-button-next {
  color: #1f2937;
  background: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.stars img {
  width: auto;
  height: auto;
  border-radius: unset;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
  font-weight: bold;
}

.wp-contact-review-main .swiper-button-prev {
  background: #130F35;
  width: 30px;
  height: 30px;
  border-radius: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 46%;
  cursor: pointer;

}

.wp-contact-review-main .swiper-button-next {
  background: #130F35;
  width: 30px;
  height: 30px;
  border-radius: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 10%;
  top: 46%;
  cursor: pointer;

}

.wp-contact-review-main .slick-list.draggable {
  overflow: visible;
  position: relative;
}

.wp-contact-review-main .swiper-slide.slick-slide.slick-active {
  opacity: 100%;
}

.wp-contact-review-main .slick-initialized .slick-slide {

  opacity: 20%;
}

.wp-contact-review-main .swiper-button-prev:hover {
  background: #0EAA8C;
}

.wp-contact-review-main .swiper-button-next:hover {
  background: #0EAA8C;
}

/* wp contact review */



/* wp contact footer */


.wp-contact-footer {

  background-color: #1a1a2e;
  padding: 24px 124px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.wp-contact-footer-left span {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
}

.wp-contact-footer-left span,
.wp-contact-footer-right span {
  margin: 0 5px;
}


.wp-contact-footer-left span:nth-child(2) {
  color: #444466;
}


.wp-footer-link {
  color: #1DFECC;
  text-decoration: none;
}

.wp-contact-footer-right span {
  color: #fff;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
}

.wp-footer-link:hover {
  text-decoration: underline;
}







/* wp contact footer */
.video-thumbnail {
  position: relative;
  cursor: pointer;
}

.video-thumbnail img {
  width: 100%;
  border-radius: 10px;
}

.play-icon {
  position: absolute;
  left: 22px;
  transform: translate(-50%, -50%);
  font-size: 19px;
  color: white;
  opacity: 0.8;
  bottom: -10px;
}

.play-icon:hover {
  opacity: 1;
}

.wp-contact-video iframe {
  width: 100%;
  height: 193px;
  border-radius: 10px;
}


/* Contact Us Page */
.form-alert {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #00c853;
  color: white;
  padding: 14px 20px;
  border-radius: 8px;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 9999;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease;
}
.form-alert.show {
  opacity: 1;
  transform: translateY(0);
}
.form-alert.error {
  background: #e53935;
}

.loader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9998;
}
.loader::after {
  content: "";
  width: 50px; height: 50px;
  border: 5px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  100% { transform: rotate(360deg); }
}
.hidden {
  display: none !important;
}

.wp-vender-meeting-form {
  max-width: 600px;
  margin: auto;
  padding: 50px 12px;
}

.wp-vender-meeting-form h1 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 13px;
  font-weight: 500;
}

.wp-vender-meeting-form  p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}

.wp-vender-meeting-form .team-admins {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.wp-vender-meeting-form .team-admins img {
  width: 80px;
  height: auto;
  object-fit: cover;
}

.wp-vender-meeting-form .book-meeitng {
  padding-top: 50px;
  text-align: center;
}
.goback {
  position: absolute;
  font-size: 15px;
  left: 30px;
  top: 30px;
  color: #1d1d1d;
}

.wp-vender-meeting-form .book-meeitng iframe {
  width: 100%;
  max-width: 450px;
  height: 609px;
  box-shadow: 2px 0px 25px 1px #dddddddb;
  border-radius: 15px;
}
.review-text .see-more-btn {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}