.coverflow-screen {
  position: relative;
  
}
.coverflow-screen .swipe-panel{
  position: relative;
  margin: 0em auto 10px;
  width: 100%;
  padding: 0em;
  background-color:transparent;
  border-radius: 0em;
  border: none;
}

.coverflow-screen .swipe-nav {
  position: relative;
  margin: 0em auto;
  width: 100%;
  height: 100%;
}

.coverflow-screen .swiper-btn:hover, .swiper-screen .swiper-btn:focus {
border:none;
outline: none;
text-decoration: none;
}

.coverflow-screen .clickable-next.circle .btn .font-icon{
font-size: 3em;
/*  padding-left: 0.1em; */
}
.coverflow-screen .clickable-back.circle .btn .font-icon{
font-size: 3em;
/* padding-right: 0.1em; */
}
.coverflow-screen .swiper-container {
  width: 100%;
  max-width: 1312px;
  height: auto;
  min-height: 650px;
  position: relative;
  padding: 0em 0em 0em 0em;
  background-color: transparent;
}
.coverflow-screen .swiper-container .swiper-wrapper{
  position: relative;
  width: 100%;
}
.coverflow-screen .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  color: #001C4A;
  background-color: #fff;
  overflow: hidden;
} 

.coverflow-screen .swiper-slide .slide-col{
display: inline-block;
vertical-align: top;
}
.coverflow-screen .swiper-slide .slide-col.right{
float: right;
}
.coverflow-screen .swiper-slide .slide-col.full{
width: 100%;
float: none;
}
.coverflow-screen .swiper-slide .slide-col-img {
  position: absolute;
  width: 60%;
  height: auto;
  top: 0em;
  min-height: 100%;
}
.coverflow-screen .swiper-slide .slide-col-text {
  width: 40%;
  padding: 40px;
  margin: 0em;
  position: relative;
  height: 100%;
  /* for scroll */
  z-index: 1;
  background: #001c4a;
  color: #ffffff;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.coverflow-screen .swiper-slide .slide-col-img .text-box{
  position: absolute;
  bottom: 0em;
  padding: 1em;
  background-color: #5A328A;
  color: #fff;
}
.coverflow-screen .swiper-slide .flex-div {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.coverflow-screen .swiper-slide .text-box{padding: 30px;}
.coverflow-screen .swiper-slide .text-box .img-cell{width: 50%; padding:0em 2em 0em 0em;}
.coverflow-screen .swiper-slide .text-box .img-cell.right{padding:0em 0em 0em 2em;}

.coverflow-screen .swiper-slide .flex-div .text-box{position: relative; width: 50%; padding: 30px 88px;}
.coverflow-screen .swiper-slide .flex-div .img-div{width: 50%; height: 528px; position: relative;}

.coverflow-screen .pagination-parent{
  position: relative;
  width: 50%;
  margin: 20px auto 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coverflow-screen .pagination-parent .swiper-pagination{
  right: auto;
  position: relative;
  left: auto;
  bottom: auto;
  padding: 0px;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet{
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 100%;
  background-color: #ffffff;
  border: 4px solid #ffffff;
  opacity: 1;
  margin: 0 10px;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet-active{
  background-color:#5DA6FF;
}
.coverflow-screen .swiper-pagination.swiper-pagination-progressbar{
  background-color: #ffffff; 
  height: 0.3em; 
  width: 100%;
  margin: 0em auto;
  left: 0em;
  right: 0em;
}
.coverflow-screen .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #3C89FA;}

.coverflow-screen .swipe-nav .clickable-next,
.coverflow-screen .swipe-nav .clickable-back
{  
  z-index: 11;
  position: absolute;
  bottom: auto;
  min-width: auto;
  min-height: auto;

} 
.coverflow-screen .swipe-nav .clickable-next{right: 20px;}
.coverflow-screen .swipe-nav .clickable-back{left: 20px;}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn{
  min-width: auto;
  height: 40px;
  padding: 0em;
  width: 40px;
  background-color: transparent;
  color:#fff;
  border-radius: 50%;
}
.coverflow-screen .swipe-nav .clickable-back .swiper-btn{padding-right: 6px;}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn{padding-left: 6px;}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.hover, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.hover { background-color:transparent; }
.coverflow-screen .swipe-nav .clickable-next .swiper-btn .btn-icon,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn .btn-icon{ font-size: 1.4em; }
.coverflow-screen .swipe-panel.full{
width: 100%;
padding: 0em;
border-radius: 0em;
border: none;
margin: 0em auto;
}
.coverflow-screen .swipe-panel.full .swiper-slide{
min-height: 560px;
}
.coverflow-screen .swipe-panel.full .swiper-container{
padding-bottom: 0em;
}

.swiper-button-next, .swiper-button-prev {
right: 10px;
color: #ffffff;
font-size: 58px;
top: 43%;
}
.swiper-button-next.disabled, .swiper-button-prev.disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}

/* Type - direction - vertical start */
.coverflow-screen .swiper-container-vertical .swiper-wrapper{height: 400px;}
.coverflow-screen .swiper-container-vertical .swiper-slide .slide-col-text{padding-right: 2em;}
.coverflow-screen .swiper-container-vertical .swiper-pagination-bullet{display: block;margin: 0.5em 0em;}


/* Type - direction - vertical end */
/* coverflow 3D start */
.coverflow-screen.type-coverflow{ margin: 0em auto; margin-top: 80px; }
.coverflow-screen .swiper-container-coverflow{background-color: transparent;}
.coverflow-screen .swiper-container-coverflow .swiper-slide{width: 1120px; height: 560px; background-color: transparent; }
.coverflow-screen .swiper-container-coverflow .swiper-slide .text-box {padding: 0em;}
.coverflow-screen .swiper-container-coverflow .swiper-slide .scroll-parent {max-height: 350px;}
.coverflow-screen .swiper-container-coverflow.swiper-container-3d .swiper-slide-shadow-left{border-radius: 40px;}
.coverflow-screen .swiper-container-coverflow.swiper-container-3d .swiper-slide-shadow-right{border-radius: 40px;}
/* coverflow 3D end */

.screen.swiper_screen .continue-btn-panel {
display: flex;
justify-content: center;
}
.coverflow-screen .swiper-container-coverflow .swiper-slide.swiper-slide-next,
.coverflow-screen .swiper-container-coverflow .swiper-slide.swiper-slide-prev {
opacity: 0.4;
}

/* --mediaQuery Start-- */
@media screen and (max-width: 834px) {
  .coverflow-screen .swiper-container { min-height: 300px;  }
  
  .coverflow-screen .swiper-container .swiper-wrapper {
    margin-top: 10px;
    padding-top: 90px;
  }
  .coverflow-screen .pagination-parent {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
  }
  .coverflow-screen .swiper-container-coverflow{position: relative; top: 0px; padding: 1em 0em 0em 0em; }
  .coverflow-screen .swiper-container-coverflow .swiper-slide{
    width: 100%; 
    /* max-width: 618px;  */
    height:auto; 
    background-color: transparent;
    border-radius: 0px;
    overflow: auto;
  }
  .coverflow-screen .swiper-slide{
    border-radius: 0px;
    overflow: auto;
    background: transparent;
    color: #ffffff;
  }
  .coverflow-screen .swiper-slide .slide-col-text {
    width: 100%;
    padding: 0px;
    margin: 0em;
    position: relative;
    background: white;
    height: auto;
    top: auto;
    border-left: none;
  }
  .coverflow-screen .swiper-slide .slide-col.full {
    width: 100%;
    height: auto;
  }
  .coverflow-screen .swiper-slide .slide-col-text p {
    width: 100%;
    margin-top: 20px;
    color: #000;
  }
  .coverflow-screen .swiper-slide .flex-div { 
    flex-flow: column-reverse wrap;
    
  }
  .coverflow-screen .swiper-slide .flex-div .text-box{
    position: relative; 
    width: 100%; 
    padding: 30px;
  }
  .coverflow-screen .swiper-slide .flex-div .img-div{
    width: 100%; 
    height: auto; 
    position: relative;
  }

  .coverflow-screen.type-coverflow { margin: 0em; width: 100%;}


  .screen.swiper_screen .swiper-pagination.bottom {
    display: none;
  }
  .screen.swiper_screen .swiper-pagination.top {
    display: block;
  }
  .screen.swiper_screen .coverflow-btn-panel a {
    right: 0px;
    margin: 0 20px;
  }
  .screen.swiper_screen .coverflow-btn-panel {
    display: flex;
    margin-top: 30px;
    justify-content: center;
  }
  .screen.swiper_screen .swiper-button-prev .icon-left_arrow, .screen.swiper_screen .swiper-button-next .icon-right_arrow {
    height: 40px;
    width: 40px;
    position: absolute;
    font-size: 18px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .coverflow-screen .swiper-container-coverflow.swiper-container-3d .swiper-slide-shadow-left{border-radius: 0px;}
  .coverflow-screen .swiper-container-coverflow.swiper-container-3d .swiper-slide-shadow-right{border-radius: 0px;}
}

@media screen and (max-width: 767px) {
  .coverflow-screen .swiper-slide .flex-div .text-box{
    position: relative;  padding: 20px;
  }
}