.fm-time{
    font-family:time;
}
.bullet{
    display: flex;
    align-items:flex-start;
    margin-top:25px;
    margin-bottom:25px;
}
p{
    line-height:1.3;
}
.bullet > img{
    height:22pt;
    width:auto;
    margin-right:5px;
}
.banner{
    background:white;
    box-shadow:0 0.25rem 0.25rem rgba(0,0,0,.2)!important;
}
.issue-box{
    cursor:pointer;
    background:white;
    transform: scale(1);
    box-shadow:0 0.25rem 0.25rem rgba(0,0,0,.2)!important;
}
.issue-box:hover{
    box-shadow:0 0.75rem 0.25rem rgba(0,0,0,.2)!important;
    z-index: 100;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out 0.1s;
}
.section-div{   
    margin-bottom: 2%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.navbar{
    padding-left: 6%;
    padding-right: 6%;
    /* padding-top: 2%; */
}

img.shape{
    width : inherit;
    -webkit-mask-size: contain;
    transform: scale(1);
    cursor:pointer;
}
img.shape:hover{
    transform: scale(1.1);
    transition: all 0.3s ease-in-out 0.1s;
}
.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}
.shape1 {
    -webkit-mask : url('../images/shapes/1.png') center/contain no-repeat;
}
.shape2 {
    -webkit-mask : url('../images/shapes/2.png') center/contain no-repeat;
}
.shape3 {
    -webkit-mask : url('../images/shapes/3.png') center/contain no-repeat;
}
.shape4 {
    -webkit-mask : url('../images/shapes/4.png') center/contain no-repeat;
}



    /* for device > xl */
@media only screen and (min-width:1600px) {
    .main-h1,.h1,h1 {
		font-size: 38pt;
	}

	.main-h1x {
		font-size: 48pt;
	}

	.main-h2,.h2,h2 {
		font-size: 30pt;
	}

	.main-h3,.h3,h3 {
		font-size: 24pt;
	}

	.main-h4,.h4,h4 {
		font-size: 22pt;
	}

	.main-h5,.h5,h5 {
		font-size: 16pt;
	}

	.main-h6,.h6,h6 {
		font-size: 14pt;
	}
}

/* for device > md */
@media only screen and (min-width:770px) and (max-width:1600px) {
	.main-h1,.h1,h1 {
		font-size: 36pt;
	}

	.main-h1x {
		font-size: 46pt;
	}

	.main-h2,.h2,h2 {
		font-size: 24pt;
	}

	.main-h3,.h3,h3 {
		font-size: 18pt;
	}

	.main-h4,.h4,h4 {
		font-size: 18pt;
	}

	.main-h5,.h5,h5 {
		font-size: 16pt;
	}

	.main-h6,.h6,h6 {
		font-size: 12pt;
	}

}

@media only screen and (max-width:770px) and (min-width:400px) {
    .main-h1,.h1,h1 {
		font-size: 26pt;
	}

	.main-h1x {
		font-size: 36pt;
	}

	.main-h2,.h2,h2 {
		font-size: 22pt;
	}

	.main-h3,.h3,h3 {
		font-size: 16pt;
	}

	.main-h4,.h4,h4 {
		font-size: 14pt;
	}

	.main-h5,.h5,h5 {
		font-size: 12pt;
	}

	.main-h6,.h6,h6 {
		font-size: 8pt;
	}
}
@media only screen and (max-width:400px) {
	.main-h1,.h1,h1 {
		font-size: 18pt;
	}

	.main-h1x {
		font-size: 26pt;
	}

	.main-h2,.h2,h2 {
		font-size: 16pt;
	}

	.main-h3,.h3,h3 {
		font-size: 14pt;
	}

	.main-h4,.h4,h4 {
		font-size: 12pt;
	}

	.main-h5,.h5,h5 {
		font-size: 10pt;
	}

	.main-h6,.h6,h6 {
		font-size: 8pt;
	}
}

.scroll.active{
	color:var(--secondary_dark);
}