@media (max-width:320px){
  .uyelik-top{margin-top: -130px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 50px 0 100px 0;}
  .br-15-over{border-radius: 0px 0px 15px 15px;}



    .timeline__event:nth-child(2n+1) .timeline__event__content {
        border-radius: 0px 0 15px 15px;
      }
    .timeline__event__content {
        padding: 20px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 0px 0px 0;
      }
    .help-top{margin-top: 50px; min-height: 500px;}
    .ic-pd-mu130{padding: 80px 0 20px 0;}
}
@media (min-width:321px){
  .uyelik-top{margin-top: -130px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 50px 0 100px 0;}
  .br-15-over{border-radius: 0px 0px 15px 15px;}


    .timeline__event:nth-child(2n+1) .timeline__event__content {
        border-radius: 0px 0 15px 15px;
      }
    .timeline__event__content {
        padding: 25px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 0px 0px 0;
      }
    .help-top{margin-top: 50px; min-height: 500px;}
    .ic-pd-mu130{padding: 80px 0 20px 0;}
}
@media(max-width:768px) {
    .mb-center {
        text-align: center
    }
}
@media(min-width:768px){
  .uyelik-top{margin-top: -160px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 100px 0 150px 0;}
  .br-15-over{border-radius: 0px 0px 15px 15px;}


    .timeline__event:nth-child(2n+1) .timeline__event__content {
        border-radius: 0px 0 15px 15px;
      }
    .timeline__event__content {
        padding: 40px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 0px 0px 0;
      }
    .help-top{margin-top: 50px; min-height: 500px;}
    .ic-pd-mu130{padding: 130px 0 20px 0;}
}
@media(min-width:992px){
  .fs17-kclt {font-size: 15px;}
  .uyelik-top{margin-top: -160px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 100px 0 150px 0;}
  .br-15-over{border-radius: 0px 15px 15px 0px;}

    .timeline__event:nth-child(2n+1) .timeline__event__content {
        border-radius: 15px 0 0 15px;
      }
    .timeline__event__content {
        padding: 40px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 15px 15px 0;
      }
    .help-top{margin-top: -120px; min-height: 500px;}
    .ic-pd-mu130{padding: 130px 0 20px 0;}
}
@media(min-width:1200px){
  .fs17-kclt {font-size: 15px;}
  .uyelik-top{margin-top: -160px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 100px 0 150px 0;}
  .br-15-over{border-radius: 0px 15px 15px 0px;}


    .timeline__event__content {
        padding: 40px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 15px 15px 0;
      }
    .help-top{margin-top: -120px; min-height: 500px;}
    .ic-pd-mu130{padding: 130px 0 20px 0;}
}

@media(min-width:1450px){
  .fs17-kclt {font-size: 15px;}
  .uyelik-top{margin-top: -160px; position: relative; z-index: 9;}
  .ic-pd-mu200{padding: 100px 0 150px 0;}
  .br-15-over{border-radius: 0px 15px 15px 0px;}

    .timeline__event__content {
        padding: 40px;
        box-shadow: 0 30px 60px -12px rgb(50 50 93 / 6%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
        background: #fff;
        width: calc(40vw - 84px);
        border-radius: 0 15px 15px 0;
      }
    .help-top{margin-top: -120px; min-height: 500px;}
    .ic-pd-mu130{padding: 130px 0 20px 0;}
}
  .tp-rightarrow{display:block; right:15px; opacity:1;float:left;width:37px;height:76px;font-size:14px;text-align:center;line-height:48px;color:#fff;margin-left:2px;position:absolute; background:url(../images/right.png) no-repeat center #b8ad6800 ; border-radius:0px; z-index:98;cursor:pointer;top:45%;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s; opacity: 0.7;}
  .tp-leftarrow{display:block; left:15px; opacity:1;float:left;width:37px;height:76px;font-size:14px;text-align:center;line-height:48px;color:#fff;margin-left:2px;position:absolute; background:url(../images/left.png) no-repeat center #b8ad6800; border-radius:0px; z-index:98;cursor:pointer;top:45%;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s; opacity: 0.7; }
 
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.price{
    background:#efefef !important;
    text-align:center !important;
    color:black !important;
    font-size:22px !important
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #5294c9;
    border-color: #5294c9;
}

.btn-outline-primary {
  color: #5294c9;
  border-color: #5294c9;
}

.btn-outline-primary:hover{
  color: #fff;
  background-color: #0f3751;
  border-color: #0f3751;
}

.form-check-input1[type=radio] {
  border-radius: 50%;
  height: 20px !important;
  width: 20px !important; margin-top: 0px;
}


.ders-olustur-btn{background: #5194ca; color: #fff; padding: 5px 15px;}
.ders-olustur-btn:hover{background: #bc025e; color: #fff;}

.bg-green{background: #cdebdb;}

.blue-link-1 {color: #3080c1;}
.blue-link-1:hover {color: #bc025e;}


.br-5{border-radius: 0px 5px 5px 0px;}
.fs23{font-size: 23px;}
.br-55{border-radius: 5px 5px 5px 5px;}

.btn-pink-over{background: none; border: 1px solid #eb9ec5; color: #fff;}
.btn-pink-over:hover{background: #9e1a5b;  border: 1px solid #9e1a5b; color: #fff;}
.overbg{background: #9e1a5b;
  background: -webkit-linear-gradient(to right, #9e1a5b, #c8307b);
  background: linear-gradient(to right, #9e1a5b, #c8307b);}
.cizgi-beyaz{height: 50px; width: 1px; background: rgba(255, 255, 255, 0.561);}

.cizgi-siyah{height: 50px; width: 1px; background: rgba(36, 36, 36, 0.561);}

.btn-pink-price{ background:#11467c; color: #fff;}
.btn-pink-price:hover{ background:#9e1a5b; color: #fff;}

.bg-white-price{background: #fff;}
.bg-white-price:hover{background: #fefaed;}


.randevu-btn{background: #fff; border: 1px solid #5194ca; color: #1f3965; padding: 10px 0px;}
.randevu-btn:hover{background: #fff; border: 1px solid #c8307b; color: #c8307b;}





.form-select {font-size: 13px;}
.form-control {font-size: 13px;}


.number-bg{background: #c8307b; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;}



.carousel_ileri_geri_adimlar .owl-prev-adimlar{ 
  color: #1f3965;
  font-size: 14px;
  margin: 5px;
  padding: 5px 8px;
  background: #e5f1fa;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


.carousel_ileri_geri_adimlar .owl-next-adimlar{ 
  color: #1f3965;
  font-size: 14px;
  margin: 5px;
  padding: 5px 8px;
  background: #e5f1fa;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.carousel_ileri_geri_adimlar .owl-prev-adimlar:hover{ background: #5294c9; color: #fff;}
.carousel_ileri_geri_adimlar .owl-next-adimlar:hover{ background: #5294c9; color: #fff;}

.img-border-ic{    border-radius: 50%;border: solid 20px #e5f1fa;}




.timeline {
    display: flex;
    flex-direction: column;
    margin: 20px auto;
    position: relative;
  }
  .timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    margin: 20px 0;
    border-radius: 15px;
    align-self: center;
    width: 100%;
  }
  .timeline__event:nth-child(2n+1) {
    flex-direction: row-reverse;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__date {
    border-radius: 0 15px 15px 0;
  }

  .timeline__event:nth-child(2n+1) .timeline__event__icon:before {
    content: "";
    width: 0px;
    height: 100%;
    background: #bc025e;
    position: absolute;
    top: 0%;
    left: 50%;
    right: auto;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-animation: fillTop 1s forwards 1s ease-in-out;
            animation: fillTop 1s forwards 1s ease-in-out;
  }
  .timeline__event:nth-child(2n+1) .timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #bc025e;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    -webkit-animation: fillLeft 1s forwards 1s ease-in-out;
            animation: fillLeft 1s forwards 1s ease-in-out;
  }
  .timeline__event__title {
    font-size:20px;
    color: #bc025e;
  }

  .timeline__event__date {
    color: #f6a4ec;
    font-size: 1.5rem;
    font-weight: 600;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0px 0px;
    border-radius: 15px 0 0 15px;
    box-shadow:0 30px 60px -12px rgb(50 50 93 / 33%), 0 18px 36px -18px rgb(0 0 0 / 0%), 0 -12px 36px -8px rgb(0 0 0 / 3%);
  }
  .timeline__event__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffbdde;
    padding: 20px;
    align-self: center;
    margin: 0 20px;
    background: #bc025e;
    border-radius: 100%;
    width: 40px;
    box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    padding: 40px;
    height: 40px;
    position: relative;
  }
  .timeline__event__icon i {
    font-size: 32px;
  }
  .timeline__event__icon:before {
    content: "";
    width: 0px;
    height: 100%;
    background: #f6a4ec;
    position: absolute;
    top: 0%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: fillTop 1s forwards 1s ease-in-out;
            animation: fillTop 1s forwards 1s ease-in-out;
  }
  .timeline__event__icon:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #f6a4ec;
    position: absolute;
    left: 0%;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-animation: fillLeftOdd 1s forwards 1s ease-in-out;
            animation: fillLeftOdd 1s forwards 1s ease-in-out;
  }
  .timeline__event__description {
    flex-basis: 60%;
  }
  .timeline__event--type2:after {
    background: #555ac0;
  }
  .timeline__event--type2 .timeline__event__date {
    color: #87bbfe;
    background: #ffffff;
  }
  .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
    background: #87bbfe;
  }
  .timeline__event--type2 .timeline__event__icon {
    background: #5194ca;
    color: #a2d5ff;
  }
  .timeline__event--type2 .timeline__event__icon:before, .timeline__event--type2 .timeline__event__icon:after {
    background: #5194ca;
  }
  .timeline__event--type2 .timeline__event__title {
    color: #5194ca;
  }
  .timeline__event--type3:after {
    background: #24b47e;
  }
  .timeline__event--type3 .timeline__event__date {
    color: #aff1b6;
    background-color: #ffffff;
  }
  .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before, .timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
    background: #22b47e;
  }
  .timeline__event--type3 .timeline__event__icon {
    background: #22b47e;
    color: #aeebd4;
  }
  .timeline__event--type3 .timeline__event__icon:before, .timeline__event--type3 .timeline__event__icon:after {
    background: #ffffff;
  }
  .timeline__event--type3 .timeline__event__title {
    color: #22b47e;
  }
  .timeline__event:last-child .timeline__event__icon:before {
    content: none;
  }
  
  @media (max-width: 992px) {
    .timeline__event {
      flex-direction: column;
      align-self: center;
    }
    .timeline__event__content {
      width: 100%;
    }
    .timeline__event__icon {
      border-radius: 15px 15px 0 0;
      width: 100%;
      margin: 0;
      box-shadow: none;
    }
    .timeline__event__icon:before, .timeline__event__icon:after {
      display: none;
    }
    .timeline__event__date {
      border-radius: 0;
      padding: 20px;
    }
    .timeline__event:nth-child(2n+1) {
      flex-direction: column;
      align-self: center;
    }
    .timeline__event:nth-child(2n+1) .timeline__event__date {
      border-radius: 0;
      padding: 20px;
    }
    .timeline__event:nth-child(2n+1) .timeline__event__icon {
      border-radius: 15px 15px 0 0;
      margin: 0;
    }
  }
  @-webkit-keyframes fillLeft {
    100% {
      right: 100%;
    }
  }
  @keyframes fillLeft {
    100% {
      right: 100%;
    }
  }
  @-webkit-keyframes fillTop {
    100% {
      top: 100%;
    }
  }
  @keyframes fillTop {
    100% {
      top: 100%;
    }
  }
  @-webkit-keyframes fillLeftOdd {
    100% {
      left: 100%;
    }
  }
  @keyframes fillLeftOdd {
    100% {
      left: 100%;
    }
  }