  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
  }

  /* Scrollbar arka planı */
  ::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
  }

  /* Scrollbar'ın kendisi */
  ::-webkit-scrollbar-thumb {
      background: #b0b0b0;
      border-radius: 10px;
  }

  /* Hover durumunda scroll rengini değiştirme */
  ::-webkit-scrollbar-thumb:hover {
      background: #888;
  }

  /* Firefox */
  input[type=number] {
      -moz-appearance: textfield;
  }

  .form-check-input {
      box-shadow: none !important;
      border: none;
      background-color: #ffba00;
  }

  .form-check-input:checked {
      background-color: #4f4f4f;
      border-color: #4f4f4f;
  }

  .form-check-input:focus {
      border: none;
      box-shadow: none;
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
      background: #d0d0d0 !important;
  }

  /* --------------------------------------------------------------*/
  .whatsapp-wrapper{
    position: fixed;
    z-index: 999 !important;
    right: 10px;
    bottom: 25px;
  }
  .whatsapp-wrapper a{
      z-index: 999 !important;
      padding: 15px;
      background: #128C7E;
      border-radius: 50%;
  }
  .tooltip-inner{
      padding: 5px;
      font-size: 13px !important;
  }
  .whatsapp-wrapper i{
      font-size: 20px;
      color: #fff;
  }
  /* --------------------------------------------------------------*/


  .homepage2-body {
      background-color: #1a2740;
      /* background: #fff; */
      /* background-color: #002466; */
      /* background-color: #c00000; */
      /* background-color: #B43F3F; */
      overflow: hidden;
  }

  .inner-page {
      margin-top: 185px;
  }


  /* Slide Settings */
  .slider-controllers {
      i {
          font-size: 25px !important;
          color: #fff !important;
          cursor: pointer;
      }

      .next-arrow {
          position: absolute;
          top: 45.5%;
          left: calc(100% + 10px);
          z-index: 10;
      }

      .prev-arrow {
          position: absolute;
          top: 45.5%;
          left: -30px;
          z-index: 10;
      }
  }

  @media screen and (max-width:992px) {
      .inner-page {
          margin-top: 80px !important;
      }

      .slider-controllers {
          width: calc(100% - 100px) !important;
          position: absolute;
          top: 45%;
          left: 50px !important;
          right: 50px !important;
          margin: 0 auto !important;
          /* Yatayda ortalar */
          width: 200px;
          text-align: center;

          i {
              color: gray !important;
          }
      }
  }

  .faq-inner-section-area .faq-widget-area ul li button {
      transition: 0.3s all;
  }

  .faq-inner-section-area .faq-widget-area ul li button.active {
      background: #c00000;
      color: #fff;
  }

  .faq-inner-section-area .faq-widget-area ul li button:hover {
      background: #c00000;
      color: #fff;
  }

  .event2-section-area .tabs-button ul li button.active span.calender {
      background-color: #1a2740;
  }

  .event2-section-area .tabs-button ul li button.active {
      background-color: hsla(220, 21%, 83%, 0.957);
  }

  .event2-section-area .tabs-button ul li button.active .pl-8 .day {
      color: black;
  }

  .tab-pd {
      padding: 0px 100px;
  }

  .top-menu-area {
      background: #0000008a !important;
      color: #fff !important;
      border-bottom: 0 !important;
  }

  .header-elements {
      border-top: 1px solid #ffffff7d;
      background: #000000a1 !important;
  }

  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li a {
      color: #fff;
  }

  .second-footer {
      color: #d6d6d6;
      padding: 0.5em;
      border-radius: 4px;
  }

  .second-footer a {
      font-weight: bold;
      color: #c00000;
  }

  .second-footer a:hover {
      color: #c00000;
  }

  .bi-search:before {
      color: #fff !important;
  }

  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li:hover>a {
      color: #c00000 !important;
  }

  .homepage2-body .header-area.homepage2 .header-elements .site-logo img {
      height: auto !important;
  }

  .site-logo a {
      /* padding: 1.5em !important; */
      /* background: white !important; */
      /* border-radius: 9px; */
  }

  .hero-content {
      padding: 1em;
      background: #000000a1;
      border-radius: 20px;
  }

  .homepage2-body .header-area.homepage2 .menu-top-area .top-menu-area p {
      color: #fff;
  }

  .homepage2-body .header-area.homepage2 .menu-top-area .top-menu-area p a {
      color: #c00000;
      text-decoration: none;
  }

  .homepage2-body .header-area.homepage2 .menu-top-area .top-menu-area ul li a {
      color: #fff;
  }

  .homepage2-body .header-area.homepage2 .menu-top-area .top-menu-area ul li a:hover {
      color: #c00000;
  }

  .header-area.homepage2.sticky {
      background: #0a1526;
  }

  .header-area.homepage2.sticky .header-elements {
      border-top: none !important;
  }

  .header-area.homepage2.sticky .header-elements {
      padding: 1em;
      background: #0a1526 !important;
      z-index: 99999;
  }

  .mobile-header.mobile-haeder2 {
      background: #1a2740;
  }

  .hero2-slider-area .her2-section-area .hero2-header h1 .conferences {
      border: 1px solid #fff;
  }

  .dropdown-padding li a {
      color: black !important;
  }

  .homepage2-body .header-area.homepage2 .header-elements .main-menu ul li ul.dropdown-padding li a::after {
      background-color: #ff1100;
  }

  .homepage2-body .header-area.homepage2 .menu-top-area .top-menu-area::after {
      background-color: #c00000;
  }

  .homepage2-body .header-area.homepage2 .header-elements::after {
      background-color: #c00000;
  }

  .homepage2-body .header-area.homepage2 .header-elements .btn-area ul li {
      transition: 0.3s all;

      a:hover {
          background-color: #c00000;

          i {
              color: #fff;
          }
      }

  }

  .lang-changer .dropdown-menu {
      inset: -20px auto auto 60px !important;
  }

  .lang-changer .dropdown-item:not(.active-lang) {
      color: black !important;
  }

  .lang-changer .dropdown-item.active-lang {
      color: #fff;
  }

  .lang-changer li {
      display: block !important;
  }

  .lang-changer .dropdown-item:hover {
      background: rgb(189, 30, 30);
      color: #fff !important;
  }

  .active-lang {
      background: #c00000;
      color: #fff !important;
  }

  .hero2-slider-area .her2-section-area .hero2-header .timer .time-box::after {
      background-color: #c00000;
  }

  .event2-section-area .tab-content .tab-pane .event-widget-area .event2-boxarea::after {
      background-color: unset !important;
  }

  .vl-btn2 .demo {
      color: black;
      background: #fff !important;
  }

  .vl-btn2 span.arrow {
      i {
          color: black !important;
      }

      background: #fff !important;
  }

  /* CTA */

  .form-phone {
      position: absolute;
      top: 13px;
      left: 10px;
  }

  .cta1-main-boxarea {
      color: black;
      background: #fff !important;
      /* background-color: #0000006e !important; */
      margin: 10px;
      border-radius: 9px;
  }

  #subscribe {
      padding-left: 35px !important;
      background: transparent;
      padding: 0.8em;
      width: 400px;
      border-radius: 20px;
      border: 0;
      border-bottom: 1px solid;
      border-radius: 0;
  }


  #subscribe:focus {
      box-shadow: none;
  }


  /*================================================
Why Choose Us CSS
=================================================*/
  .why-choose-us {
      position: relative;
      z-index: 1;
  }

  .why-choose-us::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: #0d1028;
      opacity: 0.7;
  }

  .why-choose-us .slideshow {
      z-index: -1;
      list-style-type: none;
      padding: 0;
      margin: 0;
  }

  .why-choose-us .slideshow li span {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      color: transparent;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0;
      z-index: 0;
      backface-visibility: hidden;
      animation: imageAnimation 24s linear infinite 0s;
  }

  .why-choose-us .slideshow li:nth-child(1) span {
      background-image: url("../images/wcu/1.jpg");
  }

  .why-choose-us .slideshow li:nth-child(2) span {
      background-image: url("../images/wcu/2.jpg");
      animation-delay: 6s;
  }

  .why-choose-us .slideshow li:nth-child(3) span {
      background-image: url("../images/wcu/3.jpg");
      animation-delay: 12s;
  }

  .why-choose-us .slideshow li:nth-child(4) span {
      background-image: url("../images/wcu/4.jpg");
      animation-delay: 18s;
  }

  .col-lg-3:first-child .single-box {
      border-left: none;
  }

  .single-box {
      position: relative;
      z-index: 1;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      text-align: center;
      height: 450px;
  }

  .single-box .d-table-cell {
      vertical-align: bottom;
  }

  .single-box .content {
      position: absolute;
      padding-left: 25px;
      padding-right: 25px;
      bottom: 0;
      left: 0;
      transition: 0.5s;
  }

  .single-box .content::before {
      content: "";
      position: absolute;
      bottom: 5px;
      width: 100%;
      max-width: 280px;
      text-align: center;
      height: 260px;
      left: 50%;
      margin-left: -155px;
      z-index: -1;
      border: 10px solid rgba(104, 89, 222, 0.03);
  }

  .single-box .content .icon {
      font-size: 45px;
      color: #FF2D55;
  }

  .single-box .content h3 {
      font-size: 26px;
      color: #ffffff;
      margin-top: 15px;
      margin-bottom: 15px;
  }

  .single-box .content p {
      color: #ffffff;
      margin-bottom: 0;
      transition: 0.5s;
  }

  .single-box .content .btn {
      opacity: 0;
      visibility: hidden;
  }

  .single-box:hover .content,
  .single-box:focus .content {
      bottom: 35px;
  }

  .single-box:hover .content p,
  .single-box:focus .content p {
      margin-bottom: 25px;
  }

  .single-box:hover .content .btn,
  .single-box:focus .content .btn {
      opacity: 1;
      visibility: visible;
  }

  @keyframes imageAnimation {
      0% {
          opacity: 1;
          animation-timing-function: ease-in;
      }

      12.5% {
          opacity: 1;
          animation-timing-function: ease-out;
      }

      25% {
          opacity: 1;
      }

      37.5% {
          opacity: 10;
      }

      100% {
          opacity: 1;
      }
  }

  .no-cssanimations .slideshow li span {
      opacity: 1;
  }

  /*why-choose-style-two*/
  .why-choose-content {
      text-align: center;
      padding: 20px 25px;
      position: relative;
      z-index: 1;
  }

  .why-choose-content h3 {
      font-size: 24px;
      margin-bottom: 15px;
  }

  .why-choose-content p {
      margin-bottom: 0;
  }

  .why-choose-content a {
      color: #FF2D55;
      font-family: "Oswald", sans-serif;
      margin-top: 15px;
  }

  .why-choose-content a:hover,
  .why-choose-content a:focus {
      letter-spacing: 1px;
  }

  .why-choose-content span {
      font-size: 100px;
      font-weight: 700;
      color: #f2f2f2;
      line-height: 90px;
      position: absolute;
      left: 0;
      right: 0;
      margin: -10px auto 0;
      z-index: -1;
      top: 0;
  }

  /*================================================
Subscribe Area CSS
=================================================*/
  .subscribe-wrap-area {
      background-color: #efa506;
      padding-left: 70px;
      padding-right: 70px;
      position: relative;
      z-index: 1;
      margin-bottom: 50px;
      overflow: hidden;
  }

  .subscribe-wrap-area .section-title-with-center span {
      color: #ffffff;
  }

  .subscribe-wrap-area .section-title-with-center h2 {
      color: #ffffff;
  }

  .subscribe-wrap-area .newsletter-form {
      max-width: 690px;
      margin: auto;
      position: relative;
  }

  .subscribe-wrap-area .newsletter-form .form-control {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 0;
      border: 1px solid #ffffff;
      color: #ffffff;
      padding: 15px 25px;
      height: 70px;
  }

  .subscribe-wrap-area .newsletter-form .form-control::-moz-placeholder {
      color: #ffffff;
      -moz-transition: 0.5s;
      transition: 0.5s;
  }

  .subscribe-wrap-area .newsletter-form .form-control::placeholder {
      color: #ffffff;
      transition: 0.5s;
  }

  .subscribe-wrap-area .newsletter-form .form-control:focus::-moz-placeholder {
      color: transparent;
  }

  .subscribe-wrap-area .newsletter-form .form-control:focus::placeholder {
      color: transparent;
  }

  .subscribe-wrap-area .newsletter-form button {
      position: absolute;
      right: 0;
      top: 0;
      box-shadow: unset;
      height: 70px;
  }

  .subscribe-wrap-area .newsletter-form #validator-newsletter {
      color: #FF2D55;
      font-size: 14px;
      margin-top: 10px;
  }

  .subscribe-wrap-area .shape-1 {
      position: absolute;
      left: -30px;
      top: -30px;
      animation: movebounce 5s linear infinite;
  }

  .subscribe-wrap-area .shape-2 {
      position: absolute;
      right: -30px;
      bottom: -30px;
      animation: movebounce 5s linear infinite;
  }

  .subscribe-wrap-area.with-linear-gradient-color {
      background: linear-gradient(93.54deg, #EFA506 0%, #FF2D55 100%);
  }

  .subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary {
      color: #0d1028;
  }

  .subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary::before {
      background-color: #ffffff;
  }

  .subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary::after {
      background-color: #ffffff;
  }

  .subscribe-wrap-area.with-linear-gradient-color .newsletter-form .btn-primary:hover {
      color: #ffffff;
  }

  .subscribe-wrap-area.with-blue-gradient-color {
      background: linear-gradient(102.96deg, #651EA5 0.36%, #13157D 100%);
  }

  @media screen and (max-width:992px) {
      .hero2-slider-area .img1 img {
          display: block !important;
      }

      .faq-widget-area .tab-pd {
          padding: 0px !important;
      }

      .lang-changer {
          border: 1px solid white;
          padding: 8px;
          border-radius: 5px;
      }
  }

  .theme-bg {
      background: #0a1526;
  }

  .footer2-sertion-area {
      a {
          transition: 0.3s all;
      }

      a:hover {
          color: red !important;
      }
  }
  
