.customer-value {
 width: 100%;
 background-color: #1a2a1a;
 background-size: cover;
 background-position: center;
 height: fit-content;
 position: relative;
 z-index: 999;
}

.customer-value::after {
 display: none;
}

.request-que {
 z-index: 999;
 position: relative;
}

.customer-top-left h2 {
 color: #fff;
}

.customer-top-right p {
 color: var(--offwhite);
}

.customer-card {
 background-color: #fff;
 padding: 30px;
 height: 100%;
}

.card-img-bg {
 width: 85px;
 height: 85px;
 background-color: var(--green);
 position: relative;
 box-shadow: 0px 5px 30px 0px #4AAB3D66;
 margin-bottom: 5px !important;
}

.card-img-bg::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 outline: 2px solid var(--green);
 outline-offset: 6px;
 border-radius: 50px;
 z-index: 1;
}

/* Orbiting dot container */
.orbit-dot {
 position: absolute;
 width: 100%;
 height: 100%;
 transform-origin: center;
 z-index: 2;
}

.customer-card:hover .orbit-dot {
 animation: orbit 5s linear infinite;
}

.customer-card:hover .orbit-dot::before {
 background-color: #fff;
}

/* The dot itself */
.orbit-dot::before {
 content: "";
 position: absolute;
 bottom: 45px;
 left: -13%;
 /* right: 7%; */
 width: 10px;
 height: 10px;
 background-color: var(--green);
 border-radius: 50%;
}

/* Rotation animation */
@keyframes orbit {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}







.customer-card p {
 color: var(--grey);
}

.customer-card p {
 color: var(--grey);
}

.customer-card:hover,
.customer-card:hover p {
 background-color: var(--green);
 color: #fff;
}

.customer-card:hover svg path {
 fill: var(--green);
}

.customer-card:hover .home-svg svg path {
 stroke: var(--green);
 fill: none;
}

.customer-card:hover .card-img-bg::after {
 background-color: #fff;
}

.customer-card:hover .card-img-bg {
 background-color: #fff;
}

.customer-card:hover .card-img-bg::before {
 outline-color: #fff;
}

.request-que-box {
 width: 100%;
 height: fit-content;
}

/* .request-que{margin-top: -558px;} */
.contact-box {
 background-color: #fff;
 height: 100%;
 box-shadow: 0px 10px 40px 0px #00000008;
 padding: 30px;
}

.contact-box {
 gap: 0 85px;
}

.contact-box-left {
 width: 100%;
 height: 100%;
 background: radial-gradient(50% 50% at 50% 50%, rgba(74, 171, 61, 0.9) 0%, #4AAB3D 100%);
}

.icon-bg {
 background-color: #FFFFFF26;
 width: 42px;
 height: 42px;
}

.contact-btn {
 background-color: #fff;
 color: var(--green);
 padding: 15px 30px;
 display: inline-block;
 border: 1px solid #fff;
}

.contact-btn a {
 color: var(--green);
 font-weight: var(--semi-bold);
}

.contact-btn:hover {
 background-color: transparent;
}

.contact-btn:hover a {
 color: #fff;
}

.contact-box-right p {
 color: var(--grey);
 margin-bottom: 25px;
}

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

.contact-box-left {
 padding: 40px;
}

.contact-box-right form .row>* {
 margin-bottom: 20px;
}

.customer-top-right p:first-child {
 margin-bottom: 10px;
}

.customer-top-right p:last-child {
 margin-bottom: 0px;
}

.customer-value-row .row {
 margin-top: 60px;
 gap: 30px 0;
}

.customer-top-left h2 {
 margin-bottom: 0px;
}

.social-media a:hover span {
 color: var(--dark-blue);
}

.contact-box-right input,
.conact-us-right input,
.comment-box input {
 height: 51px;
}

label {
 font-family: var(--secondary-font);
 font-weight: var(--semi-bold);
}

/* .card-img-bg::before {
 width: 100%;
 height: 100%;
 content: "";
 outline: 2px solid var(--green);
 position: absolute;
 outline-offset: 6px;
 border-radius: 50px;

} */

/* .card-img-bg::after {
 content: '';
 position: absolute;
 top: 0;
 left: 50%;
 width: 8px;
 height: 8px;
 background-color: black;
 border-radius: 50%;
 animation: rotateDot 2s linear infinite;
 /* transform-origin: center 50%; */
/* sets pivot point below the dot */
/* } */

/* @keyframes rotateDot {
 from {
  transform: rotate(0deg) translateX(-50%);
 }

 to {
  transform: rotate(360deg) translateX(-50%);
 }
} */

/* .card-img-bg::after{position: absolute;
 content: " ";
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin-left: 5px;
 width: 10px;
 height: 10px;
 background-color: var(--green);
 border-radius: 50px;
} */

@media (max-width:1366px) {
 .contact-box {
  gap: 0 50px;
 }
}

@media (max-width:1199px) {
 .contact-box {
  gap: 0 20px;
 }

 .contact-box-right,
 .contact-box-left {
  padding: 15px;
 }
}

@media (min-width:992px) and (max-width:1280px) {
 .customer-card {
  height: 500px;
 }
}

@media (max-width:991px) {
 .request-que {
  margin-top: 0px;
 }

 /* 
 .customer-card {
  /* margin-top: 30px; 
 } */


 .customer-value {
  height: fit-content;
 }
}

@media (max-width:767px) {
 .customer-value-top {
  text-align: center;
  flex-direction: column;
 }
}

@media (min-width:576px) and (max-width:767px) {
 .customer-card {
  height: 100%
 }
}

@media (max-width:575px) {
 .request-que {
  margin-top: 0;
 }

 .contact-box {
  padding: 0 !important;
 }
}