@font-face {
font-family: 'Bangla';
src: url('./Bangla.woff2') format('woff2');
}

@font-face {
font-family: 'HindSiliguri';
src: url('./HindSiliguri.woff2') format('woff2');
}

@font-face {
font-family: 'Kalpana';
src: url('./Kalpana.woff2') format('woff2');
}

.banglafont {
font-family:'Bangla' !important;
}

.kolfont {
font-family:'Kalpana' !important;
}

.siliguri {
font-family:'HindSiliguri' !important;
}


.btn-sumon {
background:#f7f7f4 !important;
width:30%;
box-shadow:1px 1px 1px #d4d4d4;   
transition: all .5s ease;
}
.btn-sumon:hover {
color:#008040;
letter-spacing:2px;
box-shadow: 2px 2px 4px 5px #000d17;       
}

@media screen and (max-width:959px) {
.btn-sumon {
width:100%;
}
}

.CREATE:hover {
background:#004040;
color:#ffffff;
letter-spacing:5px;
transition:all .5s ease;
}


.topBottom {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.onlyTop {
    margin-top: 5rem;
}

.onlyBottom {
    margin-bottom: 5rem;
}

/* rountine-generate-*/
.btn-sumon { 
box-shadow: 1px 1px 1px 1px #dde0e0;    
background:#b9eff3;
padding: 1rem !important; 
text-align: center !important; 
font-size: 22px !important; 
width: 23%;
margin: 5px auto;
color:#351594 !important; 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.btn-sumon2 { 
box-shadow: 1px 1px 1px 1px #dde0e0;    
background:#f3b9e4;
padding: 1rem !important; 
text-align: center !important; 
font-size: 22px !important; 
width: 23%;
margin: 5px auto;
color:#351594 !important; 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

@media screen and (max-width:767px) {
.btn-sumon,
.btn-sumon2 {
width: 48%;
}
}

.btn-sumon:hover {
background:#f3f9fb;
color:#008040 !important;
box-shadow: 1px 1px 1px 1px #a4daea !important;       
}

.btn-sumon2:hover {
background:#f3f9fb;
color:#008040 !important;
box-shadow: 1px 1px 1px 1px #a4daea !important;       
}


/*COMMON PRINT using for TOOLS FOLDER*/
.sumonPrintHide {
content:  "\F1C2";
font-family: 'HindSiliguri';
color:#004040 !important;
position:fixed !important;
background-color: #f17f7f;
padding: .5rem !important;
width: 120px;
height: 40px;
line-height: 40px;
font-size: 20px;
justify-content: center;
align-items: center;
top:1rem;
display:flex;
box-sizing: border-box;
right:2%;
border-radius: 4px ;
-webkit-border-radius: 4px ;
-moz-border-radius: 4px ;
-ms-border-radius: 4px ;
-o-border-radius: 4px ;
border: none !important;
cursor:pointer;
z-index: 1;
text-decoration: none;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

/*using for JS TRANSCRIPT*/
#generateBtn {
content:  "\F1C2";
font-family: 'HindSiliguri';
color:#004040 !important;
background-color: #f17f7f;
padding: .5rem !important;
width: 130px;
height: 44px;
line-height: 22px;
font-size: 20px;
justify-content: center;
align-items: center;
border-radius: 4px ;
-webkit-border-radius: 4px ;
-moz-border-radius: 4px ;
-ms-border-radius: 4px ;
-o-border-radius: 4px ;
border: none !important;
cursor:pointer;
text-decoration: none;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.sumonPrintHide:hover,
#generateBtn:hover {
background: #000080 !important;
color: #ffffff !important;
border-radius:30px !important;
box-shadow: 1px 1px 4px 6px #e1dcfa;
}