html,
        body {
            font-family: 'Roboto', sans-serif;
            position: relative;
            height: 100%;
          background: #fff;
        }

        body {
            background: #fff;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper-container {
            width: 100%;
            height: calc(100% - 113px);
 
        }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
 
}
 
               .swiper-slide img {
                width: 100%;
                height: auto;
                max-width: 100%;
              /*  max-height: 100%;*/
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: absolute;
                left: 50%;
                top: 50%;
            }

.cozum1 .swiper-wrapper { height:245px;
}
.cozum1 .swiper-container {
    height:245px !important;
}
.cozum1 .swiper-slide
{
    display: flex;
    text-align: center;
    font-size: 18px;
    background: #fff;
    background-repeat: no-repeat !important;
    background-position: center !important;
    align-items: flex-end;
    justify-content: center;
    font-weight:600;
}
 
    .p1 {  z-index:999999;   font-weight:300; font-family: 'Roboto', sans-serif;
            width:300px;height:350px; padding:35px; padding-top:25px; background-color:rgba(238, 238, 238, 0.43); font-size:15px; text-align:left;

                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                position: relative;
                left: 20%;
                top: 55%;
        } 
                        .p1 h1 {  display:inline; clear:both; text-align:left; 
        }
                                        .p1 span {  display:inline; clear:both; text-align:left; padding:  0px; padding-bottom:15px; line-height:165%;
        }
        .p1 a {
            display: flex;
            clear: both;
            text-align: left;
            margin: 5px 0px;
            flex-direction: column;
        }
            .p1 a:hover {
                color: red !important;
            }
 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
    left: 0;
    background-color: rgba(0, 0, 0, 0.84)  !important;
    width: 50%;
    height: 50px;
    padding-right:25px;
}
 .swiper-pagination {
 
    text-align: right;
}
 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color:#fff;
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #585858;
}
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-top: 17px;
}
 @media (max-width: 768px) {
        .swiper-container {
            width: 100%;
            height: 274px !important;
        }
 
  .p1 {display:none; visibility:hidden;}
}