/*---------------------common css style---------------------------*/
/*Scroll Bar */
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-track {
    background-color: #fff;
}
html::-webkit-scrollbar-thumb {
    background-color: #A8A8A8;
}
/*End*/

@font-face {
    font-family:'Roboto';
    font-weight:400;
    src:url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
        url('../fonts/roboto-regular-webfont.woff') format('woff');
}

@font-face {
    font-family:'Roboto';
    font-weight:500;
    src:url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
        url('../fonts/roboto-bold-webfont.woff') format('woff');
}

@font-face {
    font-family:'Roboto';
    font-weight:600;
    src:url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
        url('../fonts/roboto-bold-webfont.woff') format('woff');
}

@font-face {
    font-family:'Roboto_Black';
    font-weight:300;
    src:url('../fonts/roboto-black-webfont.woff2') format('woff2'),
        url('../fonts/roboto-black-webfont.woff') format('woff');
}

body, html, form {

    padding: 0;
    margin: 0;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
    padding:0;
    margin:0;
    color:#212529;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
}


p {
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 1.8;
    padding-bottom: 10px;
}

.pad_0  {padding: 0;}
.pad_3  {padding: 3px;}
.pad_5  {padding:5px;}
.pad_10  {padding:10px;}
.pad_15  {padding:15px;}
.pad_20  {padding:20px;}
.pad_30  {padding:30px;}
.pad_40  {padding:40px;}
.pad_10_20  {padding:10px 20px;}
.pad_30_10  {padding:30px 10px;}

.pad_0_5_0_0  {padding:0 5px 0 0;}
.pad_0_0_5_0  {padding:0 0 5px 0;}
.pad_0_0_10_0  {padding:0 0 10px 0;}
.pad_0_15_0_0  {padding:0 15px 0 0;}
.pad_15_0_0_0 {padding: 15px 0 0 0;}

.pad_0_5 {padding:0 5px;}
.pad_0_10 {padding:0 10px;}
.pad_0_20 {padding:0 20px;}
.pad_0_30 {padding:0 30px;}
.pad_0_40 {padding:0 40px;}

.pad_5_0 {padding:5px 0;}
.pad_10_0 {padding:10px 0;}
.pad_20_0 {padding:20px 0;}
.pad_30_0 {padding:30px 0;}
.pad_40_0 {padding:40px 0;}
.pad_50_0 {padding:50px 0;}

.pad_15_10_15_0 {padding:15px 10px 15px 0;}
.pad_10_10_10_0 {padding:10px 10px 10px 0;}
.pad_10_5_10_0 {padding:10px 5px 10px 0;}
.pad_0_10_10_0 {padding:0 10px 10px 0;}

.pad_3_10 {padding:5px 10px;}
.pad_5_10 {padding:5px 10px;}
.pad_10_5 {padding:10px 5px;}
.pad_20_5 {padding:20px 5px;}
.pad_20_10 {padding: 20px 10px;}
.pad_10_15 {padding:10px 15px;}
.pad_auto_10{margin:auto 10px;}


.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}
.mb_40 {margin-bottom:40px;}
.mb_50 {margin-bottom:50px;}

.mt_5 { margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}

/*-------------*/
.tutorial-card {
    margin-bottom: 30px;
    padding-bottom:20px;
    border-bottom: 2px solid #E7F3F3;
}
    .tutorial-card a:hover{
        text-decoration:none;
    }
    .tutorial-card p {
        text-align: center;
        font-size:15px;
        padding: 5px;
        font-weight: 600;
        text-transform:uppercase;
        text-decoration:none;
    }