@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --tmp-primary-rgb: 65, 66, 244;
  --tmp-secondary-rgb: 60, 60, 60;
  --tmp-tertiary-rgb: 245, 245, 245;
  --tmp-white-rgb: 255, 255, 255;
  --tmp-black-rgb: 0, 0, 0;
  --tmp-light-orange-rgb: 255, 220, 190;
  --tmp-primary: rgb(65, 66, 244);
  --tmp-secondary: rgb(60, 60, 60);
  --tmp-tertiary: rgb(245, 245, 245);
  --tmp-white: rgb(255, 255, 255);
  --tmp-black: rgb(0, 0, 0);
  --tmp-light-orange: rgb(255, 220, 190);
  --tmp-primary-opacity-1: rgba(var(--primary-rgb), 0.1);
  --tmp-primary-opacity-2: rgba(var(--primary-rgb), 0.2);
  --tmp-primary-opacity-3: rgba(var(--primary-rgb), 0.3);
  --tmp-primary-opacity-4: rgba(var(--primary-rgb), 0.4);
  --tmp-primary-opacity-5: rgba(var(--primary-rgb), 0.5);
  --tmp-primary-opacity-6: rgba(var(--primary-rgb), 0.6);
  --tmp-primary-opacity-7: rgba(var(--primary-rgb), 0.7);
  --tmp-primary-opacity-8: rgba(var(--primary-rgb), 0.8);
  --tmp-primary-opacity-9: rgba(var(--primary-rgb), 0.9);
  --tmp-secondary-opacity-1: rgba(var(--secondary-rgb), 0.1);
  --tmp-secondary-opacity-2: rgba(var(--secondary-rgb), 0.2);
  --tmp-secondary-opacity-3: rgba(var(--secondary-rgb), 0.3);
  --tmp-secondary-opacity-4: rgba(var(--secondary-rgb), 0.4);
  --tmp-secondary-opacity-5: rgba(var(--secondary-rgb), 0.5);
  --tmp-secondary-opacity-6: rgba(var(--secondary-rgb), 0.6);
  --tmp-secondary-opacity-7: rgba(var(--secondary-rgb), 0.7);
  --tmp-secondary-opacity-8: rgba(var(--secondary-rgb), 0.8);
  --tmp-secondary-opacity-9: rgba(var(--secondary-rgb), 0.9);
  --tmp-tertiary-opacity-1: rgba(var(--tertiary-rgb), 0.1);
  --tmp-tertiary-opacity-2: rgba(var(--tertiary-rgb), 0.2);
  --tmp-tertiary-opacity-3: rgba(var(--tertiary-rgb), 0.3);
  --tmp-tertiary-opacity-4: rgba(var(--tertiary-rgb), 0.4);
  --tmp-tertiary-opacity-5: rgba(var(--tertiary-rgb), 0.5);
  --tmp-tertiary-opacity-6: rgba(var(--tertiary-rgb), 0.6);
  --tmp-tertiary-opacity-7: rgba(var(--tertiary-rgb), 0.7);
  --tmp-tertiary-opacity-8: rgba(var(--tertiary-rgb), 0.8);
  --tmp-tertiary-opacity-9: rgba(var(--tertiary-rgb), 0.9);
  --tmp-white-opacity-1: rgba(var(--white-rgb), 0.1);
  --tmp-white-opacity-2: rgba(var(--white-rgb), 0.2);
  --tmp-white-opacity-3: rgba(var(--white-rgb), 0.3);
  --tmp-white-opacity-4: rgba(var(--white-rgb), 0.4);
  --tmp-white-opacity-5: rgba(var(--white-rgb), 0.5);
  --tmp-white-opacity-6: rgba(var(--white-rgb), 0.6);
  --tmp-white-opacity-7: rgba(var(--white-rgb), 0.7);
  --tmp-white-opacity-8: rgba(var(--white-rgb), 0.8);
  --tmp-white-opacity-9: rgba(var(--white-rgb), 0.9);
  --tmp-black-opacity-1: rgba(var(--black-rgb), 0.1);
  --tmp-black-opacity-2: rgba(var(--black-rgb), 0.2);
  --tmp-black-opacity-3: rgba(var(--black-rgb), 0.3);
  --tmp-black-opacity-4: rgba(var(--black-rgb), 0.4);
  --tmp-black-opacity-5: rgba(var(--black-rgb), 0.5);
  --tmp-black-opacity-6: rgba(var(--black-rgb), 0.6);
  --tmp-black-opacity-7: rgba(var(--black-rgb), 0.7);
  --tmp-black-opacity-8: rgba(var(--black-rgb), 0.8);
  --tmp-black-opacity-9: rgba(var(--black-rgb), 0.9);
  --tmp-primary-darken-1: rgb(59.1582089552, 60.1889552239, 243.6617910448);
  --tmp-primary-darken-2: rgb(53.3164179104, 54.3779104478, 243.3235820896);
  --tmp-primary-darken-3: rgb(47.4746268657, 48.5668656716, 242.9853731343);
  --tmp-primary-darken-4: rgb(41.6328358209, 42.7558208955, 242.6471641791);
  --tmp-primary-darken-5: rgb(35.7910447761, 36.9447761194, 242.3089552239);
  --tmp-primary-darken-6: rgb(29.9492537313, 31.1337313433, 241.9707462687);
  --tmp-primary-darken-7: rgb(24.1074626866, 25.3226865672, 241.6325373134);
  --tmp-primary-darken-8: rgb(18.2656716418, 19.511641791, 241.2943283582);
  --tmp-primary-darken-9: rgb(13.8665671642, 15.1271641791, 239.5134328358);
  --tmp-primary-darken-10: rgb(13.528358209, 14.7582089552, 233.671641791);
  --tmp-primary-darken-11: rgb(13.1901492537, 14.3892537313, 227.8298507463);
  --tmp-primary-darken-12: rgb(12.8519402985, 14.0202985075, 221.9880597015);
  --tmp-primary-darken-13: rgb(12.5137313433, 13.6513432836, 216.1462686567);
  --tmp-primary-darken-14: rgb(12.1755223881, 13.2823880597, 210.3044776119);
  --tmp-primary-darken-15: rgb(11.8373134328, 12.9134328358, 204.4626865672);
  --tmp-secondary-darken-1: rgb(58.8, 58.8, 58.8);
  --tmp-secondary-darken-2: rgb(57.6, 57.6, 57.6);
  --tmp-secondary-darken-3: rgb(56.4, 56.4, 56.4);
  --tmp-secondary-darken-4: rgb(55.2, 55.2, 55.2);
  --tmp-secondary-darken-5: #363636;
  --tmp-secondary-darken-6: rgb(52.8, 52.8, 52.8);
  --tmp-secondary-darken-7: rgb(51.6, 51.6, 51.6);
  --tmp-secondary-darken-8: rgb(50.4, 50.4, 50.4);
  --tmp-secondary-darken-9: rgb(49.2, 49.2, 49.2);
  --tmp-secondary-darken-10: #303030;
  --tmp-secondary-darken-11: rgb(46.8, 46.8, 46.8);
  --tmp-secondary-darken-12: rgb(45.6, 45.6, 45.6);
  --tmp-secondary-darken-13: rgb(44.4, 44.4, 44.4);
  --tmp-secondary-darken-14: rgb(43.2, 43.2, 43.2);
  --tmp-secondary-darken-15: #2a2a2a;
  --tmp-primary-lighten-1: rgb(68.8, 69.78, 244.22);
  --tmp-primary-lighten-2: rgb(72.6, 73.56, 244.44);
  --tmp-primary-lighten-3: rgb(76.4, 77.34, 244.66);
  --tmp-primary-lighten-4: rgb(80.2, 81.12, 244.88);
  --tmp-primary-lighten-5: rgb(84, 84.9, 245.1);
  --tmp-primary-lighten-6: rgb(87.8, 88.68, 245.32);
  --tmp-primary-lighten-7: rgb(91.6, 92.46, 245.54);
  --tmp-primary-lighten-8: rgb(95.4, 96.24, 245.76);
  --tmp-primary-lighten-9: rgb(99.2, 100.02, 245.98);
  --tmp-primary-lighten-10: rgb(103, 103.8, 246.2);
  --tmp-primary-lighten-11: rgb(106.8, 107.58, 246.42);
  --tmp-primary-lighten-12: rgb(110.6, 111.36, 246.64);
  --tmp-primary-lighten-13: rgb(114.4, 115.14, 246.86);
  --tmp-primary-lighten-14: rgb(118.2, 118.92, 247.08);
  --tmp-primary-lighten-15: rgb(122, 122.7, 247.3);
  --tmp-tertiary-lighten-1: rgb(245.2, 245.2, 245.2);
  --tmp-tertiary-lighten-2: rgb(245.4, 245.4, 245.4);
  --tmp-tertiary-lighten-3: rgb(245.6, 245.6, 245.6);
  --tmp-tertiary-lighten-4: rgb(245.8, 245.8, 245.8);
  --tmp-tertiary-lighten-5: #f6f6f6;
  --tmp-tertiary-lighten-6: rgb(246.2, 246.2, 246.2);
  --tmp-tertiary-lighten-7: rgb(246.4, 246.4, 246.4);
  --tmp-tertiary-lighten-8: rgb(246.6, 246.6, 246.6);
  --tmp-tertiary-lighten-9: rgb(246.8, 246.8, 246.8);
  --tmp-tertiary-lighten-10: #f7f7f7;
  --tmp-tertiary-lighten-11: rgb(247.2, 247.2, 247.2);
  --tmp-tertiary-lighten-12: rgb(247.4, 247.4, 247.4);
  --tmp-tertiary-lighten-13: rgb(247.6, 247.6, 247.6);
  --tmp-tertiary-lighten-14: rgb(247.8, 247.8, 247.8);
  --tmp-tertiary-lighten-15: #f8f8f8;
  font: 14px/1.5 Inter;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: Inter;
  scrollbar-width: thin;
}

body {
  background-color: var(--tmp-white);
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #b5b4b4;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #989898;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.tmp-btn {
  height: 40px;
  border: 1px solid transparent;
  outline: 0;
  font-weight: 600;
  padding: 0 30px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: ease 0.3s;
  font-size: 13px;
  min-width: 120px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.tmp-btn.primary {
  background-color: var(--tmp-primary);
  color: var(--tmp-white);
}
.tmp-btn.primary:hover {
  background-color: var(--tmp-primary-darken-5);
}
.tmp-btn.black {
  background-color: var(--tmp-black);
  color: var(--tmp-white);
}
.tmp-btn.outline-primary {
  background-color: transparent;
  color: var(--tmp-primary);
  border: 1px solid var(--tmp-primary);
}
.tmp-btn.outline-primary:hover {
  background-color: var(--tmp-primary);
  color: var(--tmp-white);
}
.tmp-btn.outline-white {
  background-color: transparent;
  color: var(--tmp-white);
  border: 1px solid var(--tmp-white);
}
.tmp-btn.outline-white:hover {
  background-color: var(--tmp-black);
  border-color: var(--tmp-black);
}
.tmp-btn.full-width {
  width: 100%;
}

.tmp-input {
  display: block;
  width: 100%;
  height: 45px;
  border: 0;
  outline: 0;
  border-radius: 6px;
  padding: 12px 15px;
  transition: ease 0.3s;
  background-color: var(--tmp-white);
  font-size: 13px;
  border: 1px solid rgb(220, 220, 220);
}
.tmp-input:focus:not(.tmp-input:disabled) {
  border-color: var(--tmp-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--tmp-primary-rgb), 0.15);
}
.tmp-input::-moz-placeholder {
  color: rgba(150, 150, 150, 0.7);
}
.tmp-input::placeholder {
  color: rgba(150, 150, 150, 0.7);
}
.tmp-input.textarea {
  height: auto;
  resize: none;
}

.nav-section {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--tmp-white);
  background: linear-gradient(63deg, rgb(65, 66, 244) 0%, rgb(90, 183, 249) 67%, rgb(145, 109, 245) 93%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.tmp-navbar {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}
.tmp-navbar .logo-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tmp-navbar .logo-container .logo {
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tmp-navbar .logo-container .brand-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--tmp-secondary);
}
.tmp-navbar .menu-container {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  height: 100%;
}
.tmp-navbar .menu-container .toggle-btn {
  height: 20px;
  width: 25px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  display: none;
  position: relative;
  z-index: 101;
}
@media (max-width: 768px) {
  .tmp-navbar .menu-container .toggle-btn {
    display: flex;
  }
}
.tmp-navbar .menu-container .toggle-btn .bar {
  height: 3px;
  width: 100%;
  background-color: var(--tmp-secondary);
  border-radius: 3px;
  transition: all 0.3s ease;
}
.tmp-navbar .menu-container .toggle-btn.active .bar:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.tmp-navbar .menu-container .toggle-btn.active .bar:nth-child(2) {
  opacity: 0;
}
.tmp-navbar .menu-container .toggle-btn.active .bar:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}
.tmp-navbar .menu-container .menu-content {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .tmp-navbar .menu-container .menu-content {
    display: none;
    position: fixed;
    top: 70px;
    right: -100%;
    width: 250px;
    height: calc(100vh - 70px);
    background-color: var(--tmp-white);
    flex-direction: column;
    border-radius: 0;
    box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    transition: right 0.3s ease;
    z-index: 100;
  }
  .tmp-navbar .menu-container .menu-content.active {
    display: flex;
    right: 0;
  }
}
.tmp-navbar .menu-container .menu-content .nav-list {
  display: flex;
  gap: 5px;
}
@media (max-width: 768px) {
  .tmp-navbar .menu-container .menu-content .nav-list {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }
  .tmp-navbar .menu-container .menu-content .nav-list .nav-item {
    color: var(--tmp-primary) !important;
  }
}
.tmp-navbar .menu-container .menu-content .nav-list .nav-item {
  color: var(--tmp-white);
  padding: 8px 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: ease 0.3s;
}
@media (max-width: 768px) {
  .tmp-navbar .menu-container .menu-content .nav-list .nav-item {
    padding: 15px 20px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 15px;
  }
}
.tmp-navbar .menu-container .menu-content .nav-list .nav-item:hover {
  color: var(--tmp-primary);
}

.tmp-header {
  position: relative;
}
.tmp-header .header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tmp-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(63deg, rgb(65, 66, 244) 49%, rgba(255, 255, 255, 0.25) 73%);
  opacity: 0.8;
  pointer-events: none;
}
.tmp-header .header-grid {
  max-width: 1368px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
  padding: 60px 20px;
  position: relative;
}
@media (min-width: 769px) {
  .tmp-header .header-grid {
    padding: 100px 50px;
  }
}
.tmp-header .header-grid .left-content {
  max-width: 604px;
  z-index: 1;
}
.tmp-header .header-grid .left-content #headerTitle {
  font-size: 40px;
  line-height: 1.2;
  color: var(--tmp-white);
  margin-bottom: 20px;
  max-width: 400px;
}
@media (min-width: 769px) {
  .tmp-header .header-grid .left-content #headerTitle {
    font-size: 50px;
  }
}
.tmp-header .header-grid .left-content #headerInfo {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
  font-size: 15px;
}
.tmp-header .header-grid .left-content .btn-container {
  display: flex;
  gap: 15px;
}

.sec-name {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--tmp-secondary);
}

.tmp-about-us {
  max-width: 1368px;
  margin: 0 auto;
  padding: 20px;
}
@media (min-width: 751px) {
  .tmp-about-us {
    padding: 50px 100px;
  }
}
.tmp-about-us .about-info {
  color: rgba(13, 8, 44, 0.6);
  margin-bottom: 20px;
}
.tmp-about-us .about-us-img {
  max-width: 100%;
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
@media (min-width: 751px) {
  .tmp-about-us .about-us-img {
    max-height: 354px;
  }
}

.tmp-projects {
  padding: 60px 20px;
  background: conic-gradient(from 180deg at 69.58% 44.09%, #F5AC76 0deg, #FECB7F 360deg);
}
@media (min-width: 769px) {
  .tmp-projects {
    padding: 80px 50px;
  }
}
.tmp-projects .project-container {
  max-width: 1368px;
  margin: 0 auto;
}
.tmp-projects .project-container .service-info {
  margin-top: 25px;
  color: rgba(13, 8, 44, 0.6);
}
.tmp-projects .project-container .work-container {
  max-width: 1368px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}
@media (min-width: 576px) {
  .tmp-projects .project-container .work-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .tmp-projects .project-container .work-container {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.tmp-projects .project-container .work-container .work-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 350px;
}
.tmp-projects .project-container .work-container .work-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tmp-projects .project-container .work-container .work-card .work-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
  padding: 25px 20px;
  text-align: left;
}
.tmp-projects .project-container .work-container .work-card .work-overlay .work-title {
  font-size: 14px;
}
.tmp-projects .project-container .work-container .work-card .work-overlay .work-location {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 700;
}

.tmp-team {
  padding: 60px 20px;
  background-color: var(--tmp-white);
}
@media (min-width: 769px) {
  .tmp-team {
    padding: 80px 50px;
  }
}
.tmp-team .team-inner {
  max-width: 1368px;
  margin: 0 auto;
}
.tmp-team .team-inner .team-subtitle {
  color: rgba(60, 60, 60, 0.7);
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 1.7;
  max-width: 900px;
}
.tmp-team .team-inner .team-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.tmp-team .team-inner .team-container .team-card {
  background-color: var(--tmp-white);
  border-radius: 10px;
  overflow: hidden;
  transition: ease 0.3s;
  min-width: 300px;
  position: relative;
}
.tmp-team .team-inner .team-container .team-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.tmp-team .team-inner .team-container .team-card img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.tmp-team .team-inner .team-container .team-card .team-info-box {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
  padding: 20px 20px;
  text-align: left;
}
.tmp-team .team-inner .team-container .team-card .team-info-box .team-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--tmp-secondary);
  margin-bottom: 5px;
}
.tmp-team .team-inner .team-container .team-card .team-info-box .team-role {
  font-size: 13px;
  color: rgba(60, 60, 60, 0.7);
}

.tmp-contact-us {
  max-width: 1368px;
  margin: 0 auto;
  background: linear-gradient(101.47deg, #FFFFFF -3.49%, #4142F4 114.9%);
  padding: 20px;
}
@media (min-width: 751px) {
  .tmp-contact-us {
    padding: 50px 100px;
  }
}
.tmp-contact-us .motto {
  font-size: 30px;
  font-weight: 700;
}
.tmp-contact-us .contact-info {
  color: rgb(37, 43, 66);
  margin-top: 15px;
  letter-spacing: 1px;
  max-width: 70%;
}
.tmp-contact-us .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px 20px;
}
@media (min-width: 1001px) {
  .tmp-contact-us .grid-container {
    grid-template-columns: 45% 55%;
  }
}
.tmp-contact-us .grid-container .left-grid .address-container {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tmp-contact-us .grid-container .left-grid .address-container .add-row {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 10px;
}
.tmp-contact-us .grid-container .left-grid .address-container .add-row .label {
  font-weight: 600;
}
.tmp-contact-us .grid-container .right-grid .message-container {
  background-color: var(--tmp-white);
  border-radius: 10px;
  padding: 15px;
}
@media (min-width: 751px) {
  .tmp-contact-us .grid-container .right-grid .message-container {
    padding: 25px;
  }
}
.tmp-contact-us .grid-container .right-grid .message-container .sec-name {
  margin-bottom: 20px;
}
.tmp-contact-us .grid-container .right-grid .message-container .form-w .form-grid {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.tmp-contact-us .grid-container .right-grid .message-container .form-w .form-grid .w-50 {
  width: 100%;
}
@media (min-width: 751px) {
  .tmp-contact-us .grid-container .right-grid .message-container .form-w .form-grid .w-50 {
    width: calc(50% - 6px);
  }
}
.tmp-contact-us .grid-container .right-grid .message-container .form-w .btn-container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.tmp-contact-us .grid-container .right-grid .message-container .form-w .btn-container .send-btn {
  background-color: var(--tmp-black);
  color: var(--tmp-white);
  border-radius: 6px;
}

.tmp-map {
  padding: 0;
  background-color: var(--tmp-tertiary);
}
.tmp-map .map-container {
  max-width: 1368px;
  margin: 0 auto;
  position: relative;
}
.tmp-map .map-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(var(--tmp-primary-rgb), 0.2), rgba(var(--tmp-primary-rgb), 0.2));
  pointer-events: none;
}
.tmp-map .map-container img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.tmp-footer {
  background: linear-gradient(278.12deg, #4141F4 -82.87%, #FFFFFF 73.38%);
  padding: 20px;
}
.tmp-footer .footer-content {
  max-width: 1368px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.tmp-footer .footer-content .footer-text {
  color: var(--tmp-secondary);
  font-size: 13px;
}
.tmp-footer .footer-content .social-icons {
  display: flex;
  gap: 15px;
}
.tmp-footer .footer-content .social-icons a {
  color: var(--tmp-secondary);
  font-size: 18px;
  transition: ease 0.3s;
}
.tmp-footer .footer-content .social-icons a:hover {
  color: var(--tmp-primary);
}/*# sourceMappingURL=index.css.map */