.bgblue{background:#ABD6FF}
.bgorange{background:#FBBF93}
.bggrey{background:#F5F5F5}
.marginTr { margin: 25px 0;}
.marginTr a{color:#534BFE;} .marginTr a:hover{color:#FF5A00;}
.arrow-mark li{color:#0408D8;}
.para ul{padding:0;}.para p{margin: 0 20px 0;}
.circle li{
	list-style-type: none;margin-left:2px;
	background:url(../images/icons/radio_check.png) 0px 5px no-repeat;padding: 3px 0 0 22px;line-height:22px}


.card ul{padding-left:2.5rem}
#from-region {display:none;width:60%;}
.card {margin:6px 10px;padding:15px 4px 15px;border-radius: 5px;transition: 0.3s}.card ul {margin:0;list-style-type: "✍️"}.card li {font-size:16px;padding:4px 8px 0;}.card{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }.card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);} /* .card li::before{ content: "✍️";margin:6px;} */

@media only screen and (max-width: 768px) { .card{width: 100%;;margin-bottom:12px}#from-region {display:block; width:98%;}.para p{margin: 0 12px -5px;;} }
@media only screen and (min-width: 428px) {	.scoreTab {width:50%; border:1px solid #e7e7e7; margin-top:15px;} }
@media screen and (min-width: 769px) {.card-medium,.gc-md{width:480px}}

.btn1 {height:42px;}
/*  .card li::before { content: "💻"; }   .writing li::before{ content: "✍️";}.computer li::before{ content: "💻";} .card li:nth-child(1)::before{ content: "✍️";margin:5px;}
*/
.contactfield { display: -ms-flexbox; /* IE10 */
  display: flex; width: 100%; margin-bottom: 15px;padding-left:8px; }
.contactfield img {margin-top:6px;height:22px;  text-align: center;}