.contact-page {position: relative;overflow: hidden;  background: #f6f8fc;width:100%;}.contact-page::before {position: absolute;content: "";width: 500px;height: 500px;top: -300px;left: -250px;border-radius: 50%;background: rgba(245, 130, 32, 0.05);}.contact-page::after {position: absolute;content: "";width: 400px;height: 400px;right: -200px;bottom: -250px;border-radius: 50%;background: rgba(24, 43, 73, 0.05);}.contact-heading {max-width: 780px;margin: 0 auto 45px;text-align: center;}.small-title {display: inline-flex;align-items: center;gap: 8px;margin-bottom: 16px;padding: 9px 16px;border-radius: 30px;background:#87c232;color:#182b49;font-size: 11px;font-weight: 700;letter-spacing: 1.8px;}.contact-heading h1 {margin: 0 0 18px;color: #182b49;font-size: 48px;line-height: 1.2;}.contact-heading h1 span {color: #87C232;}.contact-heading p {max-width: 680px;margin: 0 auto;color: #242424;font-size: 16px;line-height: 1.8;}.contact-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;margin-bottom: 30px;}.contact-card {position: relative;min-height: 275px;padding: 35px;overflow: hidden;border: 1px solid #e8edf4;border-radius: 20px;background: #ffffff;transition: all 0.35s ease;}.contact-card:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(24, 43, 73, 0.12);}.contact-card::after {position: absolute;content: "";width: 130px;height: 130px;right: -70px;bottom: -70px;border: 25px solid rgba(245, 130, 32, 0.07);border-radius: 50%;}  .card-icon {width: 62px;height: 62px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;border-radius: 18px;background: #182b49;color: #ffffff;font-size: 23px;transition: all 0.35s ease;}.contact-card:hover .card-icon {transform: rotate(-8deg);background: #87C232;} .card-label {display: block;margin-bottom: 9px;color: #343433;font-size: 11px;font-weight: 700;letter-spacing: 1.5px;}.contact-card h2 {margin: 0 0 8px;color: #182b49;font-size: 20px;}.contact-card a {display: block;margin-bottom: 14px;color: #182b49;font-size: 16px;font-weight: 700;text-decoration: none;word-break: break-word;}.contact-card a:hover {color: #87C232;}.contact-card p {margin: 0;color: #242424;font-size: 14px;line-height: 1.7;margin-bottom:15px;}.ready-chat-btn {flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding:16px;border-radius: 10px;background: #182b49;color: #ffffff;font-size: 14px;font-weight: 700;text-decoration: none;transition: all 0.3s ease;cursor:pointer;}.ready-chat-btn:hover {transform: translateY(-4px);background: #87C232;color: #ffffff;}.ready-chat-btn .fa-arrow-right {transition: transform 0.3s ease;}.ready-chat-btn:hover .fa-arrow-right {transform: translateX(5px);}.serving-country{   margin-bottom: 30px;  padding: 30px 35px;  border: 1px solid #e8edf4;  border-radius: 20px;  background: #ffffff;  box-shadow: 0 12px 35px rgba(24, 43, 73, 0.06);}.serving-country h4{margin: 0 0 8px;  color: #182b49;  font-size: 20px;  text-align:left;}.office-location-section {position: relative;overflow: hidden;margin-bottom: 30px;border-radius: 22px;background: #182b49;}.office-location-section::before {position: absolute;content: "";width: 280px;height: 280px;top: -180px;right: -80px;border: 45px solid rgba(255, 255, 255, 0.04);border-radius: 50%;}.office-location-section::after {position: absolute;content: "";width: 180px;height: 180px;bottom: -130px;left: 35%;border-radius: 50%;background: rgba(245, 130, 32, 0.08);}.office-location-content {position: relative;z-index: 1;display: flex;align-items: center;gap: 25px;padding: 42px 45px;}.location-icon {flex: 0 0 75px;width: 75px;height: 75px;display: flex;align-items: center;justify-content: center;border-radius: 20px;background: #87C232;color: #ffffff;font-size: 29px;}.location-content {flex: 1;}.location-content > span {display: block;margin-bottom: 9px;color: #87C232;font-size: 11px;font-weight: 700;letter-spacing: 1.7px;}.location-content h2 {margin: 0 0 10px;color: #ffffff;font-size: 28px;}.location-content p {max-width: 650px;margin: 0;color: rgba(255, 255, 255, 0.70);font-size: 15px;line-height: 1.7;}.social-section {display: flex;align-items: center;justify-content: space-between;gap: 45px;padding: 40px 45px;border: 1px solid #e8edf4;border-radius: 22px;background: #ffffff;}.social-content {max-width: 450px;}.social-content > span {display: block;margin-bottom: 10px;color: #242424;font-size: 11px;font-weight: 700;letter-spacing: 1.7px;}.social-content h2 {margin: 0 0 10px;color: #182b49;font-size: 28px;}.social-content p {margin: 0;color: #778292;font-size: 14px;line-height: 1.7;} .social-links {display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 12px;}.social-links a {display: inline-flex;align-items: center;gap: 9px;padding: 13px 16px;border: 1px solid #e6ebf2;border-radius: 10px;background: #ffffff;color: #182b49;font-size: 18px;font-weight: 600;text-decoration: none;transition: all 0.3s ease;}.social-links a i {font-size: 17px;}.social-links a:hover {transform: translateY(-4px);border-color: #87C232;background: #87C232;color: #ffffff;text-decoration:none;} @media only screen and (max-width:1100px) { .contact-grid {grid-template-columns: repeat(2, 1fr);}} @media only screen and (max-width:991px) { .contact-heading h1 {font-size: 42px;}   .social-section{flex-wrap: wrap;}.social-content{width: 100%;  max-width: 100%;}.social-links{width: 100%;justify-content: center;}} @media only screen and (max-width:767px) {.office-location-content{flex-wrap: wrap; padding:25px;}.location-content{flex: 0 0 100%;} .contact-grid {grid-template-columns: 1fr;}}