@charset "utf-8";
body { padding-top: 0px; padding-bottom: 0px }
.body-content { padding-left: 15px; padding-right: 15px; padding-top: 30px }
input, select, textarea { max-width: 280px }
.field-validation-error { color: #b94a48 }
.field-validation-valid { display: none }
input.input-validation-error { border: 1px solid #b94a48 }
input[type=checkbox].input-validation-error { border: 0 none }
.validation-summary-errors { color: #b94a48 }
.validation-summary-valid { display: none }
.itm3 { width: 32.8%; float: left; padding: 10px; min-height: 190px; margin: 3px; font-family: Arial,Helvetica,sans-serif }
.itm3:nth-child(3n) { margin-right: 0 }
.itm1 { width: 99%; float: left; padding: 10px; min-height: 50px; margin: 3px 3px 0 3px; font-family: Arial,Helvetica,sans-serif }
.itm1 .col { width: 33%; float: left; padding-right: 5px }
.itm2 { width: 49.5%; float: left; padding: 10px; min-height: 40px; margin: 3px 3px 0 3px; font-family: Arial,Helvetica,sans-serif }
.itm2:nth-child(2n) { margin-right: 0 }
.bdr { border: 1px solid #dadada }
.itm1 label, .itm2 label, .itm3 label { font-weight: 400 }
.logo { width: 450px; float: left; margin: 0; padding: 10px 10px 10px 14px; height: auto; font-size: 18px; text-align: center; color: #303030; line-height: 30px }
.logo img { width: 45px; float: left; margin: 8px 5px 0 0 }
.logoTxt { width: 320px; margin: 0; float: left; color: #fafafa }
.logoTxt span { width: 100%; float: left; font-size: 13px; text-align: left; text-indent: 10px }
h1.top-info { color: #b1b1b1; display: inline; float: right; font-size: 17px; padding-top: 5px; text-transform: uppercase; text-align: center; margin-top: 5px; margin-bottom: 5px; width: 100% }
h1.top-info span { width: 100%; float: left; padding-top: 3px; font-size: 13px; font-family: Arial,Helvetica,sans-serif; color: #b1b1b1; text-transform: none }
.pad-tb20 { padding-top: 20px; padding-bottom: 20px }
.p20 { padding: 20px !important }
.display-inlineBlock { display: inline-block }
.info-fields-mndtry { color: #666; display: inline-block; font-size: 12px; font-style: italic; font-weight: 400; float: right; margin: 3px 0 0 0; text-transform: none }
.base_topic { clear: both; font-size: 15px; font-weight: 700; letter-spacing: -.5px; margin: 0 0 20px; padding-bottom: 7px; position: relative; text-transform: uppercase; background-color: #eee; padding: 10px; -webkit-box-shadow: 1px 2px 5px #666; -moz-box-shadow: 1px 2px 5px #666; box-shadow: 1px 2px 5px #666 }
.form-sept { border-right: 1px solid #dadada }
.mt20 { margin-top: 20px }
.pb0 { padding-bottom: 0 }
.gender { margin-top: 6px; width: 100%; float: left }
.gender .female { margin-left: 30px }
.formHdrSteps { width: 100%; float: left; height: 30px; margin-bottom: 30px }
.formHdrSteps ul { margin: 0; padding: 0 }
.formHdrSteps ul li:last-child { margin-right: 0; float: right }
.formHdrSteps ul li { min-width: 166px; margin-right: 20px; position: relative; height: 30px; line-height: 30px; font-size: 15px; background-color: #eee; position: relative; list-style: none; float: left; padding-right: 1%; width: auto; float: left }
.formHdrSteps ul li.sltd { background-color: #4d4c4c; color: #fff }
.formHdrSteps ul li .stepsTxt { position: relative; float: left; left: 0; top: 0; width: 30px; height: 30px; background-color: #797575; text-align: center; color: #fff; margin-right: 10px; font-size: 20px; -webkit-box-shadow: 2px 2px 5px #666; -moz-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666 }
.formHdrSteps ul li .stepsTxt img { position: relative; top: -2px }
.formHdrSteps ul li .stepSltd { background-color: #303030 !important }
.formHdrSteps ul li .Instr-Sltd { background-color: #c60f16 !important }
.formHdrSteps ul li.Instr-Sltd { background-color: #a40c12; color: #fff }
.formHdrSteps ul li a { display: inline-block; text-decoration: none; color: inherit }
.bg-primary { background-color: #428bca !important }
.browse-file { margin-top: 7px; float: left }
.uploadPhoto-con { width: 100px; float: right; margin-right: 10px }
.uploadLoad-photo { width: 100px; height: 100px; border: 1px solid #dadada; float: left }
.photo-info { width: 100%; text-align: left; font-size: 11px; padding: 6px 0 6px 0; float: left }
.uploadLoad-photo img { width: 100%; height: 100% }
.educational-quali-review { width: 100%; float: left; padding: 5px 1%; border: 1px solid #dadada; display: block; margin-bottom: 20px }
.educational-quali-review ul { margin: 0; padding: 0 }
.educational-quali-review ul li { list-style: none; width: 33%; float: left; font-size: 14px; color: #303030; padding: 5px 0 }
.educational-quali-review ul li.school-college { width: 100% }
.educational-quali-review ul li.li-50 { width: 50% }
.educational-quali-review ul li.li-25 { width: 25% }
.educational-quali-review ul li span { font-size: 14px; color: #9da0a0; padding-left: 3px }
.marks-obtd, .max-marks, .passing-yr, .rollNo { width: 30% }
.course_table { border: 1px solid #c7c7c7; width: 100%; background-color: #eee; font-size: 14px; float: left }
.quali-rt { width: 100% }
.course_table .course_table_tr { border-bottom: 1px solid #c7c7c7; width: 100%; float: left }
.course_table .course_table_tr:nth-child(even) { background-color: #fff }
.course_table .course_table_tr.highlight_tr { border-bottom: 1px solid #333 }
.course_table .group_name_td { padding: 5px 10px; vertical-align: top; width: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left }
.course_table .program_list_td { padding: 5px 10px; width: 93%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 13px; -webkit-box-shadow: inset 1px 2px 4px #666 }
.insetShadow { -moz-box-shadow: inset 1px 2px 4px #666; box-shadow: inset 1px 2px 4px #666; padding: 5px }
.course_table .program_list_td p { margin: 0; padding: 0 }
.course_table .program_table { width: 100% }
.course_table .fieldset_list { margin-bottom: 5px; margin-left: 0; margin-right: 0; margin-top: 5px; width: 100% }
.course_table .program_table .program_table_list { width: 33% }
.course_table .fieldset_list .app_check_label { width: 100% }
.course_table .course_table_tr.disabled .program_table_list .app_check_label { color: #c7c7c7 }
.course_table.error { border: 2px solid red }
.addOn-courseOutr { width: 100%; float: left; margin-top: 20px }
.app_form_label-100 { display: inline-block; float: left; font-size: 14px; line-height: 16px; margin-right: 0; padding: 7px 0; width: 100%; text-align: left }
.add-on-course { width: 100%; float: left; padding: 10px 2%; background-color: #fafafa; border: 1px solid #dadada }
.add-on-course ul { margin: 0; padding: 0 }
.add-on-course ul li { margin: 0; padding: 4px 0; list-style: none; padding-right: 20px; float: left; color: #666; font-weight: 700 }
.add-on-course ul li input[type=radio] { float: left; margin: 3px 4px 0 0 }
.add-on-course ul li a { float: left; padding: 3px 5px; background-color: #737373; text-decoration: none; display: inline-block; color: #fff; font-size: 12px }
.add-on-course ul li a:hover { background-color: #615f5f }
.quali-rt .group_name_td { width: 11% }
.quali-rt .program_list_td { width: 89%; box-shadow: none }
.contentTxt { width: 100%; margin: auto; float: left }
.contentTxt .step1-top { width: 100%; float: left; margin-bottom: 20px }
.contentTxt .step1-top .basic-form-info { width: 55%; padding-right: 3%; float: left; font-size: 14px; color: grey; position: relative }
.contentTxt .step1-top .basic-form-info h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px }
.contentTxt .step1-top .basic-form-info .read-inst { width: 100%; margin-bottom: 10px; float: left; color: #d2322d; font-size: 16px }
.tips-applyBtn { cursor: pointer; float: right; position: relative; right: -20px; top: 0 }
.contentTxt .step1-top .regis-form { float: right; width: 45%; padding-left: 3%; border-left: 1px solid #dadada }
.contentTxt .step1-top .regis-form label { width: 100% }
.regis-form .already-uni-stu { width: 100%; float: left; background-color: #eee; padding: 10px 10px 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.regis-form .already-uni-stu h3 { font-size: 20px; font-weight: 700; margin: 0 0 20px }
.regis-form .already-uni-stu label { width: 100%; float: left; margin-bottom: 3px; font-size: 14px; color: grey }
.regis-form .already-uni-stu input[type=text] { width: 100%; padding: 5px 2%; border: 1px solid #dadada; font-size: 14px; color: grey }
.blueBtn { text-decoration: none; color: #fff; font-size: 14px; border: none; outline: 0; padding: 4px 10px; background-color: #558ed5 }
.blueBtn:hover { background-color: #4079c0; color: #fff; text-decoration: none }
.greyBtn { text-decoration: none; color: #fff; font-size: 14px; border: none; outline: 0; padding: 4px 10px; background-color: #8d8d8d }
.greyBtn:hover { background-color: #5f6262; color: #fff; text-decoration: none }
.quick-tips { width: 100%; float: left; padding: 10px 0 }
.quick-tips ul { margin: 0; padding: 0 }
.quick-tips ul li { margin: 0; padding: 0 0 10px 35px; list-style: none; color: grey; margin-bottom: 10px; display: block; font-size: 14px; background: url(../images/steps-tick.png) left 2px no-repeat }
.quick-tips ul li ul li { margin: 0; padding: 7px 0 3px 25px; list-style: none; color: grey; margin-bottom: 0; display: block; font-size: 13px; background-size: 14px 14px; background-position: left 9px }
.regis-form .already-regis { width: 100%; float: left; margin-top: 0; margin-bottom: 20px; padding: 10px 0 10px 20px; background-color: #eee }
.regis-form .already-regis .form-group { width: 100%; float: left; margin-bottom: 5px }
.regis-form .already-regis h3 { font-size: 20px; font-weight: 700; margin: 0 0 20px }
.regis-form .already-regis input[type=password], .regis-form .already-regis input[type=text] { width: 100%; padding: 5px 2%; border: 1px solid #dadada; font-size: 14px; color: grey; margin-bottom: 3px }
.regis-form .already-regis .fg-pw { font-size: 12px; float: left; color: grey }
.regis-form .already-regis p, .regis-form .already-uni-stu p { padding-top: 10px }
.btn-add-quali { margin-right: 0 }
.btn-start-reg { margin-right: 8% }
.app_form_review-con { margin: 0; padding: 12px 0 20px 0 !important; width: 100% !important; float: left }
.form-review { width: 100%; padding: 5px 0; display: block; margin-bottom: 10px }
.form-review ul { margin: 0; padding: 0 }
.form-review ul li { list-style: none; width: 50%; float: left; font-size: 15px; color: #303030; padding: 5px 0 }
.form-review ul li label { font-size: 15px; color: #9da0a0; padding-left: 3px; font-weight: 400 }
.base_topic-top { width: 76% !important }
.form-review-top { width: 70% !important; float: left }
.reviewEditBtn { float: right; margin-top: -5px; padding: 3px 8px }
.row { clear: both }
.top-info-rt { width: 20%; padding: 2px 1% 5px 1%; float: right; background-color: #fafafa; border: 1px solid #eff1f2; position: relative; top: -57px }
.top-info-rt .streamTxt { width: 100%; float: left; font-size: 22px; margin-bottom: 5px; color: #1285d5; text-align: center }
.top-info-rt .uploadLoad-photo { width: 150px; height: 150px; border: 1px solid #dadada; float: none; margin: auto; clear: both }
.top-info-rt .uploadLoad-photo img { width: 100%; height: 100% }
.top-info-rt .change-photo { width: 100%; text-align: center; font-size: 11px; padding: 3px 0 0 0; float: left }
.top-info-rt .change-photo a { text-decoration: none; color: #303030 }
.top-info-rt .change-photo a:hover { text-decoration: underline }
.w100 { width: 100% !important }
.formSubmission { text-align: center; font-size: 20px; padding: 40px 0 20px; color: #3c763d }
.fr { float: right }
.adm-rt { width: 295px; float: right; text-align: center; position: relative }
.adm-rt .help-rt { width: 100%; float: left; position: relative; height: 35px; z-index: 1 }
.adm-rt .help-rt input[type=submit] { font-weight: 700; font-size: 13px }
.adm-rt .help-info { position: absolute; width: 400px; right: 95px; top: 36px; padding: 7px; background: #fff; z-index: 10; border: 1px solid #dadada; -webkit-box-shadow: 1px 2px 5px #666; -moz-box-shadow: 1px 2px 5px #666; box-shadow: 1px 2px 5px #666; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px }
.text-underline { text-decoration: underline }
.adm-rt .help-info p { text-align: left; padding: 5px 0 0 0; margin-top: 10px; border-top: 1px solid #d7d7d7 }
.adm-rt .help-info img { float: left; margin-right: 10px; height: 18px }
.ph-mob { width: 100%; padding-top: 4px; text-align: left }
.sub-combination { width: 100%; margin: 5px 0 }
.sub-combination p { margin-bottom: 0 }
.sub-combination p span.num { float: left; width: 30px; text-align: right }
.sub-combination p span { padding-right: 7px }
.slimScroll { margin: 10px 0; overflow: auto; position: relative; min-height: 40px; max-height: 200px; width: 100%; overflow-x: hidden }
.photo-con { width: 100%; border: 1px solid #dadada; padding-top: 10px; float: left }
.bnkInfo { width: 100%; border: 1px solid #dadada; padding-top: 0; float: left; margin-top: 10px }
.bnkInfo h3 { margin: 0 0 10px 0; padding: 7px 10px; font-size: 21px; background-color: #eee }
.bName { padding-top: 7px; width: 100%; float: left }
.browswCon { width: 245px; float: left; margin-bottom: 10px }
.loginCon { width: 380px; padding: 0 20px 20px !important; margin: 70px auto; position: relative; overflow: hidden; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 1px 2px 5px #666; -moz-box-shadow: 1px 2px 5px #666; box-shadow: 1px 2px 5px #666 }
.loginCon h2 { font-size: 30px; margin: 0; padding: 7px 0; text-align: center; background-color: #eee; width: 380px; position: relative; left: -20px; margin-bottom: 20px; color: #303030 }
.loginCon label { font-size: 16px; vertical-align: top; text-align: center; margin-bottom: 0; width: 100% }

.pr0 { padding-right: 0 !important }
.mb0 { margin-bottom: 0 !important }
.adminStuCon { width: 100%; padding: 20px 20px !important; margin: 20px auto; position: relative; overflow: hidden }
.adminStuCon label { font-size: 16px; vertical-align: middle; text-align: right; margin-bottom: 0; width: 100% }
.input-group { display: inline-block; overflow: hidden; max-width: 400px; width: 100%; float: left }
.input-group .input-group-addon { background-color: #337ab7; color: #fff; display: inline-block; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px; width: 100px; cursor: pointer }
.adminStuTxt { padding: 20px; float: left; font-size: 14px; background-color: #fff; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 94%; margin: 10px 3%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.adminStuTxt ul { margin: 0; padding: 0 }
.adminStuTxt ul li { float: left; width: 100%; float: left; margin: 4px 0; list-style: none }
.adminStuTxt ul li label { float: left; font-weight: 700; padding-right: 8px; width: auto; font-size: 14px; color: #999 }
.adminStuTxt h3 { margin: 0; padding: 0 0 7px; font-size: 22px }
.app-search { width: 100%; margin: auto }
.mb20 { margin-bottom: 20px }
.pl0 { padding-left: 0 !important }
.findStuCon { margin: 5px auto; overflow: hidden; padding: 20px !important; position: relative; width: 100%; background-color: #fafafa; border: 1px solid #dadada }
.findStuCon label { font-size: 16px; margin-bottom: 0; text-align: right; vertical-align: middle; width: 100% }
.sRow { font-size: 16px }
.sInput { width: 440px; margin: 10px auto; float: none }
.photo-info2 { float: left; font-size: 14px; padding: 0 0 6px; text-align: left; width: 65% }
.photo-info2 .photo-info { line-height: 15px; padding-top: 0 }
.cPhoto { width: 100%; float: left }
.group-hdr { border-bottom: 1px solid #dadada; padding-bottom: 3px; margin-bottom: 10px; width: 100%; float: left; color: #3c763d; font-weight: 600; background-color: #dff0d8; padding: 5px }
.group-hdr a { float: right; font-weight: 400; color: #303030 }
.success-tick { float: right; margin-left: 10px }
.success-tick-green { display: inline; margin-left: 10px; width: 25px; position: relative; top: -2px }
.header-right-icons { float: right; padding: 5px 0 0 0; position: absolute; top: 85px; right: 30px }
.header-right-icons p.saveArtists { position: absolute; right: 65px; text-align: right; width: 270px; top: 13px; font-size: 12px; color: #fff; font-family: Arial,Helvetica,sans-serif }
.header-right-icons > span { display: inline-block; margin-right: 23px; position: relative }
.header-right-icons .like-icon { background: url(../images/wishList-icons.png) no-repeat -125px -8px; cursor: pointer; float: left; height: 30px; margin-top: 4px; width: 31px }
.header-right-icons .like-icon:hover .myitems-outer-wrapper { display: block }
.header-right-icons .d-inline.values .cents { visibility: visible }
.header-right-icons .cents { border: 2px solid #ccc; border-radius: 100px; display: inline-block; font-size: 12px; height: 23px; line-height: 21px; position: absolute; right: -14px; text-align: center; top: 0; vertical-align: super; width: 23px; background-color: #fff; border-color: #ccc; color: #303030 }
.myitems-outer-wrapper { width: 300px; background: #000; position: absolute; z-index: 100; top: 45px; display: none; right: -18px; padding: 10px; font-family: Arial,Helvetica,sans-serif }
.myitems-outer-wrapper .arrow-wrapper { position: absolute; width: 50px; height: 30px; top: -29px; right: 17px }
.myitems-outer-wrapper .drop-arrow { position: absolute; width: 19px; height: 8px; bottom: 0; right: 13px; z-index: 2; background: url(../images/wishList-icons.png) no-repeat -69px -7px !important }
.myitems-outer-wrapper .drop-arrow { right: 4px }
.save-items-wrapper { background-color: #000 }
.saved-subj-con { width: 100%; float: left; color: #fff; text-align: left }
.saved-subj-con .hdr { width: 100%; float: left; margin: 5px 0; text-decoration: underline; font-size: 13px; font-weight: 600 }
.saved-subj-con ol { width: 100%; float: left; margin: 5px 0 }
.saved-subj-con ol li { width: 100%; padding: 3px 0; font-size: 13px }
.checkbox-inline, .radio-inline { margin-left: 0 !important; margin-right: 10px; font-weight: 300 }
.bg_red { background-color: red !important }

@media (min-width:1200px) {
    .container { max-width: 100% }
}

@media (max-width:767px) {
    .table-wrap table, .table-wrap tbody, .table-wrap td, .table-wrap th, .table-wrap thead, .table-wrap tr { display: block }
    /*.table-wrap thead tr{position:absolute;top:-9999px;left:-9999px}*/
    .table-wrap thead tr { position: absolute; left: 0px; }
    .table-wrap td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align: left }
    .table-wrap td:before { position: absolute; top: 1px; left: 5px; width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-weight: 700 }
    .table-wrap td:first-child { padding-top: 5px }
    .table-wrap td:last-child { padding-bottom: 5px }
    .table-wrap td:first-child:before { top: 5px }
    .table-wrap td:before { content: attr(data-title) }
    .table tbody tr { border-top: 1px solid #ddd }
    .table tbody tr td { border: none }
    .mvheader { display: block; font-weight: bold; position: absolute; left: 10px; }
    .rhead { display: none !important; }
}

.table-wrap { background: #fff }
.table tbody tr:nth-child(odd) { background: #eee }

@media (min-width:768px) {
    .table tbody tr td, .table thead tr th { padding: 5px 5px }
    .mvheader { display: none; }
}

body { font-family: Arial,Helvetica,sans-serif; padding-top: 0 }
.regis-form .already-regis h3 { font-size: 18px }
.contentTxt .step1-top .basic-form-info .lastDate { color: #3a87ad; float: left; font-size: 16px; margin-bottom: 10px; width: 100% }
.regis-form .already-uni-stu h3 { font-size: 16px; margin-bottom: 10px }
.regis-form .already-uni-stu ol { width: 100%; float: left; margin-left: -20px }
.regis-form .already-uni-stu ol li { margin-top: 5px; font-size: 12px }
table.gridtable { font-family: verdana,arial,sans-serif; font-size: 11px; color: #333; border-width: 1px; border-color: #666; border-collapse: collapse; width: 100%; min-width: 700px }
table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666; background-color: #dedede }
table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666; background-color: #fff }
textarea.form-control { height: 150px; min-height: 54px; max-height: 225px; resize: vertical; }
.loginCon .form-control { display: inline !important; }

.contact-info-container { background-color: #ffffff; border-color: #bcc7cc; border-radius: 3px; border-style: solid; border-width: 1px; margin-top: 3rem; overflow: hidden; }


/*EMPLOYEE DASHBOARD SECTIOn*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");



.card-counter {
    box-shadow: 2px 2px 10px #dadada;
    margin: 5px;
    background-color: #fff;
    height: 110px;
    border-radius: 5px;
    transition: 0.3s linear all;
}


.card-counter.primary {
    background-color: #007bff;
    color: #fff;
}




 .lecDelCount {
    font-size: 4em;
    opacity: 0.2;
    padding-right: 10px;
}

  .count-numbers {
        position: absolute;
        top: 20px;
        font-size: 17px;
        opacity: 0.8;
        font-weight: bold;
        text-transform: capitalize;
        display: block;
    }

.semLabel {
    font-size: 14px;
    font-weight: bold;
    opacity: 0.9;
    text-transform: capitalize;
}
.ActiveSem {
    background-color: #007bff;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    padding-left: 5px;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 2px 2px 10px #dadada;
    margin: 5px;
   
    height: 110px;
    border-radius: 5px;
    transition: 0.3s linear all;
}
.inActiveSem {
    background-color: #ff9966;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    padding-left: 5px;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: 2px 2px 10px #dadada;
    margin: 5px;
    
    height: 110px;
    border-radius: 5px;
    transition: 0.3s linear all;
}

.count-name {
    position: absolute;
    margin-top:20px;
    top: 65px;
    font-style: italic;
    display: block;
    opacity: 0.9;
    font-size: 16px;
    color: #fff;
}