/* v1 css */

/************************************************************************
 * Member Org styling
 ************************************************************************/

body {
    font-family: Helvetica;
}

* {
    box-sizing: border-box;
}

.heading {
	text-align: center;
	margin: 50px auto 100px auto;
	width: 660px;
}

.heading h1 {
	font-family: Helvetica Neue;
	font-size: 60px;
	font-weight: 800;
}

.rectangle {
	max-width: auto;
	height: 350px;
	background: rgb(215, 241, 250);
	z-index: -1;
}



.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    margin-left: 40px;
    margin-right: 40px;
}

.large-col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    border-left: 45px solid white;
	
}

.large-col h2 {
	font-family: Helvetica;
	text-align: center; 
	margin-left: -40px; 
	font-size: 30px;
}

.large-col-description {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    margin-bottom: -50px;
    margin-top: -40px;
    /* width: 20%; */
}


.description {
	text-align: justify; 
	font-family: Helvetica Neue; 
    font-size: 18px; 
    font-weight: 200;
	line-height: 28px; 
    margin: 80px auto 50px auto;
	width: 25em;	
}

.contain {
    margin: 15px;
    margin: 5px auto 50px auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    
}

.highlight {
    background:  #adccf5;
}

.col ul {
    list-style: none;
    /* text-align: block;
    text-indent: -1em; */
    direction: rtl;
    list-style-position: inside;
    margin-right: -2em;
    

}

.col ul li::before {
    content: "\25E6 ";
    color:  rgb(112, 139, 189);
    /* color: white;  */
    opacity: 0;
    width: 1em;
    /* text-indent: -4em; */
    /* margin-left: -8em; */
    /* margin-right: 10em; */
    /* margin-left: 0.5em; */
    display: inline-block;
    direction: rtl;
    /* margin-right: -8em; */
    margin-right: -4em;
}

.col ul li {
    list-style-position: outside;
    /* margin-left: 2em; */
    /* text-indent: 5em; */
    padding: 35px 0;
    text-align: right;
    /* text-indent: -4em;
    margin-right: -2em; */
    text-indent: 3em;
    padding-left: 1em;
    font-family: Helvetica Neue;
    font-weight: 200;
    
}

.col ul li:after {
    text-indent: -5em;
}

.line {
    width: 20px;
    margin: 80px 0 20px 0;
    background: linear-gradient(315deg, #7daae4 0%, #adccf5 74%);

    /* background: #c4d5f5; */
    /* background: rgb(163, 162, 162); */
    stroke-linecap: round;
    border-radius: 100px;
}

@media screen and (min-width:100px) {
    .column {
      flex: 1;
    }
    .large-col {
        flex: 2
    }
}