@font-face {
  font-family: "FTN_demi";
  src: url("FTN65.eot");
  src: local("?"), url("../fonts/FTN65.woff") format("woff"), url("FTN65.ttf") format("truetype"), url("FTN65.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  list-style: none !important;
  text-decoration: none !important;
  box-sizing: border-box;
  font-family: "FTN_demi", sans-serif;
}
/*Header*/
#heads {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index:9999;
  color:white;
}
.desktop .color{
    color:white;
}

.header {
  transition: all 0.3s ease;
}

#head2 {
  display: none;
}

#heads.hide {
  display: none;
}

#head2.show {
  display: block;
  position: fixed;
  width: 100%;
  z-index: 99999;
  background-color: white;
      box-shadow: 0 0 10px gray;
}

.head_boxes {
  display: flex;
}
@media (min-width: 300px) {
  .head_boxes {
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}

.h_logo {
  width: 110px;
  padding: 10px 0;
}
.h_logo img {
  width: 100%;
}

@media (min-width: 300px) {
  .desktop {
    display: none;
  }
}
@media (min-width: 1200px) {
  .desktop {
    display: block;
    display: flex;
    -moz-column-gap: 22px;
         column-gap: 22px;
    align-items: center;
  }
}
.desktop a {
  color: black;
}
.desktop{
    padding:0;
    margin:0;
}

.tur_boxes {
  position: relative;
}

.turbox {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  background-color: #eee;
  z-index: 1;
  min-width: 160px;
  border-radius: 7px;
  transition: 0.4s;
  padding: 0;
}
.turbox li {
  padding: 10px 20px;
}

.xarici_title {
  position: relative;
  width: 100%;
}

.xarici_box {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: #eee;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: -47px;
  left: 100%;
  transition: 0.4s;
  border-radius: 7px;
}

.tur_boxes:hover .turbox {
  opacity: 1;
  visibility: visible;
}

.xarici:hover .xarici_box {
  opacity: 1;
  visibility: visible;
}

.turbox li:hover {
  background-color: #d3d3d3;
}

@media (min-width: 300px) {
  .pc {
    display: none;
  }
}
@media (min-width: 992px) {
  .pc {
    display: block;
    border: 1px solid transparent;
    color: white;
    background: #0B4C84;
    border-radius: 30px;
    transition:.4s;
    padding: 10px;
    animation: heartbeatGlow 1.2s infinite;
  }
}
.pc:hover{
    background-color:white;
    color:#0B4C84;
    border:1px solid #0B4C84;
}
@keyframes heartbeatGlow {
  0% {
    box-shadow: rgb(11, 76, 132) 0px 0px 0px 0.0139775px;
  }
  50% {
    box-shadow: rgba(11, 76, 132, 0.184) 0px 0px 0px 13.93px;
  }
  75% {
    box-shadow: rgba(11, 76, 132, 0.286) 0px 0px 0px 12.8486px;
  }
  100% {
    box-shadow: rgba(11, 76, 132, 0.004) 0px 0px 0px 17.9293px;
  }
}
@media (min-width: 300px) {
  .mobil-menu {
    display: block;
    padding: 0;
    position: absolute;
    right: 0;
    transform: translatex(130px);
  }
}
@media (min-width: 992px) {
  .mobil-menu {
    display: none;
  }
}
.mobil-menu .mobil {
  padding: 0;
  margin-bottom: 0;
}

.contact_boxes {
  display: flex;
}
@media (min-width: 300px) {
  .contact_boxes {
    align-items: center;
    justify-content: end;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

.l_icon {
  position: relative;
}

.language {
  padding: 0;
  margin: 0;
}
.language img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 5px;
}
.language li {
  list-style: none;
  padding: 6px 11px 6px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}

.lang_btn {
  border-radius: 10px;
  position: absolute;
  background-color: white;
  overflow: hidden;
  z-index: 777;
  opacity: 0;
  visibility: hidden;
  z-index: 25;
  height: 0;
  transition: 0.5s;
}
@media (min-width: 300px) {
  .lang_btn {
    top: 20px;
    left: -25px;
  }
}

.lang_btn.dil {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  height: 108px;
}

.hamb {
  font-size: 25px;
}
@media (min-width: 300px) {
  .hamb {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hamb {
    display: none;
  }
}

.number {
  color: white;
}
.number2{
    color:black;
}

.mobil-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #0B4C84;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  z-index: 26;
}

.mobil-menu.active {
  transform: translateY(0);
}

.mobil {
  text-align: center;
}
.mobil li {
  font-size: 28px;
  color: white;
}
.mobil li a {
  color: white;
}

.mobil_boxes .mobilbox {
  padding: 0;
}

.mobilbox {
  display: none;
}

.mobilbox.ac {
  display: block;
}

.fa-chevron-down {
  transition: 0.4s;
}

.fa-chevron-down.rotate {
  transform: rotate(180deg);
  transition: 0.4s;
}

.mobil_btn {
  color: #0b4c84;
  background: white;
  font-size: 20px;
  margin: auto;
  border-radius: 30px;
  padding: 9px 34px;
  outline: none;
  border: 1px solid transparent;
}

.exit_btn {
  color: white;
  text-align: right;
  font-size: 34px !important;
  cursor: pointer;
}
.exit_btn span {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

.fa-earth-europe.color {
  color: #0B4C84;
}

@media (min-width: 300px) {
  .mobil-menu2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0B4C84;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    z-index: 26;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .mobil-menu2 {
    display: none;
  }
}

.mobil-menu2.active2 {
  transform: translateY(0);
}

.mobil2 {
  text-align: center;
}
.mobil2 li {
  font-size: 28px;
  color: white;
}
.mobil2 li a {
  color: white;
}

.contact_boxes2 {
  display: flex;
}
@media (min-width: 300px) {
  .contact_boxes2 {
    align-items: center;
    justify-content: end;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

.l_icon2 {
  position: relative;
}

.language2 {
  padding: 0;
  margin: 0;
}
.language2 img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 5px;
}
.language2 li {
  list-style: none;
  padding: 6px 11px 6px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}

.lang_btn2 {
  border-radius: 10px;
  position: absolute;
  background-color: white;
  overflow: hidden;
  z-index: 777;
  opacity: 0;
  visibility: hidden;
  z-index: 25;
  height: 0;
  transition: 0.5s;
}
@media (min-width: 300px) {
  .lang_btn2 {
    top: 20px;
    left: -25px;
  }
}

.lang_btn2.dil2 {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  height: 108px;
}

.hamb2 {
  font-size: 25px;
}
@media (min-width: 300px) {
  .hamb2 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hamb2 {
    display: none;
  }
}

.mobil2 {
  padding: 0;
  margin-bottom: 0;
}

.mobil_boxes2 .mobilbox2 {
  padding: 0;
}

.exit_btn2 {
  color: white;
  text-align: right;
  font-size: 34px !important;
  cursor: pointer;
}
.exit_btn2 span {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

.mobilbox2 {
  display: none;
}

.mobilbox2.ac2 {
  display: block;
}

#class2 {
  transition: 0.4s;
}

.class2.rotate2 {
  transform: rotate(180deg);
  transition: 0.4s;
}

body.no-scroll {
  overflow: hidden;
}

body.no-scroll2 {
  overflow: hidden;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
  background: #369ef9;
}
/* Main === Əsas swiper hissəsi*/
.esascontainer {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #f5f5f5;
  box-shadow: 0 30px 50px #dbdbdb;
}
@media (min-width: 300px) {
  .esascontainer {
    overflow: hidden;
  }
}

.esascontainer .slide .item {
  width: 200px;
  position: absolute;
  border-radius: 20px;
  box-shadow: 0 30px 50px #505050;
  background-position: 50% 50%;
  background-size: cover;
  display: inline-block;
  transition: 0.5s;
}
@media (min-width: 300px) {
  .esascontainer .slide .item {
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
    height: 200px;
  }
}
@media (min-width: 768px) {
  .esascontainer .slide .item {
    bottom: 0;
    left: 0;
    transform: translate(-50%, -50%);
  }
}

.slide .item:nth-child(1),
.slide .item:nth-child(2) {
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.slide .item:nth-child(3) {
  left: 50%;
}

.slide .item:nth-child(4) {
  left: calc(50% + 220px);
}

.slide .item:nth-child(5) {
  left: calc(50% + 440px);
}

/* here n = 0, 1, 2, 3,... */
.slide .item:nth-child(n+6) {
  left: calc(50% + 660px);
  opacity: 0;
}

.item .content {
  position: absolute;
  text-align: left;
  color: #eee;
  transform: translate(0, -50%);
  font-family: system-ui;
  display: none;
}
@media (min-width: 300px) {
  .item .content {
    left: 50px;
    top: 40%;
    width: 200px;
  }
}
@media (min-width: 992px) {
  .item .content {
    top: 50%;
    left: 100px;
    width: 300px;
  }
}

.slide .item:nth-child(2) .content {
  display: block;
  display: flex;
}
@media (min-width: 300px) {
  .slide .item:nth-child(2) .content {
    justify-content: center;
    flex-direction: column;
    margin: auto;
  }
}

.content .name {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0;
  animation: animate 1s ease-in-out 1 forwards;
}

.content .des {
  margin-top: 10px;
  margin-bottom: 20px;
  opacity: 0;
  animation: animate 1s ease-in-out 0.3s 1 forwards;
}

.content button {
  padding: 10px 20px;
  border: 1px solid white;
  cursor: pointer;
  background: transparent;
  color: white;
  opacity: 0;
  transition: 0.4s;
  animation: animate 1s ease-in-out 0.6s 1 forwards;
}
@media (min-width: 300px) {
  .content button {
    width: 150px;
    height: 50px;
  }
}

.content button:hover {
  background: white;
  color: black;
}

@keyframes animate {
  from {
    opacity: 0;
    transform: translate(0, 100px);
    filter: blur(33px);
  }
  to {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
  }
}
.button {
  width: 100%;
  text-align: center;
  position: absolute;
  display: flex;
}
@media (min-width: 300px) {
  .button {
    justify-content: space-between;
    align-items: center;
    bottom: 50px;
    transform: translateY(-300px);
  }
}
@media (min-width: 768px) {
  .button {
    justify-content: flex-start;
    bottom: 20px;
    left: 10px;
    transform: translateY(0);
  }
}

.button button {
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  background:transparent;
  margin: 0 5px;
  transition: 0.3s;
  padding: 10px;
}
.button i{
    color:white;
}
.button .prev:hover {
    background:white;
}
.button .next:hover {
    background:white;
}
.button .prev:hover i {
    color:black;
}
.button .next:hover i {
    color:black;
}
.button .next,.prev, i{
    transition:.7s;
}
/* Main === Tur kəşf edin hissəsi (Form) */
#discovery {
  padding: 50px 0;
  background: #0b4c84;
  position: relative;
}

@media (min-width: 300px) {
  .myContainer {
    padding: 50px 20px;
  }
}
@media (min-width: 992px) {
  .myContainer {
    padding: 50px 47px;
  }
}

.form_title {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.form_boxes {
  display: flex;
}
@media (min-width: 300px) {
  .form_boxes {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .form_boxes {
    flex-direction: row;
    justify-content: center;
  }
}

.first_input input {
  margin-bottom: 20px;
  height: 100%;
  background: #fff;
  border-radius: 0.5px;
  border: 0;
  display: block;
  width: 100%;
  outline: none;
}
@media (min-width: 300px) {
  .first_input input {
    padding: 5px 15px;
    font-size: 16px;
    height: 50px;
  }
}
@media (min-width: 768px) {
  .first_input input {
    font-size: 20px;
    width: 265px;
    margin-right: 24px;
    margin-bottom: 0;
  }
}

.input_boxes {
  display: flex;
}
@media (min-width: 300px) {
  .input_boxes {
    justify-content: center;
    gap: 30px;
  }
}
@media (min-width: 768px) {
  .input_boxes {
    gap: 0;
  }
}

.search {
  background: #4272d7;
  white-space: nowrap;
  border-radius: 0.5px;
  font-size: 20px;
  color: #fff;
  transition: all 0.2s ease-out, color 0.2s ease-out;
  border: 0;
  cursor: pointer;
  width: 100%;
}

#secimler {
  outline: none;
  padding: 2px;
  height: 68px;
  width: 100%;
  color: #9a9a9a;
}
@media (min-width: 300px) {
  #secimler {
    height: 50px;
  }
}
@media (min-width: 768px) {
  #secimler {
    width: 196px;
    margin-right: 24px;
  }
}

.search:hover {
  background-color: #2d62d3;
}
/* Main === Üstünlüklər hissəsi */
#ustun {
  background: white;
}
@media (min-width: 300px) {
  #ustun {
    padding: 50px 0 50px 0;
  }
}
@media (min-width: 992px) {
  #ustun {
    padding: 50px 0 50px 0;
  }
}

.ustun_boxes {
  display: grid;
}
@media (min-width: 300px) {
  .ustun_boxes {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .ustun_boxes {
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

.ustun_title {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 300px) {
  .ustun_title {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .ustun_title {
    margin-bottom: 30px;
  }
}

.ustun_img {
  border-radius: 20px;
  height: 320px;
  background: url(../img/ustun.gif) center;
  background-size: cover;
  position: absolute;
  background-position: center center;
  left: 50%;
  top: 45px;
  transform: translateX(-50%);
}
@media (min-width: 300px) {
  .ustun_img {
    position: relative;
    top: 0;
    width: 300px;
  }
}
@media (min-width: 992px) {
  .ustun_img {
    place-content: center;
    width: 300px;
    grid-area: 1/2/2/3;
  }
}

.ustun_left,
.ustun_right {
  position: relative;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 300px) {
  .ustun_left,
  .ustun_right {
    text-align: center;
    width: 300px;
  }
}

@media (min-width: 992px) {
  .ustun_left {
    text-align: left;
    width: 260px;
    grid-area: 1/1/2/2;
    transform: translateX(90px);
  }
}

@media (min-width: 992px) {
  .ustun_right {
    text-align: right;
    width: 260px;
    grid-area: 1/3/2/4;
  }
}

hr {
  opacity: 0.25;
  margin: 1rem 0;
  color: inherit;
}

.left_food, .ustun_call {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.ustun_left hr,
.ustun_right hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #ece2d9;
}

.left_1,
.left_food,
.right_1,
.ustun_call {
  padding: 15px 0;
}

.left_1 h6,
.left_food h6,
.right_1 h6,
.ustun_call h6 {
  color: #777777;
  font-size: 16px;
}
/* Main === Xidmət hissəsi */
#xidmets {
  background: #F0EFF5;
  padding: 50px 0 0;
}

.xidmet_title {
  font-size: 35px;
  text-align: center;
  margin: 0;
}

.xidmet_boxes {
  display: grid;
  align-items: center;
  padding: 50px 0;
}
@media (min-width: 300px) {
  .xidmet_boxes {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .xidmet_boxes {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .xidmet_boxes {
    grid-template-columns: repeat(5, 1fr);
  }
}

.xidmet_box {
  position: relative;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 150px;
  border-radius: 15px;
  transition:.4s;
}
@media (min-width: 300px) {
  .xidmet_box {
    margin-bottom: 20px;
  }
}
.xidmet_box img {
  position: absolute;
  width: 100%;
  height: 150px;
  -o-object-fit: fill;
     object-fit: fill;
  opacity: 0;
  transition: all 0.5s linear;
  overflow: hidden;
  border-radius: 15px;
}
.xidmet_box .overlay {
  background-color: rgba(0, 0, 0, 0.568627451);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  border-radius: 15px;
}
.xidmet_box .xidmet_text {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: black;
  transition: 0.4s;
}
.xidmet_box .xidmet_text h2 {
  font-size: 18px;
}

.xidmet_box:hover .overlay {
  display: block;
}

.xidmet_box:hover img {
  opacity: 1;
}

.xidmet_box:hover .xidmet_text {
  color: #fff;
}
.xidmet_box:hover {
  transform: translateY(-10px);
}
/* Main === Daxili və xarici hissə */
#qaynar_turlar {
  padding: 50px 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("/img/bg-background.jpeg.jpg") center/cover;
}

.xarici_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xarici_title h5 {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
}
.xarici_title a {
  color: #0B4C84;
  font-size: 18px;
  text-decoration: underline !important;
}
.daxili_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.daxili_title h5 {
  font-weight: bold;
  font-size: 30px;
  margin: 0;
}
.daxili_title a {
  color: #0B4C84;
  font-size: 18px;
  text-decoration: underline !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #000;
}

.xarici-swiper {
  margin: 50px 0;
}

@media (min-width: 300px) {
  .static_image {
    display: block;
    border-radius: 10px;
    height: 240px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .static_image {
    display: none;
  }
}

.about_tur .tur_basliq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}

@media (min-width: 300px) {
  .inner-swiper {
    display: none;
  }
}
@media (min-width: 992px) {
  .inner-swiper {
    display: block;
  }
}

.inner-swiper img {
  border-radius: 10px;
  height: 240px;
  width: 100%;
}

.swiper-button-next:after {
  content: "next";
  background: white;
  visibility: hidden;
  opacity: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

.swiper-button-prev:after {
  content: "prev";
  background: white;
  opacity: 0;
  visibility: hidden;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

.about_tur a {
  color: black;
  display: block;
}

.geceleme p {
  margin: 10px 0;
}

.xarici_card .inner-swiper:hover .swiper-button-next::after {
  opacity: 1;
  visibility: visible;
}

.xarici_card .inner-swiper:hover .swiper-button-prev:after {
  opacity: 1;
  visibility: visible;
}
@media (min-width:962px){
    .xarici_card{
        width:300px;
    }
}
/* Main === Partnyor hissəsi */
#partner {
  margin: 50px 0;
  text-align: center;
}
#partner h2 {
  margin: 20px 0;
  font-size: 35px;
  font-weight: bold;
}

@media (min-width: 300px) {
  .partner_card {
    width: 138px;
    height: 90px;
  }
}
@media (min-width: 768px) {
  .partner_card {
    width: 234px;
    height: 139px;
  }
}
.partner_card img {
  height: 100%;
  filter: grayscale(100%);
  transition: 0.4s;
  width: 100%;
  padding: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.partner_card::after {
  content: "";
  position: absolute;
  height: 100%;
  z-index: -1;
  left: 0;
  top: 0;
  transition: 0.4s;
  background: url(../img/border.svg);
}
@media (min-width: 300px) {
  .partner_card::after {
    width: 138px;
  }
}
@media (min-width: 768px) {
  .partner_card::after {
    width: 232px;
  }
}
@media (min-width: 992px) {
  .partner_card::after {
    width: 234px;
  }
}
.partner_card:hover img{
    filter: grayscale(0);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.partner_card:hover::after{
    display: none;
}
/*Daxili səhifələr üçün css*/
.xdmt_boxes{
    display:grid;
}
/* Main === Ölkəmizin gəzməli yerləri hissəsi */
#country {
  padding: 50px 0;
  overflow-X: hidden;
}

.country_title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}
@media (min-width: 300px) {
  .country_title {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .country_title {
    font-size: 35px;
  }
}

.country_boxes {
  display: grid;
      justify-content: center;
      margin:auto;
}
@media (min-width: 300px) {
  .country_boxes {
      width:375;
      height:775px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .country_boxes {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    width:720px;
    height:521.59px;
  }
}
@media (min-width: 992px) {
  .country_boxes {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
    width:100%;
    height:100%;
  }
}
@media (min-width: 992px) {
  .country_box:first-child {
    height: 100%;
    grid-area: 1/1/4/2;
    width: 311.99px;
    
  }
}

.country_box {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  border-radius: 24px;
  position: relative;
}
@media (min-width: 300px) {
  .country_box {
    width: 171.59px;
    margin: 0 0 7px 7px;
    height: 150px;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .country_box {
    width: 226.38px;
    height: 123.4px;
  }
}
@media (min-width: 992px) {
  .country_box {
    width: 100%;
    height: 153px;
  }
}
.country_box img {
  width: 100%;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 300px) {
  .country_box img {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .country_box img {
    height: 100%;
  }
}

.overlay1 {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  border-radius: 24px;
  background-image: linear-gradient(178deg, rgba(0, 118, 129, 0), #040404);
  opacity: 0.4;
  transition: 0.7s;
}

@media (min-width: 300px) {
  .subcountry {
    display: none;
  }
}
@media (min-width: 992px) {
  .subcountry {
    display: block;
  }
}

.country_text {
  position: absolute;
  left: 30px;
  color: white;
  z-index: 3;
}
@media (min-width: 300px) {
  .country_text {
    bottom: 15px;
  }
}
@media (min-width: 992px) {
  .country_text {
    bottom: 30px;
  }
}
.country_text h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 3px;
  transition: 300ms all ease;
}
.country_text p {
  transition: 300ms all ease;
  margin: 0;
}

.country_box:hover .overlay1 {
  opacity: 0;
}

.country_box:hover .country_text h1 {
  transform: translateY(-10px);
}

.country_box:hover .country_text p {
  transform: translateY(-5px);
}

/* Main === Bloq hissəsi */
#blogs {
  background: rgba(155, 193, 238, 0.2);
  padding: 50px 0;
}

.bloqlar {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  row-gap: 70px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

@media (min-width: 992px) {
  .bloqbox {
    width: 300px;
  }
}

.bloq_title {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 50px;
}

.bloq_img img {
  width: 100%;
  transition: 0.4s;
  height: 200px;
  box-shadow: 0 5px 30px #598EC2;
  margin-bottom: 25px;
}

.bloq_content a {
  color: black;
}
.bloq_content .bloq_ust {
  color: black;
  height: 50px;
  margin: 0;
}
.bloq_content .bloq_alt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 10px 0 25px;
}

.more_info {
  background: #0B4C84;
  color: white;
  border: 1px solid transparent;
  font-size: 17px;
  transition: 0.44s;
  padding: 10px 55px;
  box-shadow: 0 10px 27px #598EC2;
}


.more_info:hover {
  background-color: white;
  color: #0B4C84;
  border: 1px solid #0B4C84;
}

.bloq_link {
  text-align: center;
  margin-top: 80px;
}
.bloq_link .more_i {
  color: #0b4c84;
  font-size: 22px;
}

/* Main === Qiymət Təklifi */
#price {
  text-align: center;
  background: #598EC2;
  padding: 50px 0;
}

.qiymet h5 {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
  color: white;
}
.qiymet .form_txt {
  color: white;
  margin-bottom: 15px;
}
.qiymet .buy {
  padding: 10px 15px;
  font-size: 18px;
  border: none;
  transition: 0.4s;
}

.buy:hover {
  color: white;
  background-color: #0b4c84;
}
/*Footer*/
@media (min-width: 300px) {
  #foots {
    padding: 40px 0;
  }
}
@media (min-width: 768px) {
  #foots {
    padding-top: 4.6rem;
    padding-bottom: 4.2rem;
  }
}

.fboxes {
  display: flex;
}
@media (min-width: 300px) {
  .fboxes {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .fboxes {
    flex-direction: row;
  }
}

.top {
  display: flex;
}
@media (min-width: 300px) {
  .top {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .top {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .top {
    flex-wrap: nowrap;
  }
}
@media (min-width: 300px) {
  .top img {
    width: 140px;
    margin-top: -5px;
  }
}
@media (min-width: 768px) {
  .top img {
    margin-right: 10.5rem;
  }
}
.top .social {
  display: flex;
}
@media (min-width: 300px) {
  .top .social {
    text-align: center;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .top .social {
    align-items: flex-start;
    margin-right: 9.7rem;
    max-width: 128px;
  }
}
.top .social span {
  color: #1d1d26;
  font-weight: 500;
}
.top .social ul {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
}
.top .social ul li {
  margin-right: 2.3rem;
}
.top .social ul li a {
  font-size: 25px;
  color: #0b4c84;
}

.social ul li:last-child {
  margin-right: 0;
}

.office p {
  margin-bottom: 0;
}
@media (min-width: 300px) {
  .office p {
    text-align: center;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .office p {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 2rem;
    color: black;
    margin-top: -5px;
    text-align: start;
  }
}
@media (min-width: 992px) {
  .office p {
    width: 95%;
  }
}
.office p a {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #0b4c84;
}

@media (min-width: 300px) {
  .bottom {
    margin: 16px -5px -5px;
  }
}
@media (min-width: 992px) {
  .bottom {
    margin: -5px;
    width: 10%;
  }
}
.bottom p {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #1d1d26;
  margin-top: 2px;
}
@media (min-width: 300px) {
  .bottom p {
    text-align: center;
  }
}
.bottom ul {
  margin: 0;
  padding: 0;
}
.bottom ul li {
  display: flex;
}
@media (min-width: 300px) {
  .bottom ul li {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .bottom ul li {
    align-items: center;
    flex-direction: column;
  }
}

@media (min-width: 300px) {
  .article {
    display: none;
  }
}
@media (min-width: 768px) {
  .article {
    display: block;
    border-bottom: 1px solid #dee4ec;
    padding-bottom: 3.6rem;
    margin-top: 1rem;
  }
}
.article .text {
  font-size: 16px !important;
  margin: 0;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #8c95a1;
  font-style: normal;
}

.asagi {
  display: flex;
  margin-top: 1rem;
}
.asagi span {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: black;
  font-style: normal;
}
@media (min-width:300px){
    .asagi{
        justify-content: center;
    }
    .asagi span{
            text-align: center;
    }
}
@media (min-width: 300px) {
  .asagi .yuxari {
    display: none;
  }
}
@media (min-width: 768px) {
    .asagi{
        justify-content:space-between;
    }
  .asagi .yuxari {
    display: block;
    font-style: normal;
    align-items: center;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #596573;
  }
}
.asagi .yuxari img {
  margin-left: 1.4rem;
}
/*Not-aviable-main hissəsi === Xidmət part*/

.bc_image {

  height: 400px;
  position: relative;
  background: url(/img/background.jpeg.jpg) center/cover;
}

.bc_image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.3;
  background: #0b4c84;
}

.about_boxes {
  height: 90%;
}

.about_title {
  padding: 30px 0;
  bottom: 115px;
  position: absolute;
  color: #fff;
}

.about_left::after {
  content: "";
  display: block;
  width: 2px;
  height: 62px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 55%;
  right: 0px;
  transform: translateY(-50%);
}

.about_bottom {
  padding: 25px 0px 50px;
  bottom: 0;
  display: flex;
  align-items: center;
  position: absolute;
}
.about_bottom a {
  color: white;
}

.about_left {
  padding-right: 41px;
  position: relative;
}

.about_right {
  padding-left: 32px;
}
.about_right a {
  text-align: center;
  color: white;
  font-size: 14px;
  margin: 0;
}

.xett {
  color: white;
}

.oxes {
  padding: 10px;
  border: 1px solid white;
  border-radius: 50%;
  transition: 0.7s;
  margin-right: 10px;
}

.about_left:hover .oxes {
  transform: translateX(-20px);
}
.xdmt_boxes {
  display: grid;
  gap:10px;
    margin-top:10px; 
}
@media (min-width: 300px) {
  .xdmt_boxes {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .xdmt_boxes {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);

  }
}
@media (min-width: 992px) {
  .xdmt_boxes {
    grid-template-columns: repeat(5, 1fr);
 
  }
}
.inner-section{
   background: #F0EFF5;
    padding: 50px 0 0;
}


.inner-page {
  padding: 90px 0;
  background:#F0EFF5;
}

.inner-page-boxes {
  display: flex;
  gap: 30px;
}
@media (min-width: 300px) {
  .inner-page-boxes {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .inner-page-boxes {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  }
}

.inner_left {
  display: flex;
  gap: 30px;
}
.inner_left img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 300px) {
  .inner_left img {
    width: 100px;
    height: 200px;
  }
}
@media (min-width: 768px) {
  .inner_left img {
    width: 200px;
    height: 400px;
  }
}
.inner_title{
        text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.inner_text{
    text-align:center;
}
.sekil1 {
  padding-bottom: 30px;
}

.sekil2 {
  padding-top: 30px;
}


#inner-partner {
  text-align: center;
  background: #F0EFF5;
}

.inner_partner_boxes {
  margin-top: 20px;
  display: grid;
  gap: 30px;
}
@media (min-width: 300px) {
  .inner_partner_boxes {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .inner_partner_boxes {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .inner_partner_boxes {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}

.inner_daxili {
  margin: auto;
}
.inner_daxili img{
      height: 100%;
  filter: grayscale(100%);
  transition: 0.4s;
  width: 100%;
  padding: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 300px) {
  .inner_daxili {
    width: 138px;
    height: 90px;
  }
}
@media (min-width: 768px) {
  .inner_daxili{
    width: 234px;
    height: 139px;
  }
}
.inner_daxili:hover img{
    filter: grayscale(0);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.product-box{
    display:block;
}

@media (min-width:300px){
    .product-box{
    
    }
}
.product-box img{
    width:100%;
}


.c_boxes {
  height: 100%;
  display: grid;
}
@media (min-width: 300px) {
  .c_boxes {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .c_boxes {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .c_boxes {
    grid-template-columns: repeat(4, 1fr);
  }
}

.c_box {
  background: white;
  padding: 30px 0px;
  height: 100%;
  border-radius: 35px;
}

.c_section {
  padding: 80px 0;
  background: #f1f1f1;
}

.contact_info {
  font-size: 48px;
  color: #0B4C84;
  text-align: center;
  margin-bottom: 15px;
}

.contact_text h2 {
  text-align: center;
  color: #000;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact_text a {
  color: #999999;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.nomre {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.mails {
  text-align: center;
}

.loc {
  text-align: center;
}

.tarix {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.i_boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  background: rgba(192, 192, 192, 0.21);
  margin-top: 25px;
  padding: 50px 25px;
}

.input1_box {
  width: 100%;
  display: grid;
  grid-template-columns: 32.7% 32.7% 32.7%;
  row-gap: 15px;
  justify-content: space-between;
}
.input1_box input {
  min-width: 100%;
  height: 150px;
  transition: all 0.3s ease;
  border: none;
  padding: 12px !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  outline: none;
  position: relative;
  -webkit-appearance: none;
  border-bottom: 2px solid #0B4C84 !important;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 300px) {
  .input1_box input {
    width: 100%;
    height: 50px;
  }
}
@media (min-width: 992px) {
  .input1_box input {
    width: 200px;
    height: 50px;
  }
}

.input2_box {
  width: 100%;
}
.input2_box textarea{
    width:100%;
}
.input2_box textarea {
  min-width: 100%;
  height: 150px;
  transition: all 0.3s ease;
  border: none;
  padding: 12px !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  outline: none;
  position: relative;
  -webkit-appearance: none;
  border-bottom: 2px solid #0B4C84 !important;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.input2_box .gonder {
  background-color: #0B4C84;
  border-radius: 10px;
  border: none;
  font-size: 14px;
  padding: 12px;
  color: white;
  margin: 20px 0 0 auto;
  display: flex;
  max-width: 194px;
  width: 100%;
  height: 50px;
  text-align:center;
}

.elaqe_tit {
  text-align: start;
  color: black;
}

.form_title {
  padding: 50px 0 0 0;
}

.inner_blog {
  padding: 50px 0;
}

.blog_img {
  display: flex;
  justify-content: center;
}
@media (min-width: 300px) {
  .blog_img img {
    width: 295.476px;
    height: 204px;
  }
}
@media (min-width: 768px) {
  .blog_img img {
    width: 696px;
    height: 480.526px;
  }
}
@media (min-width: 992px) {
  .blog_img img {
    width: 730px;
    height: 504px;
  }
}

.blog_text {
  margin-top: 25px;
}
.blog_text h1 {
  margin-bottom: 25px;
  text-align: center;
}
.inner_boxes{
    display:grid;
    padding:50px 0;
    gap:20px;
}
@media (min-width:1024px){
    .inner_boxes{
        grid-template-columns: repeat(3, 1fr);
    }
}


#about_us {
  background:#F0EFF5;
}

.companybox {
  display: flex;
}
@media (min-width: 300px) {
  .companybox {
    flex-direction: column;
  }
    .companybox:last-child {
   margin-bottom:50px;
  }
}
@media (min-width: 992px) {
  .companybox {
    flex-direction: row;
    justify-content: space-between;
  }
  .companybox:first-child {
  flex-direction: row-reverse;
}
  .companybox:last-child {
  margin-top:50px;
}
}
.companybox img {
  width: 100%;
}

.company_text {
  width: 100%;
  height: 400px;
  overflow: auto; /* Avtomatik scroll çubuğu */
  padding: 10px;
}

.walk_Country {
  width: 100%;
  max-width: 800px;
  height: 450px;
  margin: auto;
  border-radius: 10px;
}
.walkSwiper{
    margin-top:20px;
}
.ic_sekil {
  display: flex;
  justify-content: center;
}
@media (min-width: 300px) {
  .ic_sekil {
    width: 100%;
    height: 500px;
  }
}
.ic_sekil img {
  -o-object-fit: fill;
     object-fit: fill;
  border: 1px solid transparent;
  border-radius: 20px;
}
@media (min-width: 300px) {
  .ic_sekil img {
    width: 300px;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .ic_sekil img {
    width: 300px;
    height: 100%;
  }
}
@media (min-width: 962px) {
  .ic_sekil img {
    width: 80%;
    height: 100%;
  }
}



.ic_yazilar {
  text-align: center;
  margin-top: 20px;
}


.proses {
  width: 120px;
  height: 5px;
  background-color: yellow;
  animation: p1 2s infinite linear;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
}

@keyframes p1 {
  100% {
    background-size: 100%;
  }
}
.slide_number {
  font-size: 40px;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 0;
  font-weight: bold;
  right: 0;
}

.progress_bar {
  display: flex;
}
@media (min-width: 300px) {
  .progress_bar {
    align-items: center;
    justify-content: space-evenly;
    gap: 15px;
  }
}
.tour_cards{
    margin-top:20px;
    display:grid;
    gap:20px;
    justify-content:center;
}
@media (min-width:300px){
    .tour_cards{
        grid-template-columns:repeat(1,1fr);
    }
}
@media (min-width:768px){
    .tour_cards{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (min-width:962px){
    .tour_cards{
        grid-template-columns:repeat(4,1fr);
    }
}

.product-box h2{
    color:black;
    font-size:18px;
    margin-top:10px;
    margin-bottom:0;
}
.product-box img{
    border:1px solid #000;
    transition:.7s;
width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    
}
.product-box:hover img{
    border-radius:20px;
}

.mehsullar{
    display:grid;
    margin-top:20px;
}
@media (min-width:300px){
    .mehsullar{
        grid-template-columns:repeat(1,1fr);
    }
}
@media (min-width:768px){
    .mehsullar{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (min-width:962px){
    .mehsullar{
        grid-template-columns:repeat(3,1fr);
    }
}
#inner-card{
    margin-top:20px;
}
.cedvel {
  width: 100%;
}
.cedvel .hisse td {
  padding: 10px 40px;
  font-size: 16px;
}

.cedvel .hisse:nth-child(2n+1) {
  background: rgba(248, 238, 220, 0.758);
}

.info {
  padding: 10px 0 0 20px;
  margin: 0;
}
.info li {
  list-style: disc !important;
}

.flex_qutusu {
  display: grid;
  gap: 15px;
}
@media (min-width: 300px) {
  .flex_qutusu {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 992px) {
  .flex_qutusu {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 300px) {
  .flex_img {
    height: 526px;
  }
}
@media (min-width: 992px) {
  .flex_img {
    width: 648px;
    height: 607px;
  }
}
.flex_img img {
  width: 100%;
  height: 100%;
}

.call_center {
  display: grid;
}
@media (min-width: 300px) {
  .call_center {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .call_center {
    grid-template-columns: repeat(2, 1fr);
  }
}
.rezerv{
    margin-top:20px;
}
.link {
  margin-top: 50px !important;
  display: flex;
  align-items: center;
  background: #0b4c84;
  padding: 22px 100px;
  border-radius: 5px;
  color: white;
  position: relative;
  margin: 0 auto;
  text-align: center;
  transition: 500ms all ease;
  text-transform: uppercase;
  border: none;
}
.link a {
  color: white;
}

.link {
  margin-top: 50px !important;
  display: flex;
  align-items: center;
  background: #0b4c84;
  padding: 22px 100px;
  border-radius: 5px;
  color: white;
  position: relative;
  margin: 0 auto;
  text-align: center;
  transition: 500ms all ease;
  text-transform: uppercase;
  border: none;
}
.link a {
  color: white;
}

@media (min-width: 300px) {
  .modal {
    display: none;
  }
}
@media (min-width: 992px) {
  .modal {
    background-color: rgba(0, 0, 0, 0.3254901961);
    margin: auto;
  }
}

.modalbox {
  padding: 20px;
}
@media (min-width: 300px) {
  .modalbox {
    display: none;
  }
}
@media (min-width: 992px) {
  .modalbox {
    display: flex;
    width:700px;
    margin:auto;
    justify-content: center;
    flex-direction: column;
    background-color: white;
    align-items: center;
    margin-top: 20px;
    border-radius: 20px;
  }
}

.modal_title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.modal_title h3 {
  text-align: center;
  margin: 0;
  color:black;
}
.modal_title .closer {
  background: transparent;
  border: 1px solid transparent;
  color: red;
  font-weight: 700;
  font-size: 20px;
}

.modal_title::after {
  content: "";
  width: 100%;
  height: 1px;
  background: gray;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.logform {
  border: 1px solid rgba(0, 0, 0, 0.29);
  background: white;
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.logform input {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid lightgray;
  padding: 5px;
  outline: none;
}
.btn {
  background-color: midnightblue;
  border: 1px solid transparent;
  margin-top: 10px;
  border-radius: 20px;
  padding: 10px;
  width: 100%;
  transition: 0.5s;
}
.btn span {
  color: white;
  position: relative;
}

.logtit {
  text-align: center;
  font-size: 30px;
  margin-top: 10px;
  margin: 0 auto 30px auto;
}
.logtit span {
  position: relative;
  color:black;
}

.logtit span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: midnightblue;
  bottom: 0;
  left: 0;
}

.forgot {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.forgot a {
  color: black;
}

.btn span::after {
  content: "";
  background: white;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: absolute;
  right: -30px;
  bottom: 0;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.btn:hover{
    background:#191970a1;
}
.btn:hover span::after {
  transform: translate(120px, -50%);
}

#login_pane h2{
    color:black;
    text-align:center;
}
.avatar{
        display: flex
;
    justify-content: center;
    position:relative;
}
.avatar a{
    border:1px solid black;
    border-radius:50px;
    width:90px;
    height:90px;
}
.avatar a img{
        width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit:contain;
}
.login_pane__foot{
    display:flex;
    flex-direction:column;
    text-align:center;
}
.login_pane__foot .right{
        padding: 10px;
    color: white;
    background: midnightblue;
}
.form-group{
    display:flex;
    align-items:center;
    flex-direction:column;
}
#options{
    display:flex;
    justify-content:center;
}

.loginform{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.logs{
    display:flex;
    align-items:flex-start;
    width:100%;
    margin:5px;
}

.mt-4{
    background: midnightblue;
    color: white;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 20px;
}
.users{
    display:none;
}
.users .active{
    display:block;
}
#userinfo{
    padding-block:80px;
}
.tab-content{
     border-radius:30px;
        background: midnightblue;
        padding:5px;
        color:white;
        font-size:23px;
}
.usinf{
        display: flex
;
    flex-direction: column;
    align-items: center;
   
}
.tab-content .usinf:first-child{
    text-align:center;
}
.tab-content .usinf:first-child .user-info-item{
    display:flex;
    flex-direction:row;

}
.tab-content .usinf:first-child .user-info-item .grey{
   margin-right:5px;
    text-decoration:underline !important;
}
.user-info-item{
    text-align:center;
}
.tab-item{
    background:midnightblue;
    color:white;
    padding:5px;
    border:1px solid white;
    border-radius:10px;
}
.tab-item a{
    color: white;
    
}

@media (min-width:300px){
    .mobil_modal{
        display:none;
    }
      .mobil-box {
    display: flex;
    width:100%;
    margin:auto;
    justify-content: center;
    flex-direction: column;
    background-color: white;
    align-items: center;
    margin-top: 20px;
    border-radius: 20px;
    padding:10px;
  }
  .mobil_modal {
     position:absolute;
     top:0;
     width:100%;
     height:100vh;
     left:0;
    z-index:100000000000000;
    background-color: rgba(0, 0, 0, 0.3254901961);
    margin: auto;
  }
}
@media (min-width:962px){
    .mobil_modal{
        display:none;
    }
}
   
/*# sourceMappingURL=style.css.map */