/* HEADER */
.header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #edf2ff;
  height: 16.6rem;
  padding: 0 4.8rem;
  position: relative;
}
.logo {
  height: 14.2rem;
  width: 100%;
}
.logo:hover,
.logo:active {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}
.hidden {
  display: none;
}

#progress {
  z-index: 1000;
  position: fixed;
  bottom: 20px;
  right: 10px;
  height: 70px;
  width: 70px;
  display: none;
  place-items: center;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
#progress-value {
  display: block;
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 35px;
  color: #001a2e;
}
/* NAVIGATION */
.main-nav {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
}
.main-nav-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2.2rem;
  margin-left: 13rem;
}
.main-nav-link:link,
.main-nav-link:visited {
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  font-size: 1.8rem;
  transition: all 0.9s;
}
.main-nav-link:hover,
.main-nav-link:active {
  color: #3533cd;
}
.main-nav-link.nav-cta:link,
.main-nav-link.nav-cta:visited {
  padding: 1.2rem 2.4rem;
  border-radius: 9px;
  color: #fff;
  background-image: linear-gradient(180deg, #000000, #3533cd);
}
.main-nav-link.nav-cta:hover,
.main-nav-link.nav-cta:active {
  background-color: #339af0;
}
.language-selector {
  position: relative;
  display: inline-block;
  width: 41px; /* İsteğe bağlı genişlik */
}
.lang-select {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%; /* Tüm genişliği kaplar */
}
#language-options {
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  z-index: 1000;
  margin-top: 5px;
  display: none;
}
#language-options li {
  list-style: none;
  padding: 5px;
}
.lang-ico {
  width: 3rem; /* Genişlik */
  height: 3rem; /* Yükseklik */
  display: inline-block; /* Resimlerin düzgün görünmesi için */
}
.contact {
  padding: 1.2rem 2.4rem;
  border-radius: 9px;
  font-size: 2.4rem;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-image: linear-gradient(180deg, #000000, #3533cd);
}
.contact:hover,
.contact:active {
  transform: scale(1.1);
  color: gold;
  transition: transform 0.6s ease-in-out;
}
/* MOBILE */
.btn-mobile-nav {
  border: none;
  background: none;
  cursor: pointer;
  display: none;
}
.icon-mobile-nav {
  height: 6rem;
  width: 6rem;
  color: #333;
  position: relative;
  padding-top: 0%;
  margin-left: 0%;
}
.icon-mobile-nav[name="close-outline"] {
  display: none;
}
/* sticky NAVIGATION */
.sticky .header {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 10rem;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0.91);
  z-index: 999;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.03);
}
.sticky .section-hero {
  margin-top: 9.6rem;
}
.sticky .logo {
  height: 10rem;
}
/* SECTİON 1 */
.section-hero {
  height: 70rem;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: #edf2ff;
}
.hero {
  position: absolute;
  margin: 0 auto;
  left: 6.7%;
  right: 6.7%;
  height: 70rem;
  overflow: hidden;
  background: #333;
  border-radius: 9px;
}
.hero video {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, 0%);
  object-fit: cover;
}
.content-text {
  z-index: 10;
  font-size: 3.8rem;
  height: 70rem;
  width: 100%;
  background-color: #252474;
  color: gold;
  margin-top: 0rem;
  opacity: 0.7;
  text-decoration: none;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.content-text:hover {
  opacity: 1;
}
/* SECTION 2 */
.section-hero2 {
  padding-top: 9%;
  padding-bottom: 9%;
  background-color: #edf2ff;
  align-items: center;
  display: flex;
}
.gallery-items {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3%;
  left: 6.7%;
  right: 6.7%;
  height: 26rem;
  border-radius: 9px;
  /* overflow: hidden; özelliğini kaldırdık */
}

.gallery-item {
  position: relative;
  border-radius: 9px;
  transition: transform 0.8s ease;
  transform-origin: center; /* Ortaya göre büyütme yapılır */
}

.gallery-item:hover {
  transform: scale(1.1); /* Boyutları büyütme */
}

.gallery-item img {
  width: 100%;
  height: 100%; /* Görselin yüksekliğini kapsayıcıya göre ayarlar */
  position: absolute;
  display: inline-block;
  border-radius: 9px;
}

.s2-contenct {
  text-decoration: none;
  border-radius: 9px;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #252474;
  font-size: 1.8rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 7%;
  opacity: 0.6;
  text-align: center;
  transition: opacity 0.7s;
}

.s2-contenct:hover {
  opacity: 0.4;
}

.s2-contenct h1 {
  text-align: center;
  color: gold;
  font-size: 2.5rem;
}
/* SECTION 3 */

.section-3 {
  color: #fff;
  background: #edf2ff;
}

.sc-dv {
  position: relative;
}

.tt {
  height: 50rem;
  position: relative;
  background-image: url("../img/large-tsu.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.logo2 {
  height: 6rem;
  top: 3%;
  left: 97%;
  position: relative;
}
/**************************/
/* SECTION 5 */
/**************************/

.section-5 {
  padding-top: 6%;
  grid-template-columns: repeat(1fr);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #edf2ff;
}
/* Services head yüksekliği */
.services-head {
  height: 5rem; /* Yükseklik ayarlandı */
  text-align: center;
  color: #3533cd;
  font-size: 5rem;
  z-index: 10;
  text-shadow: 5px 5px 5px #fff;
}
.slider {
  position: relative;
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
  height: 120rem; /* Yükseklik ayarlandı */
  animation: rotate 40s linear infinite; /* Dönme animasyonu */
  padding-bottom: 5%;
}
.slider-item {
  position: absolute;
  width: 28rem;
  height: 28rem;
  border-radius: 50%;
  background-image: linear-gradient(180deg, #000000, #3533cd);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  transition: transform 15 s ease-in-out;
  box-shadow: 0 0 10px #fff;
  cursor: pointer;
  z-index: 10;
}
.slider-item p {
  top: -50%;
  padding: 3%;
  font-size: 2rem;
}

#slider-1 {
  width: 25rem;
  height: 25rem;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-image: linear-gradient(180deg, #000000, #3533cd);
}
.slider-item {
  transition: transform 0.3s ease; /* Geçiş efekti ekle */
}
#circle-text {
  font-size: 2.4rem;
  color: gold;
  position: relative;
  top: 0%;
  left: 0%;
}
/* Dairesel yerleşim */
.slider-item:nth-child(2) {
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-item:nth-child(3) {
  top: 45%;
  left: 62%;
  transform: translate(-50%, -50%);
}
.slider-item:nth-child(4) {
  top: 74%;
  left: 59%;
  transform: translate(-50%, -50%);
}
.slider-item:nth-child(5) {
  top: 76%;
  left: 43%;
  transform: translate(-50%, -50%);
}
.slider-item:nth-child(6) {
  top: 46%;
  left: 38%;
  transform: translate(-50%, -50%);
}
/* Dönme animasyon */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dairelerin içindeki yazının okunabilir olmasını sağlar */
@keyframes reverse-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.slider-item h2,
.slider-item p {
  animation: reverse-rotate 40s linear infinite;
}
#slider-1:hover {
  animation-play-state: paused; /* Animasyonu durdur */
  background-image: linear-gradient(180deg, #83838d, #0905fd);
  transition: background-image 0.5s ease;
}
/* Üzerine gelince animasyon duracak */
.slider-item:hover {
  animation-play-state: paused; /* Animasyonu durdur */
  background-image: linear-gradient(180deg, #83838d, #0905fd);
  transition: background-image 0.5s ease;
}
/* SECTION 6 */
.section6-cont {
  background-color: #edf2ff;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  padding-top: 5%;
  padding-left: 2%;
  padding-right: 2%;
}
.s6-head-text {
  height: 5rem;
  color: #3533cd;
  text-align: center;
  font-size: 5rem;
}
.section6 {
  margin-top: 1.5%;
  margin-bottom: 6.2%;
  background-color: #edf2ff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
.section6-right {
  display: grid;
}
.section6-left {
  display: grid;
}
.grid-m {
  grid-template-columns: repeat(1, 2fr);
  display: grid;
  padding: 5rem;
  gap: 3rem;
}
.grid-gallery {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  padding: 5rem;
  gap: 3rem;
}
.s6-gallery-item {
  overflow: hidden;
}
.right-gallery img,
.left-gallery img {
  align-content: start;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
.section6 img:hover {
  transform: scale(1.1);
  cursor: pointer;
}
.section6 h1 {
  text-align: center;
}
.right-text h1,
.left-text h1 {
  color: #3533cd;
}
.right-text {
  height: 55rem;
  color: #333;
  font-size: 3rem;
  text-align: justify;
}
.right-gallery {
  height: 55rem;
}
.left-gallery {
  height: 55rem;
}
.left-text {
  height: 55rem;
  color: #333;
  font-size: 3rem;
  text-align: justify;
}
/* Tam ekran css kodları */
.modal {
  display: none; /* Varsayılan olarak gizli */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  overflow: hidden; /* İçeriği taşırmamak için */
  touch-action: pan-y; /* Yalnızca dikey kaydırma etkin */
}
.fullscreen-image {
  max-width: 90%;
  max-height: 90%;
  transition: opacity 0.3s ease-in-out; /* Geçiş efekti */
}
.nav-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nav-buttons button {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 24px;
}
.scroll-item {
  margin: 50px 0; /* Öğeler arasında boşluk bırak */
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.close-button {
  position: absolute;
  top: 1%;
  width: 2%;
  left: 97.5%;
  display: flex;
  justify-content: center;
  padding: 0px;
  cursor: pointer;
  font-size: 48px;
  height: 55px;
}
.content {
  opacity: 0; /* Başlangıçta görünmez */
  transform: translateY(20px); /* Aşağıda başlangıç */
  transition: opacity 0.5s ease, transform 0.5s ease; /* Geçiş efektleri */
}
.content.visible {
  opacity: 1; /* Görünür hale gelir */
  transform: translateY(0); /* Normal konumuna döner */
}
/* VIDEO-SLIDER */
.video-slider {
  display: grid;
  align-items: center;
  background-image: linear-gradient(180deg, #000000, #3533cd);
}
.container {
  display: grid;
  position: relative;
  grid-template-columns: 1fr;
}
.video-header {
  color: gold;
  height: 15rem;
  text-align: center;
  padding-top: 5rem;
  font-size: 5.2rem;
}
.row {
  height: 70rem;
  display: grid;
  grid-template-columns: 1fr;
  padding-left: 30%;
  padding-right: 30%;
  position: relative;
}
.pagebutton {
  height: 8rem;
  margin: auto;
  display: flex; /* Flexbox kullanarak içeriği hizalar */
  justify-content: center; /* Ortalamak için */
  align-items: center; /* Dikey ortalamak için */
  position: relative;
  margin-top: 1%; /* Üst boşluk ekleyin */
}
.youtube_video {
  background-color: #000;
  height: 60rem;
  position: relative;
}
.youtube_video iframe {
  width: 100%;
  height: 100%;
}
.details {
  text-align: center;
}
.details span {
  font-size: 1.6rem;
  font-family: sans-serif;
}
.details p {
  font-size: 4rem;
  font-family: "Arvo";
}
.gallery {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 6.7%;
  padding-left: 6.7%;
  height: 30rem;
}
.item1 {
  width: calc(78% / 5);
  position: relative;
  opacity: 0.5; /* Tüm öğeleri başlangıçta daha şeffaf göster */
}
.item1 img {
  width: 100%;
  height: 100%;
  display: block;
}
.youtube_icon {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.youtube_icon:hover {
  background-color: rgba(0, 0, 0, 0);
}
.youtube_icon.active {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 20px white; /* Beyaz gölge efekti */
}
.youtube_icon.active img {
  opacity: 0;
}
.youtube_icon img {
  width: 50px;
}
#next1,
#prev1 {
  margin: auto;
  position: absolute;
  top: 32%; /* Dikey konum */
  color: #fff;
  background-color: transparent;
  border: none;
  font-size: 30px; /* Boyut ayarı */
  cursor: pointer;
}
#prev1 {
  right: 100%;
}
#next1 {
  left: 100%;
}
#next1:hover,
#prev1:hover {
  color: #e0ca66; /* Hover durumunda arka plan rengi değişimi */
  transition: all 0.3s ease-in-out;
}
.pagination {
  display: flex; /* Flexbox ile yan yana dizilim */
  justify-content: center; /* Ortalamak için */
  /* Üst boşluk */
  visibility: visible; /* Sayfa butonlarının görünmesini sağlar */
}

.pagination .page {
  margin: 0 5px; /* Her sayfa butonunun arasında boşluk */
}
.pagination button {
  background-color: #fff; /* Buton arka plan rengi */
  color: #3533cd; /* Buton yazı rengi */
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 9px; /* Buton köşelerini yuvarlamak için */
}
.pagination button:hover {
  background-color: #e0ca66; /* Hover durumunda arka plan rengi değişimi */
  transition: all 0.7s ease-in-out;
  border-radius: 9px;
}
.pagination .page.active button {
  background-color: #e0ca66; /* Seçili butonun arka plan rengi */
  color: white; /* Seçili butonun yazı rengi */
}
/* ABOUT-US */
.about-us {
  padding: 30%;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: #edf2ff;
}
.about-main {
  position: absolute;
  left: 6.7%;
  right: 6.7%;
  height: 70rem;
  overflow: hidden;
  background-image: linear-gradient(180deg, #000000, #3533cd);
  border-radius: 9px;
  grid-template-columns: 25fr 75fr;
  display: grid;
}
.about-img {
  border-radius: 9px;
}
.about-img img {
  align-content: start;
  display: block;
  width: 100%;
  height: 100%;
}
.about-text h1 {
  text-align: center;
  font-size: 5rem;
  color: gold;
}
.about-text {
  font-size: 2.6rem;
  text-align: justify;
  color: #fff;
  padding: 4rem 10rem 0 10rem;
}
/* FOOTER MAIN */
.footer {
  height: 35rem;
}
.footer-back {
  height: 35rem;
  overflow: hidden;
  position: relative;
  background-image: linear-gradient(180deg, #000000af, #3533cd),
    url("../img/main-them2.webp");
  background-size: cover;
  background-position: center;
}
.fback-im1 {
  align-items: first baseline;
  position: relative;
}
.footer-contenct {
  grid-template-columns: repeat(1, 5fr);
  text-decoration: none;
  z-index: 1;
  height: 35rem;
  display: grid;
  font-size: 2.1rem;
  color: #fff;
  opacity: 0.8;
}
.footer-grid {
  display: grid;
  width: 48%;
  margin: auto;
  height: 11rem;
  grid-template-columns: 25fr 70fr;
}
.fback-im1 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 35rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.logo-col {
  display: grid;
  height: 11rem;
  position: relative;
  width: 130px;
}
.footer-logo {
  height: 11rem;
  position: relative;
  display: block;
  width: 130px;
}
.footer-logo img {
  height: 13rem;
  position: relative;
  bottom: 4%;
}
.nav-col {
  list-style: none;
  display: flex;
  height: 11rem;
  color: #fff;
  padding-top: 2%;
}
.footer-nav {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 9rem;
  height: 11rem;
  color: #fff;
  padding: 5% 0rem 0rem 5%;
}
.footer-heading {
  font-size: 2.1rem;
  padding-bottom: 3%;
}
.br-space {
  text-align: center;
  position: relative;
  color: #fff;
  height: 1rem;
  display: grid;
  align-items: center;
  font-size: 1rem;
  margin: auto;
  width: 60%;
}
.address-col {
  display: grid;
  height: 15rem;
  font-size: 1.6rem;
  width: 60%;
  grid-template-columns: 25fr 25fr 25fr 21fr;
  align-items: center;
  margin: auto;
  gap: 12%;
}
.addres-cont1 {
  height: 15rem;
  padding-left: 5%;
  padding-top: 2%;
}
.addres-cont2 {
  height: 15rem;
  padding-top: 2%;
  padding-left: 20%;
}
.addres-cont3 {
  height: 15rem;
  padding-top: 2%;
  padding-left: 15%;
}
.footer-link {
  color: #fff;
  text-decoration: none;
}
.social-links {
  padding-left: 0%;
  padding-top: 2%;
  list-style: none;
  display: flex;
  gap: 2.4rem;
  color: #fff;
  height: 15rem;
}
.social-icon {
  height: 3rem;
  width: 3rem;
  color: #fff;
}
/* FOOTER-2 */
.copyright {
  height: 2rem;
  text-align: center;
  font-size: 2rem;
  color: gold;
  align-items: center;
}
.privaciy {
  margin: auto;
}
.privaciy1 {
  gap: 2rem;
  list-style: none;

  display: flex;
  align-items: center;
}
.policy {
  text-decoration: none;
  height: 2rem;
  font-size: 1.5rem;
  color: #fff;
}
/* Popup arka plan */
.popup-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 100000; /* Popup'un ön planda görünmesini sağlar */
}
/* Popup pencere stili */
.popup-content {
  background-color: #fff;
  padding: 20px;
  width: 500px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #333;
}
.popup-content h2 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.cta-form-main {
  grid-template-columns: repeat(1fr);
  gap: 10.2rem;
  row-gap: 1.4rem;
  display: grid;
}
.close-btn {
  float: right;
  font-size: 20px;
  cursor: pointer;
  left: 90%;
}
form input,
form textarea {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.main-button {
  padding: 10px 20px;
  background-image: linear-gradient(180deg, #000000, #3533cd);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 3 3px 3px rgba(209, 207, 207, 0.1);
}
.main-button:hover {
  color: gold;
  transition: 0.9s;
}
.logo-cont {
  height: 10rem;
}
.section-cta {
  /* top / right / bottom / left */
  /* padding: 9.6rem 0 12.8rem 0; */

  /* top / horizontal / left */
  padding: 4.8rem 0 30rem;
  background-color: #edf2ff;
}
.container2 {
  max-width: 120rem;
  padding: 0 0rem;
  margin: 0 auto;
  border-radius: 9px;
  background-image: linear-gradient(
      to right bottom,
      rgba(0, 0, 0, 0.1),
      rgba(53, 51, 205, 1)
    ),
    url("../img/main-them5.webp");
  background-size: cover;
  background-position: center;
}
.cta {
  display: grid;
  /* 2/3 = 66.6% + 1/3 = 33.3% */
  /* background-color: #e67e22; */
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  color: #333;
  overflow: hidden;
  grid-template-columns: 70fr 30fr;
}
.cta-text-box {
  padding: 4.8rem 6.4rem 6.4rem 6.4rem;
  color: #fff;
}
.cta .heading-secondary {
  /* color: #45260a; */
  color: inherit;
  margin-bottom: 3.2rem;
  color: gold;
  font-size: 2.4rem;
}
.cta-text {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 4.8rem;
}
.cta-form-cont {
  color: #333;
  display: grid;
  grid-template-columns: repeat(1fr);
  gap: 6.2rem;
  row-gap: 3.4rem;
  width: 50%;
}
.form-sec {
  display: grid;
  grid-template-columns: repeat(1fr);
  row-gap: 3.4rem;
  padding: 4rem;
  border-radius: 11px;
  margin: auto;
}
.contact-info {
  opacity: none;
  display: grid;
  grid-template-columns: repeat(1fr);
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 11px;
  opacity: 0.7;
  padding: 1rem;
  row-gap: 1.4rem;
  background-color: #fdf2e9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  gap: 1rem;
}
.cta-form {
  color: #333;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6.2rem;
  row-gap: 3.4rem;
}
.cta-form label {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.2rem;
  color: #fff;
}
.cta-form input,
.cta-form select {
  width: 100%;
  padding: 1.2rem;
  font-size: 1.8rem;
  font-family: inherit;
  color: inherit;
  border: none;
  background-color: #fdf2e9;
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.cta-form input::placeholder {
  color: #aaa;
}
.cta *:focus {
  outline: none;
  box-shadow: 0 0 0 0.8rem rgba(253, 242, 233, 0.5);
}
.btn--form {
  background-color: #dfdede;
  color: #5e5d5d;
  align-items: center;
  padding: 1.2rem;
  cursor: pointer;
  border-radius: 9px;
  width: 100%;
  align-items: center;
  font-size: 1.4rem;
  grid-column: 3/1;
}
.btn--form:hover {
  background-color: gold;
  color: #555;
}
.title {
  font-size: 2.4rem;
}
.phone-txt {
  text-decoration: none;
}
.contact-icon {
  text-align: center;
}
.footer-hoover:hover {
  color: gold;
  list-style: none;
}
address {
  font-style: normal;
}
.phone-number {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.contacts {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}