.navigating-btns
.carousel-control:focus, .carousel-control:hover{
	opacity: 0.5;
}
.carousel-btn-active{
	opacity: 1 !important;
}
.right-side-wrap {
    width: 2290px;
    overflow: auto;
    transition: transform .5s ease;
}
.carousel-inner-box > div >img {
    max-width: 809px;
        border-radius: 8px 8px 0 0;
}
.carousel-inner-box > div {
   /* width: 455px; */
	width: 809px;
  /*  margin-right: 20px; */
    max-width: 809px;
    height: 405px;
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 0;
}

.carousel-inner-box {
    display: flex;
}
.carousel-wrap {
    overflow: auto;
    scroll-behavior: smooth;
}
.carousel-wrap::-webkit-scrollbar {
  display: none;
}


/***Carousel Redesign starts here*****/
.carousel-head {
    text-align: center;
    line-height: 50px;
    font-size: 38px;
    margin: 0 0 25px;
    padding: 0 10px;
    font-family: "solex", sans-serif;
    font-weight: 700;
}

.carousel-1 .carousel-head {
    color: #006666;
}

.caros-head p {
    font-size: 20px;
    line-height: 28px;
}

.carousel-container.carousel-1.width100 {
    margin-top: 30px;
}

.carousel-redesign .carousel-1 .carousel-caption p>.slide-num,.carousel-redesign .carousel-2 .carousel-caption p>.slide-num {
    font-size: 35px;
    line-height: 18px;
    color: #006666;
    background: none;
    border: 0;
    width: 51px;
    height: 53px;
    position: relative;
    left: 0;
    top: 6px;
    margin-right: 9px;
    height: auto!important;
}

.slides .container{
    padding: 0;
}

.carousel-caption > p {
    display: flex;
    width: 100%;
    align-items: center;
}

ol.carousel-indicators {
    display: block;
    z-index: 1;
}

.carousel-indicators li {
    background-color: #FFFFFF;
    border: 2px solid #006666;
    width: 15px;
    height: 15px;
   /* pointer-events: none;*/
    margin: 0 7px 0 7px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #00A594;
    background-color: #006666;
}

.carousel-control {
    font-size: 20px;
    line-height: 28px;
}

.carousel-2 .carousel-head {
    color: #193965;
    padding: 0;
}

.carousel-redesign .carousel-2 .carousel-caption p>.slide-num {
    color: #fff;
}

.carousel-redesign .carousel-2 .carousel-inner-box > div {
    background: #844a68;
}

.carousel-redesign .carousel-2 .carousel-indicators li {
    border: 2px solid #193965;
}

.carousel-redesign .carousel-2 .carousel-indicators .active {
    background-color: #193965;
}

.carousel-redesign .carousel-inner-box > div {
  /*  overflow: hidden; */
	overflow: initial;
}

button.carousel-control:focus {
    outline: 2px solid #000;
}

.cta-block .cta:focus {
    outline: -webkit-focus-ring-color auto 1px;
}

.carousel-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 26px;
    }
.carousel-redesign .carousel-control{
	background-color: #006666;
}
.carousel-redesign .carousel-controls .navigating-btns{
	font-family: "din-2014", sans-serif;
}

.carousel-redesign .carousel-control{
	visibility: hidden;
}
.carousel-redesign .carousel-control.carousel-btn-active{
	visibility: visible;
}            
.carousel-redesign .carousel-control:focus {
    outline: none;
}
/***Carousel Redesign ends here*****/

/****mobile****/

@media screen  and (max-width: 991px){
.uhcc-himalaya .carousel-indicators li.active{
	position: relative;
    top: -1px;
}
.carousel-inner-box > div.slides,
.carousel-inner-box > div >img{
	max-width: 342px;
}

.right-side-wrap {
	width: 1430px;
 	overflow: hidden;
}
.carousel-inner-box > div.slides{
	height: 400px;
}
/*.carousel-wrap {
    overflow: hidden;
}*/
.carousel-wrap {
    -webkit-user-drag: none;
    touch-action: none;
    pointer-events: none;    
}
.carousel-container.carousel-1.width100{
	height: 730px;
    overflow: unset !important;
}
.carousel-caption{
	top: 12px;
}
	 /***Carousel Redesign starts here*****/
	.carousel-container.carousel-1.width100,.carousel-container.carousel-2.width100 {
        display:none;
    }

    .carousel-redesign .carousel-container.carousel-1.width100,.carousel-redesign .carousel-container.carousel-2.width100 {
        display: block;
    }

    .carousel-redesign .carousel-container.carousel-1.width100,.carousel-redesign .carousel-container.carousel-2.width100 {
        height: auto!important;
        padding-bottom: 0px;
    }

    .how-imfinzi-works .carousel-redesign .left-side-wrap p {
        text-align: center;
    }

    .carousel-redesign .caros-cont {
        margin-top: 29px;
        position: relative;
    }

    .how-imfinzi-works .carousel-redesign .carousel-caption p {
        font-size: 18px;
        align-items: baseline;
    }

    .carousel-redesign .carousel-caption {
        padding: 13px 13px 40px 13px;
        width: 100%;
        position: static;
        height: 100%;
    }

    .carousel-redesign .carousel-inner-box > div.slides {
        /*height: 374px;*/
        height: 414px;
        margin-bottom: 32px;
    }

    .carousel-redesign .carousel-control.right {
        width: 140px;
        height: 52px;
        padding: 10px 20px;
        border: 0;
        position: initial;
        border-radius: 8px;
        opacity: 1;
    }

    .carousel-redesign .carousel-wrap+.navigating-btns {
        position: initial;
        margin: 0;
        margin-bottom: 26px;
    }

    .carousel-redesign .caros-cont > :first-child {
        top: 490px;
        margin: 0;
        left: 0;
        right: initial;
    }

    .carousel-redesign .carousel-control.left {
        width: 140px;
        height: 52px;
        border-radius: 8px;
        opacity: 1;
        padding: 10px 20px 10px 45px;
        margin-right: 0;
        position: initial;
        border: 0;
    }

    .carousel-redesign .carousel-indicators {
        padding-bottom: 40px;
        width: 100px;
        position: initial;
        margin-left: auto;
        margin-right: auto;
    }

    .navigating-btns {
        text-align: right;
        margin-top: 60px;
        position: absolute;
        top: 610px;
        right: 0;
    }

    .carousel-redesign .caros-cont > :first-child {
        /*top: 405px;*/
        top: 518px;
        margin: 0;
        left: 0;
        right: initial;
    }

	.carousel-redesign .carousel-2 .caros-cont > :first-child {
        /*top: 432px;*/
    	top: 457px;
    }

    .carousel-redesign .carousel-2 .carousel-inner-box > div {
        /*height: 400px;*/
        height: 425px;
    }

	.carousel2-box .carousel-caption {
        padding-top: 15px;
    }

	.right-side-wrap {
        width: 1390px;
    }

	.carousel-controls{
		position: relative;
		justify-content: space-between;
		min-height: 144px;
		max-width: 345px;
		margin: auto;
		align-items: normal;
	}
	.carousel-redesign .navigating-btns {
        position: static;
        margin: 0;
    }
	.carousel-redesign ol.carousel-indicators {
        position: absolute !important;
        width: 100% !important;
        bottom: 0;
        left: 0;
    }
	.carousel-indicators li{
		margin: 1px;
	}
	.carousel-redesign .carousel-control.left:before {
        left: 25px;
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        border-bottom: 2px solid #FFF;
        border-left: 2px solid #FFF;
        transform: rotate(45deg);
        top: 19px;
    }
	.carousel-redesign .carousel-control.right:after {
        right: 32px;
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        transform: rotate(45deg);
        top: 19px;
    }




    /***Carousel Redesign ends here*****/

}

/***only desktop****/
@media screen and (min-width: 992px){
	/***Carousel Redesign starts here*****/
    .carousel-redesign .right-side-wrap {
      /*  width: 2350px; */
        width: 3236px;
        overflow-y: hidden;
    }

    .carousel-redesign .carousel-container {
        display: block;
    }

    .carousel-redesign .carousel-innerwrap {
        position: static;
        max-width: 1254px;
        width: 100%;
        margin: auto;
    }

    .carousel-redesign .caros-head {
        margin: 0;
    }

    .carousel-redesign .caros-cont {
        margin: 0 auto;
        padding: 0;
        overflow: initial;
        display: flex;
        align-items: center;
        width: 809px;
    }

    .carousel-redesign .carousel-innerwrap .left-side-wrap {
        float: none;
        position: initial;
        max-width: 1014px;
        text-align: center;
        margin: auto;
        margin-bottom: 30px;
    }

    .carousel-redesign .caros-head h2 {
        margin-bottom: 10px;
    }

    .carousel-redesign .caros-head p {
        text-align: center;
        max-width: 642px;
        margin: auto;
    }

    .carousel-redesign .navigating-btns {
        width: auto;
        margin: 0;
        position: relative;
    }

    .carousel-redesign .navigating-btns .left {
        width: 140px;
        /* margin: 0 20px 0 0; */
    }

    .carousel-redesign .carousel-control.left {
        width: 140px;
        position: initial;
        border-radius: 8px;
        pointer-events: visible;
        opacity: 1;
        margin: 0 0px 0 2px;
        border: 0;
        padding: 0 0px 0 20px;
    }

    .carousel-redesign .carousel-wrap {
        max-width: 809px;
    }

    .carousel-redesign .carousel-inner-box > div {
       /* margin-right: 20px; */
        opacity: 1;
    }

    .carousel-redesign .carousel-inner-box > div.active {
      /*  margin-right: 20px; */
    }

    .carousel-redesign .carousel-control.right {
        width: 140px;
        position: initial;
        border-radius: 8px;
        pointer-events: visible;
        opacity: 1;
        margin: 0 0 0 0px;
        border: 0;
        padding: 0 11px 0 0;
    }

    .carousel-redesign .carousel-indicators {
        position: initial;
        width: auto;
        margin: 40px auto 0;
    }
	.how-imfinzi-works .carousel-redesign .carousel-indicators{
		margin: auto 88px!important;
	}
	.carousel-indicators li{margin: 0 4px 0 4px;}
	.carousel-indicators li.active{margin: 0 4px 0 4px;}
	/*.carousel-indicators li:nth-child(1){margin: 0 4px 0 4px;}
	.carousel-indicators li:nth-child(2){margin: 0 6px 0 10px;}
	.carousel-indicators li:nth-child(3){margin: 0 4px 0 4px;}
	.carousel-indicators li:nth-child(4){margin: 0 6px 0 3px;}
	.carousel-indicators li.active:nth-child(2){margin: 0 6px 0 3px;}
	.carousel-indicators li.active:nth-child(3){margin: 0 4px 0 3px;}*/
    .carousel-redesign .carousel-control.left:before {
        left: 25px;
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        border-bottom: 2px solid #FFF;
        border-left: 2px solid #FFF;
        transform: rotate(45deg);
        top: 19px;
    }

    .carousel-redesign .carousel-control.right:after {
        right: 36px;
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 14px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        transform: rotate(45deg);
        top: 19px;
    }

    .carousel-redesign .carousel-caption p>.slide-num {
        background: none;
        color: #6D0120;
        left: -70px;
    }

    .carousel-inner-box > div {
        height: 540px;
    }

    .carousel-container.carousel-1.width100,
	.carousel-container.carousel-2.width100{
        height: 100%;
    }

    .carousel-redesign .carousel-caption {
        padding: 20px 49px 0px 30px;
        width: 100%;
        position: static;
        height: 100%;
    }
	.carousel-redesign .slide-b .carousel-caption{
		 padding: 10px 49px 0px 30px;
	}

    .slides .container {
        width: 100%;
    }

    .carousel-redesign .carousel-1 .carousel-caption p>.slide-num, .carousel-redesign .carousel-2 .carousel-caption p>.slide-num {
        top: 0;
        margin-right: 16px;
    }

	.carousel2-box .carousel-inner-box > div {
        height: 390px;
    }




    /***Carousel Redesign ends here*****/
}

@media screen and (min-width: 768px) and (max-width: 992px){
.carousel-inner-box > .slides .container{
	width: 100%;
}	
}

@media screen and (min-width: 992px) and (max-width: 1150px) {
.carousel-innerwrap .left-side-wrap {
    right: -12px;
	max-width: 321px;
}
.carousel-control.right,
.carousel-control.left{
	    top: 234px;
}

} 

@media screen and (min-width: 992px) and (max-width: 1335px) {
.how-imfinzi-works  .carousel-control.right,
.how-imfinzi-works  .carousel-control.left{
	    top: 275px;
}

}