.coverflow-screen {
    position: relative;
    
  }
  .coverflow-screen .swipe-panel{
    position: relative;
    margin: 0em auto 0em;
    padding: 40px 0em 20px;
    width: 100%;
  
    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-inline-start: 0.1em; */
}
.coverflow-screen .clickable-back.circle .btn .font-icon{
  font-size: 3em;
  /* padding-inline-end: 0.1em; */
}
.coverflow-screen .swiper-container {
    min-height: 400px;
    position: relative;
    padding: 0em 0em 0em 0em;
    background-color: transparent;
    width: 1428px;
    height: 610px;
  }
  .coverflow-screen .swiper-container .swiper-wrapper{
    position: relative;
    width: 100%;
  
  }
.coverflow-screen .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 500px;
    background-color: #2167AE;
   
} 

.coverflow-screen .swiper-slide .slide-col{
  display: inline-block;
	vertical-align: top;
}
.coverflow-screen .swiper-slide .slide-col.right{
  float: right; right: 0;
}
.coverflow-screen .swiper-slide .slide-col.full{
  width: 100%;
  float: none;
}
.coverflow-screen .swiper-slide .slide-col-img{
  position: absolute;
	width: 50%;
	height: auto;
	top: 0em;
	min-height: 100%;
}
.coverflow-screen .swiper-slide .slide-col-text{
	width: 50%;	
	padding: 40px 80px;
	margin:0em;
	position: relative;
  height: 100%;
  display: flex;
  align-items: center;
	/* for scroll */
	z-index: 1;
}
.coverflow-screen .swiper-slide .slide-col-img .text-box{
  position: absolute;
  bottom: 0em;
  padding: 1em;
  background-color: #5A328A;
  color: #fff;
}
.coverflow-screen .swiper-slide .text-box{padding: 1em;}
.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-pagination{
  width: 80%;
  margin: 0 auto;
  right: 0px;
  left: 0px;
  background-color: #2167AE;
  border-radius: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  bottom: auto;
  top: auto;
}
.coverflow-screen .swiper-pagination.swiper-pagination-vertical{
  left: auto; right: 10px; margin: 0; width: auto;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet{
  width: 34px;
  height: 34px;
  display: inline-block;
  border-radius: 100%;
  background-color: #DDE4E3;
  border: 5px solid #DDE4E3;
  opacity: 1;
  margin: 0 4px;
}
.coverflow-screen .swiper-pagination .swiper-pagination-bullet-active{
  background-color:#23366F;
}
.coverflow-screen .swiper-pagination.swiper-pagination-progressbar{
  background-color:#C6C6C6; 
  height: 6px; 
  width: 100%;
  margin: 0em auto;
  left: 0em;
  right: 0em;
  top: 0px;
  bottom: auto;
  position: relative;
  min-height: auto;
}
.coverflow-screen .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #23366F;}

.coverflow-screen .swipe-nav .clickable-next,
.coverflow-screen .swipe-nav .clickable-back
{  
  z-index: 1;
  position: absolute;
  bottom: 0em;
  min-width: auto;
  min-height: auto;
  width: 32px;
  height: 100%;
} 
.coverflow-screen .swipe-nav .clickable-next{
  right: 20px;
  top: 0;
  bottom: auto;
  left:auto;
}
.coverflow-screen .swipe-nav .clickable-back{
  left: 20px;
  top: 0;
  bottom: auto;
  right: auto;
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn{
  min-width: auto;
  height: 100%;
  padding: 0em;
  width: 100%;
  background-color: #23366F;
  color:#fff;
   transition: none;
   border: none;
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.transBg,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.transBg{ background-color: transparent; color: #23366F;}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.hover, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.hover{
     color:#23366F;
   /* background-color: #fff; */
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn.hover .btn-icon, 
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.hover .btn-icon{
  -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.coverflow-screen .swipe-nav .clickable-next .swiper-btn .btn-icon,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn .btn-icon{ font-size: 32px;}

.coverflow-screen .swipe-nav .clickable-next .swiper-btn.transBg.disabled,
.coverflow-screen .swipe-nav .clickable-back .swiper-btn.transBg.disabled{opacity: 0.4;}
.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;
}
/* Type - direction - vertical start */
.coverflow-screen .swiper-container.swiper-vertical{width: 1158px; height: 508px;}
.coverflow-screen .swiper-container.swiper-vertical .swiper-wrapper{width: 1158px; height: 508px; }
.coverflow-screen .swiper-container.swiper-vertical .swiper-slide{width: 1058px;  height: 508px;  background-color: #fff;}
.coverflow-screen .swiper-container.swiper-vertical .swiper-slide .slide-col-text{padding-inline-end: 2em;}
.coverflow-screen .swiper-container.swiper-vertical .swiper-pagination-bullet{display: block;margin: 12px 0px;}
.coverflow-screen .swiper-container.swiper-vertical .swiper-slide .text-box {padding: 0em;}

/* Type - direction - vertical end */
/* coverflow 3D start */
.coverflow-screen.type-coverflow{margin: 0em 0em;}
.coverflow-screen.type-coverflow .swipe-panel{padding: 0em 0em;}
.coverflow-screen.type-coverflow .swiper-container.swiper-coverflow{background-color: transparent; width: 1920px;  height: 670px;  padding: 3em 0em;}
.coverflow-screen.type-coverflow .swiper-container.swiper-coverflow .swiper-slide{width: 1058px;  height: 508px;  background-color: #fff;}
.coverflow-screen.type-coverflow .swiper-container.swiper-coverflow .swiper-slide .text-box {padding: 0em;}
/* coverflow 3D end */

.ie .swiper-container .swiper-slide:not(.swiper-slide-active) {
  visibility: hidden !important;
}

/* Type - scenario start */
.coverflow-screen.type-scenario{}
.coverflow-screen.type-scenario .swiper-container{height: 508px;}
.coverflow-screen.type-scenario .swipe-nav{width: 1058px;}
.coverflow-screen.type-scenario .swiper-slide{min-height: 400px;}
.coverflow-screen.type-scenario .img-div{position: absolute; width: 220px; bottom: 0px; left: 20px;}
.coverflow-screen.type-scenario .img-div.left{right: auto; left: 20px;}
.coverflow-screen.type-scenario .img-div.right{right: 20px; left: auto;}
.coverflow-screen.type-scenario .speech-bouble{width: 30%; left: 30%; margin: 20px;}
.coverflow-screen.type-scenario .speech-bouble.right{left: 40%; }
/* Type - scenario end */

/* Type - cards start */
.coverflow-screen.type-cards .swiper-container{width: 450px;  height: 700px;}
.coverflow-screen.type-cards .swiper-slide{
  height: 620px;
  border: 5px solid #23366F;
  border-radius: 20px;
}
.coverflow-screen.type-cards .swiper-slide .img-div{
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px auto 0px;
}
.coverflow-screen.type-cards .swiper-slide .title-div{
  position: relative;
  margin: 10px auto 0px;
  text-align: center;
  padding: 0px 20px;
}
.coverflow-screen.type-cards .swiper-slide .title-div .txt-1{margin: 0px; font-size: 22px;}
.coverflow-screen.type-cards .swiper-slide .txt-div{
  position: relative;
  margin: 20px 0px 0px 0px;
  padding: 0px 40px;
}
.coverflow-screen.type-cards .swipe-nav .clickable-next,
.coverflow-screen.type-cards .swipe-nav .clickable-back{
  top: auto;
  bottom: 0px;
}
/* Type - cards end */


/* --mediaQuery Start-- */