.carousel{
position: relative;
}
.img-carosual {
    max-width: 100%;
    height: auto;   
    padding: 30px;
    z-index: 3;
}

.carousel-indicators{
position: relative;
top:0px;
left:0px;
height:auto;
width: 100%;
display: block;
margin: 0px;
padding: 0px;
}
.carousel-indicators button{
text-indent:0;
display:block;
float:left;
width: 100%;
height: auto;
margin:0px 0px 20px 0px;

border-radius: unset;
}
.carousel-indicators button div{
  position: relative;
 text-indent:0;
display:block;
width: 100%;
height: auto;
padding:25px 30px;
/*margin:0px 0px 10px 0px;*/
background: #FFFFFF;
border-radius: unset;

}
.carousel-indicators .active div{
 box-shadow: 2px 2px 5px #ccc;
 width   : 100%;
  height  : 100%;   
  position: relative;
  z-index : 1;
}
.carousel-indicators .active div:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 100%;  /* or 100px */
  border-bottom:3px solid #092C58;
}
.carousel-indicators .active{
width: 100%;
height: auto;
}

.carousel-indicators [data-bs-target] {    
    width: 100%;
    height: 100%;
    text-align: left;
    opacity: 1;
    border-top: none;
    border-bottom: none;
}
.modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: .3rem;
    outline: 0;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #fff;
    background: transparent ;
    border: 0;
    border-radius: .25rem;
    opacity: 0;
}
.videomodalclick { margin-left: 10px; }