:root {
  --color-white: #fff;
  --color-black: #000;
  --dark-color:#111d32;
  --color-main: #16243d;
  --color-second: #33cccc;
  --color-light:#fab600;
  --light-blue: #c2dfff;
  --color-100: #015fc9;
  --color-200: #0ce0ff;
  --color-300: rgb(245, 245, 245);
  --color-400: #696e77;
  --color-500: #01905d;
  --color-600: rgb(237, 237, 241);
  --color-700: rgb(105, 105, 105);
  --color-800: rgb(231, 231, 231);
  --color-900: rgb(38, 37, 102);
  --color-1000: #e0e4e8;
  --color-1100: rgb(13, 13, 57);
  --color-1200: #f2f5f9;
  --color-1300: rgb(30, 31, 74);
  --color-1400: #dfe3e7;
  --color-1500: rgb(239, 243, 243);
  --color-1600: rgb(193, 214, 214);
  --color-1700: #f2f5f9;
  --color-1800: rgb(242, 242, 242);
  --color-1900: rgb(229, 229, 229);
  --color-2000: rgb(236, 249, 249);
  --color-2100: rgb(191, 191, 198);
  --color-2200: rgb(89, 89, 137);
  --color-2300: rgb(234, 243, 250);
  --color-2400: #0E86D4;
  --gradient-100: linear-gradient(269.37deg,#fc0000 5.03%,#eb8a17 56.67%);
  --gradient-200: linear-gradient(90deg, #ff4569 -100%, #fa8a06 100.1%);
  --main-bg:#112e4d;
  --light-color: #97a2b7;
}

.contact-section {
  padding: 120px 0 0;
}
.contact-section .content {
  display: flex;
  gap: 30px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .contact-section .content {
    flex-direction: column;
  }
}
.contact-section .content .left {
  width: 33.33%;
}
@media (max-width: 991px) {
  .contact-section .content .left {
    width: 100%;
  }
}
.contact-section .content .left .main-heading {
  width: 100%;
  margin-bottom: 43px;
}
.contact-section .content .left .call {
  display: flex;
  align-items: center;
  gap: 20px;
}
.contact-section .content .left .call .call-btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #e0e4e8;
  border-radius: 100%;
}
.contact-section .content .left .call .call-btn svg {
  fill: var(--color-200);
}
.contact-section .content .left .call .ri {
  flex: 1;
  width: calc(100% - 70px);
}
.contact-section .content .left .call .ri a {
  color: var(--color-100);
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-family: DMSans-Bold, Arial, Helvetica, sans-serif;
  letter-spacing: -0.4px;
}
.contact-section .content .left p {
  padding-top: 36px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.36px;
  color: #696e77;
  font-family: DMSans-Medium, Arial, Helvetica, sans-serif;
}
.contact-section .content .right {
  flex: 1;
}
@media (max-width: 991px) {
  .contact-section .content .right {
    width: 100%;
  }
}
.contact-section .content .right .main-form-wrapper {
  margin-top: 0;
}
.contact-section .content .right .main-form-wrapper .field .form-control {
  border: none;
}
.contact-section .content .right .main-form-wrapper .field.small {
  max-width: calc(50% - 10px) !important;
}
@media (max-width: 991px) {
  .contact-section .content .right .main-form-wrapper .field.small {
    max-width: 100% !important;
  }
}
.contact-section .content .right .main-form-wrapper .buttons {
  margin-top: 0 !important;
}
.contact-section .find {
  margin-bottom: -70px;
}
.contact-section .find .content {
  position: relative;
  display: block;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
  padding: 15px;
  z-index: 1;
  border-radius: 20px;
}
.contact-section .find .content .bg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-main);
  border-radius: 20px;
  border: 4px solid var(--color-200);
  padding: 51px 55px 51px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 991px) {
  .contact-section .find .content .bg {
    flex-direction: column;
    gap: 24px;
    padding: 39px 20px 51px;
  }
}
.contact-section .find .content .bg .left {
  flex: 1;
}
.contact-section .find .content .bg .left h2 {
  color: var(--color-white);
  font-size: 36px;
  line-height: 36px;
  font-family: DMSans-Bold, Arial, Helvetica, sans-serif;
  letter-spacing: -0.72px;
}
@media (max-width: 991px) {
  .contact-section .find .content .bg .left h2 {
    text-align: center;
  }
}
.contact-section .find .content .bg .right {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .contact-section .find .content .bg .right {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .contact-section .find .content .bg .right {
    flex-direction: column;
    gap: 24px;
  }
}
.contact-section .find .content .bg .right .call {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-section .find .content .bg .right .call .call-btn {
  width: 50px;
  height: 50px;
  border: 2px solid var(--color-200);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.5s ease-in-out;
}
.contact-section .find .content .bg .right .call .call-btn svg {
  scale: -1;
  fill: var(--color-200);
  transform: rotate(90deg);
}
.contact-section .find .content .bg .right .call .col {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.7;
  font-family: DMSans-Bold, Arial, Helvetica, sans-serif;
  color: var(--color-white);
}
.contact-section .find .content .bg .right .call .col span {
  font-size: 14px;
  line-height: 1.2;
  font-family: DMSans-Regular, Arial, Helvetica, sans-serif;
}
.contact-section .find .content .bg .image {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: luminosity;
  opacity: 0.1;
  z-index: -1;
}
.contact-section .find .content .bg .image img {
  width: auto;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 100%;
}

.map-section iframe {
  height: 400px;
  width: 100%;
}