.slaytlar {
        margin: auto;
        padding: 0 40px 10px 40px;
        position: relative;
      }

      .slaytlar .slideic img {
        width: 100%;
        object-fit: cover;
      }

      .slaytlar .slideic {
        display: block;
      }

      .slaytlar .slideic .icerik{
      	font-size: 14px;
      	margin-top: 10px;font-weight: 400
      }

.slaytlar .slideic ul{
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	padding: 0;
	margin-top: 4px;
}

.slaytlar .slideic ul i{

margin-right:6px ;
}
      .slaytlar .slideic ul li {
      	list-style: none;
      	font-size: 12px;
      	font-weight: 400}

      .slaytlar .slideic h2{
      	margin:0;
      	font-size: 16px;}

      .slaytlar .slideic h2 a{
      	font-size: 15px; font-weight: 600;
color:#222831;      }

      .slaytlar .slideic h2 a:hover{
color:#00ADB5;      }

            .slaytlar .slideic a{
            	        color: #555555;

      }

      .slaytlar .slidek {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      }

      .slaytlar .slidecont {
        position: relative;
        overflow: hidden;
      }

 



      .slaytlar .geri:hover,
      .slaytlar .ileri:hover{
      	color: #ffffff !important;
        background: #222831;}


              .slaytlar .geri,
      .slaytlar .ileri {
        position: absolute;
        background: #DDDDDD;

        padding: 4px 10px;
        border-radius: 4px;
        color: #222831;
        cursor: pointer;
      }

      .slaytlar .ileri {
        right: -25px;
      }
      .slaytlar .geri {
        left: -25px;
      }

      .slaytlar .dots {
        margin: 20px auto 10px auto;
        text-align: center;

display: flex;
    justify-content: center;
    gap: 14px;
      }

      .slaytlar .dot {


        cursor: pointer;

        display: inline-block;
        background: #222831;
        width: 12px;
        height: 12px;
        border-radius: 50%;



        transition: background 600ms ease;
      }

      .slaytlar .active,
      .slaytlar .dot:hover {
        background: #00ADB5;
      }

      .slaytlar .active {
        width: 38px;
        border-radius: 20px;
      }

      .slaytlar .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration:  .4s;
        animation-name: fade;
        animation-duration: .4s;
        animation-iteration-count: 1;
                transition: all 400ms ease;

      }

      .slaytlar .fade0 {
        -webkit-animation-name: fade0;
        -webkit-animation-duration:  .4s;
        animation-name: fade0;
        animation-duration:  .4s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
                        transition: all 400ms ease;
                                  display: none;


      }

      @-webkit-keyframes fade {
        from {
          opacity: 0.4;
          left: 100%;
        }
        to {
          opacity: 1;
          left: 0;
        }
      }

      @keyframes fade {
        from {
          opacity: 0.4;
          left: 100%;
        }
        to {
          opacity: 1;
          left: 0;
        }
      }

      @-webkit-keyframes fade0 {
        from {
          opacity: 1;
          left: 0%;
        }
        to {
          opacity: 0.4;
          left: -100%;
          display: none;
        }
      }

      @keyframes fade0 {
        from {
          opacity: 1;
          left: 0;
        }
        to {
          opacity: 0.4;
          left: -100%;
          display: none;
        }
      }

      @media only screen and (max-width:767px) {

          .slaytlar {
        padding: 10px 20px;
          }