body {
  padding: 0px;
  margin: 0px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  body {
    font-family: "Inter", sans-serif;
  }
}
body.overflow-hidden {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  body.filter-mobile-active {
    position: relative;
    overflow: hidden;
  }
  body.filter-mobile-active::before {
    position: fixed;
    top: 0px;
    width: 100%;
    content: "";
    left: 0px;
    background: rgba(6, 33, 101, 0.5);
    height: 100%;
    display: block;
    z-index: 99999;
  }
}
body.agree-modal-active {
  position: relative;
  overflow: hidden;
}
body.agree-modal-active::before {
  position: fixed;
  top: 0px;
  width: 100%;
  content: "";
  left: 0px;
  background: rgba(6, 33, 101, 0.5);
  height: 100%;
  display: block;
  z-index: 99999;
}

ul, li {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

a {
  text-decoration: none;
}

/* Components */
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  background: rgba(0, 51, 161, 0.7);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 768px) {
  header {
    position: fixed;
  }
}
@media screen and (max-width: 768px) {
  header.fixed {
    position: fixed;
  }
  header.fixed .toolbar {
    display: none;
  }
  header.fixed.upFixed .toolbar {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  header .logo {
    display: none;
  }
}
header .logo a {
  display: block;
  align-items: center;
  height: 100%;
}
header .logo a img {
  width: 100%;
}
header .toolbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  header .toolbar {
    padding: 12px 0px;
  }
}
header .toolbar .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner {
    justify-content: center;
    gap: 16px;
  }
}
header .toolbar .inner .mobile-language-btn {
  display: none;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .mobile-language-btn {
    display: flex;
    color: #fff;
    align-items: center;
    gap: 6px;
  }
  header .toolbar .inner .mobile-language-btn .arrow {
    width: 7px;
    height: 4px;
    background: url("../icons/arrow.svg") no-repeat;
    background-size: cover;
    display: block;
  }
}
header .toolbar .inner .left {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left {
    order: 2;
    flex: none;
  }
}
header .toolbar .inner .left .first {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left .first {
    flex: none;
  }
}
header .toolbar .inner .left .first .item.call {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5019607843);
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left .first .item.call {
    display: none;
  }
}
header .toolbar .inner .left .first .item.call a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}
header .toolbar .inner .left .first .item.call a .phone {
  width: 16px;
  height: 16px;
  background: url("../icons/phone.svg") no-repeat;
  background-size: cover;
  display: block;
}
header .toolbar .inner .left .first .item.mobile-language-btn {
  display: none;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left .first .item.mobile-language-btn {
    display: block;
  }
}
header .toolbar .inner .left .first .item.mobile-language-btn img {
  width: 100%;
  max-width: 40px;
}
header .toolbar .inner .left .first .item.search-box {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  border-radius: 41px;
}
@media screen and (min-width: 768px) {
  header .toolbar .inner .left .first .item.search-box {
    padding: 4px 16px;
  }
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left .first .item.search-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 100%;
  }
}
header .toolbar .inner .left .first .item.search-box .search-icon-button {
  width: 16px;
  height: 16px;
  background: url("../icons/search.svg") no-repeat;
  background-size: cover;
  display: block;
}
header .toolbar .inner .left .first .item.search-box input {
  border: none;
  outline: none;
  color: #fff;
  background: none;
  font-weight: 500;
  font-size: 12px;
}
header .toolbar .inner .left .first .item.search-box input::placeholder {
  color: #fff;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .left .first .item.search-box input {
    display: none;
  }
}
header .toolbar .inner .right .links {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .right .links {
    display: none;
  }
}
header .toolbar .inner .right .links .item {
  position: relative;
}
header .toolbar .inner .right .links .item > a {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 20px 0px;
  gap: 10px;
}
header .toolbar .inner .right .links .item > a .arrow {
  width: 7px;
  height: 4px;
  background: url("../icons/arrow.svg") no-repeat;
  background-size: cover;
  display: block;
}
header .toolbar .inner .right .links .item .dropdown-list {
  position: absolute;
  left: 0px;
  background-color: rgba(0, 51, 161, 0.6980392157);
  padding: 20px 70px;
  display: flex;
  flex-direction: column;
  display: none;
  z-index: 999;
  width: max-content;
}
header .toolbar .inner .right .links .item .dropdown-list.language {
  left: -70px;
}
header .toolbar .inner .right .links .item .dropdown-list.language a {
  min-width: auto;
}
header .toolbar .inner .right .links .item .dropdown-list a {
  color: #EBF6FF;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 12px 0px;
  min-width: 160px;
  display: block;
}
header .toolbar .inner .right .links .item:hover .dropdown-list {
  display: flex;
}
header .toolbar .inner .right .buttons {
  display: none;
}
@media screen and (max-width: 768px) {
  header .toolbar .inner .right .buttons {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  header .toolbar .inner .right .buttons a {
    font-size: 12px;
    padding: 13px 18px;
  }
}
@media screen and (min-width: 768px) {
  header .bottom {
    position: relative;
    z-index: 9;
  }
}
header .bottom .inner {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  header .bottom .inner {
    padding: 12px 0px;
  }
}
header .bottom .inner .mobile-logo {
  display: none;
}
@media screen and (max-width: 768px) {
  header .bottom .inner .mobile-logo {
    display: block;
  }
}
header .bottom .inner .mobile-logo a {
  display: block;
  align-items: center;
  height: 100%;
}
header .bottom .inner .mobile-logo a img {
  width: 100%;
}
header .bottom .inner .menu {
  display: flex;
  gap: 16px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  header .bottom .inner .menu {
    display: none;
  }
}
header .bottom .inner .menu .item {
  position: relative;
}
header .bottom .inner .menu .item > a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 20px 0px;
  gap: 15px;
  height: 100%;
}
header .bottom .inner .menu .item > a .arrow {
  width: 7px;
  height: 4px;
  background: url("../icons/arrow.svg") no-repeat;
  background-size: cover;
  display: block;
}
header .bottom .inner .menu .item .dropdown-list {
  position: absolute;
  left: 0px;
  background-color: rgba(0, 51, 161, 0.7);
  padding: 20px 70px;
  display: flex;
  flex-direction: column;
  display: none;
  width: max-content;
}
header .bottom .inner .menu .item .dropdown-list a {
  color: #EBF6FF;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 12px 0px;
  min-width: 160px;
  display: block;
}
header .bottom .inner .menu .item:hover .dropdown-list {
  display: flex;
}
header .bottom .inner .links {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0px;
  position: relative;
}
@media screen and (max-width: 768px) {
  header .bottom .inner .links {
    display: none;
  }
}
header .bottom .inner .links .dropdown-list {
  position: absolute;
  right: 0px;
  display: none;
  padding-top: 12px;
}
header .bottom .inner .links .dropdown-list .inner {
  background-color: rgba(0, 51, 161, 0.6980392157);
  padding: 20px 32px;
  flex-direction: column;
  z-index: 999;
  width: max-content;
}
header .bottom .inner .links .dropdown-list .inner a {
  color: #EBF6FF;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 12px 0px;
  min-width: fit-content;
  display: block;
  text-align: center;
}
header .bottom .inner .links .item {
  position: relative;
  z-index: 99;
}
header .bottom .inner .links .item:hover .dropdown-list {
  display: flex;
}
header .bottom .inner .mobile-menu-button {
  display: none;
}
@media screen and (max-width: 768px) {
  header .bottom .inner .mobile-menu-button {
    display: flex;
  }
  header .bottom .inner .mobile-menu-button a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 600;
  }
  header .bottom .inner .mobile-menu-button a span {
    margin-top: 3px;
  }
  header .bottom .inner .mobile-menu-button a .icon-tabs {
    width: 20px;
    height: 16px;
    background: url("../icons/tabs.svg") no-repeat;
    background-size: cover;
    display: block;
  }
}

.randevu-dropdown-mobile {
  background-color: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 99999;
  border-radius: 24px 24px 0px 0px;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  height: auto;
  display: none;
}
.randevu-dropdown-mobile.active {
  display: flex;
}
.randevu-dropdown-mobile .filter-head {
  padding: 23px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.randevu-dropdown-mobile .filter-head .name {
  font-size: 18px;
  color: #0033A1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.randevu-dropdown-mobile .filter-head .close {
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 12px;
}
.randevu-dropdown-mobile .filter-head .close i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA2NzUgMTUuMTgyN0MxNi4xMjU2IDE1LjI0MDcgMTYuMTcxNyAxNS4zMDk3IDE2LjIwMzEgMTUuMzg1NUMxNi4yMzQ1IDE1LjQ2MTQgMTYuMjUwNyAxNS41NDI3IDE2LjI1MDcgMTUuNjI0OUMxNi4yNTA3IDE1LjcwNyAxNi4yMzQ1IDE1Ljc4ODMgMTYuMjAzMSAxNS44NjQyQzE2LjE3MTcgMTUuOTQgMTYuMTI1NiAxNi4wMDkgMTYuMDY3NSAxNi4wNjdDMTYuMDA5NSAxNi4xMjUxIDE1Ljk0MDUgMTYuMTcxMiAxNS44NjQ3IDE2LjIwMjZDMTUuNzg4OCAxNi4yMzQgMTUuNzA3NSAxNi4yNTAyIDE1LjYyNTMgMTYuMjUwMkMxNS41NDMyIDE2LjI1MDIgMTUuNDYxOSAxNi4yMzQgMTUuMzg2IDE2LjIwMjZDMTUuMzEwMiAxNi4xNzEyIDE1LjI0MTIgMTYuMTI1MSAxNS4xODMyIDE2LjA2N0wxMC4wMDAzIDEwLjg4MzVMNC44MTc1MyAxNi4wNjdDNC43MDAyNiAxNi4xODQzIDQuNTQxMiAxNi4yNTAyIDQuMzc1MzUgMTYuMjUwMkM0LjIwOTUgMTYuMjUwMiA0LjA1MDQ0IDE2LjE4NDMgMy45MzMxNiAxNi4wNjdDMy44MTU4OCAxNS45NDk4IDMuNzUgMTUuNzkwNyAzLjc1IDE1LjYyNDlDMy43NSAxNS40NTkgMy44MTU4OCAxNS4yOTk5IDMuOTMzMTYgMTUuMTgyN0w5LjExNjc1IDkuOTk5ODZMMy45MzMxNiA0LjgxNzA1QzMuODE1ODggNC42OTk3NyAzLjc1IDQuNTQwNzEgMy43NSA0LjM3NDg2QzMuNzUgNC4yMDkwMSAzLjgxNTg4IDQuMDQ5OTUgMy45MzMxNiAzLjkzMjY3QzQuMDUwNDQgMy44MTU0IDQuMjA5NSAzLjc0OTUxIDQuMzc1MzUgMy43NDk1MUM0LjU0MTIgMy43NDk1MSA0LjcwMDI2IDMuODE1NCA0LjgxNzUzIDMuOTMyNjdMMTAuMDAwMyA5LjExNjI3TDE1LjE4MzIgMy45MzI2N0MxNS4zMDA0IDMuODE1NCAxNS40NTk1IDMuNzQ5NTEgMTUuNjI1MyAzLjc0OTUxQzE1Ljc5MTIgMy43NDk1MSAxNS45NTAzIDMuODE1NCAxNi4wNjc1IDMuOTMyNjdDMTYuMTg0OCA0LjA0OTk1IDE2LjI1MDcgNC4yMDkwMSAxNi4yNTA3IDQuMzc0ODZDMTYuMjUwNyA0LjU0MDcxIDE2LjE4NDggNC42OTk3NyAxNi4wNjc1IDQuODE3MDVMMTAuODgzOSA5Ljk5OTg2TDE2LjA2NzUgMTUuMTgyN1oiIGZpbGw9IiMzRDNEM0QiLz4KPC9zdmc+Cg==");
  width: 20px;
  height: 20px;
  display: block;
}
.randevu-dropdown-mobile .filter-list {
  display: flex;
  flex-direction: column;
}
.randevu-dropdown-mobile .filter-list a {
  padding: 16px 16px;
  display: flex;
  align-items: center;
  color: #0033A1;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
}

.randevu-dropdown-mobile-language {
  background-color: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 99999;
  border-radius: 24px 24px 0px 0px;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  height: auto;
  display: none;
}
.randevu-dropdown-mobile-language.active {
  display: flex;
}
.randevu-dropdown-mobile-language .filter-head {
  padding: 23px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.randevu-dropdown-mobile-language .filter-head .name {
  font-size: 18px;
  color: #0033A1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.randevu-dropdown-mobile-language .filter-head .close {
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 12px;
}
.randevu-dropdown-mobile-language .filter-head .close i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA2NzUgMTUuMTgyN0MxNi4xMjU2IDE1LjI0MDcgMTYuMTcxNyAxNS4zMDk3IDE2LjIwMzEgMTUuMzg1NUMxNi4yMzQ1IDE1LjQ2MTQgMTYuMjUwNyAxNS41NDI3IDE2LjI1MDcgMTUuNjI0OUMxNi4yNTA3IDE1LjcwNyAxNi4yMzQ1IDE1Ljc4ODMgMTYuMjAzMSAxNS44NjQyQzE2LjE3MTcgMTUuOTQgMTYuMTI1NiAxNi4wMDkgMTYuMDY3NSAxNi4wNjdDMTYuMDA5NSAxNi4xMjUxIDE1Ljk0MDUgMTYuMTcxMiAxNS44NjQ3IDE2LjIwMjZDMTUuNzg4OCAxNi4yMzQgMTUuNzA3NSAxNi4yNTAyIDE1LjYyNTMgMTYuMjUwMkMxNS41NDMyIDE2LjI1MDIgMTUuNDYxOSAxNi4yMzQgMTUuMzg2IDE2LjIwMjZDMTUuMzEwMiAxNi4xNzEyIDE1LjI0MTIgMTYuMTI1MSAxNS4xODMyIDE2LjA2N0wxMC4wMDAzIDEwLjg4MzVMNC44MTc1MyAxNi4wNjdDNC43MDAyNiAxNi4xODQzIDQuNTQxMiAxNi4yNTAyIDQuMzc1MzUgMTYuMjUwMkM0LjIwOTUgMTYuMjUwMiA0LjA1MDQ0IDE2LjE4NDMgMy45MzMxNiAxNi4wNjdDMy44MTU4OCAxNS45NDk4IDMuNzUgMTUuNzkwNyAzLjc1IDE1LjYyNDlDMy43NSAxNS40NTkgMy44MTU4OCAxNS4yOTk5IDMuOTMzMTYgMTUuMTgyN0w5LjExNjc1IDkuOTk5ODZMMy45MzMxNiA0LjgxNzA1QzMuODE1ODggNC42OTk3NyAzLjc1IDQuNTQwNzEgMy43NSA0LjM3NDg2QzMuNzUgNC4yMDkwMSAzLjgxNTg4IDQuMDQ5OTUgMy45MzMxNiAzLjkzMjY3QzQuMDUwNDQgMy44MTU0IDQuMjA5NSAzLjc0OTUxIDQuMzc1MzUgMy43NDk1MUM0LjU0MTIgMy43NDk1MSA0LjcwMDI2IDMuODE1NCA0LjgxNzUzIDMuOTMyNjdMMTAuMDAwMyA5LjExNjI3TDE1LjE4MzIgMy45MzI2N0MxNS4zMDA0IDMuODE1NCAxNS40NTk1IDMuNzQ5NTEgMTUuNjI1MyAzLjc0OTUxQzE1Ljc5MTIgMy43NDk1MSAxNS45NTAzIDMuODE1NCAxNi4wNjc1IDMuOTMyNjdDMTYuMTg0OCA0LjA0OTk1IDE2LjI1MDcgNC4yMDkwMSAxNi4yNTA3IDQuMzc0ODZDMTYuMjUwNyA0LjU0MDcxIDE2LjE4NDggNC42OTk3NyAxNi4wNjc1IDQuODE3MDVMMTAuODgzOSA5Ljk5OTg2TDE2LjA2NzUgMTUuMTgyN1oiIGZpbGw9IiMzRDNEM0QiLz4KPC9zdmc+Cg==");
  width: 20px;
  height: 20px;
  display: block;
}
.randevu-dropdown-mobile-language .filter-list {
  display: flex;
  flex-direction: column;
}
.randevu-dropdown-mobile-language .filter-list a {
  padding: 16px 16px;
  display: flex;
  align-items: center;
  color: #0033A1;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
}
.randevu-dropdown-mobile-language .filter-list a.active span {
  color: #18AC57;
}

footer {
  border-top: 1px solid #E7E7E7;
}
footer .top {
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  footer .top {
    padding: 40px 0px;
  }
}
footer .top .first {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 27px;
}
@media screen and (max-width: 768px) {
  footer .top .first {
    gap: 30px;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 40px;
  }
}
footer .top .first .left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .top .first .left span:first-child {
  color: #0033A1;
  font-size: 16px;
  font-weight: 500;
}
footer .top .first .left span:last-child {
  color: #18AC57;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  footer .top .first .left span:last-child {
    font-size: 22px;
  }
}
footer .top .first .right {
  display: flex;
  align-items: center;
  gap: 20px;
}
footer .center {
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
  footer .center {
    padding-top: 60px;
  }
}
footer .center .list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  footer .center .list {
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
footer .center .list ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  footer .center .list ul {
    gap: 30px;
  }
}
footer .center .list ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #3D3D3D;
}
footer .center .list ul li a.underline {
  text-decoration: underline;
}
footer .center .list ul li a.heading {
  font-weight: 600;
  font-size: 16px;
}
footer .line {
  background: #062165;
}
footer .line .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 45px 0px;
}
@media screen and (max-width: 768px) {
  footer .line .inner {
    justify-content: center;
    gap: 40px 0px;
  }
}
footer .line .inner .call {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer .line .inner .call {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
footer .line .inner .call a {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
}
footer .line .inner .call a .phone {
  width: 24px;
  height: 24px;
  background: url("../icons/phone.svg") no-repeat;
  background-size: cover;
  display: block;
}
footer .line .inner .call a:after {
  width: 8px;
  height: 8px;
  margin-left: 10px;
  content: "";
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5019607843);
}
@media screen and (max-width: 768px) {
  footer .line .inner .call a:after {
    display: none;
  }
}
footer .line .inner .call span {
  font-size: 24px;
}
footer .line .inner .right {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer .line .inner .right {
    display: none;
  }
}
footer .line .inner .right .to-up {
  display: flex;
  align-items: center;
  gap: 20px;
}
footer .line .inner .right .to-up span {
  font-size: 14px;
  font-weight: 700;
}
footer .line .inner .right .to-up .icon {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
footer .line .inner .right .to-up .icon .arrow {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-right.svg") no-repeat;
  background-size: contain;
  display: block;
  background-position: center;
  transform: rotate(270deg);
}
footer .bottom {
  padding: 32px 0px;
  background: #0033A1;
}
footer .bottom .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  footer .bottom .inner {
    flex-direction: column;
    gap: 60px;
  }
}
footer .bottom .inner .logo img {
  width: 227px;
}
footer .bottom .inner .social {
  display: flex;
  align-items: center;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  footer .bottom .inner .social {
    flex-direction: column;
  }
}
footer .bottom .inner .social span {
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  footer .bottom .inner .social span {
    font-size: 24px;
  }
}
footer .bottom .inner .social span::after {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  opacity: 0.5;
  content: "";
  display: block;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  footer .bottom .inner .social span::after {
    display: none;
  }
}
footer .bottom .inner .social .list {
  display: flex;
  align-items: center;
  gap: 35px;
}
footer .bottom .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #335cb4;
  border-bottom: 1px solid #335cb4;
  padding: 30px 0px;
}
@media screen and (max-width: 768px) {
  footer .bottom .links {
    flex-direction: column;
    gap: 60px;
  }
}
footer .bottom .links .links-inner {
  display: flex;
  align-items: center;
  gap: 37px;
}
@media screen and (max-width: 768px) {
  footer .bottom .links .links-inner {
    flex-direction: column;
    gap: 30px;
  }
}
footer .bottom .links .links-inner a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-decoration-line: underline;
  color: #ccd6ec;
}
@media screen and (max-width: 768px) {
  footer .bottom .links .links-inner a {
    font-size: 12px;
  }
}
footer .bottom .links .copy {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
footer .bottom .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  footer .bottom .info {
    flex-direction: column;
    gap: 40px;
    text-align: center;
  }
}

.button {
  padding: 13px 22px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: block;
  border-radius: 86px;
  display: flex;
  align-items: center;
  gap: 24px;
  outline: none;
  border: none;
}
.button .arrow {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-right.svg") no-repeat;
  background-size: contain;
  display: block;
}
.button .arrow.heart {
  width: 20px;
  height: 20px;
  background: url("../icons/heart.svg") no-repeat;
}
.button .arrow.share {
  width: 20px;
  height: 20px;
  background: url("../icons/share.svg") no-repeat;
}
@media screen and (max-width: 768px) {
  .button {
    font-size: 2.8vw;
  }
}
.button.green {
  background: #18AC57;
}
.button.orange {
  background: #FF6B1A;
}
.button.blue {
  background: #0033A1;
}
.button.gray {
  border: 1px solid #E7E7E7;
  color: #202020;
}
.button.gray .arrow {
  filter: brightness(0);
}
.button.white {
  background: #fff;
  color: #202020;
}
.button.white .arrow {
  filter: brightness(0);
}
.button.disabled {
  background: #D1D1D1;
  color: #888888;
}
.button.disabled .arrow {
  filter: brightness(0.6);
}
.button.center {
  width: fit-content;
  margin: 0px auto;
}

.search-modal {
  position: fixed;
  background-color: rgba(6, 33, 101, 0.5019607843);
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
@media screen and (max-width: 768px) {
  .search-modal {
    background-color: #fff;
  }
}
.search-modal.active {
  display: block;
}
.search-modal .input-area {
  width: 100%;
  background-color: #fff;
  border-radius: 40px;
  display: none;
  align-items: center;
  gap: 8px;
  height: 49px;
  padding: 0px 16px;
}
@media screen and (max-width: 768px) {
  .search-modal .input-area {
    border: 1px solid #E7E7E7;
    margin-top: 16px;
    margin-bottom: 24px;
    display: flex;
  }
}
.search-modal .input-area input {
  width: 100%;
  font-weight: 500;
  color: #0033A1;
  background: none;
  font-size: 12px;
  outline: none;
  border: none;
}
.search-modal .input-area input::placeholder {
  color: #0033A1;
}
.search-modal .input-area .search-icon {
  width: 14px;
  height: 14px;
  background: url("../icons/search-blue.svg") no-repeat;
  background-size: cover;
  display: block;
}
.search-modal .heading {
  background: rgba(0, 51, 161, 0.7);
  backdrop-filter: blur(20px);
  padding: 23px 0px;
}
@media screen and (max-width: 768px) {
  .search-modal .heading {
    background: #062165;
    padding: 23px 15px;
  }
}
.search-modal .heading .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.search-modal .heading .inner .input-area {
  display: flex;
}
@media screen and (max-width: 768px) {
  .search-modal .heading .inner .input-area {
    display: none;
  }
}
.search-modal .heading .inner .close-btn a {
  cursor: pointer;
}
.search-modal .autocomplete {
  width: 1024px;
  border: 1px solid #E7E7E7;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  padding: 20px;
  margin-top: 10px;
  margin-left: 200px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .search-modal .autocomplete {
    width: 100%;
    margin-left: 0px;
    border: none;
    box-shadow: none;
    padding: 0px;
  }
}
.search-modal .autocomplete .not-found {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E7E7E7;
}
.search-modal .autocomplete .not-found .not-found-inner {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid #E7E7E7;
}
.search-modal .autocomplete .not-found .not-found-inner .text {
  color: #6D6D6D;
  font-weight: 600;
  font-size: 14px;
}
.search-modal .autocomplete .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .search-modal .autocomplete .list {
    display: flex;
    flex-direction: column;
  }
}
.search-modal .autocomplete .list a {
  padding: 16px;
  width: 100%;
  text-align: center;
  color: #FF6B1A;
  border: 1px solid #FF6B1A;
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
  display: block;
  border-radius: 100px;
  transition: all 0.4s;
}
@media screen and (min-width: 768px) {
  .search-modal .autocomplete .list a:hover {
    background-color: #FF6B1A;
    color: #fff;
  }
}
.search-modal .autocomplete .list-search {
  display: none;
  flex-direction: column;
  gap: 16px;
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  .search-modal .autocomplete .list-search {
    max-height: 400px;
  }
}
.search-modal .autocomplete .list-search::-webkit-scrollbar {
  width: 6px;
}
.search-modal .autocomplete .list-search::-webkit-scrollbar-track {
  background: #E7E7E7;
  border-radius: 6px;
}
.search-modal .autocomplete .list-search::-webkit-scrollbar-thumb {
  background: #0033A1;
  border-radius: 6px;
}
.search-modal .autocomplete .list-search .item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 20px;
}
.search-modal .autocomplete .list-search .item .heading-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FF6B1A;
  font-weight: 500;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .search-modal .autocomplete .list-search .item .heading-link {
    font-size: 16px;
  }
}
.search-modal .autocomplete .list-search .item .heading-link a {
  font-size: 14px;
  color: #202020;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .search-modal .autocomplete .list-search .item .heading-link a {
    display: none;
  }
}
.search-modal .autocomplete .list-search .item .links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-modal .autocomplete .list-search .item .links a {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .search-modal .autocomplete .list-search .item .links a {
    font-size: 14px;
  }
}
.search-modal .autocomplete .list-search .item .links a b {
  font-weight: 600;
}

.mobile-menu {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
.mobile-menu.active {
  display: block;
}
.mobile-menu .heading {
  background: rgba(0, 51, 161, 0.7);
  backdrop-filter: blur(20px);
  padding: 23px 0px;
}
@media screen and (max-width: 768px) {
  .mobile-menu .heading {
    background: #062165;
    padding: 23px 15px;
  }
}
.mobile-menu .heading .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.mobile-menu .heading .inner .input-area {
  display: flex;
}
@media screen and (max-width: 768px) {
  .mobile-menu .heading .inner .input-area {
    display: none;
  }
}
.mobile-menu .heading .inner .close-btn a {
  cursor: pointer;
}
.mobile-menu .mobile-menu-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.mobile-menu .mobile-menu-inner .chevron-right {
  width: 14px;
  height: 14px;
  background: url("../icons/chevron-right.svg") no-repeat;
  background-size: contain;
  display: block;
}
.mobile-menu .mobile-menu-inner .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 17px 20px;
  border-bottom: 1px solid #E7E7E7;
}
.mobile-menu .mobile-menu-inner .buttons a {
  padding: 17px 40px;
  font-size: 14px;
  gap: 10px;
}
.mobile-menu .mobile-menu-inner .buttons a .phone {
  width: 16px;
  height: 16px;
  background: url("../icons/phone.svg") no-repeat;
  background-size: cover;
  display: block;
}
.mobile-menu .mobile-menu-inner .list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: scroll;
  height: 600px;
  padding-bottom: 150px;
}
.mobile-menu .mobile-menu-inner .list .item .inner-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.mobile-menu .mobile-menu-inner .list .item .inner-item a {
  font-size: 14px;
  font-weight: 500;
  color: #0033A1;
}
.mobile-menu .mobile-menu-inner .list .item .inner-item span {
  flex: 1;
  display: flex;
  justify-content: end;
}
.mobile-menu .mobile-menu-inner .list .item.border-line .inner-item {
  border-top: 1px solid #E7E7E7;
}
.mobile-menu .mobile-menu-inner .list .sub-child {
  position: absolute;
  left: -100vw;
  transition: all 0.4s;
  background-color: #fff;
  top: 0px;
  width: 100%;
  height: 100%;
}
.mobile-menu .mobile-menu-inner .list .sub-child.active {
  left: 0px;
}
.mobile-menu .mobile-menu-inner .list .sub-child .sub-heading {
  padding: 25px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobile-menu .mobile-menu-inner .list .sub-child .sub-heading span {
  color: #0033A1;
  font-size: 16px;
  font-weight: 600;
}
.mobile-menu .mobile-menu-inner .list .sub-child .sub-heading .back {
  width: 32px;
  height: 32px;
  background: linear-gradient(0deg, rgba(20, 41, 76, 0.02), rgba(20, 41, 76, 0.02)), #FFFFFF;
  border: 1px solid #ECEFF2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu .mobile-menu-inner .list .sub-child .sub-heading .back i {
  background-position: center;
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
}
.mobile-menu .mobile-menu-inner .list .sub-child .listing {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-menu .mobile-menu-inner .list .sub-child .listing a {
  padding: 16px;
  color: #3D3D3D;
  font-weight: 500;
  font-size: 14px;
}

.breadcrumb {
  position: relative;
  margin-bottom: 0px;
}
.breadcrumb .container {
  position: relative;
}
.breadcrumb .image {
  height: 400px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .breadcrumb .image {
    height: 360px;
  }
}
.breadcrumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.breadcrumb .image::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(iStock-1970015919.jpg);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
}
.breadcrumb .text {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.breadcrumb .text h1 {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .breadcrumb .text h1 {
    font-size: 40px;
    width: 350px;
  }
}
.breadcrumb.detail {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), radial-gradient(70.83% 223.38% at 34.9% 29.17%, #0063A1 0%, #0033A1 100%);
  min-height: 450px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media screen and (max-width: 768px) {
  .breadcrumb.detail {
    min-height: 370px;
    padding-top: 160px;
  }
}
.breadcrumb.detail .text {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 12px;
  height: auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .breadcrumb.detail .text {
    width: auto;
    position: inherit;
  }
}
.breadcrumb.detail .text h1 {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .breadcrumb.detail .text h1 {
    font-size: 40px;
    width: 350px;
  }
}
.breadcrumb.detail .text .list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.breadcrumb.detail .text .list a {
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
}
.breadcrumb.detail .text .list a::after {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  content: "";
  display: block;
}
.breadcrumb.detail .text .list a:last-child::after {
  display: none;
}
.breadcrumb.news {
  background: radial-gradient(122.25% 204.19% at 19.2% 56.53%, rgba(247, 247, 247, 0.3) 0%, rgba(0, 51, 161, 0.3) 100%);
}
.breadcrumb.news .text .list a {
  color: #0033A1;
}
.breadcrumb.news .text .list a::after {
  background: #0033A1;
}
.breadcrumb.news .text h1 {
  color: #0033A1;
  font-size: 48px;
}
@media screen and (max-width: 768px) {
  .breadcrumb.news .text h1 {
    font-size: 28px;
  }
}

.item-doctor {
  display: flex;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .item-doctor {
    border-radius: 12px;
  }
}
.item-doctor .image {
  height: 100%;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .item-doctor .image {
    width: 100px;
  }
}
.item-doctor .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .item-doctor .image img {
    border-radius: 12px 0px 0px 12px;
  }
}
.item-doctor .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item-doctor .text .first {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 16px;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .first {
    padding: 20px 12px;
  }
}
.item-doctor .text .first .name {
  font-size: 20px;
  font-weight: 500;
  color: #202020;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 60px;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .first .name {
    font-size: 16px;
  }
}
.item-doctor .text .first .dean {
  font-size: 13px;
  color: #0033A1;
  font-weight: 600;
  margin-bottom: 4px;
}
.item-doctor .text .first .title {
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 255px;
  flex-wrap: wrap;
}
.item-doctor .text .first .title span {
  color: #454545;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 2px;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .first .title span {
    font-size: 12px;
  }
}
.item-doctor .text .first .title span::after {
  width: 3px;
  height: 3px;
  background: #888888;
  border-radius: 100%;
  content: "";
  display: block;
}
.item-doctor .text .first .title span:last-child::after {
  display: none;
}
.item-doctor .text .first .title.dean span {
  font-size: 13px;
  color: #454545;
}
.item-doctor .text .first .hospital {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .first .hospital {
    gap: 10px;
  }
}
.item-doctor .text .first .hospital .map-pin {
  width: 11px;
  height: 14px;
  background: url("../icons/map-pin.svg") no-repeat;
  background-size: cover;
  display: block;
}
.item-doctor .text .first .hospital span {
  color: #5D5D5D;
  font-size: 10px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .item-doctor .text .first .hospital span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 255px;
  }
}
.item-doctor .text .buttons {
  display: flex;
  border-top: 1px solid #E7E7E7;
  flex-direction: row !important;
}
.item-doctor .text .buttons a {
  flex: 1;
  padding: 13px;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 13px;
  font-weight: 700;
  color: #202020;
  width: fit-content;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .buttons a {
    font-size: 12px;
  }
}
.item-doctor .text .buttons a .icon-arrow-black {
  width: 15px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  display: block;
}
.item-doctor .text .buttons a:last-child {
  background-color: #0033A1;
  color: #fff;
  border-radius: 0px 0px 20px 0px;
}
@media screen and (max-width: 768px) {
  .item-doctor .text .buttons a:last-child {
    border-radius: 0px 0px 12px 0px;
  }
}
.item-doctor .text .buttons a:last-child .icon-arrow-black {
  filter: brightness(12);
}

.blog-card {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .blog-card {
    min-height: 490px;
  }
}
@media screen and (max-width: 768px) {
  .blog-card {
    min-height: 450px;
  }
}
.blog-card .image {
  height: 200px;
}
.blog-card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.blog-card .text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px 32px;
}
@media screen and (max-width: 768px) {
  .blog-card .text {
    padding: 28px 24px;
  }
}
.blog-card .text .title {
  font-size: 28px;
  font-weight: 500;
  color: #202020;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  min-height: 80px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .blog-card .text .title {
    font-size: 20px;
    min-height: 40px;
    -webkit-line-clamp: 2;
  }
}
.blog-card .text .desc {
  color: #3D3D3D;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-card .text .read-more {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #202020;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-card .text .read-more .arrow {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0);
}
.blog-card.card-two {
  background-color: #fff;
}
.blog-card.card-two .toolbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.blog-card.card-two .toolbox .category {
  background-color: #0033A1;
  color: #fff;
  padding: 6px 12px;
  border-radius: 100px;
  font-size: 9px;
  font-weight: 500;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .blog-card.card-two .toolbox .category {
    max-width: 200px;
  }
}
.blog-card.card-two .toolbox .date {
  color: #6D6D6D;
  font-size: 10px;
  font-weight: 500;
}
.blog-card.card-two .text {
  gap: 28px;
}
.blog-card.news {
  border: none;
  position: relative;
}
.blog-card.news .image {
  height: 520px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .blog-card.news .image {
    height: 440px;
  }
}
.blog-card.news .image img {
  border-radius: 12px;
}
.blog-card.news .image::after {
  background-color: rgba(0, 0, 0, 0.5019607843);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
}
.blog-card.news .date {
  position: absolute;
  top: 60px;
  left: 60px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.5);
  padding: 10px 15px;
  color: #202020;
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .blog-card.news .date {
    left: 20px;
    top: 20px;
  }
}
.blog-card.news .date strong {
  font-size: 22px;
}
.blog-card.news .text {
  position: absolute;
  bottom: 50px;
  padding: 60px;
  width: 800px;
  justify-content: end;
  height: 100%;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .blog-card.news .text {
    left: 0px;
    padding: 20px;
    bottom: 20px;
    width: 100%;
  }
}
.blog-card.news .text .title {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .blog-card.news .text .title {
    font-size: 20px;
  }
}
.blog-card.news .text .desc {
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  .blog-card.news .text .desc {
    font-size: 16px;
  }
}

.filter {
  background: #F8F8F8;
  backdrop-filter: blur(20px);
  padding: 40px;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .filter {
    padding: 16px 16px;
  }
}
.filter .inner form {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .filter .inner form {
    gap: 16px;
  }
}
.filter .inner form .form-input {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 40px;
  gap: 22px;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(20px);
  position: relative;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .filter .inner form .form-input:not(.input) {
    display: none;
  }
}
.filter .inner form .form-input input, .filter .inner form .form-input select {
  border: none;
  outline: none;
  width: 100%;
  background-color: none;
  padding: 20px 0px;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  -webkit-appearance: none;
  appearance: none;
}
.filter .inner form .form-input input::placeholder, .filter .inner form .form-input select::placeholder {
  color: #888888;
  font-style: italic;
}
.filter .inner form .form-input::after {
  width: 15px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  content: "";
  transform: rotate(90deg);
}
.filter .inner form .form-input.input::before {
  width: 16px;
  height: 16px;
  background: url(../icons/search.svg) no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0);
  content: "";
}
.filter .inner form .form-input.input::after {
  display: none;
}
.filter .inner form .form-input select {
  font-style: italic;
}
.filter .inner form .form-input .filter-dropdown {
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  left: 0px;
  background-color: #fff;
  width: 100%;
  flex-direction: column;
  gap: 9px;
  top: 80px;
  display: none;
}
.filter .inner form .form-input .filter-dropdown.letter {
  gap: 16px;
  max-height: 450px;
  overflow-y: scroll;
}
.filter .inner form .form-input .filter-dropdown .letter {
  color: #FF6B1A;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}
.filter .inner form .form-input .filter-dropdown .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.filter .inner form .form-input .filter-dropdown a {
  font-size: 16px;
  font-weight: 500;
  color: #3D3D3D;
  cursor: pointer;
}
.filter .inner form .form-input.select {
  cursor: pointer;
}
.filter .inner form .form-input.select input {
  cursor: pointer;
}
.filter .inner form .form-input.active {
  border: 1px solid #FF6B1A;
  width: 100%;
  flex: 0 0 50%;
}
.filter .inner form .form-input.active.full {
  flex: 0 0 100%;
}
@media screen and (max-width: 768px) {
  .filter .inner form .form-input.active {
    flex: 1;
  }
}
.filter .inner form .form-input.active .filter-dropdown {
  display: flex;
}
@media screen and (max-width: 768px) {
  .filter .inner form .form-input.active .filter-dropdown {
    display: none;
  }
}
.filter .inner form .filter-button {
  display: none;
}
@media screen and (max-width: 768px) {
  .filter .inner form .filter-button {
    display: block;
  }
  .filter .inner form .filter-button button {
    border: none;
    outline: none;
    background: none;
  }
  .filter .inner form .filter-button button img {
    width: 100%;
  }
}

.filter-mobile {
  background-color: #fff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 99999;
  border-radius: 24px 24px 0px 0px;
  flex-direction: column;
  gap: 16px;
  height: auto;
  display: none;
  height: auto;
  max-height: 640px;
}
.filter-mobile.active {
  display: flex;
}
.filter-mobile .filter-head {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-mobile .filter-head .name {
  font-size: 18px;
  color: #0033A1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.filter-mobile .filter-head .back {
  width: 30px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljk2MTY1IDEuNUwxLjAzODU3IDdMNi45NjE2NSAxMi41IiBzdHJva2U9IiMwMDMzQTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}
.filter-mobile .filter-head .back.active {
  display: block;
}
.filter-mobile .filter-head .close {
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 12px;
}
.filter-mobile .filter-head .close i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA2NzUgMTUuMTgyN0MxNi4xMjU2IDE1LjI0MDcgMTYuMTcxNyAxNS4zMDk3IDE2LjIwMzEgMTUuMzg1NUMxNi4yMzQ1IDE1LjQ2MTQgMTYuMjUwNyAxNS41NDI3IDE2LjI1MDcgMTUuNjI0OUMxNi4yNTA3IDE1LjcwNyAxNi4yMzQ1IDE1Ljc4ODMgMTYuMjAzMSAxNS44NjQyQzE2LjE3MTcgMTUuOTQgMTYuMTI1NiAxNi4wMDkgMTYuMDY3NSAxNi4wNjdDMTYuMDA5NSAxNi4xMjUxIDE1Ljk0MDUgMTYuMTcxMiAxNS44NjQ3IDE2LjIwMjZDMTUuNzg4OCAxNi4yMzQgMTUuNzA3NSAxNi4yNTAyIDE1LjYyNTMgMTYuMjUwMkMxNS41NDMyIDE2LjI1MDIgMTUuNDYxOSAxNi4yMzQgMTUuMzg2IDE2LjIwMjZDMTUuMzEwMiAxNi4xNzEyIDE1LjI0MTIgMTYuMTI1MSAxNS4xODMyIDE2LjA2N0wxMC4wMDAzIDEwLjg4MzVMNC44MTc1MyAxNi4wNjdDNC43MDAyNiAxNi4xODQzIDQuNTQxMiAxNi4yNTAyIDQuMzc1MzUgMTYuMjUwMkM0LjIwOTUgMTYuMjUwMiA0LjA1MDQ0IDE2LjE4NDMgMy45MzMxNiAxNi4wNjdDMy44MTU4OCAxNS45NDk4IDMuNzUgMTUuNzkwNyAzLjc1IDE1LjYyNDlDMy43NSAxNS40NTkgMy44MTU4OCAxNS4yOTk5IDMuOTMzMTYgMTUuMTgyN0w5LjExNjc1IDkuOTk5ODZMMy45MzMxNiA0LjgxNzA1QzMuODE1ODggNC42OTk3NyAzLjc1IDQuNTQwNzEgMy43NSA0LjM3NDg2QzMuNzUgNC4yMDkwMSAzLjgxNTg4IDQuMDQ5OTUgMy45MzMxNiAzLjkzMjY3QzQuMDUwNDQgMy44MTU0IDQuMjA5NSAzLjc0OTUxIDQuMzc1MzUgMy43NDk1MUM0LjU0MTIgMy43NDk1MSA0LjcwMDI2IDMuODE1NCA0LjgxNzUzIDMuOTMyNjdMMTAuMDAwMyA5LjExNjI3TDE1LjE4MzIgMy45MzI2N0MxNS4zMDA0IDMuODE1NCAxNS40NTk1IDMuNzQ5NTEgMTUuNjI1MyAzLjc0OTUxQzE1Ljc5MTIgMy43NDk1MSAxNS45NTAzIDMuODE1NCAxNi4wNjc1IDMuOTMyNjdDMTYuMTg0OCA0LjA0OTk1IDE2LjI1MDcgNC4yMDkwMSAxNi4yNTA3IDQuMzc0ODZDMTYuMjUwNyA0LjU0MDcxIDE2LjE4NDggNC42OTk3NyAxNi4wNjc1IDQuODE3MDVMMTAuODgzOSA5Ljk5OTg2TDE2LjA2NzUgMTUuMTgyN1oiIGZpbGw9IiMzRDNEM0QiLz4KPC9zdmc+Cg==");
  width: 20px;
  height: 20px;
  display: block;
}
.filter-mobile .form-input {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 40px;
  gap: 22px;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(20px);
  position: relative;
  flex: 1;
  height: 57px;
  width: 90%;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .filter-mobile .form-input:not(.input) {
    display: none;
  }
}
.filter-mobile .form-input input, .filter-mobile .form-input select {
  border: none;
  outline: none;
  width: 100%;
  background-color: none;
  padding: 20px 0px;
  border-radius: 6px;
  font-size: 14px;
  color: #000;
  -webkit-appearance: none;
  appearance: none;
  background: none;
}
.filter-mobile .form-input input::placeholder, .filter-mobile .form-input select::placeholder {
  color: #888888;
  font-style: italic;
}
.filter-mobile .form-input::after {
  width: 15px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  content: "";
  transform: rotate(90deg);
}
.filter-mobile .form-input.input::before {
  width: 16px;
  height: 16px;
  background: url(../icons/search.svg) no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0);
  content: "";
}
.filter-mobile .form-input.input::after {
  display: none;
}
.filter-mobile .form-input select {
  font-style: italic;
}
.filter-mobile .form-input.select {
  cursor: pointer;
}
.filter-mobile .form-input.select input {
  cursor: pointer;
}
.filter-mobile .form-input.active {
  border: 1px solid #FF6B1A;
  width: 100%;
  flex: 0 0 50%;
}
@media screen and (max-width: 768px) {
  .filter-mobile .form-input.active {
    flex: 1;
  }
}
.filter-mobile .form-input.active .filter-dropdown {
  display: flex;
}
.filter-mobile .filter-dropdown {
  padding: 20px;
  position: initial;
  left: 0px;
  background-color: #fff;
  width: 100%;
  flex-direction: column;
  gap: 9px;
  display: flex;
}
.filter-mobile .filter-dropdown.letter {
  gap: 16px;
  height: 450px;
  overflow-y: scroll;
  padding-bottom: 150px;
}
.filter-mobile .filter-dropdown .letter {
  color: #FF6B1A;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}
.filter-mobile .filter-dropdown .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.filter-mobile .filter-dropdown a {
  font-size: 16px;
  font-weight: 500;
  color: #3D3D3D;
  cursor: pointer;
  padding: 12px 0px;
}
.filter-mobile .filter-dropdown a.active {
  color: #18AC57;
  font-weight: 600;
}
.filter-mobile .filter-list {
  display: flex;
  flex-direction: column;
}
.filter-mobile .filter-list .filter-item .first {
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-mobile .filter-list .filter-item .first.hide {
  display: none;
}
.filter-mobile .filter-list .filter-item .first span {
  color: #0033A1;
  font-size: 14px;
  font-weight: 500;
}
.filter-mobile .filter-list .filter-item .first i {
  width: 20px;
  height: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjU1ODgyIDAuODQ3MzA5TDYuMzcxMzIgNS42NTk4MUM2LjQxNjA2IDUuNzA0NSA2LjQ1MTU2IDUuNzU3NTggNi40NzU3OCA1LjgxNkM2LjUgNS44NzQ0MyA2LjUxMjQ2IDUuOTM3MDUgNi41MTI0NiA2LjAwMDI5QzYuNTEyNDYgNi4wNjM1NCA2LjUgNi4xMjYxNiA2LjQ3NTc4IDYuMTg0NThDNi40NTE1NiA2LjI0MzAxIDYuNDE2MDYgNi4yOTYwOCA2LjM3MTMyIDYuMzQwNzhMMS41NTg4MiAxMS4xNTMzQzEuNDY4NTIgMTEuMjQzNiAxLjM0NjA0IDExLjI5NDMgMS4yMTgzMyAxMS4yOTQzQzEuMDkwNjMgMTEuMjk0MyAwLjk2ODE1MSAxMS4yNDM2IDAuODc3ODQ5IDExLjE1MzNDMC43ODc1NDcgMTEuMDYzIDAuNzM2ODE2IDEwLjk0MDUgMC43MzY4MTYgMTAuODEyOEMwLjczNjgxNiAxMC42ODUxIDAuNzg3NTQ3IDEwLjU2MjYgMC44Nzc4NDkgMTAuNDcyM0w1LjM1MDQ3IDYuMDAwMjlMMC44Nzc4NDkgMS41MjgyOEMwLjgzMzEzNiAxLjQ4MzU3IDAuNzk3NjY4IDEuNDMwNDggMC43NzM0NjkgMS4zNzIwNkMwLjc0OTI3MSAxLjMxMzY0IDAuNzM2ODE2IDEuMjUxMDMgMC43MzY4MTYgMS4xODc3OUMwLjczNjgxNiAxLjEyNDU2IDAuNzQ5MjcxIDEuMDYxOTUgMC43NzM0NjkgMS4wMDM1M0MwLjc5NzY2OCAwLjk0NTEwNSAwLjgzMzEzNiAwLjg5MjAyMiAwLjg3Nzg0OSAwLjg0NzMwOUMwLjkyMjU2MiAwLjgwMjU5NiAwLjk3NTY0NCAwLjc2NzEyOSAxLjAzNDA2IDAuNzQyOTNDMS4wOTI0OSAwLjcxODczMiAxLjE1NTEgMC43MDYyNzYgMS4yMTgzMyAwLjcwNjI3NkMxLjI4MTU3IDAuNzA2Mjc2IDEuMzQ0MTggMC43MTg3MzIgMS40MDI2IDAuNzQyOTNDMS40NjEwMiAwLjc2NzEyOSAxLjUxNDExIDAuODAyNTk2IDEuNTU4ODIgMC44NDczMDlaIiBmaWxsPSIjMTQyOTRDIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.filter-mobile .filter-list .filter-item .item-inner {
  display: none;
}
.filter-mobile .filter-list .filter-item .item-inner .form-input {
  margin-bottom: 20px;
}
.filter-mobile .filter-list .filter-item .item-inner.active {
  display: block;
}
.filter-mobile .filter-list .filter-item.hide {
  display: none;
}
.filter-mobile .filter-list .filter-item.active .first {
  display: none;
}
.filter-mobile .filter-list .filter-item.active .item-inner {
  display: block;
}
.filter-mobile .apply {
  padding: 0px 16px;
  padding-bottom: 24px;
}
.filter-mobile .apply span {
  background-color: #D1D1D1;
  display: block;
  color: #888888;
  padding: 17px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  border-radius: 86px;
}
.filter-mobile .apply.active span {
  background-color: #0033A1;
  color: #fff;
}

.categories {
  background-color: #F8F8F8;
  padding: 20px 0px;
  position: sticky;
  z-index: 999;
  top: 130px;
}
@media screen and (max-width: 768px) {
  .categories {
    top: 140px;
    padding: 32px 0px;
  }
  .categories.fixed {
    top: 70px;
  }
  .categories.fixed.upFixed {
    top: 140px;
  }
}
.categories .mobile-heading {
  display: none;
  align-items: center;
  padding: 13px 20px;
  justify-content: space-between;
  color: #888888;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .categories .mobile-heading {
    display: flex;
  }
}
.categories .mobile-heading::after {
  width: 10px;
  height: 6px;
  background: url(../icons/arrow.svg) no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0);
  display: block;
  content: "";
}
.categories .list {
  display: flex;
  align-items: center;
  border: 1px solid #E7E7E7;
  background-color: #fff;
  border-radius: 100px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .categories .list {
    border: 1px solid #E7E7E7;
    box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    flex-direction: column;
    padding: 12px;
    margin-top: 8px;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .categories .list {
    width: fit-content;
  }
}
.categories .list span, .categories .list a {
  padding: 13px 22px;
  flex: 0 0 auto;
  font-size: 15px;
  color: #4F4F4F;
  font-weight: 500;
  border-right: 1px solid #E7E7E7;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer !important;
}
@media screen and (min-width: 768px) {
  .categories .list span.active, .categories .list a.active {
    background-color: #0033A1;
    color: #fff;
    border-color: #0033A1;
  }
  .categories .list span:first-child.active, .categories .list a:first-child.active {
    border-radius: 20px 0px 0px 20px;
  }
  .categories .list span:last-child.active, .categories .list a:last-child.active {
    border-radius: 0px 20px 20px 0px;
  }
}
.categories .list span:last-child, .categories .list a:last-child {
  border: none;
}
@media screen and (max-width: 768px) {
  .categories .list span, .categories .list a {
    border: none;
    padding: 12px 0px;
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 500;
    align-items: start;
    justify-content: start;
    width: 100%;
  }
  .categories .list span::before, .categories .list a::before {
    display: none;
  }
}
.categories .list.bullet-none span, .categories .list.bullet-none a {
  flex: auto;
}
.categories .list.bullet-none span::before, .categories .list.bullet-none a::before {
  display: none;
}
.categories .form-input {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  gap: 22px;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 768px) {
  .categories .form-input {
    display: flex;
  }
}
.categories .form-input select {
  border: none;
  outline: none;
  width: 100%;
  background-color: none;
  padding: 13px 0px;
  font-style: italic;
  border-radius: 6px;
  font-size: 14px;
  color: #888888;
  -webkit-appearance: none;
  appearance: none;
}
.categories .form-input select::placeholder {
  color: #888888;
}
.categories .form-input::after {
  width: 15px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  display: block;
  background-position: center;
  content: "";
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .categories.rehber .container {
    max-width: 100%;
    padding: 0px;
    padding-left: 5%;
  }
  .categories.rehber .list {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: 100px 0px 0px 100px;
  }
  .categories.rehber .list::-webkit-scrollbar {
    display: none;
  }
  .categories.rehber .list a {
    flex: 0 0 auto;
  }
  .categories.rehber .list a:last-child {
    border-radius: 0px 100px 100px 0px;
  }
}
@media screen and (max-width: 768px) {
  .categories.active .list {
    display: flex;
  }
  .categories.active .mobile-heading::after {
    transform: rotate(180deg);
  }
}

.accordion .item {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .accordion .item {
    gap: 32px;
    padding: 20px;
  }
}
.accordion .item .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion .item .heading span {
  font-size: 24px;
  font-weight: 500;
  color: #0033A1;
}
@media screen and (max-width: 768px) {
  .accordion .item .heading span {
    font-size: 18px;
  }
}
.accordion .item .heading::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05Ljc5MTA3IDYuMjgwNjJDMTAuMDY5NiA1Ljk4NzE5IDEwLjA2OTYgNS41MTI4MSA5Ljc5MTA3IDUuMjE5MzdMNS41MDUzNiAwLjcxOTM3NUM1LjIyNjc5IDAuNDI2ODc1IDQuNzc0MTEgMC40MjY4NzUgNC40OTU1NCAwLjcxOTM3NUwwLjIwODkyOCA1LjIxOTM3QzAuMDY5NjQyMiA1LjM2NTYyIDguMjM2ODZlLTA4IDUuNTU3ODEgNi41NTY3MWUtMDggNS43NUM0Ljg3NjU1ZS0wOCA1Ljk0MjE5IDAuMDY5NjQyMSA2LjEzMzQ0IDAuMjA4OTI4IDYuMjgwNjJDMC4zNDgyMTQgNi40Mjc4MSAwLjUzMTI1IDYuNSAwLjcxNDI4NiA2LjVMOS4yODU3MSA2LjVDOS40Njg3NSA2LjUgOS42NTA4OSA2LjQyNjg3IDkuNzkxMDcgNi4yODA2MloiIGZpbGw9IiMwMDMzQTEiLz4KPC9zdmc+Cg==");
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-position: center;
  transform: rotate(180deg);
  transition: all 0.4s;
}
.accordion .item .body {
  display: none;
}
.accordion .item.active .heading::after {
  transform: rotate(0deg);
}
.accordion .item.active .body {
  display: block;
}

.meeting-form {
  position: relative;
}
.meeting-form .form-inner .form-box {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(20px);
  border-radius: 12px;
  padding: 100px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 611px;
  position: absolute;
  right: 70px;
  width: 879px;
}
@media screen and (max-width: 768px) {
  .meeting-form .form-inner .form-box {
    padding: 32px;
    width: 343px;
    height: 559px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.meeting-form .form-inner .form-box .title {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .meeting-form .form-inner .form-box .title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
.meeting-form .form-inner .form-box form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.meeting-form .form-inner .form-box form .first {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .meeting-form .form-inner .form-box form .first {
    flex-direction: column;
  }
}
.meeting-form .form-inner .form-box form .first .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  position: relative;
}
.meeting-form .form-inner .form-box form .first .form-group.active .input-dropdown {
  display: flex;
}
.meeting-form .form-inner .form-box form .first .form-group .input-dropdown {
  padding: 20px;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  display: none;
  flex-direction: column;
  background: #fff;
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 100px;
}
.meeting-form .form-inner .form-box form .first .form-group .input-dropdown span {
  padding: 9px 0px;
  font-size: 16px;
  color: #3D3D3D;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .meeting-form .form-inner .form-box form .first .form-group .input-dropdown span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .meeting-form .form-inner .form-box form .first .form-group {
    width: 100%;
  }
}
.meeting-form .form-inner .form-box form .first .form-group label {
  color: #14294C;
  font-size: 14px;
  font-weight: 600;
}
.meeting-form .form-inner .form-box form .first .form-group input, .meeting-form .form-inner .form-box form .first .form-group textarea {
  border: 1px solid #E7E7E7;
  padding: 14px 16px;
  color: #14294C;
  font-size: 14px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #fff;
  outline: none;
}
.meeting-form .form-inner .form-box form .first .form-group input::placeholder, .meeting-form .form-inner .form-box form .first .form-group textarea::placeholder {
  color: #4F4F4F;
  font-style: italic;
}
.meeting-form .form-inner .form-box form .first .form-group.error label {
  color: #dc3545;
}
.meeting-form .form-inner .form-box form .first .form-group.error input {
  border-color: #dc3545;
}
.meeting-form .form-inner .form-box form .first .form-group.error input::placeholder {
  color: #dc3545;
}
.meeting-form .form-inner .form-box form .first .form-group.error .error-text {
  color: #dc3545;
  font-size: 14px;
}
.meeting-form .form-inner .form-box form .checkboxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 580px;
}
.meeting-form .form-inner .form-box form .checkboxes .item {
  display: flex;
  gap: 8px;
}
.meeting-form .form-inner .form-box form .checkboxes .item .checkbox-group {
  position: relative;
}
.meeting-form .form-inner .form-box form .checkboxes .item .checkbox-group input {
  display: none;
}
.meeting-form .form-inner .form-box form .checkboxes .item .checkbox-group label {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  cursor: pointer;
}
.meeting-form .form-inner .form-box form .checkboxes .item .checkbox-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #202020;
  margin: 0px auto;
  margin-top: 1px;
  border-radius: 5px;
}
.meeting-form .form-inner .form-box form .checkboxes .item span {
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.meeting-form .form-inner .form-box form .checkboxes .item span a {
  text-decoration: underline;
  color: #202020;
}
.meeting-form .success-randevu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .meeting-form .success-randevu {
    text-align: center;
  }
}
.meeting-form .success-randevu .title {
  font-size: 58px;
  color: #18AC57;
  font-weight: 500;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  .meeting-form .success-randevu .title {
    font-size: 24px;
  }
}
.meeting-form .success-randevu .desc {
  font-size: 18px;
  color: #3D3D3D;
  margin-bottom: 20px;
  text-align: center;
}
.meeting-form.review .title {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.meeting-form.review .title span {
  font-size: 18px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .title span {
    font-size: 16px;
  }
}
.meeting-form.review .form-box {
  height: 770px;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .form-box {
    height: 650px;
  }
}
.meeting-form.review .review-card {
  padding: 32px;
  border: 1px solid #F8F8F8;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .review-card {
    gap: 20px;
    padding: 24px;
  }
}
.meeting-form.review .review-card .heading {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  color: #0033A1;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .review-card .heading {
    font-size: 16px;
  }
}
.meeting-form.review .review-card .heading .image {
  width: 48px;
  height: 48px;
  background-color: #F8F8F8;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meeting-form.review .review-card .content {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .review-card .content {
    font-size: 12px;
  }
}
.meeting-form.review .arrows {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .meeting-form.review .arrows {
    display: flex;
  }
}
.meeting-form.review .arrows .swiper-pagination {
  position: inherit;
}
.meeting-form.review .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.meeting-form.review .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.meeting-form.review .arrows a {
  display: block;
  cursor: pointer;
}
.meeting-form.review .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meeting-form.review .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.meeting-form.review .arrows a.prev span::after {
  transform: rotate(180deg);
}

.faq {
  padding-top: 100px;
}
.faq .title {
  color: #0033A1;
  text-align: center;
  font-size: 58px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .faq .title {
    font-size: 32px;
  }
}
.faq .filter {
  margin-bottom: 60px;
}
.faq .filter .active {
  flex: 0 0 100% !important;
}
.faq .filter .active::before {
  background: url("../icons/search-focused.svg") no-repeat !important;
  filter: none !important;
  background-size: contain !important;
}
@media screen and (max-width: 768px) {
  .faq .filter {
    margin-bottom: 48px;
  }
}
.faq .list-categories {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 60px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .faq .list-categories {
    overflow-x: scroll;
    justify-content: start;
  }
}
.faq .list-categories a {
  padding: 12px;
  display: block;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  color: #5D5D5D;
  font-size: 14px;
  cursor: pointer;
}
.faq .list-categories a.active {
  border-color: #0033A1;
  color: #18AC57;
}
@media screen and (max-width: 768px) {
  .faq .list-categories a {
    flex: 0 0 auto;
    font-size: 13px;
    padding: 12px 16px;
  }
}
.faq .accordion {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .faq .accordion {
    margin-bottom: 48px;
  }
}
.faq .accordion .item {
  border: none;
  gap: 12px;
  border-bottom: 1px solid #E7E7E7;
  box-shadow: none;
  border-radius: 0px;
}
.faq .accordion .item .heading span {
  color: #202020;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .faq .accordion .item .heading span {
    font-size: 16px;
  }
}
.faq .accordion .item .heading::after {
  filter: brightness(0);
}
.faq .accordion .item .body p {
  font-size: 14px;
  font-weight: 400;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .faq .accordion .item .body p {
    font-size: 12px;
  }
}

/* Pages */
.homepage-slider {
  position: relative;
}
.homepage-slider .image {
  position: relative;
}
@media screen and (max-width: 768px) {
  .homepage-slider .image {
    height: 620px;
  }
  .homepage-slider .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.homepage-slider .image::before {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
}
.homepage-slider .swiper-absolute {
  position: absolute;
  top: 30%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .homepage-slider .swiper-absolute {
    height: 100%;
    display: flex;
    align-items: center;
    top: 0px;
  }
}
.homepage-slider .swiper-absolute .slider-card {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media screen and (max-width: 768px) {
  .homepage-slider .swiper-absolute .slider-card {
    gap: 20px;
  }
}
.homepage-slider .swiper-absolute .slider-card .text {
  color: #FFFFFF;
  font-size: 64px;
  font-weight: 600;
  width: 750px;
  line-height: 120%;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 768px) {
  .homepage-slider .swiper-absolute .slider-card .text {
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -0.04em;
    width: 340px;
  }
}
.homepage-slider .swiper-absolute .slider-card .button {
  width: fit-content;
}
.homepage-slider .swiper-absolute .arrows {
  position: relative;
  display: flex;
  align-items: center;
  gap: 60px;
  position: absolute;
  right: 50px;
  bottom: 50px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .homepage-slider .swiper-absolute .arrows {
    right: 20px;
    bottom: 40px;
  }
}
.homepage-slider .swiper-absolute .arrows .buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 60px;
  position: relative;
  z-index: 999;
}
.homepage-slider .swiper-absolute .arrows .swiper-pagination {
  position: inherit;
  bottom: auto;
  text-align: left;
}
.homepage-slider .swiper-absolute .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
.homepage-slider .swiper-absolute .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.homepage-slider .swiper-absolute .arrows a {
  display: block;
  cursor: pointer;
}
.homepage-slider .swiper-absolute .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: transparent;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-slider .swiper-absolute .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
  filter: brightness(0);
}
.homepage-slider .swiper-absolute .arrows a.disabled span {
  border-color: #fff;
}
.homepage-slider .swiper-absolute .arrows a.disabled span::after {
  filter: brightness(12);
}
.homepage-slider .swiper-absolute .arrows a.prev span::after {
  transform: rotate(180deg);
}

.homepage-links {
  margin-top: -250px;
  position: relative;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .homepage-links {
    margin-top: 20px;
  }
}
.homepage-links .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 130px;
}
@media screen and (max-width: 768px) {
  .homepage-links .inner {
    flex-direction: column;
    gap: 32px;
  }
}
.homepage-links .first {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .homepage-links .first {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.homepage-links .first .item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
  border-radius: 12px;
  width: 172px;
  height: 200px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .homepage-links .first .item {
    padding: 32px 20px;
    border: 1px solid #E7E7E7;
    background: none;
  }
}
.homepage-links .first .item .text {
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 120%;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 768px) {
  .homepage-links .first .item .text {
    font-size: 18px;
    color: #0033A1;
  }
}
.homepage-links .first .item .image {
  display: flex;
  justify-content: space-between;
}
.homepage-links .first .item .image object {
  filter: brightness(12);
}
@media screen and (max-width: 768px) {
  .homepage-links .first .item .image object {
    width: 38px;
    height: 38px;
    filter: none;
  }
}
.homepage-links .first .item .image::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjIwNzExIDEuODk5NDlMNy43OTI4OSA4LjQ4NTI4QzguNDIyODYgOS4xMTUyNCA5LjUgOC42NjkwNyA5LjUgNy43NzgxN1YxLjE5MjM4QzkuNSAwLjY0MDA5OCA5LjA1MjI4IDAuMTkyMzgzIDguNSAwLjE5MjM4M0gxLjkxNDIxQzEuMDIzMzEgMC4xOTIzODMgMC41NzcxNDEgMS4yNjk1MiAxLjIwNzExIDEuODk5NDlaIiBmaWxsPSIjMThBQzU3Ii8+Cjwvc3ZnPgo=");
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background-size: cover;
  filter: brightness(12);
}
@media screen and (max-width: 768px) {
  .homepage-links .first .item .image::after {
    filter: none;
  }
}
@media screen and (min-width: 768px) {
  .homepage-links .first .item:hover {
    background-color: #fff;
  }
  .homepage-links .first .item:hover .image object {
    filter: none;
  }
  .homepage-links .first .item:hover .image::after {
    filter: none;
  }
  .homepage-links .first .item:hover .text {
    color: #0033A1;
  }
}
.homepage-links .last {
  background-color: #0033A1;
  display: flex;
  padding-left: 20px;
  padding-top: 20px;
  border-radius: 12px;
  align-items: end;
  gap: 10px;
}
.homepage-links .last .image img {
  border-radius: 0px 0px 12px 0px;
}
@media screen and (max-width: 768px) {
  .homepage-links .last .image img {
    margin-bottom: 0px;
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .homepage-links .last .text {
    flex: 1;
  }
}
.homepage-links .last .text span {
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .homepage-links .last .text span {
    line-height: 20px;
    display: block;
  }
}
.homepage-links .last .text a {
  padding: 13px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}
.homepage-links .last .text a .arrow {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-right.svg") no-repeat;
  background-size: contain;
  display: block;
}

.homepage-hospitals {
  background-color: #F8F8F8;
  padding: 120px 0px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals {
    padding: 80px 0px;
  }
}
.homepage-hospitals .inner {
  display: flex;
  gap: 50px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner {
    flex-direction: column;
  }
}
.homepage-hospitals .inner .text {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text {
    gap: 48px;
  }
}
.homepage-hospitals .inner .text .heading {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text .heading {
    gap: 32px;
  }
}
.homepage-hospitals .inner .text .heading .title {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text .heading .title {
    font-size: 32px;
  }
}
.homepage-hospitals .inner .text .heading .desc {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.homepage-hospitals .inner .text .heading .desc .button {
  width: fit-content;
}
.homepage-hospitals .inner .text .heading .desc p {
  color: #3D3D3D;
  font-size: 18px;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text .heading .desc p {
    font-size: 16px;
  }
}
.homepage-hospitals .inner .text .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.homepage-hospitals .inner .text .list .item {
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 18px 14px -20px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text .list .item {
    justify-content: space-between;
    padding: 12px;
  }
}
.homepage-hospitals .inner .text .list .item .name {
  color: #FF6B1A;
  font-size: 42px;
  font-weight: 700;
}
.homepage-hospitals .inner .text .list .item .desc {
  font-size: 20px;
  font-weight: 500;
  color: #0033A1;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .text .list .item .desc {
    font-size: 16px;
  }
}
.homepage-hospitals .inner .swiper-area {
  width: 640px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area {
    width: 90%;
  }
}
.homepage-hospitals .inner .swiper-area .swiper-item {
  position: relative;
}
.homepage-hospitals .inner .swiper-area .swiper-item .image {
  width: 100%;
  height: 460px;
  border-radius: 12px;
  position: relative;
}
.homepage-hospitals .inner .swiper-area .swiper-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.homepage-hospitals .inner .swiper-area .swiper-item .image::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  position: absolute;
}
.homepage-hospitals .inner .swiper-area .swiper-item .info {
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: absolute;
  bottom: 40px;
  left: 33px;
  height: 100%;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area .swiper-item .info {
    left: 16px;
    bottom: 16px;
  }
}
.homepage-hospitals .inner .swiper-area .swiper-item .info .first {
  display: flex;
  flex-direction: column;
  width: 377px;
  gap: 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area .swiper-item .info .first {
    width: 100%;
  }
}
.homepage-hospitals .inner .swiper-area .swiper-item .info .first .name {
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area .swiper-item .info .first .name {
    font-size: 20px;
  }
}
.homepage-hospitals .inner .swiper-area .swiper-item .info .first .desc {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area .swiper-item .info .first .desc {
    font-size: 14px;
  }
}
.homepage-hospitals .inner .swiper-area .swiper-item .info .last {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .homepage-hospitals .inner .swiper-area .swiper-item .info .last {
    flex-wrap: wrap;
  }
}
.homepage-hospitals .inner .swiper-area .arrows {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}
.homepage-hospitals .inner .swiper-area .arrows .swiper-pagination {
  position: inherit;
  margin-top: 20px;
}
.homepage-hospitals .inner .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.homepage-hospitals .inner .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.homepage-hospitals .inner .swiper-area .arrows a {
  display: block;
  cursor: pointer;
}
.homepage-hospitals .inner .swiper-area .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-hospitals .inner .swiper-area .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.homepage-hospitals .inner .swiper-area .arrows a.prev span::after {
  transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  .homepage-filter .form-box {
    height: fit-content !important;
    width: 90% !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage-filter .form-box .title {
    gap: 12px;
  }
}
.homepage-filter .info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.homepage-filter .info .filter {
  padding: 0px;
  background: none;
  backdrop-filter: inherit;
}
.homepage-filter .info .filter .form-input.input {
  flex: 0 0 100%;
  width: 100%;
}
.homepage-filter .info .tags {
  gap: 20px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .homepage-filter .info .tags {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-bottom: 0px;
  }
}
.homepage-filter .info .tags a {
  padding: 16px;
  font-size: 14px;
  color: #FF6B1A;
  border: 1px solid #FF6B1A;
  background-color: #fff;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .homepage-filter .info .tags a {
    width: 100%;
    text-align: center;
  }
}
.homepage-filter .info .button {
  width: fit-content;
}

.homepage-library {
  padding: 100px 0px;
}
@media screen and (max-width: 768px) {
  .homepage-library {
    padding: 80px 0px;
  }
}
.homepage-library .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.homepage-library .heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.homepage-library .heading .title {
  display: flex;
  flex-direction: column;
  color: #0033A1;
  font-weight: 500;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .homepage-library .heading .title {
    font-size: 22px;
  }
}
.homepage-library .heading .title strong {
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .homepage-library .heading .title strong {
    font-size: 32px;
  }
}
.homepage-library .heading .right {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .homepage-library .heading .right {
    display: none;
  }
}
.homepage-library .listing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .homepage-library .listing {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homepage-library .listing .item {
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.homepage-library .listing .item .image {
  height: 484px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .homepage-library .listing .item .image {
    height: 240px;
  }
}
.homepage-library .listing .item .image img {
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.homepage-library .listing .item .text {
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
  position: absolute;
  bottom: 60px;
  gap: 40px;
  color: #FFFFFF;
  text-align: center;
  z-index: 9;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .homepage-library .listing .item .text {
    gap: 20px;
    bottom: 0px;
    height: 100%;
    justify-content: center;
  }
}
.homepage-library .listing .item .text strong {
  font-size: 38px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .homepage-library .listing .item .text strong {
    font-size: 32px;
  }
}
.homepage-library .listing .item .text span {
  font-size: 18px;
  display: none;
}
@media screen and (max-width: 768px) {
  .homepage-library .listing .item .text span {
    display: block;
  }
}
.homepage-library .listing .item::after {
  background-color: rgba(0, 0, 0, 0.3019607843);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  content: "";
}
.homepage-library .listing .item:hover .text span {
  display: block;
}

.homepage-blog {
  padding: 100px 0px;
}
@media screen and (max-width: 768px) {
  .homepage-blog {
    padding: 80px 0px;
  }
}
.homepage-blog.latest-news .heading {
  margin-bottom: 60px;
}
.homepage-blog.medical-blog {
  background-color: #F8F8F8;
}
.homepage-blog.medical-blog .heading .title {
  gap: 32px;
}
.homepage-blog.medical-blog .heading span {
  font-size: 16px;
  color: #3D3D3D;
}
.homepage-blog.medical-blog .blog-card {
  background-color: #fff;
}
.homepage-blog.bg {
  background: radial-gradient(70.83% 223.38% at 34.9% 29.17%, #0063A1 0%, #0033A1 100%);
}
.homepage-blog.bg .heading .title {
  color: #fff;
}
.homepage-blog.bg .swiper-pagination-bullet {
  background-color: #fff !important;
}
.homepage-blog.bg .arrows a span {
  background-color: #fff;
}
.homepage-blog.bg .arrows a span::after {
  filter: brightness(0);
}
.homepage-blog.bg .arrows a.disabled span {
  border-color: #fff;
}
.homepage-blog.bg .arrows a.disabled span::after {
  filter: brightness(12);
}
.homepage-blog.bg .blog-card {
  border: none;
}
.homepage-blog .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.homepage-blog .heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.homepage-blog .heading .title {
  display: flex;
  flex-direction: column;
  color: #0033A1;
  font-weight: 500;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .homepage-blog .heading .title {
    font-size: 22px;
  }
}
.homepage-blog .heading .title strong {
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .homepage-blog .heading .title strong {
    font-size: 32px;
  }
}
.homepage-blog .heading .right {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .homepage-blog .heading .right {
    display: none;
  }
}
.homepage-blog .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .homepage-blog .arrows {
    display: flex;
  }
}
.homepage-blog .arrows.desktop {
  display: flex;
  margin-top: 0px;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .homepage-blog .arrows.desktop {
    display: none;
  }
}
.homepage-blog .arrows .swiper-pagination {
  position: inherit;
}
.homepage-blog .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.homepage-blog .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.homepage-blog .arrows a {
  display: block;
  cursor: pointer;
}
.homepage-blog .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-blog .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.homepage-blog .arrows a.prev span::after {
  transform: rotate(180deg);
}

.main {
  padding: 80px 0px;
}
@media screen and (max-width: 768px) {
  .main {
    padding: 40px 0px;
  }
}
.main.doctor .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .main.doctor .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.doctor .button-more {
  margin-top: 60px;
}
.main.doctor .button-more a {
  width: fit-content;
  margin: 0px auto;
}
.main.doctor-detail {
  padding-bottom: 0px;
}
.main.doctor-detail .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main.doctor-detail .hero .doctor-information {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .doctor-information {
    flex-direction: row;
    gap: 16px;
    margin-bottom: 32px;
  }
}
.main.doctor-detail .hero .doctor-information .image {
  height: 305px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .doctor-information .image {
    height: 105px;
    width: 114px;
  }
}
.main.doctor-detail .hero .doctor-information .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.doctor-detail .hero .doctor-information .info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main.doctor-detail .hero .doctor-information .info .name {
  color: #0033A1;
  font-size: 28px;
  font-weight: 500;
  width: 250px;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .doctor-information .info .name {
    width: 100%;
    font-size: 20px;
  }
}
.main.doctor-detail .hero .doctor-information .info .dean {
  font-size: 13px;
  color: #0033A1;
  font-weight: 600;
  margin-bottom: 4px;
}
.main.doctor-detail .hero .doctor-information .info .title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.main.doctor-detail .hero .doctor-information .info .title span {
  color: #3D3D3D;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .doctor-information .info .title span {
    font-size: 12px;
  }
}
.main.doctor-detail .hero .doctor-information .info .title span::after {
  width: 6px;
  height: 6px;
  background: #D1D1D1;
  border-radius: 100%;
  content: "";
  display: block;
}
.main.doctor-detail .hero .doctor-information .info .title span:last-child::after {
  display: none;
}
.main.doctor-detail .hero .doctor-information .info .title.dean span {
  font-size: 13px;
  color: #454545;
}
.main.doctor-detail .hero .info-tab-content .heading {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #E7E7E7;
}
.main.doctor-detail .hero .info-tab-content .heading span {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #4F4F4F;
  border-bottom: 1px solid transparent;
  padding-bottom: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .info-tab-content .heading span {
    flex-direction: column;
    font-size: 14px;
    gap: 12px;
  }
}
.main.doctor-detail .hero .info-tab-content .heading span img {
  filter: brightness(0);
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .info-tab-content .heading span img {
    width: 20px;
    height: 20px;
  }
}
.main.doctor-detail .hero .info-tab-content .heading span.active {
  color: #0033A1;
  border-color: #0033A1;
}
.main.doctor-detail .hero .info-tab-content .heading span.active img {
  filter: brightness(1);
}
.main.doctor-detail .hero .info-tab-content .content {
  padding-top: 40px;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item {
  display: none;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item.active {
  display: block;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours {
  background-color: #F8F8F8;
  border-radius: 12px;
  padding: 32px;
  display: flex;
  gap: 40px;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours {
    flex-direction: column;
    padding: 0px 16px;
  }
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours {
  width: 100%;
  padding: 28px 0px;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .heading-hours {
  font-size: 16px;
  font-weight: 500;
  color: #202020;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 23px;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time {
  background: #FFFFFF;
  border: none;
  outline: none;
  color: #B0B0B0;
  font-size: 16px;
  font-weight: 500;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: all 0.4s;
  color: #FF6B1A;
  border-color: #FF6B1A;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time.selected {
  background-color: #FF6B1A;
  color: #fff;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time.disabled {
  cursor: no-drop;
  border-color: transparent;
  color: #B0B0B0;
}
.main.doctor-detail .hero .info-tab-content .content .tab-item .inner-hours .hours .blue {
  width: fit-content;
  float: right;
  padding: auto 30px;
}
.main.doctor-detail .hero .success-randevu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .success-randevu {
    text-align: center;
  }
}
.main.doctor-detail .hero .success-randevu .title {
  font-size: 58px;
  color: #18AC57;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .success-randevu .title {
    font-size: 24px;
  }
}
.main.doctor-detail .hero .success-randevu .desc {
  font-size: 18px;
  color: #3D3D3D;
  margin-bottom: 20px;
  text-align: center;
}
.main.doctor-detail .hero .form-box {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .form-box {
    padding: 32px;
  }
}
.main.doctor-detail .hero .form-box .title {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .form-box .title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
.main.doctor-detail .hero .form-box form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.doctor-detail .hero .form-box form .first {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .form-box form .first {
    flex-direction: column;
  }
}
.main.doctor-detail .hero .form-box form .first .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 0 50%;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .form-box form .first .form-group {
    width: 100%;
  }
}
.main.doctor-detail .hero .form-box form .first .form-group label {
  color: #14294C;
  font-size: 14px;
  font-weight: 600;
}
.main.doctor-detail .hero .form-box form .first .form-group input {
  border: 1px solid #E7E7E7;
  padding: 14px 16px;
  color: #14294C;
  font-size: 14px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #fff;
  outline: none;
}
.main.doctor-detail .hero .form-box form .first .form-group input::placeholder {
  color: #4F4F4F;
  font-style: italic;
}
.main.doctor-detail .hero .form-box form .first .form-group.error label {
  color: #dc3545;
}
.main.doctor-detail .hero .form-box form .first .form-group.error input {
  border-color: #dc3545;
}
.main.doctor-detail .hero .form-box form .first .form-group.error input::placeholder {
  color: #dc3545;
}
.main.doctor-detail .hero .form-box form .first .form-group.error .error-text {
  color: #dc3545;
  font-size: 14px;
}
.main.doctor-detail .hero .form-box form .checkboxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 580px;
}
.main.doctor-detail .hero .form-box form .checkboxes .item {
  display: flex;
  gap: 8px;
}
.main.doctor-detail .hero .form-box form .checkboxes .item .checkbox-group {
  position: relative;
}
.main.doctor-detail .hero .form-box form .checkboxes .item .checkbox-group input {
  display: none;
}
.main.doctor-detail .hero .form-box form .checkboxes .item .checkbox-group label {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  cursor: pointer;
}
.main.doctor-detail .hero .form-box form .checkboxes .item .checkbox-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #202020;
  margin: 0px auto;
  margin-top: 1px;
  border-radius: 5px;
}
.main.doctor-detail .hero .form-box form .checkboxes .item span {
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.main.doctor-detail .hero .form-box form .checkboxes .item span a {
  text-decoration: underline;
  color: #202020;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .hero .form-box form .submit-button {
    display: flex;
    justify-content: end;
  }
}
.main.doctor-detail .accordion {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion {
    gap: 20px;
    margin-bottom: 80px;
  }
}
.main.doctor-detail .accordion .tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .tags {
    flex-direction: column;
    gap: 16px;
  }
}
.main.doctor-detail .accordion .tags a {
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #FF6B1A;
  border: 1px solid #FF6B1A;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .tags a {
    width: 100%;
  }
}
.main.doctor-detail .accordion .listing {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.doctor-detail .accordion .listing.list-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.main.doctor-detail .accordion .listing.list-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.main.doctor-detail .accordion .listing span {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.main.doctor-detail .accordion .listing span::before {
  width: 6px;
  height: 6px;
  display: block;
  background: #D1D1D1;
  border-radius: 100%;
  content: "";
  flex-shrink: 0;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .listing {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
  }
}
.main.doctor-detail .accordion .hospitals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .hospitals {
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
  }
}
.main.doctor-detail .accordion .hospitals a {
  position: relative;
}
.main.doctor-detail .accordion .hospitals a::before {
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 52, 163, 0.4);
}
.main.doctor-detail .accordion .hospitals a .text {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .hospitals a .text {
    font-size: 18px;
    padding: 0px 20px;
    padding-bottom: 40px;
  }
}
.main.doctor-detail .accordion .hospitals a .image {
  height: 260px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .hospitals a .image {
    height: 240px;
  }
}
.main.doctor-detail .accordion .hospitals a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.doctor-detail .accordion .swiper-component .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .swiper-component .arrows {
    display: flex;
  }
}
.main.doctor-detail .accordion .swiper-component .arrows .swiper-pagination {
  position: inherit;
}
.main.doctor-detail .accordion .swiper-component .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.doctor-detail .accordion .swiper-component .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.doctor-detail .accordion .swiper-component .arrows a {
  display: block;
}
.main.doctor-detail .accordion .swiper-component .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.doctor-detail .accordion .swiper-component .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.doctor-detail .accordion .swiper-component .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.doctor-detail .accordion .education {
  display: flex;
  flex-direction: column;
}
.main.doctor-detail .accordion .education .ed-item {
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .education .ed-item {
    flex-direction: column;
    padding-bottom: 24px;
    align-items: start;
  }
}
.main.doctor-detail .accordion .education .ed-item::before {
  content: "";
  background-color: #FF6B1A;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 0px;
}
.main.doctor-detail .accordion .education .ed-item::after {
  content: "";
  background-color: #FF6B1A;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 4.4px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .education .ed-item::after {
    margin-top: 10px;
  }
}
.main.doctor-detail .accordion .education .ed-item .date {
  width: 120px;
  font-size: 16px;
  font-weight: 700;
  color: #FF6B1A;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .education .ed-item .date {
    font-size: 14px;
    width: auto;
  }
}
.main.doctor-detail .accordion .education .ed-item .text {
  font-size: 16px;
  color: #3D3D3D;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .accordion .education .ed-item .text {
    font-size: 14px;
  }
}
.main.doctor-detail .accordion .education .ed-item:last-child::after {
  display: none;
}
.main.doctor-detail .latest-blog {
  padding: 100px 0px;
  background-color: #F8F8F8;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog {
    padding: 80px 0px;
  }
}
.main.doctor-detail .latest-blog .heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.main.doctor-detail .latest-blog .heading .title {
  display: flex;
  flex-direction: column;
  color: #0033A1;
  font-weight: 500;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog .heading .title {
    font-size: 22px;
  }
}
.main.doctor-detail .latest-blog .heading .title strong {
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog .heading .title strong {
    font-size: 32px;
  }
}
.main.doctor-detail .latest-blog .heading .right {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog .heading .right {
    display: none;
  }
}
.main.doctor-detail .latest-blog .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog .arrows {
    display: flex;
  }
}
.main.doctor-detail .latest-blog .arrows.desktop {
  display: flex;
  margin-top: 0px;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .main.doctor-detail .latest-blog .arrows.desktop {
    display: none;
  }
}
.main.doctor-detail .latest-blog .arrows .swiper-pagination {
  position: inherit;
}
.main.doctor-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.doctor-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.doctor-detail .latest-blog .arrows a {
  display: block;
  cursor: pointer;
}
.main.doctor-detail .latest-blog .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.doctor-detail .latest-blog .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.doctor-detail .latest-blog .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.doctor-detail .meeting-form .form-box {
  height: max-content;
}

.main.tibbi .listing {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi .listing {
    margin-bottom: 48px;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: start;
  }
}
.main.tibbi .listing span {
  padding: 12px 16px;
  text-align: center;
  color: #5D5D5D;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  flex: 0 0 auto;
  cursor: pointer;
}
.main.tibbi .listing span.all, .main.tibbi .listing span.active {
  color: #18AC57;
  border-color: #0033A1;
}
@media screen and (max-width: 768px) {
  .main.tibbi .listing span {
    font-size: 13px;
  }
}
.main.tibbi .letters {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi .letters {
    flex-direction: column;
    gap: 48px;
  }
}
.main.tibbi .letters .item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.tibbi .letters .item {
    gap: 20px;
  }
}
.main.tibbi .letters .item .title {
  font-weight: 500;
  font-size: 28px;
  color: #FF6B1A;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.tibbi .letters .item .title {
    text-align: center;
    font-size: 20px;
  }
}
.main.tibbi .letters .item .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main.tibbi .letters .item .list a {
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #202020;
  border: 1px solid #E7E7E7;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.tibbi .letters .item .list a {
    width: 100%;
  }
}
.main.tibbi .letters .item .more {
  width: fit-content;
  margin: 0px auto;
}
.main.tibbi-detail {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail {
    gap: 80px;
  }
}
.main.tibbi-detail .title .title-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .title .title-inner {
    gap: 20px;
  }
}
.main.tibbi-detail .title .title-inner strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .title .title-inner strong {
    font-size: 32px;
  }
}
.main.tibbi-detail .title .title-inner span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .title .title-inner span {
    font-size: 16px;
  }
}
.main.tibbi-detail .sections-doctor .inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-doctor .inner {
    gap: 20px;
  }
}
.main.tibbi-detail .sections-doctor .inner .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-doctor .inner .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.tibbi-detail .sections-info .inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main.tibbi-detail .sections-info .inner .tab-component {
  display: flex;
  gap: 60px;
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component {
    padding: 32px 0px;
    gap: 48px;
    flex-direction: column;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .mobile-heading {
  display: none;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .mobile-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #E7E7E7;
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
  }
  .main.tibbi-detail .sections-info .inner .tab-component .mobile-heading.active {
    color: #FF6B1A;
    border-color: #FF6B1A;
  }
  .main.tibbi-detail .sections-info .inner .tab-component .mobile-heading.active svg path {
    fill: #FF6B1A;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .left .inner-box {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}
@media screen and (min-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .left .inner-box {
    position: sticky;
    top: 250px;
  }
}
@media screen and (min-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .left .inner-box {
    height: 500px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .left {
    max-width: 100%;
    padding: 20px;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    margin-top: -40px;
    display: none;
  }
  .main.tibbi-detail .sections-info .inner .tab-component .left.active {
    display: flex;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .left span {
  padding: 24px 0px;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #E7E7E7;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .left span {
    border: none;
    padding: 9px 0px;
    font-size: 14px;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .left span.active {
  font-weight: bold;
}
.main.tibbi-detail .sections-info .inner .tab-component .right .tab-content {
  display: block;
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .right .list {
    gap: 48px;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item .heading {
  font-weight: 500;
  color: #0033A1;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .right .list .item .heading {
    font-size: 20px;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content {
  color: #3D3D3D;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content {
    font-size: 14px;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3D3D3D;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content ul li {
    font-size: 14px;
  }
}
.main.tibbi-detail .sections-info .inner .tab-component .right .list .item .content ul li::before {
  width: 5px;
  height: 5px;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #D1D1D1;
  flex-shrink: 0;
  margin-top: 7px;
}
.main.tibbi-detail .sections-illness .inner {
  display: flex;
  flex-direction: column;
  padding: 100px 0px;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-illness .inner {
    padding: 80px 0px;
    gap: 48px;
  }
}
.main.tibbi-detail .sections-illness .inner .tags {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-illness .inner .tags {
    flex-direction: column;
    gap: 16px;
  }
}
.main.tibbi-detail .sections-illness .inner .tags a {
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #FF6B1A;
  border: 1px solid #FF6B1A;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-illness .inner .tags a {
    width: 100%;
  }
}
.main.tibbi-detail .sections-accordion {
  background-color: #F8F8F8;
  padding: 100px 0px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-accordion {
    padding: 80px 0px;
  }
}
.main.tibbi-detail .sections-accordion .inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-accordion .inner {
    gap: 32px;
  }
}
.main.tibbi-detail .sections-accordion .inner .accordion {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .sections-accordion .inner .accordion {
    gap: 16px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.tibbi-detail .sections-accordion .inner .accordion .item {
  background-color: #fff;
  max-height: fit-content;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .heading span {
  font-size: 20px;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .body .list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .body .list span {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .body .list span::before {
  width: 5px;
  height: 5px;
  background: #D1D1D1;
  content: "";
  display: block;
  border-radius: 100%;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .body .more {
  color: #202020;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
.main.tibbi-detail .sections-accordion .inner .accordion .item .body .more .arrow {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  filter: brightness(0);
}
.main.tibbi-detail .sections-accordion .inner .accordion .item.active .body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.tibbi-detail .latest-blog {
  padding: 100px 0px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog {
    padding: 80px 0px;
  }
}
.main.tibbi-detail .latest-blog.bg {
  background: radial-gradient(70.83% 223.38% at 34.9% 29.17%, #0063A1 0%, #0033A1 100%);
}
.main.tibbi-detail .latest-blog.bg .heading .title {
  color: #fff;
}
.main.tibbi-detail .latest-blog.bg .swiper-pagination-bullet {
  background-color: #fff !important;
}
.main.tibbi-detail .latest-blog.bg .arrows a span {
  background-color: #fff;
}
.main.tibbi-detail .latest-blog.bg .arrows a span::after {
  filter: brightness(0);
}
.main.tibbi-detail .latest-blog.bg .arrows a.disabled span {
  border-color: #fff;
}
.main.tibbi-detail .latest-blog.bg .arrows a.disabled span::after {
  filter: brightness(12);
}
.main.tibbi-detail .latest-blog.bg .blog-card {
  border: none;
}
.main.tibbi-detail .latest-blog .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main.tibbi-detail .latest-blog .heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.main.tibbi-detail .latest-blog .heading .title {
  display: flex;
  flex-direction: column;
  color: #0033A1;
  font-weight: 500;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog .heading .title {
    font-size: 22px;
  }
}
.main.tibbi-detail .latest-blog .heading .title strong {
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog .heading .title strong {
    font-size: 32px;
  }
}
.main.tibbi-detail .latest-blog .heading .right {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog .heading .right {
    display: none;
  }
}
.main.tibbi-detail .latest-blog .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog .arrows {
    display: flex;
  }
}
.main.tibbi-detail .latest-blog .arrows.desktop {
  display: flex;
  margin-top: 0px;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .main.tibbi-detail .latest-blog .arrows.desktop {
    display: none;
  }
}
.main.tibbi-detail .latest-blog .arrows .swiper-pagination {
  position: inherit;
}
.main.tibbi-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.tibbi-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.tibbi-detail .latest-blog .arrows a {
  display: block;
  cursor: pointer;
}
.main.tibbi-detail .latest-blog .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.tibbi-detail .latest-blog .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.tibbi-detail .latest-blog .arrows a.prev span::after {
  transform: rotate(180deg);
}

.main.hospital .hospital-list {
  display: flex;
  flex-direction: column;
  gap: 200px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list {
    gap: 100px;
  }
}
.main.hospital .hospital-list .item {
  display: flex;
  gap: 60px;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item {
    gap: 32px;
    flex-direction: column;
  }
}
.main.hospital .hospital-list .item .image {
  width: 640px;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .image {
    width: 100%;
    height: 343px;
  }
}
.main.hospital .hospital-list .item .image img {
  width: 100%;
  height: 100%;
  background-size: cover;
  border-radius: 12px;
}
.main.hospital .hospital-list .item .text {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text {
    gap: 20px;
  }
}
.main.hospital .hospital-list .item .text .title {
  font-size: 38px;
  color: #0033A1;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text .title {
    font-size: 22px;
  }
}
.main.hospital .hospital-list .item .text .info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text .info {
    gap: 12px;
  }
}
.main.hospital .hospital-list .item .text .info .info-item {
  color: #202020;
}
.main.hospital .hospital-list .item .text .info .info-item strong {
  font-weight: 500;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text .info .info-item strong {
    font-size: 16px;
  }
}
.main.hospital .hospital-list .item .text .info .info-item span, .main.hospital .hospital-list .item .text .info .info-item a {
  text-decoration: none;
  font-weight: 400;
  font-size: 18px;
  color: #202020;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text .info .info-item span, .main.hospital .hospital-list .item .text .info .info-item a {
    font-size: 16px;
  }
}
.main.hospital .hospital-list .item .text .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .main.hospital .hospital-list .item .text .buttons {
    font-size: 16px;
  }
}
.main.hospital-detail {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail {
    gap: 20px;
  }
}
.main.hospital-detail .hospital-info .heading {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .heading {
    margin-bottom: 48px;
  }
}
.main.hospital-detail .hospital-info .heading strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .heading strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-info .heading span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .heading span {
    font-size: 16px;
  }
}
.main.hospital-detail .hospital-info .inner {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner {
    flex-direction: column;
    gap: 32px;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area {
  width: 640px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area {
    width: 100%;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item {
  position: relative;
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .image {
  width: 100%;
  height: 460px;
  border-radius: 12px;
  position: relative;
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .image::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  content: "";
  top: 0px;
  left: 0px;
  position: absolute;
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info {
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: absolute;
  bottom: 40px;
  left: 33px;
  height: 100%;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info {
    left: 16px;
    bottom: 16px;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first {
  display: flex;
  flex-direction: column;
  width: 377px;
  gap: 10px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first {
    width: 100%;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first .name {
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first .name {
    font-size: 20px;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first .desc {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .first .desc {
    font-size: 14px;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .last {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .swiper-item .info .last {
    flex-wrap: wrap;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .swiper-area .arrows {
    margin-top: 32px;
  }
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows .swiper-pagination {
  position: inherit;
  margin-top: 20px;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows a {
  display: block;
  cursor: pointer;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.hospital-detail .hospital-info .inner .swiper-area .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.hospital-detail .hospital-info .inner .text {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .text {
    gap: 20px;
  }
}
.main.hospital-detail .hospital-info .inner .text .title {
  color: #0033A1;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .text .title {
    font-size: 20px;
  }
}
.main.hospital-detail .hospital-info .inner .text .desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .text .desc {
    gap: 12px;
  }
}
.main.hospital-detail .hospital-info .inner .text .desc span {
  font-size: 14px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-info .inner .text .desc span {
    font-size: 13px;
  }
}
.main.hospital-detail .hospital-line {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .bg {
    height: 447px;
    width: 100%;
  }
  .main.hospital-detail .hospital-line .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.main.hospital-detail .hospital-line .inner-wrapper {
  height: 100%;
  position: absolute;
  top: 0px;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .inner-wrapper {
    position: inherit;
    margin-top: -250px;
  }
}
.main.hospital-detail .hospital-line .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 130px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .inner {
    flex-direction: column;
    gap: 32px;
  }
}
.main.hospital-detail .hospital-line .first {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .first {
    display: flex;
    flex-wrap: wrap;
  }
}
.main.hospital-detail .hospital-line .first .item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
  border-radius: 12px;
  width: 172px;
  height: 200px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .first .item {
    padding: 32px 20px;
    border: 1px solid #E7E7E7;
    background: #fff;
    height: 160px;
  }
  .main.hospital-detail .hospital-line .first .item:nth-child(1) {
    order: 1;
  }
  .main.hospital-detail .hospital-line .first .item:nth-child(2) {
    order: 3;
    width: 100%;
  }
  .main.hospital-detail .hospital-line .first .item:nth-child(3) {
    order: 2;
  }
}
.main.hospital-detail .hospital-line .first .item .text {
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 120%;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .first .item .text {
    font-size: 18px;
    color: #0033A1;
  }
}
.main.hospital-detail .hospital-line .first .item .image {
  display: flex;
  justify-content: space-between;
}
.main.hospital-detail .hospital-line .first .item .image object {
  filter: brightness(12);
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .first .item .image object {
    width: 38px;
    height: 38px;
    filter: none;
  }
}
.main.hospital-detail .hospital-line .first .item .image::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjIwNzExIDEuODk5NDlMNy43OTI4OSA4LjQ4NTI4QzguNDIyODYgOS4xMTUyNCA5LjUgOC42NjkwNyA5LjUgNy43NzgxN1YxLjE5MjM4QzkuNSAwLjY0MDA5OCA5LjA1MjI4IDAuMTkyMzgzIDguNSAwLjE5MjM4M0gxLjkxNDIxQzEuMDIzMzEgMC4xOTIzODMgMC41NzcxNDEgMS4yNjk1MiAxLjIwNzExIDEuODk5NDlaIiBmaWxsPSIjMThBQzU3Ii8+Cjwvc3ZnPgo=");
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  background-size: cover;
  filter: brightness(12);
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .first .item .image::after {
    filter: none;
  }
}
@media screen and (min-width: 768px) {
  .main.hospital-detail .hospital-line .first .item:hover {
    background-color: #fff;
  }
  .main.hospital-detail .hospital-line .first .item:hover .image object {
    filter: none;
  }
  .main.hospital-detail .hospital-line .first .item:hover .image::after {
    filter: none;
  }
  .main.hospital-detail .hospital-line .first .item:hover .text {
    color: #0033A1;
  }
}
.main.hospital-detail .hospital-line .last {
  background-color: #0033A1;
  padding: 12px 28px;
  border-radius: 12px;
  min-width: 500px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .last {
    min-width: 100%;
  }
}
.main.hospital-detail .hospital-line .last .list {
  display: flex;
  flex-direction: column;
}
.main.hospital-detail .hospital-line .last .list .item {
  padding: 12px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.main.hospital-detail .hospital-line .last .list .item:last-child {
  border: none;
}
.main.hospital-detail .hospital-line .last .list .item .title {
  font-size: 14px;
  font-weight: 500;
  flex: 1;
}
.main.hospital-detail .hospital-line .last .list .item span, .main.hospital-detail .hospital-line .last .list .item a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .last .list .item span, .main.hospital-detail .hospital-line .last .list .item a {
    font-size: 13px;
  }
}
.main.hospital-detail .hospital-line .last .list .item span small, .main.hospital-detail .hospital-line .last .list .item a small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-line .last .list .item span small, .main.hospital-detail .hospital-line .last .list .item a small {
    font-size: 13px;
  }
}
.main.hospital-detail .hospital-letters .heading {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .heading {
    margin-bottom: 20px;
  }
}
.main.hospital-detail .hospital-letters .heading strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .heading strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-letters .heading span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .heading span {
    font-size: 16px;
  }
}
.main.hospital-detail .hospital-letters .filter {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .filter {
    margin-bottom: 32px;
  }
}
.main.hospital-detail .hospital-letters .filter .form-input.active {
  flex: 0 0 100%;
}
.main.hospital-detail .hospital-letters .letters {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .letters {
    flex-direction: column;
    gap: 48px;
  }
}
.main.hospital-detail .hospital-letters .letters .item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .letters .item {
    gap: 20px;
  }
}
.main.hospital-detail .hospital-letters .letters .item .title {
  font-weight: 500;
  font-size: 28px;
  color: #FF6B1A;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .letters .item .title {
    text-align: center;
    font-size: 20px;
  }
}
.main.hospital-detail .hospital-letters .letters .item .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main.hospital-detail .hospital-letters .letters .item .list a {
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #202020;
  border: 1px solid #E7E7E7;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-letters .letters .item .list a {
    width: 100%;
  }
}
.main.hospital-detail .hospital-letters .letters .item .more {
  width: fit-content;
  margin: 0px auto;
}
.main.hospital-detail .hospital-doctor .heading {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-doctor .heading {
    margin-bottom: 48px;
  }
}
.main.hospital-detail .hospital-doctor .heading strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-doctor .heading strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-doctor .heading span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-doctor .heading span {
    font-size: 16px;
  }
}
.main.hospital-detail .hospital-doctor .filter {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-doctor .filter {
    margin-bottom: 32px;
  }
}
.main.hospital-detail .hospital-doctor .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-doctor .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-bottom: 32px;
  }
}
.main.hospital-detail .hospital-news .heading {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-news .heading {
    margin-bottom: 48px;
  }
}
.main.hospital-detail .hospital-news .heading strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-news .heading strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-news .heading span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-news .heading span {
    font-size: 16px;
  }
}
.main.hospital-detail .hospital-news .filter {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-news .filter {
    margin-bottom: 32px;
  }
}
.main.hospital-detail .hospital-news .button-more {
  margin-top: 60px;
}
.main.hospital-detail .hospital-news .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-news .arrows {
    display: flex;
  }
}
.main.hospital-detail .hospital-news .arrows .swiper-pagination {
  position: inherit;
}
.main.hospital-detail .hospital-news .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.hospital-detail .hospital-news .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.hospital-detail .hospital-news .arrows a {
  display: block;
}
.main.hospital-detail .hospital-news .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.hospital-detail .hospital-news .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.hospital-detail .hospital-news .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.hospital-detail .hospital-contracted .heading-center {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-contracted .heading-center {
    margin-bottom: 48px;
  }
}
.main.hospital-detail .hospital-contracted .heading-center strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-contracted .heading-center strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-contracted .heading-center span {
  color: #3D3D3D;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-contracted .heading-center span {
    font-size: 16px;
  }
}
.main.hospital-detail .hospital-contracted .filter {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-contracted .filter {
    margin-bottom: 32px;
  }
}
.main.hospital-detail .hospital-contracted .button-more {
  margin-top: 60px;
}
.main.hospital-detail .hospital-contracted .accordion {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-contracted .accordion {
    gap: 20px;
    margin-bottom: 80px;
  }
  .main.hospital-detail .hospital-contracted .accordion .item {
    border: none;
    border-bottom: 1px solid #E7E7E7;
    border-radius: 0px;
  }
  .main.hospital-detail .hospital-contracted .accordion .item .heading span {
    font-size: 16px;
    color: #202020;
  }
  .main.hospital-detail .hospital-contracted .accordion .item .heading::after {
    filter: brightness(0);
  }
}
.main.hospital-detail .meeting-form .title {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.hospital-detail .meeting-form .title span {
  font-size: 18px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .meeting-form .title span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .meeting-form .image {
    height: 900px;
  }
  .main.hospital-detail .meeting-form .image img {
    object-fit: cover;
    height: 100%;
  }
}
.main.hospital-detail .meeting-form .form-inner .form-box {
  padding: 20px 100px;
  height: max-content;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .meeting-form .form-inner .form-box {
    padding: 20px;
    height: 850px;
  }
}
.main.hospital-detail .meeting-form .first {
  flex-wrap: wrap;
  gap: 24px !important;
}
.main.hospital-detail .meeting-form .first .form-group {
  flex: 0 0 48% !important;
}
.main.hospital-detail .meeting-form .first .form-group:last-child {
  flex: 0 0 100% !important;
}
.main.hospital-detail .hospital-others .heading {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-others .heading {
    margin-bottom: 48px;
  }
}
.main.hospital-detail .hospital-others .heading strong {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-others .heading strong {
    font-size: 32px;
  }
}
.main.hospital-detail .hospital-others .listing {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-others .listing {
    flex-direction: column;
  }
}
.main.hospital-detail .hospital-others .listing .item {
  position: relative;
  display: block;
}
.main.hospital-detail .hospital-others .listing .item .image {
  width: 100%;
  height: 260px;
}
.main.hospital-detail .hospital-others .listing .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.hospital-detail .hospital-others .listing .item .image::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, rgba(6, 33, 101, 0) 19.04%, rgba(6, 33, 101, 0.21) 100%), linear-gradient(0deg, rgba(0, 51, 161, 0.3), rgba(0, 51, 161, 0.3));
}
.main.hospital-detail .hospital-others .listing .item .text {
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 100%;
  display: flex;
  text-align: center;
  color: #fff;
  justify-content: center;
  z-index: 99;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.hospital-detail .hospital-others .listing .item .text {
    font-size: 16px;
  }
}

.main.medikal .first-component {
  padding: 80px 0px;
}
@media screen and (max-width: 768px) {
  .main.medikal .first-component {
    display: none;
  }
}
.main.medikal .first-component .image {
  width: 620px;
  height: 400px;
}
.main.medikal .first-component .image img {
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.medikal .first-component p {
  color: #3D3D3D;
  font-size: 18px;
}
.main.medikal .contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.medikal .contents {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.medikal .button {
  margin-top: 60px;
}
.main.medikal-detail .letters .list a {
  color: #FF6B1A !important;
  border-color: #FF6B1A !important;
}
.main.medikal-detail .sections-info .inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main.medikal-detail .sections-info .inner .tab-component {
  display: flex;
  gap: 60px;
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component {
    padding: 32px 0px;
    gap: 48px;
    flex-direction: column;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .mobile-heading {
  display: none;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .mobile-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #E7E7E7;
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
  }
  .main.medikal-detail .sections-info .inner .tab-component .mobile-heading.active {
    color: #FF6B1A;
    border-color: #FF6B1A;
  }
  .main.medikal-detail .sections-info .inner .tab-component .mobile-heading.active svg path {
    fill: #FF6B1A;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .left .inner-box {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}
@media screen and (min-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .left .inner-box {
    height: 500px;
    overflow-y: scroll;
  }
}
@media screen and (min-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .left .inner-box {
    position: sticky;
    top: 250px;
  }
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .left {
    max-width: 100%;
    padding: 20px;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    margin-top: -40px;
    display: none;
  }
  .main.medikal-detail .sections-info .inner .tab-component .left.active {
    display: flex;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .left span {
  padding: 24px 0px;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #E7E7E7;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .left span {
    border: none;
    padding: 9px 0px;
    font-size: 14px;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .left span.active {
  font-weight: bold;
}
.main.medikal-detail .sections-info .inner .tab-component .right .tab-content {
  display: block;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .right .list {
    gap: 48px;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .heading {
  font-weight: 500;
  color: #0033A1;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .right .list .item .heading {
    font-size: 20px;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content {
  color: #3D3D3D;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .right .list .item .content {
    font-size: 14px;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content p {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content p span {
  color: #0033A1;
  font-size: 20px;
  font-weight: 500;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul.grid {
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul.grid {
    flex-direction: column;
  }
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul.grid li {
  flex: 0 0 45%;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3D3D3D;
  font-size: 16px;
}
.main.medikal-detail .sections-info .inner .tab-component .right .list .item .content ul li::before {
  width: 5px;
  height: 5px;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #D1D1D1;
  flex-shrink: 0;
  margin-top: 7px;
}
.main.medikal-detail .latest-blog {
  padding: 100px 0px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog {
    padding: 80px 0px;
  }
}
.main.medikal-detail .latest-blog.bg {
  background: radial-gradient(70.83% 223.38% at 34.9% 29.17%, #0063A1 0%, #0033A1 100%);
}
.main.medikal-detail .latest-blog.bg .heading .title {
  color: #fff;
}
.main.medikal-detail .latest-blog.bg .swiper-pagination-bullet {
  background-color: #fff !important;
}
.main.medikal-detail .latest-blog.bg .arrows a span {
  background-color: #fff;
}
.main.medikal-detail .latest-blog.bg .arrows a span::after {
  filter: brightness(0);
}
.main.medikal-detail .latest-blog.bg .arrows a.disabled span {
  border-color: #fff;
}
.main.medikal-detail .latest-blog.bg .arrows a.disabled span::after {
  filter: brightness(12);
}
.main.medikal-detail .latest-blog.bg .blog-card {
  border: none;
}
.main.medikal-detail .latest-blog .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main.medikal-detail .latest-blog .heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.main.medikal-detail .latest-blog .heading .title {
  display: flex;
  flex-direction: column;
  color: #0033A1;
  font-weight: 500;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog .heading .title {
    font-size: 22px;
  }
}
.main.medikal-detail .latest-blog .heading .title strong {
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog .heading .title strong {
    font-size: 32px;
  }
}
.main.medikal-detail .latest-blog .heading .right {
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog .heading .right {
    display: none;
  }
}
.main.medikal-detail .latest-blog .arrows {
  position: relative;
  display: none;
  align-items: center;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog .arrows {
    display: flex;
  }
}
.main.medikal-detail .latest-blog .arrows.desktop {
  display: flex;
  margin-top: 0px;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .latest-blog .arrows.desktop {
    display: none;
  }
}
.main.medikal-detail .latest-blog .arrows .swiper-pagination {
  position: inherit;
}
.main.medikal-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.medikal-detail .latest-blog .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.medikal-detail .latest-blog .arrows a {
  display: block;
  cursor: pointer;
}
.main.medikal-detail .latest-blog .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.medikal-detail .latest-blog .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.medikal-detail .latest-blog .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.medikal-detail .others-text {
  padding: 100px 0px;
  background-color: #F8F8F8;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .others-text {
    padding: 80px 0px;
  }
}
.main.medikal-detail .others-text .inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .others-text .inner {
    gap: 40px;
  }
}
.main.medikal-detail .others-text .inner .heading {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .others-text .inner .heading {
    gap: 32px;
  }
}
.main.medikal-detail .others-text .inner .list {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .others-text .inner .list {
    flex-direction: column;
  }
}
.main.medikal-detail .others-text .inner .list .item {
  border: 1px solid #E7E7E7;
  border-radius: 12px;
}
.main.medikal-detail .others-text .inner .list .item .image img {
  border-radius: 12px 12px 0px 0px;
}
.main.medikal-detail .others-text .inner .list .item .text {
  padding: 28px 32px;
  font-weight: 500;
  color: #202020;
  font-size: 20px;
  background: #fff;
  border-radius: 0px 0px 12px 12px;
}
@media screen and (max-width: 768px) {
  .main.medikal-detail .others-text .inner .list .item .text {
    padding: 28px 24px;
    font-size: 20px;
  }
}

.main.kurumsal .content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .content {
    gap: 12px;
  }
}
.main.kurumsal .content p {
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .content p {
    font-size: 12px;
  }
}
.main.kurumsal .meeting-form .title {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.kurumsal .meeting-form .title span {
  font-size: 18px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .meeting-form .title span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .main.kurumsal .meeting-form .image {
    height: auto;
  }
  .main.kurumsal .meeting-form .image img {
    object-fit: cover;
    height: 600px;
  }
}
.main.kurumsal .meeting-form .form-inner .form-box {
  padding: 20px 100px;
  height: auto;
  max-height: 700px;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .meeting-form .form-inner .form-box {
    padding: 20px;
    max-height: fit-content;
  }
}
.main.kurumsal .meeting-form .first {
  flex-wrap: wrap;
  gap: 24px !important;
}
.main.kurumsal .meeting-form .first .form-group {
  flex: 0 0 48% !important;
}
.main.kurumsal .meeting-form .first .form-group:first-child {
  flex: 0 0 100% !important;
}
.main.kurumsal .meeting-form .first .form-group:last-child {
  flex: 0 0 100% !important;
}
.main.kurumsal .tab-component .tab-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .tab-component .tab-heading {
    margin-bottom: 32px;
  }
}
.main.kurumsal .tab-component .tab-heading span {
  flex: 1;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #4F4F4F;
  border-bottom: 2px solid #E7E7E7;
  padding-bottom: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.kurumsal .tab-component .tab-heading span {
    font-size: 14px;
  }
}
.main.kurumsal .tab-component .tab-heading span.active {
  color: #0033A1;
  border-color: #0033A1;
}
.main.kurumsal .tab-component .tab-item {
  display: none;
}
.main.kurumsal .tab-component .tab-item.active {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .main.kurumsal .tab-component .tab-item.active {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.kurumsal .tab-component .tab-item .item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
}
.main.kurumsal .tab-component .tab-item .item .image {
  width: 100%;
  height: 200px;
}
.main.kurumsal .tab-component .tab-item .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.main.kurumsal .tab-component .tab-item .item .text {
  display: flex;
  align-items: center;
  padding: 20px 32px;
  justify-content: space-between;
}
.main.kurumsal .tab-component .tab-item .item .text .first {
  color: #202020;
  font-size: 20px;
  font-weight: 500;
}
.main.kurumsal .tab-component .tab-item .item .text .download {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main.kurumsal .tab-component .tab-item .item .text .download a {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #202020;
}
.main.kurumsal .tab-component .tab-item .item .text .download a::after {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  display: block;
  background-position: center;
  transform: rotate(0deg);
  content: "";
}
.main.kurumsal .tab-component .tab-item .item.image-item img {
  border-radius: 12px;
}
.main.kurumsal .latest-news .arrows {
  display: flex !important;
  justify-content: end;
  gap: 35px;
}
.main.kurumsal .latest-news .arrows .swiper-pagination {
  width: 100px;
  padding-top: 15px;
}
.main.kurumsal .latest-news .arrows .buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.main.randevu {
  padding-top: 200px;
}
@media screen and (max-width: 768px) {
  .main.randevu {
    padding-top: 0px;
  }
}
.main.randevu .sections {
  background-color: #F8F8F8;
  position: sticky;
  top: 129px;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .main.randevu .sections {
    top: 140px;
  }
  .main.randevu .sections.fixed {
    top: 70px;
  }
  .main.randevu .sections.fixed.upFixed {
    top: 140px;
  }
}
.main.randevu .sections .inner {
  padding: 20px 0px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main.randevu .sections .inner {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .main.randevu .sections .inner::-webkit-scrollbar {
    display: none;
  }
}
.main.randevu .sections .inner .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: auto;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.randevu .sections .inner .item {
    flex: 0 0 auto;
    padding-right: 30px;
  }
}
.main.randevu .sections .inner .item::after {
  content: "";
  width: 80%;
  height: 1px;
  background-color: #E7E7E7;
  position: absolute;
  top: 14px;
  right: 8px;
}
@media screen and (max-width: 768px) {
  .main.randevu .sections .inner .item::after {
    width: 70%;
    right: 5px;
  }
}
.main.randevu .sections .inner .item .count {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #E7E7E7;
  color: #B0B0B0;
  font-size: 13px;
  font-weight: 500;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.main.randevu .sections .inner .item .title {
  font-size: 16px;
  color: #202020;
  font-weight: 600;
}
.main.randevu .sections .inner .item .desc {
  font-size: 13px;
  font-weight: 500;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.randevu .sections .inner .item:last-child {
    padding-right: 0px;
  }
}
.main.randevu .sections .inner .item:last-child::after {
  display: none;
}
.main.randevu .sections .inner .item.selected .count {
  background-color: #0033A1;
  border-color: #0033A1;
  color: #fff;
}
.main.randevu .sections .inner .item.selected .title {
  color: #0033A1;
}
.main.randevu .sections .inner .item.success .count {
  background-color: #18AC57;
  border-color: #18AC57;
  color: #fff;
}
.main.randevu .sections .inner .item.success .title {
  color: #18AC57;
}
.main.randevu .content {
  padding: 80px 0px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content {
    padding: 40px 0px;
  }
}
.main.randevu .content .hero .doctor-information {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .doctor-information {
    flex-direction: row;
    gap: 16px;
    margin-bottom: 32px;
  }
}
.main.randevu .content .hero .doctor-information .image {
  height: 305px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .doctor-information .image {
    height: 105px;
    width: 114px;
  }
}
.main.randevu .content .hero .doctor-information .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.randevu .content .hero .doctor-information .info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main.randevu .content .hero .doctor-information .info .name {
  color: #0033A1;
  font-size: 28px;
  font-weight: 500;
  width: 250px;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .doctor-information .info .name {
    width: 100%;
    font-size: 20px;
  }
}
.main.randevu .content .hero .doctor-information .info .title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.main.randevu .content .hero .doctor-information .info .title span {
  color: #3D3D3D;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .doctor-information .info .title span {
    font-size: 12px;
  }
}
.main.randevu .content .hero .doctor-information .info .title span::after {
  width: 6px;
  height: 6px;
  background: #D1D1D1;
  border-radius: 100%;
  content: "";
  display: block;
}
.main.randevu .content .hero .doctor-information .info .title span:last-child::after {
  display: none;
}
.main.randevu .content .hero .info-tab-content .heading {
  display: flex;
  text-align: center;
  border-bottom: 1px solid #E7E7E7;
}
.main.randevu .content .hero .info-tab-content .heading span {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #4F4F4F;
  border-bottom: 1px solid transparent;
  padding-bottom: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .info-tab-content .heading span {
    flex-direction: column;
    font-size: 14px;
    gap: 12px;
  }
}
.main.randevu .content .hero .info-tab-content .heading span img {
  filter: brightness(0);
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .info-tab-content .heading span img {
    width: 20px;
    height: 20px;
  }
}
.main.randevu .content .hero .info-tab-content .heading span.active {
  color: #0033A1;
  border-color: #0033A1;
}
.main.randevu .content .hero .info-tab-content .heading span.active img {
  filter: brightness(1);
}
.main.randevu .content .hero .info-tab-content .content {
  padding-top: 40px;
}
.main.randevu .content .hero .info-tab-content .content .tab-item {
  display: none;
}
.main.randevu .content .hero .info-tab-content .content .tab-item.active {
  display: block;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours {
  background-color: #F8F8F8;
  border-radius: 12px;
  padding: 32px;
  display: flex;
  gap: 40px;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours {
    flex-direction: column;
    padding: 0px 16px;
  }
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours {
  width: 100%;
  padding: 28px 0px;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .heading-hours {
  font-size: 16px;
  font-weight: 500;
  color: #202020;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 23px;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time {
  background: #FFFFFF;
  border: none;
  outline: none;
  color: #B0B0B0;
  font-size: 16px;
  font-weight: 500;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: all 0.4s;
  color: #FF6B1A;
  border-color: #FF6B1A;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time.selected {
  background-color: #FF6B1A;
  color: #fff;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .time-grid .time.disabled {
  cursor: no-drop;
  border-color: transparent;
  color: #B0B0B0;
}
.main.randevu .content .hero .info-tab-content .content .tab-item .inner-hours .hours .blue {
  width: fit-content;
  float: right;
  padding: auto 30px;
}
.main.randevu .content .hero .form-box {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .form-box {
    padding: 32px;
  }
}
.main.randevu .content .hero .form-box .title {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .form-box .title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
.main.randevu .content .hero .form-box form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.randevu .content .hero .form-box form .first {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .form-box form .first {
    flex-direction: column;
  }
}
.main.randevu .content .hero .form-box form .first .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 0 50%;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .form-box form .first .form-group {
    width: 100%;
  }
}
.main.randevu .content .hero .form-box form .first .form-group label {
  color: #14294C;
  font-size: 14px;
  font-weight: 600;
}
.main.randevu .content .hero .form-box form .first .form-group input {
  border: 1px solid #E7E7E7;
  padding: 14px 16px;
  color: #14294C;
  font-size: 14px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #fff;
  outline: none;
}
.main.randevu .content .hero .form-box form .first .form-group input::placeholder {
  color: #4F4F4F;
  font-style: italic;
}
.main.randevu .content .hero .form-box form .first .form-group.error label {
  color: #dc3545;
}
.main.randevu .content .hero .form-box form .first .form-group.error input {
  border-color: #dc3545;
}
.main.randevu .content .hero .form-box form .first .form-group.error input::placeholder {
  color: #dc3545;
}
.main.randevu .content .hero .form-box form .first .form-group.error .error-text {
  color: #dc3545;
  font-size: 14px;
}
.main.randevu .content .hero .form-box form .checkboxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 580px;
}
.main.randevu .content .hero .form-box form .checkboxes .item {
  display: flex;
  gap: 8px;
}
.main.randevu .content .hero .form-box form .checkboxes .item .checkbox-group {
  position: relative;
}
.main.randevu .content .hero .form-box form .checkboxes .item .checkbox-group input {
  display: none;
}
.main.randevu .content .hero .form-box form .checkboxes .item .checkbox-group label {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  cursor: pointer;
}
.main.randevu .content .hero .form-box form .checkboxes .item .checkbox-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #202020;
  margin: 0px auto;
  margin-top: 1px;
  border-radius: 5px;
}
.main.randevu .content .hero .form-box form .checkboxes .item span {
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.main.randevu .content .hero .form-box form .checkboxes .item span a {
  text-decoration: underline;
  color: #202020;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hero .form-box form .submit-button {
    display: flex;
    justify-content: end;
  }
}
.main.randevu .content .hospital-listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hospital-listing {
    display: flex;
    flex-direction: column;
  }
}
.main.randevu .content .hospital-listing .item {
  position: relative;
  display: block;
  cursor: pointer;
  border: 4px solid transparent;
  border-radius: 16px;
}
.main.randevu .content .hospital-listing .item .image {
  width: 100%;
  height: 260px;
}
.main.randevu .content .hospital-listing .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.randevu .content .hospital-listing .item .image::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(6, 33, 101, 0) 19.04%, rgba(6, 33, 101, 0.7) 100%), linear-gradient(0deg, #0033A1, #0033A1), url(dfhdhdh.jpg);
  opacity: 0.6;
}
.main.randevu .content .hospital-listing .item .text {
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 100%;
  display: flex;
  text-align: center;
  color: #fff;
  justify-content: center;
  z-index: 99;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .hospital-listing .item .text {
    font-size: 16px;
  }
}
.main.randevu .content .hospital-listing .item.active {
  border-color: #FF6B1A;
}
.main.randevu .content .filter-area {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area {
    gap: 30px;
  }
}
.main.randevu .content .filter-area .filter {
  background: none;
}
.main.randevu .content .filter-area .filter .form-input.active {
  flex: 0 0 100%;
}
.main.randevu .content .filter-area .listing {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .listing {
    margin-bottom: 48px;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: start;
  }
}
.main.randevu .content .filter-area .listing span {
  padding: 12px 12px;
  text-align: center;
  color: #5D5D5D;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  flex: 0 0 auto;
  cursor: pointer;
}
.main.randevu .content .filter-area .listing span.all, .main.randevu .content .filter-area .listing span.active {
  color: #18AC57;
  border-color: #0033A1;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .listing span {
    font-size: 13px;
  }
}
.main.randevu .content .filter-area .letters {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .letters {
    flex-direction: column;
    gap: 48px;
  }
}
.main.randevu .content .filter-area .letters .item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .letters .item {
    gap: 20px;
  }
}
.main.randevu .content .filter-area .letters .item .title {
  font-weight: 500;
  font-size: 28px;
  color: #FF6B1A;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .letters .item .title {
    text-align: center;
    font-size: 20px;
  }
}
.main.randevu .content .filter-area .letters .item .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main.randevu .content .filter-area .letters .item .list a {
  cursor: pointer;
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #202020;
  border: 1px solid #E7E7E7;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .letters .item .list a {
    width: 100%;
  }
}
.main.randevu .content .filter-area .letters .item .list a.active {
  border-color: #FF6B1A;
  background-color: #FF6B1A;
  color: #fff;
}
.main.randevu .content .filter-area .letters .item .more {
  width: fit-content;
  margin: 0px auto;
}
.main.randevu .content .filter-area .doctor-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .filter-area .doctor-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.randevu .content .filter-area .doctor-list .item-doctor {
  cursor: pointer;
}
.main.randevu .content .filter-area .doctor-list .item-doctor.active {
  border-color: #FF6B1A;
}
.main.randevu .content .filter-area .doctor-list .item-doctor .image {
  width: 100px;
}
.main.randevu .content .filter-area .doctor-list .item-doctor .text {
  width: 100%;
}
.main.randevu .content .filter-area .doctor-list .item-doctor .text .buttons a:last-child {
  background: none !important;
  color: #202020 !important;
  justify-content: end;
}
.main.randevu .content .filter-area .doctor-list .item-doctor .text .buttons a:last-child .icon-arrow-black {
  filter: brightness(0);
}
.main.randevu .content .person-form p {
  color: #3D3D3D;
  font-size: 18px;
  margin-bottom: 30px;
}
.main.randevu .content .person-form .login-box {
  border: 1px solid #E7E7E7;
  padding: 20px 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .login-box {
    margin-bottom: 40px;
  }
}
.main.randevu .content .person-form .login-box .title {
  color: #0033A1;
  font-size: 20px;
  font-weight: 500;
}
.main.randevu .content .person-form .login-box .button {
  padding: 13px 0px;
}
.main.randevu .content .person-form .inner-form {
  background: #F8F8F8;
  border-radius: 12px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .inner-form {
    padding: 32px 16px;
  }
}
.main.randevu .content .person-form .inner-form form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.randevu .content .person-form .inner-form form .first {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .inner-form form .first {
    flex-direction: column;
  }
}
.main.randevu .content .person-form .inner-form form .first .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  position: relative;
}
.main.randevu .content .person-form .inner-form form .first .form-group.active .input-dropdown {
  display: flex;
}
.main.randevu .content .person-form .inner-form form .first .form-group .input-dropdown {
  padding: 20px;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  display: none;
  flex-direction: column;
  background: #fff;
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 100px;
}
.main.randevu .content .person-form .inner-form form .first .form-group .input-dropdown span {
  padding: 9px 0px;
  font-size: 16px;
  color: #3D3D3D;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .inner-form form .first .form-group .input-dropdown span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .inner-form form .first .form-group {
    width: 100%;
  }
}
.main.randevu .content .person-form .inner-form form .first .form-group label {
  color: #14294C;
  font-size: 14px;
  font-weight: 600;
}
.main.randevu .content .person-form .inner-form form .first .form-group input, .main.randevu .content .person-form .inner-form form .first .form-group textarea {
  border: 1px solid #E7E7E7;
  padding: 14px 16px;
  color: #14294C;
  font-size: 14px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #fff;
  outline: none;
}
.main.randevu .content .person-form .inner-form form .first .form-group input::placeholder, .main.randevu .content .person-form .inner-form form .first .form-group textarea::placeholder {
  color: #4F4F4F;
  font-style: italic;
}
.main.randevu .content .person-form .inner-form form .first .form-group.error label {
  color: #dc3545;
}
.main.randevu .content .person-form .inner-form form .first .form-group.error input {
  border-color: #dc3545;
}
.main.randevu .content .person-form .inner-form form .first .form-group.error input::placeholder {
  color: #dc3545;
}
.main.randevu .content .person-form .inner-form form .first .form-group.error .error-text {
  color: #dc3545;
  font-size: 14px;
}
.main.randevu .content .person-form .inner-form form .checkboxes {
  display: flex;
  gap: 20px;
  max-width: 580px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-form .inner-form form .checkboxes {
    flex-direction: column;
  }
}
.main.randevu .content .person-form .inner-form form .checkboxes .item {
  display: flex;
  gap: 8px;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item .checkbox-group {
  position: relative;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item .checkbox-group input {
  display: none;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item .checkbox-group label {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  cursor: pointer;
  background-color: #fff;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item .checkbox-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #202020;
  margin: 0px auto;
  margin-top: 1.3px;
  border-radius: 5px;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item span {
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.main.randevu .content .person-form .inner-form form .checkboxes .item span a {
  text-decoration: underline;
  color: #202020;
}
.main.randevu .content .person-form .inner-form form .agress .checkboxes {
  flex-direction: column;
  max-width: 100%;
}
.main.randevu .content .person-form .inner-form form .agress .checkboxes span a {
  color: #0033A1;
  font-weight: 600;
  cursor: pointer;
}
.main.randevu .content .person-info {
  border-radius: 12px;
  background: #F8F8F8;
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-info {
    padding: 32px 16px;
    gap: 12px;
    display: flex;
    flex-direction: column;
  }
}
.main.randevu .content .person-info .item {
  font-size: 16px;
  font-weight: 500;
  color: #3D3D3D;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .person-info .item {
    flex-direction: column;
    align-items: start;
  }
}
.main.randevu .content .person-info .item strong {
  min-width: 200px;
  color: #0033A1;
}
.main.randevu .content .success-randevu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .success-randevu {
    text-align: center;
  }
}
.main.randevu .content .success-randevu .title {
  font-size: 58px;
  color: #18AC57;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .success-randevu .title {
    font-size: 24px;
  }
}
.main.randevu .content .success-randevu .desc {
  font-size: 18px;
  color: #3D3D3D;
  margin-bottom: 20px;
  max-width: 400px;
  text-align: center;
}
.main.randevu .content .otp-randevu {
  width: 546px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .otp-randevu {
    width: 90%;
  }
}
.main.randevu .content .otp-randevu .heading {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
}
.main.randevu .content .otp-randevu .heading .title {
  color: #0033A1;
  font-size: 58px;
  font-weight: 500;
}
.main.randevu .content .otp-randevu .heading .desc {
  font-size: 18px;
  color: #3D3D3D;
}
.main.randevu .content .otp-randevu .input-inner {
  padding: 32px;
  border-radius: 12px;
  background-color: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .otp-randevu .input-inner {
    padding: 24px 12px;
  }
}
.main.randevu .content .otp-randevu .input-inner input {
  background-color: #FFFFFF;
  padding: 18px 23px;
  border-radius: 14px;
  border: 1px solid #E7E7E7;
  outline: none;
  text-align: center;
  max-width: 70px;
  min-height: 80px;
  font-size: 32px;
  color: #888888;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .otp-randevu .input-inner input {
    max-width: 50px;
    min-height: 70px;
    padding: 0px;
    font-size: 24px;
  }
}
.main.randevu .content .otp-randevu .buttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 20px;
}
.main.randevu .content .otp-randevu .buttons .link {
  color: #202020;
  font-weight: 700;
  font-size: 14px;
}
.main.randevu .content .submit-button {
  margin-top: 60px;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .main.randevu .content .submit-button {
    margin-top: 30px;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 20px 0px;
    justify-content: center;
    z-index: 99;
    background: linear-gradient(181.44deg, rgba(255, 255, 255, 0) 1.23%, #FFFFFF 58.47%);
  }
  .main.randevu .content .submit-button a {
    width: 90%;
    margin: 0px auto;
    justify-content: center;
    font-size: 16px;
  }
}

.agree-modal {
  position: fixed;
  width: 100%;
  left: 0px;
  z-index: 99999;
  top: 0px;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
}
@media screen and (max-width: 768px) {
  .agree-modal {
    top: auto;
    bottom: 0px;
    align-items: end;
  }
}
.agree-modal.active {
  display: flex;
}
.agree-modal .inner {
  background-color: #fff;
  max-width: 970px;
  border-radius: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .agree-modal .inner {
    min-height: 716px;
  }
}
@media screen and (max-width: 768px) {
  .agree-modal .inner {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    max-height: 640px;
  }
}
.agree-modal .inner .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e7e7e7;
}
.agree-modal .inner .heading span {
  color: #0033A1;
  font-weight: 500;
  font-size: 20px;
}
.agree-modal .inner .heading .close {
  cursor: pointer;
}
.agree-modal .inner .heading .close i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA2NzUgMTUuMTgyN0MxNi4xMjU2IDE1LjI0MDcgMTYuMTcxNyAxNS4zMDk3IDE2LjIwMzEgMTUuMzg1NUMxNi4yMzQ1IDE1LjQ2MTQgMTYuMjUwNyAxNS41NDI3IDE2LjI1MDcgMTUuNjI0OUMxNi4yNTA3IDE1LjcwNyAxNi4yMzQ1IDE1Ljc4ODMgMTYuMjAzMSAxNS44NjQyQzE2LjE3MTcgMTUuOTQgMTYuMTI1NiAxNi4wMDkgMTYuMDY3NSAxNi4wNjdDMTYuMDA5NSAxNi4xMjUxIDE1Ljk0MDUgMTYuMTcxMiAxNS44NjQ3IDE2LjIwMjZDMTUuNzg4OCAxNi4yMzQgMTUuNzA3NSAxNi4yNTAyIDE1LjYyNTMgMTYuMjUwMkMxNS41NDMyIDE2LjI1MDIgMTUuNDYxOSAxNi4yMzQgMTUuMzg2IDE2LjIwMjZDMTUuMzEwMiAxNi4xNzEyIDE1LjI0MTIgMTYuMTI1MSAxNS4xODMyIDE2LjA2N0wxMC4wMDAzIDEwLjg4MzVMNC44MTc1MyAxNi4wNjdDNC43MDAyNiAxNi4xODQzIDQuNTQxMiAxNi4yNTAyIDQuMzc1MzUgMTYuMjUwMkM0LjIwOTUgMTYuMjUwMiA0LjA1MDQ0IDE2LjE4NDMgMy45MzMxNiAxNi4wNjdDMy44MTU4OCAxNS45NDk4IDMuNzUgMTUuNzkwNyAzLjc1IDE1LjYyNDlDMy43NSAxNS40NTkgMy44MTU4OCAxNS4yOTk5IDMuOTMzMTYgMTUuMTgyN0w5LjExNjc1IDkuOTk5ODZMMy45MzMxNiA0LjgxNzA1QzMuODE1ODggNC42OTk3NyAzLjc1IDQuNTQwNzEgMy43NSA0LjM3NDg2QzMuNzUgNC4yMDkwMSAzLjgxNTg4IDQuMDQ5OTUgMy45MzMxNiAzLjkzMjY3QzQuMDUwNDQgMy44MTU0IDQuMjA5NSAzLjc0OTUxIDQuMzc1MzUgMy43NDk1MUM0LjU0MTIgMy43NDk1MSA0LjcwMDI2IDMuODE1NCA0LjgxNzUzIDMuOTMyNjdMMTAuMDAwMyA5LjExNjI3TDE1LjE4MzIgMy45MzI2N0MxNS4zMDA0IDMuODE1NCAxNS40NTk1IDMuNzQ5NTEgMTUuNjI1MyAzLjc0OTUxQzE1Ljc5MTIgMy43NDk1MSAxNS45NTAzIDMuODE1NCAxNi4wNjc1IDMuOTMyNjdDMTYuMTg0OCA0LjA0OTk1IDE2LjI1MDcgNC4yMDkwMSAxNi4yNTA3IDQuMzc0ODZDMTYuMjUwNyA0LjU0MDcxIDE2LjE4NDggNC42OTk3NyAxNi4wNjc1IDQuODE3MDVMMTAuODgzOSA5Ljk5OTg2TDE2LjA2NzUgMTUuMTgyN1oiIGZpbGw9IiMzRDNEM0QiLz4KPC9zdmc+Cg==");
  width: 20px;
  height: 20px;
  display: block;
}
.agree-modal .inner .content {
  max-height: 600px;
  overflow-x: scroll;
  padding: 32px 24px;
  color: #202020;
  font-size: 14px;
  padding-bottom: 130px;
}
.agree-modal .inner .read-more-button {
  padding: 32px;
  background: rgba(255, 255, 255, 0.5490196078);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 0px 0px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .agree-modal .inner .read-more-button {
    justify-content: center;
    padding: 12px;
  }
}
.agree-modal .inner .read-more-button span {
  padding: 17px 30px;
  background-color: #D1D1D1;
  color: #888888;
  font-size: 14px;
  font-weight: 700;
  border-radius: 86px;
  cursor: pointer;
}
.agree-modal .inner .read-more-button span.active {
  background-color: #0033A1;
  color: #fff;
}

.main.news {
  padding: 40px 0px;
}
.main.news .filter-area {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area {
    gap: 30px;
  }
}
.main.news .filter-area .filter {
  background: none;
}
.main.news .filter-area .filter .form-input.active {
  flex: 0 0 100%;
}
.main.news .filter-area .listing {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .listing {
    margin-bottom: 48px;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: start;
  }
}
.main.news .filter-area .listing span {
  padding: 12px 12px;
  text-align: center;
  color: #5D5D5D;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  flex: 0 0 auto;
  cursor: pointer;
}
.main.news .filter-area .listing span.all, .main.news .filter-area .listing span.active {
  color: #18AC57;
  border-color: #0033A1;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .listing span {
    font-size: 13px;
  }
}
.main.news .filter-area .letters {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .letters {
    flex-direction: column;
    gap: 48px;
  }
}
.main.news .filter-area .letters .item {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .letters .item {
    gap: 20px;
  }
}
.main.news .filter-area .letters .item .title {
  font-weight: 500;
  font-size: 28px;
  color: #FF6B1A;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .letters .item .title {
    text-align: center;
    font-size: 20px;
  }
}
.main.news .filter-area .letters .item .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main.news .filter-area .letters .item .list a {
  cursor: pointer;
  padding: 16px;
  min-width: 300px;
  font-size: 14px;
  color: #202020;
  border: 1px solid #E7E7E7;
  border-radius: 86px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .letters .item .list a {
    width: 100%;
  }
}
.main.news .filter-area .letters .item .list a.active {
  border-color: #FF6B1A;
  background-color: #FF6B1A;
  color: #fff;
}
.main.news .filter-area .letters .item .more {
  width: fit-content;
  margin: 0px auto;
}
.main.news .filter-area .doctor-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .main.news .filter-area .doctor-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.news .filter-area .doctor-list .item-doctor {
  cursor: pointer;
}
.main.news .filter-area .doctor-list .item-doctor.active {
  border-color: #FF6B1A;
}
.main.news .filter-area .doctor-list .item-doctor .image {
  width: 100px;
}
.main.news .filter-area .doctor-list .item-doctor .text {
  width: 100%;
}
.main.news .filter-area .doctor-list .item-doctor .text .buttons a:last-child {
  background: none !important;
  color: #202020 !important;
  justify-content: end;
}
.main.news .filter-area .doctor-list .item-doctor .text .buttons a:last-child .icon-arrow-black {
  filter: brightness(0);
}
.main.news .news-list .inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.news .news-list .inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.news .edu-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .main.news .edu-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .main.news .edu-list .blog-card {
    flex-direction: row;
  }
  .main.news .edu-list .blog-card .image {
    height: 100%;
    flex: 0 0 40%;
  }
  .main.news .edu-list .blog-card .image img {
    border-radius: 12px 12px 0px 0px;
  }
  .main.news .edu-list .blog-card .text {
    padding: 28px 32px;
  }
}
.main.news-detail {
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-bottom: 0px;
}
.main.news-detail .detail-info {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info {
    gap: 48px;
    margin-bottom: 40px;
    border-radius: 20px;
    padding: 16px;
  }
}
.main.news-detail .detail-info .preview {
  display: flex;
  gap: 40px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .preview {
    flex-direction: column;
    gap: 48px;
  }
}
.main.news-detail .detail-info .preview .line {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main.news-detail .detail-info .preview .image img {
  width: 100%;
  border-radius: 12px;
}
.main.news-detail .detail-info .preview .text {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .preview .text {
    font-size: 13px;
  }
}
.main.news-detail .detail-info .text-block {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 28px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .text-block {
    gap: 20px;
    font-size: 13px;
  }
}
.main.news-detail .detail-info .text-block span {
  color: #0033A1;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .text-block span {
    font-size: 20px;
  }
}
.main.news-detail .detail-info .text-block .course-list {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .text-block .course-list {
    flex-direction: column;
  }
}
.main.news-detail .detail-info .text-block .course-list .item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
}
.main.news-detail .detail-info .text-block .course-list .item .image {
  width: 100%;
  height: 200px;
}
.main.news-detail .detail-info .text-block .course-list .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.main.news-detail .detail-info .text-block .course-list .item .text {
  display: flex;
  align-items: center;
  padding: 20px 32px;
  justify-content: end;
}
.main.news-detail .detail-info .text-block .course-list .item .text .first {
  color: #202020;
  font-size: 20px;
  font-weight: 500;
}
.main.news-detail .detail-info .text-block .course-list .item .text .download {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
}
.main.news-detail .detail-info .text-block .course-list .item .text .download a {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #202020;
}
.main.news-detail .detail-info .text-block .course-list .item .text .download a::after {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  display: block;
  background-position: center;
  transform: rotate(0deg);
  content: "";
}
.main.news-detail .detail-info .text-block .course-list .item.image-item img {
  border-radius: 12px;
}
.main.news-detail .detail-info .text-block ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main.news-detail .detail-info .text-block ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3D3D3D;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .detail-info .text-block ul li {
    font-size: 14px;
  }
}
.main.news-detail .detail-info .text-block ul li::before {
  width: 5px;
  height: 5px;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #D1D1D1;
  flex-shrink: 0;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .mobile-sticky.fixed {
    position: fixed;
    top: 70px;
    background: #FFF;
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .main.news-detail .mobile-sticky.fixed.upFixed {
    top: 140px;
  }
}
.main.news-detail .right-block {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main.news-detail .right-block .item {
  padding: 20px 16px;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.news-detail .right-block .item .heading {
  color: #0033A1;
  font-size: 20px;
  font-weight: 500;
}
.main.news-detail .right-block .item .date-info {
  display: flex;
  flex-direction: column;
}
.main.news-detail .right-block .item .date-info span {
  color: #202020;
  font-size: 16px;
  font-weight: 500;
}
.main.news-detail .right-block .item .date-info small {
  color: #454545;
  font-size: 13px;
  font-weight: 500;
}
.main.news-detail .right-block .item .buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main.news-detail .right-block .item .buttons .inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.main.news-detail .right-block .item .buttons .inner a {
  padding: 10px 16px;
}
.main.news-detail .right-block .item .buttons .share-count {
  display: flex;
  align-items: center;
  gap: 32px;
}
.main.news-detail .right-block .item .buttons .share-count span {
  font-size: 12px;
  font-weight: 500;
  color: #454545;
}
.main.news-detail .right-block .item .links a {
  display: block;
  padding: 16px;
  width: 100%;
  color: #FF6B1A;
  border: 1px solid #FF6B1A;
  border-radius: 86px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.main.news-detail .right-block .item .swiper-area {
  overflow: hidden;
}
.main.news-detail .right-block .item .swiper-area .item-doctor {
  background: #fff;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .image {
  flex: 0 0 35%;
  height: auto;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text {
  flex: 0 0 65%;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .buttons {
  gap: 0px;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .buttons a {
  font-size: 10px;
  padding: 13px 0px;
  padding-left: 6px;
  gap: 4px;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .first .name {
  font-size: 12px;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .first .title {
  width: 130px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .right-block .item .swiper-area .item-doctor .text .first .title {
    width: 200px;
  }
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .first .title span {
  font-size: 10px;
}
.main.news-detail .right-block .item .swiper-area .item-doctor .text .first .hospital span {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .right-block .item .swiper-area .item-doctor .text .first .hospital span {
    width: 100%;
  }
}
.main.news-detail .right-block .item .swiper-area .arrows {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}
.main.news-detail .right-block .item .swiper-area .arrows .swiper-pagination {
  position: inherit;
  margin-top: 20px;
}
.main.news-detail .right-block .item .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet {
  background-color: #0033A1;
}
.main.news-detail .right-block .item .swiper-area .arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0033A1;
}
.main.news-detail .right-block .item .swiper-area .arrows a {
  display: block;
  cursor: pointer;
}
.main.news-detail .right-block .item .swiper-area .arrows a span {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #0033A1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.news-detail .right-block .item .swiper-area .arrows a span::after {
  width: 20px;
  height: 10px;
  background: url(../icons/arrow-right.svg) no-repeat;
  background-size: contain;
  display: block;
  content: "";
  background-position: center;
}
.main.news-detail .right-block .item .swiper-area .arrows a.prev span::after {
  transform: rotate(180deg);
}
.main.news-detail .left-block .mobile-heading {
  display: none;
}
@media screen and (max-width: 768px) {
  .main.news-detail .left-block .mobile-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #E7E7E7;
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    margin: 20px 0px;
  }
}
@media screen and (min-width: 768px) {
  .main.news-detail .left-block {
    position: sticky;
    top: 200px;
  }
}
.main.news-detail .left-block .inner-box {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}
@media screen and (max-width: 768px) {
  .main.news-detail .left-block .inner-box {
    display: none;
    padding: 0px 16px;
  }
  .main.news-detail .left-block .inner-box.active {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .main.news-detail .left-block .inner-box {
    height: 500px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 768px) {
  .main.news-detail .left-block {
    max-width: 100%;
    padding: 20px 0px;
    border-radius: 6px;
    margin-top: -40px;
  }
  .main.news-detail .left-block.active {
    display: flex;
  }
}
.main.news-detail .left-block span {
  padding: 24px 0px;
  color: #202020;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #E7E7E7;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.news-detail .left-block span {
    border: none;
    padding: 9px 0px;
    font-size: 14px;
  }
}
.main.news-detail .left-block span.active {
  font-weight: bold;
}

.main.kurum .inner .accordion {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main.kurum .inner .accordion {
    gap: 20px;
  }
}
.main.kurum .inner .accordion .grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .main.kurum .inner .accordion .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.kurum .inner .accordion .grid li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3D3D3D;
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.kurum .inner .accordion .grid li {
    font-size: 14px;
  }
}
.main.kurum .inner .accordion .grid li::before {
  width: 5px;
  height: 5px;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #D1D1D1;
  flex-shrink: 0;
  margin-top: 7px;
}

.main.rehber .content .inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main.rehber .content .inner p {
  font-size: 18px;
  color: #3D3D3D;
}
.main.rehber .others-text {
  margin-top: 60px;
}
.main.rehber .others-text .listing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.rehber .others-text .listing {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.rehber .others-text .listing .item {
  position: relative;
  display: block;
}
.main.rehber .others-text .listing .item .image {
  width: 100%;
  height: 260px;
}
.main.rehber .others-text .listing .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.rehber .others-text .listing .item .image::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, rgba(6, 33, 101, 0) 19.04%, rgba(6, 33, 101, 0.21) 100%), linear-gradient(0deg, rgba(0, 51, 161, 0.3), rgba(0, 51, 161, 0.3));
}
.main.rehber .others-text .listing .item .text {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 270px;
  display: flex;
  text-align: center;
  color: #fff;
  justify-content: center;
  z-index: 99;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.rehber .others-text .listing .item .text {
    font-size: 16px;
    width: 100%;
  }
}
.main.rehber .items-block {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block {
    gap: 20px;
  }
}
.main.rehber .items-block .item-block {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 28px;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block {
    gap: 20px;
    font-size: 13px;
  }
}
.main.rehber .items-block .item-block img {
  border-radius: 12px;
}
.main.rehber .items-block .item-block span {
  color: #0033A1;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block span {
    font-size: 20px;
  }
}
.main.rehber .items-block .item-block ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.rehber .items-block .item-block ul li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3D3D3D;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block ul li {
    font-size: 14px;
  }
}
.main.rehber .items-block .item-block ul li::before {
  width: 5px;
  height: 5px;
  content: "";
  display: block;
  border-radius: 100%;
  background-color: #D1D1D1;
  flex-shrink: 0;
  margin-top: 7px;
}
.main.rehber .items-block .item-block .pdf-list {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block .pdf-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.main.rehber .items-block .item-block .pdf-list .item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
}
.main.rehber .items-block .item-block .pdf-list .item .image {
  width: 100%;
  height: 200px;
}
.main.rehber .items-block .item-block .pdf-list .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.main.rehber .items-block .item-block .pdf-list .item .text {
  display: flex;
  align-items: center;
  padding: 20px 32px;
  justify-content: space-between;
}
.main.rehber .items-block .item-block .pdf-list .item .text .first {
  color: #202020;
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.main.rehber .items-block .item-block .pdf-list .item .text .download {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main.rehber .items-block .item-block .pdf-list .item .text .download img {
  border-radius: 0px !important;
}
.main.rehber .items-block .item-block .pdf-list .item .text .download a {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #202020;
}
.main.rehber .items-block .item-block .pdf-list .item .text .download a::after {
  width: 20px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  display: block;
  background-position: center;
  transform: rotate(0deg);
  content: "";
}
.main.rehber .items-block .item-block .pdf-list .item.image-item img {
  border-radius: 12px;
}
.main.rehber .items-block .item-block.call {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block.call {
    flex-direction: column;
  }
}
.main.rehber .items-block .item-block.call a {
  background: #0033A1;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  border-radius: 12px;
  gap: 4px;
}
.main.rehber .items-block .item-block.call a .text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main.rehber .items-block .item-block.call a span, .main.rehber .items-block .item-block.call a .phone {
  color: #fff;
  font-size: 16px;
}
.main.rehber .items-block .item-block.call-full a {
  background: #0033A1;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 28px;
  border-radius: 12px;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block.call-full a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 28px 16px;
  }
}
.main.rehber .items-block .item-block.call-full a .text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main.rehber .items-block .item-block.call-full a .text span {
  color: #fff;
  font-size: 16px;
}
.main.rehber .items-block .item-block.call-full a .phone {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block.call-full a .phone {
    gap: 10px;
  }
}
.main.rehber .items-block .item-block.call-full a .phone span {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 32px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .main.rehber .items-block .item-block.call-full a .phone span {
    gap: 10px;
  }
}
.main.rehber .items-block .item-block.call-full a .phone span::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #F8F8F8;
}
.main.rehber .items-block .item-block.call-full a .phone span:last-child::after {
  display: none;
}
.main.rehber .tab-component .tab-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-heading {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
  }
  .main.rehber .tab-component .tab-heading::-webkit-scrollbar {
    display: none;
  }
}
.main.rehber .tab-component .tab-heading span {
  color: #4F4F4F;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 2px solid #E7E7E7;
  flex: 1;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-heading span {
    flex: 0 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }
}
.main.rehber .tab-component .tab-heading span.active {
  color: #0033A1;
  border-color: #0033A1;
}
.main.rehber .tab-component .tab-contents .tab-item {
  display: none;
}
.main.rehber .tab-component .tab-contents .tab-item.active {
  display: block;
}
.main.rehber .tab-component .tab-contents .tab-item .inner {
  padding: 32px;
  border-radius: 32px;
  background: #F8F8F8;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps {
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner .steps {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
  }
  .main.rehber .tab-component .tab-contents .tab-item .inner .steps::-webkit-scrollbar {
    display: none;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 50%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner .steps .item {
    flex: 0 0 auto;
    padding-right: 30px;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item::after {
  content: "";
  width: 70%;
  height: 1px;
  background-color: #E7E7E7;
  position: absolute;
  top: 14px;
  left: 65%;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item .count {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #E7E7E7;
  color: #B0B0B0;
  font-size: 13px;
  font-weight: 500;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item .title {
  font-size: 16px;
  color: #202020;
  font-weight: 600;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item .desc {
  font-size: 13px;
  font-weight: 500;
  color: #3D3D3D;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner .steps .item:last-child {
    padding-right: 0px;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item:last-child::after {
  display: none;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item.selected .count {
  background-color: #FF6B1A;
  border-color: #FF6B1A;
  color: #fff;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item.selected .title {
  color: #FF6B1A;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item.success .count {
  background-color: #18AC57;
  border-color: #18AC57;
  color: #fff;
}
.main.rehber .tab-component .tab-contents .tab-item .inner .steps .item.success .title {
  color: #18AC57;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: auto;
  position: relative;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.dropdown-input::after {
  width: 15px;
  height: 10px;
  background: url("../icons/arrow-black.svg") no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin-top: 50px;
  margin-bottom: auto;
  display: block;
  content: "";
  transform: rotate(90deg);
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.active .input-dropdown {
  display: flex;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group .input-dropdown {
  padding: 20px;
  border: 1px solid #E7E7E7;
  box-shadow: 0px 12px 12px -20px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  display: none;
  flex-direction: column;
  background: #fff;
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 100px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group .input-dropdown span {
  padding: 9px 0px;
  font-size: 16px;
  color: #3D3D3D;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group .input-dropdown span {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group {
    width: 100%;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group label {
  color: #14294C;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group label {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group input, .main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group textarea {
  border: 1px solid #E7E7E7;
  padding: 14px 16px;
  color: #14294C;
  font-size: 14px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #fff;
  outline: none;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group input::placeholder, .main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group textarea::placeholder {
  color: #4F4F4F;
  font-style: italic;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.error label {
  color: #dc3545;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.error input {
  border-color: #dc3545;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.error input::placeholder {
  color: #dc3545;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .first .form-group.error .error-text {
  color: #dc3545;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first.rows-item {
    grid-template-columns: repeat(1, 1fr);
  }
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first.rows-item .form-group {
    flex-direction: row;
    justify-content: space-between;
  }
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first.rows-item .form-group::after {
    margin-top: 20px;
  }
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first.rows-item .form-group .input-dropdown {
    width: 340px;
    right: 0px;
    top: 60px;
  }
  .main.rehber .tab-component .tab-contents .tab-item .inner form .first.rows-item .form-group input {
    min-width: 340px;
  }
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 580px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item {
  display: flex;
  gap: 8px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item .checkbox-group {
  position: relative;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item .checkbox-group input {
  display: none;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item .checkbox-group label {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #E7E7E7;
  cursor: pointer;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item .checkbox-group input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #202020;
  margin: 0px auto;
  margin-top: 1px;
  border-radius: 5px;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item span {
  color: #202020;
  font-size: 12px;
  font-weight: 500;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .checkboxes .item span a {
  text-decoration: underline;
  color: #202020;
}
.main.rehber .tab-component .tab-contents .tab-item .inner form .submit-button {
  display: flex;
  align-items: center;
  justify-content: end;
}
.main.kutuphane {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane {
    gap: 20px;
  }
}
.main.kutuphane .content .inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main.kutuphane .content .inner p {
  font-size: 18px;
  color: #3D3D3D;
}
.main.kutuphane .content .inner .listing {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .content .inner .listing {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.kutuphane .content .inner .listing .item {
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}
.main.kutuphane .content .inner .listing .item .image {
  height: 484px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .content .inner .listing .item .image {
    height: 240px;
  }
}
.main.kutuphane .content .inner .listing .item .image img {
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.main.kutuphane .content .inner .listing .item .text {
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
  position: absolute;
  bottom: 60px;
  gap: 40px;
  color: #FFFFFF;
  text-align: center;
  z-index: 9;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .content .inner .listing .item .text {
    gap: 20px;
    bottom: 0px;
    height: 100%;
    justify-content: center;
  }
}
.main.kutuphane .content .inner .listing .item .text strong {
  font-size: 38px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .content .inner .listing .item .text strong {
    font-size: 32px;
  }
}
.main.kutuphane .content .inner .listing .item .text span {
  font-size: 18px;
  display: none;
}
.main.kutuphane .content .inner .listing .item::after {
  background-color: rgba(0, 0, 0, 0.3019607843);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  content: "";
}
.main.kutuphane .homepage-blog.bg-none {
  background: none;
}
.main.kutuphane .homepage-blog .heading .title span {
  width: 600px;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .homepage-blog .heading .title span {
    width: 100%;
  }
}
.main.kutuphane .boxes .inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner {
    font-size: 32px;
  }
}
.main.kutuphane .boxes .inner .heading {
  font-size: 58px;
  font-weight: 500;
  color: #0033A1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner .heading {
    font-size: 32px;
  }
}
.main.kutuphane .boxes .inner .heading .desc {
  color: #3D3D3D;
  font-size: 16px;
  display: none;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner .heading .desc {
    display: block;
  }
}
.main.kutuphane .boxes .inner .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.main.kutuphane .boxes .inner .list .item {
  position: relative;
}
.main.kutuphane .boxes .inner .list .item::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, #0033A1, #0033A1);
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.6;
}
.main.kutuphane .boxes .inner .list .item .image {
  width: 310px;
  height: 260px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner .list .item .image {
    height: 200px;
    width: 100%;
  }
}
.main.kutuphane .boxes .inner .list .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.main.kutuphane .boxes .inner .list .item .text {
  font-size: 28px;
  color: #FFFFFF;
  font-weight: 500;
  position: absolute;
  bottom: 40px;
  left: 0px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .boxes .inner .list .item .text {
    font-size: 20px;
    bottom: 20px;
  }
}
.main.kutuphane .blog-list .inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .main.kutuphane .blog-list .inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Header Color 2 */
.color2 .toolbar, .color2 .bottom {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(20px);
}
.color2 .toolbar .inner .right .links .item > a {
  color: #0033A1;
}
.color2 .bottom .inner .mobile-menu-button a {
  color: #0033A1;
}
.color2 .bottom .inner .menu .item > a {
  color: #0033A1;
}

.swiper-component {
  overflow: hidden;
  position: relative;
  z-index: 9;
}

span.flatpickr-day {
  color: #4F4F4F;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
}
span.flatpickr-day.flatpickr-disabled {
  color: #B0B0B0;
}
span.flatpickr-day.flatpickr-disabled:hover {
  color: #B0B0B0;
}

span.flatpickr-weekday {
  font-family: "Inter";
  font-size: 13px !important;
  font-weight: 500;
  color: #202020;
  opacity: 1;
  text-transform: uppercase;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  gap: 8px;
}

.flatpickr-calendar {
  width: 400px;
  box-shadow: none;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  padding: 28px 32px;
}
@media screen and (max-width: 768px) {
  .flatpickr-calendar {
    width: 100%;
    padding: 28px 16px;
  }
}

.flatpickr-innerContainer {
  width: 100% !important;
}

.flatpickr-months {
  margin-bottom: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #E7E7E7;
}

.flatpickr-day.today {
  border: honeydew;
}

.flatpickr-day.selected {
  background: #18AC57;
  border-radius: 4px;
  border: none;
}

.flatpickr-day.selected:hover {
  background: #18AC57;
}

.flatpickr-weekdays {
  margin-bottom: 8px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
  -webkit-appearance: none;
  font-weight: 500;
  font-size: 16px;
  color: #202020;
}

.flatpickr-current-month .numInputWrapper {
  background: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: none;
}

.numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown {
  display: none;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  position: inherit;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  fill: #202020;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  height: auto;
  padding: 0px;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  padding-top: 5px;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  visibility: hidden;
}

.flatpickr-calendar.inline {
  max-height: 380px;
}

.arrows .disabled {
  cursor: no-drop !important;
}
.arrows .disabled span {
  border: 1px solid #0033A1;
  background: transparent !important;
}
.arrows .disabled span::after {
  filter: brightness(0);
}

/*# sourceMappingURL=style.css.map */