/* body {
    padding-top: 120px;
} */

/* img {
    image-rendering: -webkit-optimize-contrast;
} */

hr {
    margin-top: 10px;   
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 30px;
    background: #2d276d;
    height: 6px;
}

ul,
li {
	list-style: none;
 	text-decoration: none; 
	margin: 0;
	padding: 0;
}

.cv-item {
list-style: inside!important;
	margin-left: 50px!important;
}

.container-fluid {
	padding: 0;
	overflow-x: hidden;
}

.col-md-6 {
    padding: 50px;
}

.lh-2 {
    line-height: 2;
}

.text-lg {
    font-size: 22px !important;
}

.text-xl {
    font-size: 34px !important;
}

.text-2xl {
    font-size: 40px !important;
}

.obs-div {
	/*margin: 20px;
	padding: 13px;
	border: 1px solid #ccc;
	border-radius: 10px;
	
		background-color: #D5D3E1;
	*/
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	min-height: 620px;
	overflow: hidden;
}

.obs-div .obs-box .obs-top-down {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}

.obs-div .obs-box .obs-left-right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    right: 175px;
}

.obs-div .obs-box .obs-right-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    left: 175px;
}

.obs-div .obs-box .obs-down-top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.obs-div .obs-box [class*="obs"] {
    position: relative;
	z-index: 2;
}

.obs-div .obs-box [class*="obs"] label {
	width: 350px;
	text-align: center;
}

.obs-div .obs-box .obs-center-img {
    display: flex;
    align-items: center;
    height: 50px;
}

.obs-div .obs-box img {
    max-width: 120px;
    max-height: 120px;
    width: 15vw;
    height: 15vw;
    aspect-ratio: 1 / 1;
    border-radius:50%;    
}

.z-1{
	z-index:1 !important;
}

.sp-img {
	margin:10px;
  	transition: transform .2s;
  	cursor:pointer;
}

.sp-img:hover {
    animation: pulse-color 1s ,pulse-animation 2s infinite;
    -ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1); 
}

@keyframes pulse-color {
  from { -webkit-mask: 
    linear-gradient(135deg,#000c 50%,#000,#000c 60%)
    100% 100%/250% 250%;}
  to {-webkit-mask-position: 0 0}
}

.sp-label {
	opacity: 0;
}

a:hover + label{
    opacity: 100;
	transition: opacity .5s ease-in;
}

.obs-div .obs-box .obs-center-img img {
    width: 250px;
    height: 245px;
}

.cv-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.cv-info .cv-circle {
    min-height: 250px;
    max-height: 250px;
    min-width: 250px;
    max-width: 250px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.cv-info .cv-details {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 65%;
    padding: 10px;
}

.cv-info .cv-circle-blue {
    color: #2d266d !important;
}

.cv-info .cv-circle-green {
    color: #60a75b !important;
}

.cv-info .cv-circle-yellow {
    color: #f5d51e !important;
}

.cv-info .cv-circle-red {
    color: #e13030 !important;
}

.cv-info ul li {
	list-style: disc;
	margin-left: 20px
}

.obs-div .obs-box {
    width: 800px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1100px) {
	.obs-div .obs-box .obs-left-right {
		flex-direction: column;
		right: 40px;
	}
	.obs-div .obs-box .obs-right-left {
		flex-direction: column;
		left: 40px;
	}
	
	
}


@media screen and (max-width: 767px) {
    .obs-div .obs-box .obs-top-down,
    .obs-div .obs-box .obs-down-top,
	.obs-div .obs-box .obs-left-right,
	.obs-div .obs-box .obs-right-left {
		flex-direction: row;
		left: 0;
		width: 350px;
    	margin: auto
	}
	
	.obs-div .obs-box [class*="obs"] label {
	   width: 300px;
	}
	
	.obs-div .obs-box [class*="obs"] .sp-label:active{
	   font-size: 13px!important;
	}
	
	.obs-div .obs-box .d-flex.w-100 {
	   flex-direction: column !important;
	}
	
	.obs-div .obs-box .d-flex.w-100 .w-50 {
	   width: 100% !important;
	}
	
	.obs-div .obs-box .obs-center-img {
	   height: 0;
	   top: unset;
	   display: flex !important;
	   align-items: center;
	   justify-content: center;
	}
	
	.obs-div .obs-box .obs-center-img img {
        opacity: .1;
        width: -webkit-fill-available;
        height: -webkit-fill-available;
        position: relative;
	}
	
	.val-r{
		display: block!important;
	}
	
	.yt-vid {
	    margin: auto;
	    height: 22vw;
	    width: 39vw;
	    top: 25%;
	    position: relative;
	}
	
	.sp-label{
		opacity: 1;
	}


		.text-lg {
		    font-size: 15px !important;
		}

	
/* 	.section-title-larger{
	    font-size: 60px;
	    font-weight: 300;
	    line-height: 2px;
	}

	.section-title-small{
	    font-size: 15px;
	    font-weight: 300!important;
	} */
}


.inspi h2 {
    color: rgb(255, 48, 48);
    font-size: 50px;
    font-weight: bolder;
}

.inspi span {
    color: #000;
    font-size: 24px;
}

.section-title-larger{
	color: #2d276d;
	font-size: 55px;
	font-weight: bolder;
	/* line-height: 2px; */
}

.section-title-small{
	color: #2d276d;
	font-size: 19px;
	font-weight: 300!important;
}

.display-3{
	font-size: 3rem !important;
}

 .c-y::marker {
	color: #f5d51e!important;
}

 .c-r::marker {
	color: #e13030!important;
}


 .c-b::marker {
	color: #2d266d!important;
}


 .c-g::marker {
	color: #60a75b!important;
 }

.yt-vid {
    margin: auto;
    max-height: 399px;
    max-width: 708px;
    height: 25vw;
    width: 45vw;
    top: 10%;
    position: relative;
}

@media screen and (max-resolution: 0.5dppx) {
    .center-div {
        margin: auto;
        width: 50%;
        padding: 10px;
    }
}


@media screen and (min-width: 1680px) {
    
    #aboutDesc {
	    margin-left: 160px!important;
	}
}

@media screen and (max-width: 1349px) {
	.initiativelogo{
		margin:auto!important;
	}
}

@media screen and (max-width: 1075px) {
	.wwr{
		margin:auto!important; 
		width: 85vw !important;
		padding-bottom: 25px;
	}
	
	.section-title-larger{
		text-align:center!important;
	}
	
	.yt-vid {
        height: 411px;
        width: 100%;
        margin-bottom: 50px;
    }
	
}

@media screen and (max-width: 1074px) {
	.initiativelogo{
		border-bottom: 3px solid #2d276d;
	}
}



.initiativelogo{
 	max-height: 520px;
    min-height: 400px;
    height: 37vw;
    margin-left: 5vw;
    margin-right: 3vw;
}

.wwr{
	width:622px;
	margin-left: 5vw;
	margin-right: 5vw;
}

#aboutDesc{
	margin-top:50px; 
	padding:10px!important;
}

#aboutDesc > .text-left{
	padding:20px!important;
}

#aboutDesc > .text-left > .title{
	margin-bottom:50px;
}


#aboutDesc {
    margin-left: 16px; /* Default margin */
}

.card{
	border: 1px solid #E5E4E2!important;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 15%;
    left: 6%;
    width: 90%;
    height: 90%;
    margin:auto;
}