/*
@package CodeCyan IFSC Code Script
@version v2.0
@author OMi Shah
@organization CodeCyan
@web www.codecyan.com
@updated 29 Jan, 2020
*/

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

body {
    font-size: 17px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

a:link, a:visited {
  color: #263238;
}

a:hover {
  color: #D84315;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.medium {
    font-size: 30px;
}

.large {
    font-size: 40px;
}

.little-medium {
    font-size: 20px;
    font-weight: 900;
}

.menu-bg-codecyan {
    background: #880E4F;
}

.main-content-codecyan {
    background: #fafafa;
}

.white-bg-codecyan {
    background: #fff;
}

.radius-codecyan {
    border-radius: 10px;
}

.border-radius-codecyan {
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

.white-bg-border-radius-codecyan {
    background: #fff;
    padding: 6px 6px 6px 10px;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
}

.custom-select-codecyan {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    outline: none;
    background-image: url('../images/sort-down.png');
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 96.5% center;
    -moz-padding-end: 33px;
    -webkit-padding-end: 33px;
    -moz-padding-start: 10px;
    -webkit-padding-start: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-select-codecyan:disabled {
    color: grey;
    background: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    outline: none;
    -moz-padding-end: 33px;
    -webkit-padding-end: 33px;
    -moz-padding-start: 10px;
    -webkit-padding-start: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-input-codecyan {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    outline: none;
    -moz-padding-end: 23px;
    -webkit-padding-end: 23px;
    -moz-padding-start: 10px;
    -webkit-padding-start: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.shadow-codecyan {
    -webkit-box-shadow: -7.142px 7.142px 30px 0 rgba(157, 157, 157, 0.2);
    -moz-box-shadow: -7.142px 7.142px 30px 0 rgba(157, 157, 157, 0.2);
    box-shadow: -7.142px 7.142px 30px 0 rgba(157, 157, 157, 0.2);

}

.footer-codecyan {
     padding-top: 50px;
     padding-bottom: 50px;
    color: #c1c1c1;
}

.footer-codecyan a {
    font-weight: bold;
    color: #fff;
}

.footer-codecyan a:hover {
    color: yellow;
}

.social-codecyan {
    font-size: 30px;
}

form .reset-codecyan {
     color: #fff;
}

form .reset-codecyan:hover {
     color: #fafafa;
}

.word-break-codecyan {
    word-break: break-word;
}

@media (max-width: 768px) {
    
    .spacing-codecyan {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    
    .top-part-codecyan, .top-banks-codecyan {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .main-content-codecyan {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
      .spacing-small-codecyan {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
}

@media (min-width: 576px) {
    
    .top-part-codecyan, .top-banks-codecyan {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .main-content-codecyan {
        padding-top: 50px;
        padding-bottom: 50px;
    }

}

@media (min-width: 768px) {
    
    .top-part-codecyan, .top-banks-codecyan {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .main-content-codecyan {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
}

@media (min-width: 992px) {
    
    .top-part-codecyan, .top-banks-codecyan {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .main-content-codecyan {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
}

@media (min-width: 1200px) {
    
    .top-part-codecyan, .top-banks-codecyan {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    .main-content-codecyan {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
}