/*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -90.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -65%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -65%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 50%;
    height: auto;
    margin-top:-24.7%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.6rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 95%; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 17.7% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-2% ; 
    margin-bottom: 2rem;
    padding: 0px 3px 9px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 120%; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.3rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:4.5rem; 
    height:4.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:4.5rem; 
    height:4.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:4.5rem; 
    height:4.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 2.5rem;
     color: white; 
     padding: 10px;
     margin-top: 4px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 1.2rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.9rem; 
   color: black; 
}

.whyTabContents{
    width: 100%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-left: -0.6rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: 0;
    margin-bottom: -0.5rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: 0;
    margin-bottom: -0.42rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: 0;
    margin-bottom: -0.4rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.9rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.15rem;  
     margin-left: 0.1rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.9rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0;
     margin-left: 0.07rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.9rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.05rem;   
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 1rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -2rem;
     margin-bottom: 4%; 
    padding-left: 0.6rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -1.4rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 70%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    max-width: 100%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    max-width: 100%; 
    height: auto;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    max-width: 92%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 0.8rem;
    z-index: 2; 
    max-width: 100%; 
    padding-top: 1.8rem; 
    padding-right: 0.8rem; 
    font-size: 1.5rem; 
    text-indent: 2rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    gap: 10px;
    float: right;
    width: 100%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 28%; 
    padding: 0;
  
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 3px 5px 3px 5px; 
    font-size: 1.2rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    max-width:1.2rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 37%;
    margin-left: 2%; 
    padding: 0;
    text-align: center;
    font-size: 1.2rem; 
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0.1%;
    padding-left: 0.5rem;
    font-size: 1.4em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}





/* _________________________ (resolution 768px max)__________________________________________________ */

@media (max-width: 768px) {
    body{
        font-family: sans-serif;
    }
    
    .navbar-nav{
/*        width: 47rem;*/
        flex-direction:row;
    }
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -90.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -67%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -67%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-26.6%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.7rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 22% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.8rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:3.5rem; 
    height:3.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:3.5rem; 
    height:3.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:3.5rem; 
    height:3.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.9rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.78rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 110%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0.3rem;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.8rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -0.6rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 95%; 
    padding: 0;
    margin-left: -1rem; 
    
}

.testify-img-background{
    min-width: 95%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 95%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 40px; 
    
}

.testify{
    position: relative; 
    top: 1rem;
    z-index: 2; 
    max-width: 95%; 
    padding-top: 0.6rem; 
    font-size: 0.8rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    width: 97%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 40%;
    margin-left: 1.5%; 
    padding-left: 1rem;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 80%;
    font-size: 0.9rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 50%;
    float: right;
    margin-left: 2%; 
    padding-right: 3rem;
    text-align: right;
    font-size: 1rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}





/* _________________________ (resolution 600px max)__________________________________________________ */

@media (max-width: 600px) {
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -90.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -69%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -69%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-27.6%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.7rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 22% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.8rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:3.5rem; 
    height:3.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:3.5rem; 
    height:3.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:3.5rem; 
    height:3.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.9rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.78rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 110%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0.3rem;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.5rem;
    height:1.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 1rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.8rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -0.6rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 95%; 
    padding: 0;
    margin-left: -1rem; 
    
}

.testify-img-background{
    min-width: 95%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 95%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 40px; 
    
}

.testify{
    position: relative; 
    top: 1rem;
    z-index: 2; 
    max-width: 95%; 
    padding-top: 0.2rem; 
    font-size: 0.8rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    width: 97%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 40%;
    margin-left: 1.5%; 
    padding-left: 1rem;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 80%;
    font-size: 0.9rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 50%;
    float: right;
    margin-left: 2%; 
    padding-right: 3rem;
    text-align: right;
    font-size: 1rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}





/* _________________________ (resolution 430px max)__________________________________________________ */

@media (max-width: 430px) {
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -93.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -75%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -75%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-31%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.58rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 17.7% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.7rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.5rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.67rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 120%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.7rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -2.3rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 110%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    min-width: 108%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 110%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 1rem;
    z-index: 2; 
    max-width: 120%; 
    padding-top: 0.2rem; 
    font-size: 0.77rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    width: 97%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 1.5%; 
    padding: 0;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 140%;
    font-size: 0.6rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 63%;
    float: right;
    margin-left: 2%; 
    padding-right: 0.3rem;
    text-align: right;
    font-size: 0.72rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size: 0.8em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}




/* _________________________ (resolution 414px max)__________________________________________________ */

@media (max-width: 414px) {
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -93.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -75%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -75%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-31.6%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.58rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 17.7% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.7rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.5rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.67rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 120%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.7rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -2.3rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 110%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    min-width: 108%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 110%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 1rem;
    z-index: 2; 
    max-width: 120%; 
    padding-top: 0.2rem; 
    font-size: 0.77rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    width: 97%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 1.5%; 
    padding: 0;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 140%;
    font-size: 0.6rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 63%;
    float: right;
    margin-left: 2%; 
    padding-right: 0.3rem;
    text-align: right;
    font-size: 0.72rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}


/* _________________________ (resolution 375px max)__________________________________________________ */

@media (max-width: 375px) {
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -94.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -76.4%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -76.4%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-33.5%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.58rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 16% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.7rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.5rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.67rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 120%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.7rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -2.3rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 110%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    min-width: 108%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 110%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 0.5rem;
    z-index: 2; 
    max-width: 120%; 
    padding-top: 0.2rem; 
    font-size: 0.77rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    width: 97%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 1.5%; 
    padding: 0;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 140%;
    font-size: 0.6rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 63%;
    float: right;
    margin-left: 2%; 
    padding-right: 0.3rem;
    text-align: right;
    font-size: 0.72rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}


/* _________________________ (resolution 360px max)__________________________________________________ */

@media (max-width: 360px) {
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -95.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -78%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -78%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-34.5%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.58rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 14% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.7rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    margin-bottom: -1rem;
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.5rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.67rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 120%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-top: 0.8rem; 
     margin-left: -1.7rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.7rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -2.3rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 110%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    min-width: 110%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 110%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 0.5rem;
    z-index: 2; 
    max-width: 120%; 
    padding-top: 0.2rem; 
    font-size: 0.77rem; 
    text-indent: 0.9rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    float: right;
    width: 100%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 1.5%; 
    padding: 0;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 140%;
    font-size: 0.6rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 63%;
    float: right;
    margin-left: 2%; 
    padding: 0;
    text-align: right;
    font-size: 0.72rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size: 0.6em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}


/* Extra small devices (phones, 600px and down) */
/* _________________________iPhone 5 (resolution 320px)__________________________________________________ */

@media (max-width: 320px) {
    
body{
      font-family: sans-serif;  
    }
    /*------ image index ------*/
.dae-div-img-index{
    max-width: 100%; 
    margin-left: 0; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
 /*   border-bottom-left-radius: 1050px 70px ; 
    border-bottom-right-radius: 1050px 70px ; */
    overflow: hidden;    
}

.dae-img-index{
    max-width: 100%; 
    height: auto;
    object-fit: cover; 
}

.svg-img-index{
    max-width: 100%;
    margin-top: -90.5% !important;
    margin-left: 0;
/*   border: 3px solid red !important;*/
}

/*------ end image index ------*/


/*------ label image index ------*/
.dae-img-index-label{
    max-width: 100%;
/*    border: 3px solid red !important;*/
    margin-top: -78%; 
    position:relative;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
}

.dae-img-label{
    max-width: 55%; 
    margin-top: -78%; 
    margin-left: 0;
    margin-bottom: 0;  
    object-fit: cover;
}
/*------ end label image index ------*/

/*------ mizajou button  ------*/
.div-btn-mise-a-jour{
    max-width: 60%;
    height: auto;
    margin-top:-34.5%; 
    margin-left: 0;
    margin-bottom:0; 
    padding-top: 0; 
    padding-left: 0.3rem;
    
}

.btn-mise-a-jour{
    border-radius: 10px !important; 
    padding: 2px 3px 2px 3px; 
    min-width: 40%;
    max-width: 100%;
    font-size: 0.58rem; 
    text-align: center; 
    font-weight: bold; 
    background-color: #007bff; 
}
/*------ end mizajou button  ------*/

/*----- why to .. ---*/
.dae-wrapper-why{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    max-width: 100%;
/*    height: 45vh;*/
/*    border: 1px solid red;*/
    padding: 0;
    margin-left: 0;
    margin-top: 14.7% !important; 
    margin-bottom: 6%;
    z-index: 3;
    position: relative;
/*    border: 1px solid red;*/
    
}

.dae-why-text{
/*    margin-left: 0; */
    margin-top:-13% ; 
    margin-bottom: 2rem;
    padding: 2px 3px 5px 3px;
    text-align:right;
    align-items:center !important;
    font-weight: bold; 
    font-size: 0.6rem; 
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
/*    border: 1px solid red;*/
}

.dae-ul-index{
   max-width:100%;
    margin-top: -1.3rem;
    margin-left: 0.75rem; 
    margin-bottom: 0;
    
}

.dae-ul-index-li{
    max-width:31.1%;
    
    
}

.dae-ul-index li a{
   text-decoration: none;
   max-width:100%; 
   text-align: center;
   color: black; 
}

.dae-ul-index-li-a-div1{
    margin-bottom: -0.4rem; 
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div2{
    display: flex;
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center;  
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;

}

.dae-ul-index-li-a-div3{
    margin-bottom: -0.4rem;
    width:2.5rem; 
    height:2.5rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.dae-ul-index-li-a-div-i{
     font-size: 1.5rem;
     color: white; 
     padding: 1px;
     margin-top: 1px;
}

.ul-text{
    display:flex;
   align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    margin-left: -0.5rem;
   text-align: center !important;
   font-size: 0.67rem; 
   
   
}

.dae-ul-index li a:active{
    display: block;
    text-decoration: none;
   width:100%; 
   text-align: center;
   font-size: 0.5rem; 
   color: black; 
}

.whyTabContents{
    width: 120%;
/*    border: 1px solid red !important;*/
    border-radius: 0.5rem !important;
     margin-left: -1.4rem; 
    margin-bottom: -0.6rem !important;
    padding: 0;
}

.why-title{
    font-weight: bold;
    text-transform: uppercase;
   
}

.why-title-i-div1{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.5rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: #007bff; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div2{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.42rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center;
    background-color: orange; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i-div3{
    display: flex;
    margin-left: 0.3rem;
    margin-top: -0.07rem;
    margin-bottom: -0.4rem;
    width:1.1rem;
    height:1.1rem;
    align-content: center; 
    background-color: lightseagreen; 
    border-radius: 50%; 
    padding: 0;
}

.why-title-i1{
    width: 100% !important; 
     color: white;
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.1rem;
     margin-top: 0.13rem;  
     margin-left: 0.04rem;
}

.why-title-i2{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: -0.1rem;
     margin-left: 0.02rem;
}
.why-title-i3{
    width: 100% !important; 
     color: white; 
     font-size: 0.7rem;
     border-radius: 50%; 
     padding: 0.25rem;
     margin-top: 0.02rem; 
     margin-left: -0.06rem; 
}
.tab-pane-divs{
    max-width: 100%;
    padding: 0px;
    margin-top: -10px;
    text-align: justify; 
    font-size: 0.58rem; 
    
    
}
/*----- end why to .. ---*/

/*----Pou temwayaj yo---*/
.wrapper-testify{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */  
    width: 100%; 
    margin-left: 0; 
    margin-top: -1.2rem;
     margin-bottom: 4%; 
    padding-left: 0.3rem;  
    
}

.div-pers-img-testify{
    max-width: 24.5%; 
    margin-left: -2.3rem; 
    
}

.testify-pers-img{
    width: 100%; 
    height: auto;
    border-radius: 30px;
}

.testify-wrapper{
    display: flex;
    align-items: center; /* Vertical centering */  
    justify-content: center; /* Horizontal centering */ 
    max-height: 38vh; 
    max-width: 77%; 
    position: relative; 
    margin-left: 0; 
    padding: 0.6rem;  
    
}

.testify-div-background{
    position: relative; 
    z-index: 1;  
    min-width: 110%; 
    padding: 0;
    margin-left: -2.1rem; 
    
}

.testify-img-background{
    min-width: 110%; 
    height: 15vh;
}

.testify-div{
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
    min-height: 8vh;  
    max-height: 30vh;
    min-width: 110%; 
    position: absolute; 
    z-index: 2; 
    top: 0;
     padding-right: 10px; 
    
}

.testify{
    position: relative; 
    top: 0.5rem;
    z-index: 2; 
    max-width: 120%; 
    padding-top: 0.2rem; 
    font-size: 0.68rem; 
    text-indent: 0.4rem; 
    text-align: justify;  
}
/*---- end Pou temwayaj yo---*/



.link-wrapper{
    position: relative;
    z-index: 6;
    display: flex; 
    align-items: center; /* Vertical centering */ 
    justify-content: center; /* Horizontal centering */ 
/*    gap: 10px;*/
    float: right;
    width: 100%;
    padding: 0; 
    margin-right: 0; 
    margin-bottom: 9%; 
 /*   background-color: #C19897;
    border-top-left-radius: 165rem 29rem ; 
    border-top-right-radius: 165rem 29rem ; 
/*    border-bottom-right-radius: 4rem ; 
    border-bottom-left-radius: 165rem 29rem ; */
/* border: 1px solid red;*/
     
}


.div-btn-gotoform{
    width: 30%;
    margin-left: 1.5%; 
    padding: 0;
/*  border: 1px solid black;*/
}

.btn-gotoform{
    border-radius: 10px !important; 
    padding: 1px 1px 3px 2px; 
    min-width: 140%;
    font-size: 0.6rem; 
    font-weight: bold; 
    background-color: #007bff; 
}

.falink{
    min-width:0.7rem;
    height:1.2rem;
}

.link-index-list{
    
} 

.div-fill_and_list_link{
    width: 63%;
    margin-left: 2%; 
    padding: 0;
    text-align: center;
    font-size: 0.6rem; 
/*    border: 1px solid black;*/
    
}

.thank-words{
    
    width: 100%; 
    margin-left: 0;
    margin-top: 1%;
    margin-bottom: 0;
    padding-left: 0.5rem;
    font-size: 0.6em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    
}

.svg-footer-index{
    max-width: 100%;
    margin-top: -19.5%; 
    margin-bottom: 0;
    margin-left: 0; 
    
}


}




/*
.parent {
  display: flex;
  align-items: center;    /* Vertical centering *
  justify-content: center; /* Horizontal centering *
  height: 100vh;
}
.parent {  Recommended
  display: grid;
  place-items: center; /* Centers both horizontally and vertically *
  height: 100vh;      /* Required to see vertical centering *
}

.my-div {
  background-image: url('your-image.jpg');
  background-size: cover;      /* Scales the image to fill the div *
  background-position: center; /* Centers the image within the div *
  background-repeat: no-repeat; /* Prevents the image from tiling *
  height: 300px;               /* Div must have height to show the background *
}



@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}
*/