.call-us-main svg{
margin-top: -15px;
}
.contact-img.inview {
opacity: 1;
transform: Scale(1);
}
.contact-img{
opacity: 0;
transform: Scale(0.8);
transition: all 1s ease-out, opacity 1s ease-out;
}
.call-us-main.inview{
opacity: 1;
transform: translateX(0);
}
.call-us-main{
opacity: 0;
transform: translateX(-100%);
transition: transform 1s ease-out, opacity 1s ease-out;
}
.contactus-svg.inview{
opacity: 1;
transform: translateY(0);
}
.contactus-svg{
opacity: 0;
transform: translateY(-10px);
transition: transform 1s ease-out, opacity 1s ease-out;
}
.call-us p a:link{
color:#000000;
line-height: 32px;
}
.call-us span{
font-size: 14px;
position: relative;
top: -12px;
font-weight:400;
}
.location-text a:link{
color:#555;
}
.row {
--gutter-x: 0px;

}
.contact-section .container {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
max-width: 100%;
padding: 0 74px;
}
.service-container{
padding:0 74px;
}

.contact-img {
width: 75%;
height: auto;
z-index: 2;
position: relative;

}

.contact-svg {
position: absolute;
top: 0;
z-index: 0;
right: 0;
width: auto;
height: 404px;
}


.contact-section-2 {
background: #FBFCEF;
}

.call-us-main {
display: flex;
margin-top: 45px;
align-items: center;
}

.call-us {
padding-left: 20px;
}

.call-us h4 {
font-family: Poppins;
font-size: 24px;
font-weight: 400;
line-height: 30px;

}

.call-us p {
font-family: Poppins;
font-size: 24px;
font-weight: 700;
line-height: 30px;
display: flex;
align-items: center;
text-align: center;

        }

.contact-container {
max-width: 1240px;
margin: 50px auto;
display: flex;
flex-wrap: wrap; /* Allow wrapping for responsiveness */
background: #fff;
border-radius: 30px;
border: 4px solid #F3F7D5;
overflow: hidden;
}

.contact-form-section {
padding: 20px;
flex: 1;
min-width: 300px; /* Ensure the form section doesn't shrink too small */
}

.contact-form-section h2 {
font-family: Poppins;
font-size: 35.5px;
font-weight: 600;
line-height: 53.25px;
padding: 20px 20px 20px 0px;
}



.contact-form-group {
padding-bottom: 15px;
}

.contact-form-group {
margin-bottom: 15px !important;
padding-bottom: 15px !important;
}

.contact-form-group label {
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 27px;
letter-spacing: 0.03em;

}

.contact-form-group input,
.contact-form-group textarea {
width: 100%;
padding: 10px;
font-size: 14px;
border: 1px solid #C1D82F;
border-radius: 5px;
background-color: #fbfde7;
}

.contact-form-group textarea {
height: 100px;
resize: none;
}

.contact-btn {
background-color: #C1D82F;
color: #333 !important;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
border-radius: 30px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}

.contact-btn:hover {
background-color: #c8d938;
}

.contact-btn span {
margin-left: 5px;
font-size: 16px;
}

.contact-map-section-svg {
position: absolute;
right: 15%;
top: 12%;
width: 140px;
height: 140px;
}

.contact-map-section {
flex: 1;
margin: 30px 0px 30px 0px;
}

.contact-map-section-img {
position: relative;
padding-top: 55px;
width: 540px;
height: 100%;


}

.services-heading {
display: flex;
align-items: center;
padding-top: 120px;
}

.services-line {
width: 17px;
height: 120px;
border-radius: 0px 20px 20px 0px;
background: #C1D82F;
}

.services-heading-2-center {
  display: flex;
justify-content: center;
}

.services-heading-1 {
color: #000;
padding-left: 17px;
font-family: Poppins;
font-size: 30px;
font-weight: 600;
line-height: normal;
}

.services-heading-2 {
color: #000;
padding-left: 35px;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.contact-heading-2-line {
position: absolute;
left: 29%;
width: 190px;
height: 5px !important;
border-radius: 30px;
background: #C1D82F;
padding: 0;
margin: 0;
opacity:1;
}

.services-svg {
position: relative;
bottom: 45%;
left: 77%;
}

.contactus-svg {
position: absolute;
top: 10%;
right: 46%;
}

@media (max-width: 768px) {
.contact-container {
flex-direction: column; /* Stack sections vertically on smaller screens */
}

.contact-map-section {
height: 200px; /* Adjust height for smaller screens */
border-left: none; /* Remove the border between sections */
border-top: 1px solid #ddd; /* Add a top border instead */
}
}

@media (max-width: 480px) {
.contact-form-section h2 {
font-size: 20px; /* Adjust heading size for smaller screens */
}

.contact-btn {
font-size: 12px; /* Adjust button font size */
padding: 8px 16px;
}

.contact-btn span {
font-size: 14px;
}
}

.contact-section-3 {
background: #FBFCEF;
}


.location-image {
flex-shrink: 0;
margin-left: 20px;
max-width: 150px; /* Restrict the maximum width of the image box */
height: auto;
overflow: hidden; /* Ensures content stays within the box */
display: flex; /* Ensure proper alignment for the image */
align-items: center; /* Center the image vertically if resized */
justify-content: center; /* Center the image horizontally if resized */

}

.location-image img {
max-width: 100%; /* Scale image down to fit within the container */
height: auto; /* Maintain aspect ratio */
object-fit: contain; /* Prevent distortion or overflow */
display: block; /* Eliminate extra inline spacing */
transition: transform 0.2s;
}

.location-image img:hover {
transform: translateY(-20px);
}

.location-container {
max-width: 1240px;
margin: auto;
display: flex;
flex-direction: column;
gap: 60px;
}


.location {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
align-items: center;
background: white;
border-radius: 30px;
padding: 20px;
height: 186px;
border: 4px solid #F3F7D5;
}

.location-content {
flex: 1;
display: flex;
justify-content: center;
}

.location-title {
font-family: Poppins;
font-size: 40px;
font-weight: 600;
margin: 0;
text-align: left;
}

.location-text {
margin: 10px 0 0 0;
color: #555;
line-height: 1.5;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-weight: 400;

}

.location-image {
flex-shrink: 0;
margin-left: 20px;
}

.location-image img {
max-width: 210px;
height: auto;
margin-left: 110px;
position: absolute;
}




@media screen and (max-width: 1440px) {
.contact-svg {
right: 0%;
top: 0%;
}
.contact-map-section-svg {
right: 9%;
}
}
@media (max-width: 1200px) and (min-width:900px){
.contact-img {
width: 100%;
}
.contact-container {
margin: 20px;
}
.contact-map-section-img {
margin: 20px;
}
.location-container {
margin: 20px;
}
.contact-map-section-svg {
right: 4%;
}
.contact-svg {
right: 0%;
top: 0%;
}
.contact-heading-2-line {

left: 15%;
}
.contactus-svg {
right: 45%;
width: 280px;
}
}

@media screen and (max-width: 1024px) {
.contact-container {
margin: 20px;
}
.contact-map-section-img {
margin: 20px;
}
.location-container {
margin: 20px;
}
.contact-map-section-svg {
right: 4%;
}
.contact-svg {
right: 0%;
top: 0%;
}

}
.contact-section {
display: block !important;
}

@media screen and (max-width: 900px) {
.contactus-svg {
display: none;
}
.services-line {
display: none;
}

.call-us-main {
display: none;
}

.location-text {
text-align: left;
}

.contact-section .container {
padding: 0 20px;
}
.location-container {
gap: 20px;
}
.location-content {

justify-content: left;
}
.services-heading-1 {
text-align: center;
}

.services-heading {
display: block;
align-items: center;
padding-top: 40px;
}

.services-heading-2 {
text-align: center;
}
.services-heading-2-center {
margin-bottom: 100px;
}

.contact-map-section-svg {
display: none;
}
.contact-map-section {
display: none;
}

.location-image img {
display: none;
}
.location {
display: block;
}

.contact-img {
width: 100%;
height: auto;
}

}.contact-us-title{
display:none;
}
@media(max-width:600px){
.services-heading-1 {
text-align: center;
font-weight: 400;
font-size: 16px;
padding: 0;
}
.services-heading-2 {
font-size: 18px;
margin: 0;
text-align: center;
width: 200px;
margin: 0 auto;
}
.contact-heading-2-line {
width: 80px;
height: 2px !important;
margin: 0;
opacity: 1;
left: 50%;
transform: translateX(-50%);
}
.services-heading-2-center {
display:none;
}
.services-line {
display: none;
}
.services-section {
padding: 0px 20px;
}
#services-head {
justify-content: center;
}
.contact-svg {
right: -10%;
z-index: -1;
top: 38%;
height: 290px;
}
.contact-img {
margin-top: 48px;
}
.contact-section{
overflow:hidden;
}
.services-heading {
opacity: 1 !important;
transform: translateX(0%) !important;
}
.services-heading-2 {
opacity: 1 !important;
transform: translateX(0%) !important;
padding: 0;
}
.contact-section-3{
padding-top:30px !important;
padding-bottom:15px !important;
}
.location-title {
font-size:16px;
}
.location-text {
font-size:14px;
}
.location{
height: 130px;
align-content: space-around;
}
.contact-form-section h2 {
display: none;
}
.contact-us-title{
display:block;
width: 100%;
}
.contact-container{
border: 1px solid #F3F7D5;
}
.contact-form-group label {

font-size: 14px;

letter-spacing: 0.42px;
padding-bottom: 10px;
}
.contact-form-group input, .contact-form-group textarea {
width: 100%;
padding: 10px;
font-size: 12px;
border: 1px solid #C1D82F;
border-radius: 10px;
background-color: #FBFCEF;
}
.contact-btn {
display: flex;
margin: auto;
font-size: 14px;
font-weight: 400;
}
.contact-btn svg{
height: 24px;
width: 24px;
}
}
@media(max-width:320px){
.contact-svg {
right: -12%;
z-index: -1;
top: 45%;
height: 255px;
}
}