.selale {
   top: 0;
   left: 0;
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url('/static/img/layoutpng.png');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 2;

 }


 .first-sec {

   z-index: 10;
   bottom: -50vh;
   position: relative;
 }

 .slider-img {
   width: 100vw !important;
   height: 100vh;
   object-fit: unset;
   opacity: 0.3;
 }

 .hero-header {
   position: relative;
   min-height: calc(100vh - 300px);

 }

 .owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   height: 100%;
 }

 .slider .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .slider .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .slider .owl-dot {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   width: 15px;
   height: 15px;
   background: var(--light);
   background-color: #555454;

   border-radius: 20px;
   transition: .5s;
 }

 .slider .owl-dot.active {

   background: #2E8AC2;
 }

 /*  */
 .basindabiz .basindabiz-item {
   min-height: 100%;
 }

 .basindabiz .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .basindabiz .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex !important;
   align-items: center;
   justify-content: center;
 }

 .basindabizKapak {
   width: 100% !important;

 }

 .basindabiz .owl-dot {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   width: 15px;
   height: 15px;
   background: var(--light);
   background-color: #555454;

   border-radius: 20px;
   transition: .5s;
 }

 .videos1 .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .videos1 .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex !important;
   align-items: center;
   justify-content: center;
 }

 .videos1 .owl-dot {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   width: 15px;
   height: 15px;
   background: var(--light);
   background-color: #555454;

   border-radius: 20px;
   transition: .5s;
 }

 /*  */
 .slider1 .owl-dot.active {

   background: #2E8AC2;
 }

 .slider1 .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .slider1 .owl-dots {
   margin-top: 15px;
   z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .slider1 .owl-dot {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   width: 15px;
   height: 15px;
   background: var(--light);
   background-color: #555454;

   border-radius: 20px;
   transition: .5s;
 }

 .slider1.owl-dot.active {

   background: #2E8AC2;
 }

 .testimonial-carousel .owl-dot {
   position: relative;
   display: inline-block;
   margin: 0 5px;
   width: 15px;
   height: 15px;
   background: var(--light);
   background-color: #555454;

   border-radius: 20px;
   transition: .5s;
 }

 .testimonial-carousel .owl-dots {
   margin-top: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .testimonial-carousel .owl-item img {
   width: 150px;
   height: 150px;
 }

 .testimonial-carousel .owl-dot.active {

   background: #2E8AC2;
 }

 .whats-app {
   position: fixed;
   width: 50px;
   height: 50px;
   bottom: 55px;
   background-color: #25d366;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   font-size: 35px;
   box-shadow: 3px 4px 3px #999;
   right: 30px;
   z-index: 100;
 }


 #dropdownup {

   bottom: 110%;
   transform: rotate(180deg);
 }

 #dropdownup a,
 #dropdownup button {
   transform: rotate(180deg);
 }

 @media screen and (min-width: 430px) {
   .slider {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 10;
     top: 0;
     left: 0;
   }

 }

 .btnTumunuGoster {
   -webkit-border-radius: 60;
   -moz-border-radius: 60;
   border-radius: 60px;
   font-family: Courier New;
   color: #2e89c2;
   font-size: 17px;
   background: #ffffff;
   padding: 10px 20px 10px 20px;
   border: solid #2E8AC2 1px;
   text-decoration: none;
   margin-left: 45%;
 }

 .btnTumunuGoster:hover {
   background: #ffffff;
   text-decoration: none;

 }

 .tumlist {
   margin-top: 10px;


 }

 .generic {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #2E8AC2;
   width: 100%;
   height: 500px;
 }

 .genericcircle {
   position: absolute;
   top: 25%;
   left: 20%;
   text-align: center;
   width: 20%;
   height: 55%;
   border: 5px solid #2E8AC2;
   outline: 9px dashed #1C6EA4;
   outline-offset: 0px;
   border-radius: 50%;
   animation: dongu;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;


 }

 .genericcircle2 {
   position: absolute;
   top: 25%;
   left: 20%;
   text-align: center;
   width: 22%;
   height: 52%;
   border: 3px solid #2E8AC2;
   outline: 9px dashed #1C6EA4;
   outline-offset: 0px;
   border-radius: 50%;
   animation: colorchange 10s infinite;
   -webkit-animation: colorchange 10s infinite;

 }

 .genericcircle3 {
   position: absolute;
   top: 25%;
   left: 20%;
   text-align: center;
   width: 24%;
   height: 54%;
   border: 3px solid #2E8AC2;
   outline: 9px dashed #1C6EA4;
   outline-offset: 0px;
   border-radius: 50%;
   animation: colorchange 10s infinite;
   -webkit-animation: colorchange 10s infinite;

 }

 @keyframes dongu {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }


 @keyframes colorchange {
   0% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 0.0984768907563025) 100%);
   }

   25% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 0.3701855742296919) 100%);
   }

   50% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 0.639093137254902) 100%);
   }

   75% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }

   100% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }
 }

 @-webkit-keyframes colorchange {
   0% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }

   25% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }

   50% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }

   75% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }

   100% {
     border-color: linear-gradient(0deg, rgba(38, 56, 118, 1) 0%, rgba(46, 138, 194, 1) 100%);
   }
 }

 .alphabet_nav {
   margin-top: 5px;
   position: relative;
   box-shadow: 3px 9px 12px -13px rgb(0 0 0 / 75%);
 }

 .alphabet {
   display: inline;
   font-family: Anton-Regular;
   width: 30px;
   height: 30px;
   padding: 3px;
   font-size: 30px;
   margin-left: 15px;

   text-align: center;

 }

 @media screen and (max-width: 1400px) {
   .alphabet {

     font-size: 23px;

   }
 }

 .alfabethr {


   overflow: visible;
   padding: 0;
   border: none;
   border-top: medium double #333;
   color: #333;
   text-align: center;
 }

 .alfabethr::after {

   content: ".";
   display: inline-block;
   position: relative;
   top: -0.7em;
   font-size: 1.5em;
   padding: 0 0.25em;
   background: white;

 }

 .alphabet:hover {
   background-color: #2E8AC2;
   color: #fff;
 }

 .containerSerid {
   display: block;
   height: 25px;
   background-color: #1D2A4D !important;
 }

 @media screen and (max-height:900px) {
   .first-sec {
     bottom: -40vh;
   }
 }

 @media screen and (max-width: 430px) {
   .first-sec {

     z-index: 10;
     margin-top: 20%;
     position: relative;
   }

   .slider-img {
     width: 100% !important;
     min-height: 450px;
     opacity: 0.3;
   }

   .hero-header {
     position: relative;
     /*   min-height:calc(100vh - 300px);*/
     min-height: 450px;
     margin-bottom: 1px !important;

   }

   .slider {
     position: absolute;
     width: 100%;
     height: 100%;
     min-height: 450px;
     z-index: 10;
     top: 0;
     left: 0;
   }

   .slider.owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0);

   }

   .basindabiz .owl-stage-outer {
     height: 100%;
   }

   .whats-app {
     visibility: hidden;
   }

 }