/*--Fonts--*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500;1,600&display=swap');



/*-- Global Css--*/
p,a, h1,h2,h3,h4, label{
    font-weight: 400;
    margin: 0;
}
a{
    font-size: 14px;
    text-decoration: none;
    outline-style: none;
    list-style: none;
}
button{
    cursor: pointer;
    outline-style: none;
    list-style: none;
}
body{
    padding-top: 126px;
    font-family: 'Poppins', sans-serif;
    color: #1c1c1c;
    overflow-x: hidden; 
}
/*-- Global Css--*/

/*--Home Page Style--*/

/*-Header Style-*/
header {
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%);
    background-color: #ffffff;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 999;
}
.button-wrap button:first-child,
.button-wrap button.dashboard {
    border: 2px solid #edda29;
    background-color: transparent;
    width: 124px;
    height: 45px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 14px;
}
.button-wrap button~button,
.button-wrap button.logout {
    background-color: #37007b;
    border: none;
    width: 124px;
    height: 45px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
}
ul.navbar-nav li.nav-item a {
    color: #1c1c1c;
    font-weight: 500;
    font-size: 14px;
}
ul.navbar-nav li.nav-item a.active {
    color: #5fcc40;
}
.right-section {
    order: 3;
}
/*-Header Style-*/

/*--Banner Style--*/
section#banner-wrapper {
    background-image: url(../images/banner-bg.png);
    background-size: cover;
    height: 699px;
    position: relative;
}
.banner-content-wrapper h1 {
    font-size: 55px;
    font-weight: 700;
}
.banner-content-wrapper h1 span {
    color: #5fcc40;
}
.diamond-square-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -199px;
    width: 0;
    height: 0;
    border: 77px solid transparent;
    border-top-color: #edda29;
}
.diamond-square-shape:after{
    content: "";
    width: 0;
    height: 0;
    border: 77px solid transparent;
    border-bottom-color: #edda29;
    position: absolute;
    top: -109px;
    left: 0;
}
.diamond-square-shape span:before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: -185px;
    width: 0;
    height: 0;
    border: 70px solid transparent;
    border-top-color: #fdfdfd;
}
.diamond-square-shape span:after {
    content: "";
    width: 0;
    height: 0;
    border: 70px solid transparent;
    border-bottom-color: #fdfdfd;
    position: absolute;
    top: -95px;
    left: 7px;
}
.diamond-square-shape span {
    z-index: 1;
}
.diamond-square-shape {
    position: absolute;
    left: -25%;
    bottom: 0;
}
section#banner-wrapper:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 595px;
    width: 775px;
    background-image: url(../images/banner-right-img.png);
    background-size: cover; 
    background-position: bottom;   
}
/*--Banner Style--*/

/*--News Section Style--*/
#news_wrapper h2 {
    font-size: 50px;
    font-weight: 700;
    padding: 0 0 7px;
}
#news_wrapper h2:after {
    content: "";
    height: 5px;
    background-color: #5fcc40;
    width: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
}
#news_wrapper h4 {
    font-size: 24px;
    font-weight: 700;
    color: #5fcc40;
}
/*.news_box_wrapper .box:after {
    content: "";
    background-image: url(../images/shadow.png);
    background-size: cover; 
    position: absolute;
    bottom: 0;
    left: 0; 
    right: 0;
    width: 100%;
    height: 316px;
}*/
.news_box_wrapper .content {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    padding: 20px 20px 20px;
    z-index: 1;
    background-color: #ffffff;
}
/*.news_website_logo {
    height: 65px;
    width: 65px;
}*/
.news_website_logo img {
    width: 100%;
    object-fit: cover;
    height: 70px;
    /*width: 70px;*/
    border: 1px solid #c0c0c0;
    padding: 3px;
}
.news_hyperlink {
    width: calc(100% - 100px);
}
.news_hyperlink a {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 600;
    line-height: 20px;
}
.time label {
    color: #ffffff;
}
.time label img {
    margin-top: -4px;
}
.news_history_wrap .news_website_logo {
    height: 68px;
    width: 68px;
}
.left-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -180px;
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-top-color: #5fcc40;    
}
.left-shape:after {
    content: "";
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-bottom-color: #5fcc40;
    position: absolute;
    top: 0px;
    left: 0;
}
.left-shape {
    position: absolute;
    right: 50px;
    top: 6%;
}
.right-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 0;
    border: 77px solid transparent;
    border-top-color: #edda29;
}
.right-shape:after {
    content: "";
    width: 0;
    height: 0;
    border: 77px solid transparent;
    border-bottom-color: #edda29;
    position: absolute;
    top: -308px;
    left: 0;
}
.right-shape span:before {
    content: "";
    position: absolute;
    left: 7px;
    bottom: 14px;
    width: 0;
    height: 0;
    border: 70px solid transparent;
    border-top-color: #fdfdfd;
}
.right-shape span:after {
    content: "";
    width: 0;
    height: 0;
    border: 70px solid transparent;
    border-bottom-color: #fdfdfd;
    position: absolute;
    top: -294px;
    left: 7px;
    z-index: 1;
}
.right-shape span{
    z-index: 1;
}
.right-shape {
    position: absolute;
    left: -100px;
    bottom: -4%;
}
.load_more_button {
    text-align: center;
    margin: 40px 0 10px;
}
.load_more_button button {
    background-color: #37007b;
    color: #ffffff;
    border: none;
    padding: 9px 30px;
    border-radius: 5px;
}
.load_more_button button, 
.submit_btn_wrapper button {
    background-color: #37007b;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.list_box_wrapper {
    background-color: #fbf9f9;
    padding: 20px 20px;
    border-radius: 10px;
}
.list_box_wrapper .list_box {
    background-color: #ffffff;
    padding: 18px;
    margin: 0 0 10px;
    align-items: center;
    display: flex;
}
.list_box_wrapper .list_box:last-child {
    margin: 0;
}
.list_box_wrapper .list_box a {
    font-weight: 600;
    font-size: 17px;
    color: #1c1c1c;
    cursor: pointer;
    padding: 0 0 0 8px;
}
.list_box_wrapper .list_box a:hover{
    text-decoration: underline;
}
/*--News Section Style--*/

/*--App Download Style--*/

#app_download {
    background-color: #5fcc40;
}
.app_download_content img {
    width: 100%;
}
.content_inner h2 {
    font-weight: 700;
    font-size: 28px;
}
.download_wrapper {
    background-color: #ecfcf3;
    border: 13px solid #ddcb20;
    z-index: 1;
}
.content_inner {
    padding: 80px 0px 80px 80px;
}
#app_download {
    background-color: #edda29;
    padding: 70px 0;
}
.boder-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -220px;
    width: 0;
    height: 0;
    border: 55px solid transparent;
    border-top-color: #fdfdfd;
}
.boder-shape:after {
    content: "";
    width: 0;
    height: 0;
    border: 55px solid transparent;
    border-bottom-color: #fdfdfd;
    position: absolute;
    top: 0px;
    left: 0;
}
.boder-shape span:before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -210px;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top-color: #ddcb20;
}
.boder-shape span:after {
    content: "";
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: #ddcb20;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 1;
}
.boder-shape span{
    z-index: 1;
}
.boder-shape {
    position: absolute;
    right: 80px;
    top: 8%;
}
.solid-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -220px;
    width: 0;
    height: 0;
    border: 55px solid transparent;
    border-top-color: #fdfdfd;
}
.solid-shape:after {
    content: "";
    width: 0;
    height: 0;
    border: 55px solid transparent;
    border-bottom-color: #fdfdfd;
    position: absolute;
    top: 0px;
    left: 0;
}
.solid-shape {
    position: absolute;
    left: -40px;
    bottom: 40%;
}
.solid-shape-image {
    position: absolute;
    left: -150px;
    top: -55px;
}
/*--App Download Style--*/

/*--Footer Style--*/

footer {
    background-color: #1c1c1c;
    padding: 60px 0 0;
}
footer p {
    color: #e1e3e7;
    font-size: 14px;
}
footer .links h3,
.social-links-wrapper h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding: 0 0 15px;
}
footer .links h3:before {
    content: "";
    height: 4px;
    background-color: #5fcc40;
    width: 38px;
    position: absolute;
    bottom: 0;
}
footer .links ul {
    padding: 0;
    margin: 15px 0 0;
}
footer .links ul li a {
    color: #e1e3e7;
    margin: 0px 0 8px;
    display: block;
}
.links_wrapper .links~.links {
    margin-left: 30%;
}
ul.social-links li {
    margin: 0 5px 0 0;
}
.copyright-wrapper {
    border-top: 1px solid #5c6b7f;
}
.copyright-wrapper {
    border-top: 1px solid #5c6b7f;
    padding: 25px 0;
}
.copyright-wrapper p {
    color: #e1e3e7;
    font-size: 12px;
}
.app_download_links h6 {
    color: #e1e3e7;
    font-size: 12px;
    margin: 0 25px 0 0;
}

/*--Footer Style--*/

/*--Form Style--*/

body.form-box {
    padding: 0;
}
section#form_wrapper {
    background-image: url(../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background-position: center center;
}
.form_wrapper {
    background-color: #ffffff;
    padding: 30px 30px 30px;
    width: 100%;
    max-width: 450px;
    outline: 20px solid rgba(255,255,255,0.6);
    margin: 40px 40px 0 0;
}
.form_wrapper h2 {
    font-size: 28px;
    font-weight: 600;
    position: relative;
    padding: 0 0 14px;
}
.form_wrapper h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 65px;
    height: 4px;
    background-color: #5fcc40;
    border-radius: 100px;
}
.form_wrapper h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 7px;
    background-color: #ffffff;
    left: 40px;
    border-radius: 1px;
}
.form_wrapper p {
    color: #939393;
    font-size: 14px;
    padding: 20px 0 25px;
}
input.form-control,
select.form-control{
    background-color: #ffffff;
    border: 1px solid #F0EFEF;
    height: 60px;
    border-radius: 14px;
    box-shadow: none;
    outline-style: none;
    padding: 10px 15px 10px 48px;
    font-size: 14px;
    line-height: normal;        
}
.iti__flag-container {
    height: 60px;
}
input.form-control:focus{
    box-shadow: none;
    outline-style: none;
    border: 1px solid #F0EFEF;
    background-color: #FAFBFF        
}
input#telephone {
    width: calc(100% - 70px);
}
body .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}
.iti__flag-container {
    background-color: #ffffff;
    border: 1px solid #F0EFEF;
    height: 60px;
    border-radius: 14px;
    width: 61px;
}
.iti.iti--allow-dropdown {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}
.iti__flag-container .iti__selected-flag {
    justify-content: center;
}
.iti__flag-container span.iti__country-name,
.iti__flag-container span.iti__dial-code{
    font-size: 13px;
}
.iti__flag-container .iti__country-list {
    width: 300px;
}
/* width */
.iti__flag-container .iti__country-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

/* Track */
.iti__flag-container .iti__country-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.iti__flag-container .iti__country-list::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.iti__flag-container .iti__country-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#user_registration_form input#date-of-birth[readonly] {
    background-color: #ffffff;
}

button.form-button,
button.form-button:hover,
button.form-button:active,
button.form-button:focus {
    width: 130px;
    height: 50px;
    border-radius: 10px;
    background-color: #37007b;
    border-color: #37007b;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.footer_links {
    color: #939393;
    font-size: 12px;
    text-align: center;
    margin: 40px 0 0;
}
.footer_links a,
.footer_links button.resend-otp {
    color: #1C1C1C;
    font-weight: 500;
    font-size: 12px;
    background-color: transparent;
    border: none;
    padding: 0;    
}
.footer_links a:hover,
.accept-privacy-policy p a:hover {
    text-decoration: underline;
}
.form-group.otp input {
    text-align: center;
    width: 81px;
    margin: 0 15px 0 0;
    padding: 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
label#group_otp_validate-error {
    position: absolute;
    margin-top: 64px;
}
input[type=number] {
  -moz-appearance: textfield;
}
input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder { /* Edge */
  color: #939393;
  font-size: 14px;  
}
input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #939393;
  font-size: 14px;  
}
input.form-control::placeholder,
textarea.form-control::placeholder {
  color: #939393;
  font-size: 14px;    
}

.form_wrapper p span {
    color: #1c1c1c;
    font-weight: 500;
}
.custom-check {
    background: #FFFFFF;
    border: 0.8px solid #ADA4A5;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    height: 16px;
    width: 16px;
    margin: 0 10px 0 0;
}
.custom-check input[type="checkbox"] {
    position: absolute;
    height: 16px;
    width: 16px;
    opacity: 0;
    cursor: pointer;
    top: 0;
    z-index: 1;
}
.custom-check input[type="checkbox"]:checked~label {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    background-color: #5fcc40;
    position: relative;
    top: -2px;
    left: -1px;
}
.custom-check input[type="checkbox"]:checked~label:after {
    content: "";
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate( 45deg);
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg);
    position: absolute;
}
.accept-privacy-policy p {
    font-size: 13px;
}
.accept-privacy-policy p a {
    font-size: 13px;
    font-weight: 500;
    color: #1c1c1c;
}
.form-group label {
    position: absolute;
    top: 17px;
    left: 20px;
    z-index: 1;
}
.form-group .input_wrap label {
    left: 95px;
}
.form-group,
.input_wrap{
    position: relative;
}
.profile-detail-wrapper input.form-control[readonly] {
    background-color: #e8ecea;
    border: 1px solid #d0d0d0;
}
.form-group label.error,
.accept-privacy-policy label.error{
    position: relative;
    left: 0;
    top: 0;
    transform: inherit;
    font-size: 12px;
    width: 100%;
    color: #c71515;
}
.iti.iti--allow-dropdown label#phone_number-error,
form#user_login_form .iti.iti--allow-dropdown~label.error{
    top: 7px;
}
.accept-privacy-policy label.error {
    width: 250px;
    top: 13px;
}
.form_wrapper p.success_message {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 20px 15px;
    margin-top: 7px;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
}
.form_wrapper p.error_message {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 20px;
    margin-top: 7px;
    border-radius: 10px;
    font-size: 13px;
}
/*--Form Style--*/

/*--Inner Banner Style--*/

#inner-page-banner {
    background-image: url(../images/inner-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    background-position: bottom;
}
.inner-banner h3 {
    font-size: 34px;
    font-weight: 500;
    color: #ffffff;
}
.breadcrumbs a,
.breadcrumbs {
    color: #ffffff;
}
.breadcrumbs label{
    color: #5fcc40;
}
.tabs_wrapper ul#pills-tab li.nav-item {
    width: 100%;
}
.tabs_wrapper ul#pills-tab li.nav-item button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: #e8ecea;
    color: #1c1c1c;
    font-weight: 500;
    border-radius: 0;
    position: relative;
    font-size: 14px;
}
.tabs_wrapper ul#pills-tab li.nav-item button img {
    margin: 0 10px 0 0;    
}
.tabs_wrapper ul#pills-tab li.nav-item button.active img.active-icon{
    display: inline-block;
}
.tabs_wrapper ul#pills-tab li.nav-item button.active img,
.tabs_wrapper ul#pills-tab li.nav-item button img.active-icon {
    display: none;
}
.tabs_wrapper ul#pills-tab li.nav-item button.active {
    background-color: #5fcc40 !important;
    font-weight: 500;
    color: #ffffff;
}
.tabs_wrapper ul.nav {
    background-color: #f9f9f9;
    padding: 10px;
    width: 270px;
    height: 110px;
}
/*.tabs_wrapper .tab-content {
    width: calc(100% - 300px);
    background-color: #f9f9f9;
}*/
.tabs_wrapper .tab-content {
    width: calc(100% - 300px);
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.notification-service img {
    display: block;
    margin: 0 auto;
}
.notification-service button {
    display: flex;
    margin: 20px auto 0;
    background-color: #dadbf1;
    border: none;
    color: #ffffff;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
}
i.fa.fa-caret-right {
    position: absolute;
    right: 15px;
}
.user_image {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #ffffff;
    border: 2px solid #d6f7e6;
}
.user-profile h5 {
    font-size: 14px;
    font-weight: 500;
}
.profile-image-show {
    height: 161px;
    width: 161px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 7px solid #dcf7d5;
    margin: 13% 0 0;
}
.urer-detail label:first-child {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin: 0 0 5px;
}
.urer-detail label~label {
    color: #9d9d9d;
}
.profile-detail-wrapper .profile-header{
    background-image: url(../images/profile-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 195px; 
    padding: 60px 40px;   
}
div#pills-dashboard {
    padding: 30px 30px;
}
.profile-detail-wrapper input#telephone {
    width: 100%;
}
.profile-detail-wrapper .form-group .input_wrap label {
    left: 20px;
}
.profile-detail-wrapper form {
    padding: 65px 40px 50px;
}
.profile-detail-wrapper input.form-control {
    background-color: #ffffff;
}
.profile-detail-wrapper form button.form-button {
    height: 45px;
    margin: 20px auto 0;
    width: auto;
    padding: 0px 20px;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.urer-detail {
    margin: 13% 0 0;
}
.button-wrap button.dashboard {
    width: 145px;
    margin: 0 15px 0 0;
}
.single_detail_wrapper .title_wrapper h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #1c1c1c;
}
.single_detail_wrapper .title_wrapper h3 {
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
}
/*--Inner Banner Style--*/

div#app_add_modal img {
    margin: 0 auto;
    display: block;
}
div#app_add_modal h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 50px 10px;
}
div#app_add_modal .modal-dialog .modal-content {
    border-radius: 0;
    border: 15px solid rgba(255,255,255,0.7);
}
div#app_add_modal .modal-dialog .modal-content button.btn-close {
    position: absolute;
    right: 15px;
    opacity: 1;
    border-radius: 100px;
    height: 35px;
    width: 35px;
    padding: 0;
}

/*added from server*/
.modal-backdrop.fade.show {
    background-color: #412d76;
    opacity: 0.8;
}

div#app_add_modal .modal-dialog {
    max-width: 850px;
}
div#app_add_modal .modal-dialog .modal-content .inner_content .right {
    width: 60%;
    padding: 0 0 0 40px;
}
div#app_add_modal .modal-dialog .modal-content .inner_content .left {
    width: 40%;
}
div#app_add_modal .modal-dialog .modal-content .inner_content .left img {
    width: 100%;
}
div#app_add_modal .modal-dialog .modal-content .inner_content {
    padding: 30px 20px;
}
div#app_add_modal .modal-dialog .modal-content .inner_content .right h2 {
    font-weight: 700;
    font-size: 38px;
}
.app_store_button_wrapper a~a {
    margin: 0 0 0 6px;
}
.app_store_button_wrapper {
    margin: 30px 0 0;
}
/*added from server*/

/*added for details page box design*/
.single_detail_wrapper {
    background-color: #f9f9f9;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 20px solid #fbf9f9;
    margin: 30px 0 0;
}
/*added for details page box design*/

/*Added 20-Oct-2021*/

section#banner.about_banner,
section#banner.subscribe_banner,
section#banner.our_goal_banner,
section#banner.privacy_policy,
section#banner.terms_conditions{
    background-image: url(../images/primary-school.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 300px;
    width: 100%;
}
section#banner.subscribe_banner{
    background-image: url(../images/subscribe_banner.png);
}
section#banner.our_goal_banner {
    background-image: url(../images/our_goal_banner.png);
    background-position: top center;
}
section#banner.privacy_policy {
    background-image: url(../images/privacy-policy.png);
    background-position: center center;
}
section#banner.terms_conditions {
    background-image: url(../images/terms-conditions.png);
    background-position: center center;
}
.banner_content_inner p a {
    font-size: 14px;
    text-decoration: underline;
    font-weight: 600;
    color: #edda29;
}
.banner_content_inner p i {
    margin: 0 10px;
    color: #edda29;
}
.banner_content .banner_content_inner h3 {
    font-size: 34px;
    font-weight: 500;
    color: #ffffff;
}
#about-section h3,
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list h3 {
    font-weight: 600;
    font-size: 17px;
    color: #1c1c1c;
    margin-bottom: 5px;
}
#about-section p {
    font-size: 14px;
}
#about-section p strong {
    font-weight: 600;
}
/*#about-section,
.content_wrapper{
    background-color: #fbf9f9;
    padding: 20px 20px;
    border-radius: 10px;
}*/
#about-section .content_list {
    margin-bottom: 15px;
    background-color: #ffffff;
    /*padding: 25px;*/
}
#about-section .content_list:last-child {
    margin-bottom: 0;
}
.banner_content .banner_content_inner h2:before {
    content: "";
    height: 4px;
    background-color: #5fcc40;
    width: 50px;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
section#form_wrap_main.about_banner .right-shape {
    bottom: auto;
}
section#form_wrap_main.about_banner .left-shape {
    top: auto;
}
.banner_content .banner_content_inner p {
    font-size: 14px;
    font-weight: 500;
}
.banner_content_inner .breadcrumbs label {
    color: #5fcc40;
}
input.form-control::placeholder ,
select.form-control::placeholder {
    color: #1c1c1c;
}
section#form_wrap_main form {
    background-color: #fbf9f9;
    padding: 20px 20px;
    border-radius: 10px;
}
section#form_wrap_main form .inputs {
    background-color: #ffffff;
    padding: 25px 13px;
    margin: 0;
}

/*Added 21-Oct-2021*/

section#form_wrap_main form .inputs .form-group textarea.form-control {
    background-color: #ffffff;
    border: 1px solid #F0EFEF;
    border-radius: 14px;
    box-shadow: none;
    outline-style: none;
    padding: 10px 15px 10px 48px;
    font-size: 14px;
    line-height: normal;
}
section#form_wrap_main form .inputs .form-group label.message {
    top: 10px;
}
section#banner.contact_banner {
    background-image: url(../images/primary-school-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 370px;
    width: 100%;
}
.address {
    background-color: #ffffff;
    border: 20px solid #fbf9f9;
    border-radius: 14px;
    margin: 15px 0 0;
    padding: 15px 20px;
}
.address ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.address ul li {
    font-size: 14px;
}
.address label.address_title {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 15px;
    font-weight: 500;
}
 .address label.address_title img {
    margin: 0 5px 0 0px;
}
input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder  { /* Edge */
  color: #939393;
}

input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #939393;;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
  color: #939393;
}

/*Payment Page*/

#inner-page-banner.payment_wrapper {
    background-image: url(../images/payment-background.png);
}
.choose_payment_method ul {
    list-style: none;
    padding: 0;
}
.choose_payment_method ul li label img {
    display: block;
    margin: 0 auto 15px;
    height: 50px;
    width: 50px;
}
.choose_payment_method ul li label {
    position: relative;
    border: 1px solid #e3e3e3;
    padding: 20px 30px;
    border-radius: 20px;
    color: #a5a5a5;
    background-color: #ffffff;
}
.choose_payment_method ul li {
    text-align: center;
}
.choose_payment_method ul li label input[type="radio"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    top: 0;
}
.payment_form_wrapper {
    padding: 35px 35px 35px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 20px solid #fbf9f9;
    margin: 50px 0;
}
.choose_payment_method ul li label.is-checked:after {
    content: "";
    height: 30px;
    width: 30px;
    background-color: #5fcc40;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100px;
}
.choose_payment_method ul li label.is-checked:before {
    content: "";
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate( 45deg);
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg);
    top: -2px;
    right: 1px;
    position: absolute;
    z-index: 1;
}
.choose_payment_method ul li label.is-checked {
    border: 1px solid #5fcc40;
    color: #5fcc40;
}
.choose_payment_method h2 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
}
.choose_payment_method h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 65px;
    height: 4px;
    background-color: #5fcc40;
    border-radius: 100px;
}
.choose_payment_method h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 7px;
    background-color: #ffffff;
    left: 50px;
    border-radius: 1px;
}
label.form-check-label {
    font-size: 14px;
    text-transform: capitalize;
}
.btn_wrapper button.btn.btn-primary.form-button.back_button {
    background-color: transparent;
    color: #412D76;
}
section#dashboard-content .tabs_wrapper ul {
    height: 100%;
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 8px;
    background-color: #ffffff;
}
.tabs_wrapper ul#pills-tab li.nav-item svg {
    width: 18px;
    height: 18px;
    margin: 0 9px 0 0;
}
form#resetpasswordForm {
    padding: 20px;
}
form#resetpasswordForm .inner_wrapper {
    background-color: #ffffff;
    padding: 40px;
}
form#resetpasswordForm .inner_wrapper .right {
    width: 75%;
}
form#resetpasswordForm .inner_wrapper .left {
    width: 25%;
}
.profile_dropdown_inner_wrap {
    margin-right: 0;
    display: block;
    background-color: #ffffff;
    border: 1px dashed #5fcc40;
    padding: 10px;
    border-radius: 6px;
}
.profile_dropdown_inner_wrap a {
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 20px;
    border-radius: 5px;
    color: #343d49;
}
label.user_name {
    font-weight: 600;
}
.logout_wrap a {
    background-color: #5fcc40;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
}
.logout_wrap a.logout {
    background-color: #1c1c1c;
}
/*.profile-image-show img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    object-fit: cover;
}*/

.logout_wrap a:first-child {
    width: 130px;
    text-align: center;
}
.form-group.school.password svg {
    width: 20px;
    height: 20px;
}
.profile-image-show .upload_image {
    position: absolute;
    border: 0;
    width: 40px;
    text-align: center;
    bottom: 0;
    padding: 5px 0px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: #1c1c1c;
    color: #ffffff;
    right: 0px;
}
.profile-image-show .upload_image input {
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
}
input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}
#cropper-modal .modal-dialog .modal-content .btn-group a, 
#cropper-modal .modal-dialog .modal-content .btn-group button, 
div#cropper-modal-jobs .btn-group button, 
div#cropper-modal-jobs .btn-group a {
    width: 33.333%;
    margin: 13px 2px 0px;
    border-radius: 5px;
    padding: 5px 5px;
    color: #212529;
    background-color: #f6f7fb;
    border: 1px solid #212529;
}
#cropper-modal .modal-dialog .modal-content .btn-group, 
div#cropper-modal-jobs .btn-group {
    width: 100%;
}
button#crop {
    border-radius: 8px;
}
div#cropper-modal .modal-header h5 {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
div#cropper-modal .modal-header h5 img {
    width: 50px;
    height: 50px;
}
div#cropper-modal button.close {
    background-color: transparent;
    border: none;
    padding: 0;
}

/*Added 03-Nov-2021*/

.cards-form_wrap .card button.btn.btn-primary {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    color: #1c1c1c;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}
.cards-form_wrap .card .card.card-body {
    border-radius: 0;
    border: transparent;
    padding: 30px 30px 0;
    margin-bottom: 0;
}
.notification-service button:active {
    background-color: #37007b;
}
.cards-form_wrap .card button.btn.btn-primary:focus {
    box-shadow: none;
}
.cards-form_wrap .card .cards_info {
    background-color: #d1ecf1;
    border: 1px solid #d1ecf1;
    border-radius: 0;
    padding: 25px 20px;
}
.cards-form_wrap .card {
    margin-bottom: 10px;
}
.cards-form_wrap .card .card.card-body .custom-check label.error {
    width: 300px;
    margin-top: 25px;
    font-size: 12px;
    color: #c71515;
}
.qrcode-service img {
    width: 20%;
}
.qrcode-service .notification-service img {
    width: auto;
}
.cards_info.active {
    padding: 5px 20px;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.cards_info {
    padding: 5px 20px;
    background-color: #f7f7f7;
}
.cards_info button.accordion-button {
    box-shadow: none;
    color: #979797;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
    color: #000000;
}
.cards_info button.accordion-button.collapsed {
    background-color: transparent;
}
.accordion-item .accordion-body {
    padding: 30px 30px 20px;
}
.accordion .accordion-item {
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.choose_payment_method h2:before, .choose_payment_method h2:after {
    display: none;
}
.right-section .button-wrap button {
    width: 150px;
}
#about-section .content_list h2,
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list h2{
    font-size: 24px;
    font-weight: 600;
    position: relative;
    padding: 0 0 14px;
}
#about-section .content_list p, #about-section .content_list ul.subscribed-content li  {
    font-size: 18px;
}
.custom-check label.error {
    width: 300px;
    margin-top: 20px;
    color: #c71515;
    font-size: 12px;
    top: 0;
}

/*Added 08-Nov-2021*/

.nav-pills .nav-link.active {
    background-color: transparent !important;
}
/*#about-section .content_list h2:before,*/
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 65px;
    height: 4px;
    background-color: #5fcc40;
    border-radius: 100px;
}
/*#about-section .content_list h2:after,*/
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list h2:after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 7px;
    background-color: #ffffff;
    left: 40px;
    border-radius: 1px;
}
#about-section .content_list ul,
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list ul {
    padding: 20px 20px 0;
}
#about-section .content_list ul li,
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list ul li {
    margin-bottom: 15px;
}
#about-section .content_list ul.subscribed-content li span,
 section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list ul.subscribed-content li span{
    color: #1551ff;
}
#about-section .content_list ul li p span.privacy,
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list ul li p span.privacy {
    font-weight: 600;
}

/*date-picker*/

.accordion-item .accordion-body .form-group input[type="date"] {
    position: relative;
}
.accordion-item .accordion-body .form-group input[type="date"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f073";
    color: #555;
    padding: 0 5px;
}
.accordion-item .accordion-body .form-group input[type="date"]:hover:after {
    color: #bf1400;
}
.accordion-item .accordion-body .form-group input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
.accordion-item .accordion-body .form-group input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}
.accordion-item .accordion-body .form-group input[type="date"]::-webkit-clear-button {
     z-index: 1;
}
.choose_payment_method form#payment-form {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.choose_payment_method ul#pills-tab {
    width: 230px;
    justify-content: center;
    background-color: #f7f7f7;
    padding: 15px 0px;
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 8px;
    background-color: #ffffff;    
}
.choose_payment_method div#pills-tabContent {
    width: calc(100% - 250px);
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 8px;
    background-color: #ffffff;
    padding: 20px 20px;
}
.choose_payment_method button.accordion-button[aria-expanded="false"]:after {
    background-image: none;
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    transform: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    color: #1C1C1C;
}
.choose_payment_method button.accordion-button[aria-expanded="true"]:after {
    background-image: none;
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
    transform: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    color: #1C1C1C;    
}
.choose_payment_method {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cards_info button.accordion-button {
    font-weight: 500;
    justify-content: space-between;
}
.cards_info.active button.accordion-button {
    color: #1c1c1c;
}
section#form_wrapper.signup_wrapper {
    background-size: cover;
    height: 100vh;
    flex-wrap: wrap;
}
section#form_wrapper.signup_wrapper .form_wrapper {
    max-width: 450px;
}
input#credit-card-number {
    border: 1px solid #000000;
    background-color: #ff0000;
}
i.fa.fa-credit-card-alt {
    margin: 0 5px 0 0;
    font-size: 19px;
}
section#form_wrapper.signup_wrapper .subscribe_wrapper .content_list {
    background-color: #ffffff;
    padding: 30px 30px 30px;
    outline: 20px solid rgba(255,255,255,0.6);
    max-width: 850px;
    margin:40px 40px 0 0;
}
.subscribe_wrapper {
    width: 100%;
    display: flex;
    justify-content: end;
    margin: 20px 0 40px;
}
.subscribe_wrapper p,
.subscribe_wrapper ul li {
    font-size: 14px;
}
.subscribe_wrapper ul li span a{
    color: #1551ff;
}
body .sweet-alert .sa-icon.sa-warning {
    border-color: transparent;
    animation: none;
    margin-bottom: 9px;
    background-image: url("../images/bin.png");
    background-size: 70px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center;
    height: 110px;
    width: 110px;
}
body .sweet-alert .sa-icon.sa-warning .sa-body,
body .sweet-alert .sa-icon.sa-warning .sa-dot{
    background-color: transparent;
    animation: none;
}
body .sweet-alert h2 {
    margin: 0;
    color: #1c1c1c;
    font-size: 20px;
    line-height: 24px;
    padding: 0 30px;
    font-weight: 700;
}
body .sweet-alert p {
    color: #a5a5a5;
}
body .sweet-alert .sa-button-container button {
    padding: 6px 15px;
    margin: 20px 3px 15px;
    background-color: #5fcc40 !important;
    font-size: 15px;
}
body .sweet-alert .sa-button-container  button.cancel {
    background-color: #1c1c1c !important;
}
body .sweet-overlay {
    background-color: rgb(65 45 118 / 80%);
}
body .sweet-alert.showSweetAlert {
    border-radius: 0;
    outline: 15px solid rgba(255,255,255,0.7);
}
.remove_card {
    height: 25px;
    width: 25px;
    background-color: #d73038;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.remove_card i.fa.fa-trash.delete-card {
    color: #ffffff;
    font-size: 13px;
}
.payment_transaction_wrapper{
    -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    border-radius: 8px;
    background-color: #ffffff;
    padding: 20px;
}
section#dashboard-content ul.pagination {
    margin: 25px auto 0;
    display: flex;
    justify-content: center;
    background-color: transparent;
    box-shadow: none;
}
section#dashboard-content ul.pagination li.page-item a {
    height: 100%;
    display: flex;
    align-items: center;
    color: #1c1c1c;
}
section#dashboard-content ul.pagination li.page-item.active span,
section#dashboard-content ul.pagination li.page-item.active a{
    background-color: #5fcc40;
    border-color: #5fcc40;
    font-size: 14px;
}
section#dashboard-content ul.pagination li.page-item span {
    height: 100%;
    display: flex;
    align-items: center;
}
.payment_transaction_wrapper table th {
    padding: 20px 10px;
}
.payment_transaction_wrapper table th, 
.payment_transaction_wrapper table td {
    font-size: 14px;
    text-align: center;
}
.payment_transaction_wrapper table th {
    padding: 20px 10px;
}
section#dashboard-content ul.pagination li.page-item.disabled {
    cursor: no-drop;
}
.payment_transaction_wrapper table td .badge.bg-success {
    font-weight: 500;
    text-transform: capitalize;
    background-color: #5fcc40 !important;
}
.payment_button_wrapper a {
    background-color: #37007b;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 5px;
}
.message_wrapper {
    background-color: #edda29;
    padding: 15px 15px;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 500;
}
.message_wrapper label,
.payment_transaction_wrapper .alert.alert-danger label {
    margin: 0 10px 0 0;
}
.payment_transaction_wrapper .alert.alert-danger {
    font-weight: 500;
    font-size: 15px;
    padding: 15px 15px;
}
.payment_transaction_wrapper .alert.alert-danger a {
    text-transform: capitalize;
    text-decoration: underline;
    font-weight: 500;
    color: #1c1c1c;
}
.qrcode-service {
    padding: 5% 0 0;
}
.qrcode-service .left {
    width: 50%;
}
.qrcode-service .right {
    width: 50%;
}
.qrcode-service .left .content_inner svg {
    height: 200px;
    width: 200px;
    margin: 20px 0 0;
}
.qrcode-service .left .content_inner h2 {
    font-size: 38px;
}
.make_payment_wrapper h2 {
    font-size: 22px;
    padding: 30px 50px;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
}
.make_payment_wrapper .animation_wrapper img {
    width: 300px;
    height: auto;
}
.make_payment_wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 0 10px;
}
.make_payment_wrapper h2 a {
    font-weight: 600;
    color: #1c1c1c;
    font-size: 26px;
    text-decoration: underline;
    line-height: normal;
}
/*.make_payment_wrapper img {
    width: 220px;
}*/
.profile-detail-wrapper .form-group label.error:empty {
    display: none;
}
.profile-detail-wrapper form button#addSchool[disabled="disabled"] {
    background-color: #e0e0e0;
    border-color: #d4d4d4;
    pointer-events: all;
    cursor: no-drop;
}
.profile-detail-wrapper form div#schoolList ul {
    background-color: #ffffff;
    border: 1px solid #F0EFEF;
    border-radius: 14px;
    box-shadow: none;
    outline-style: none;
    padding: 10px 15px 10px 20px;
    font-size: 14px;
    line-height: normal;
}
.profile-detail-wrapper form div#schoolList ul li a {
    color: #212529;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px;
}
.profile-detail-wrapper form div#schoolList ul li {
    border-bottom: 1px solid #e4e4e4;
    padding: 0;
}
.profile-detail-wrapper form div#schoolList ul li:last-child {
    border: none;
}
img.first_cover {
    height: 385px;
}
img.cover_image {
    height: 340px;
}
.profile-image-show {
   position: relative;
}
.file_upload {
   opacity: 0.0;
   position: absolute;
   width: 100%;
   height:100%;
   cursor: pointer;
}
.profile-image-show img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    object-fit: cover;
}
#top_profile_img img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    object-fit: cover;
}
.add_campus_wrapper {
    background-color: #ffffff;
    border: 1px solid #F0EFEF;
    border-radius: 15px;
    padding: 20px;
}
.add_campus_wrapper h4 {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 600;
}
.add_campus_wrapper  button.btn.add-more {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.add_campus_wrapper .form-group {
    width: 100%;
}
.add_campus_wrapper .form-group input.form-control.campuses {
    padding-right: 55px;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul {
    list-style: none;
    padding: 18px 20px 15px 20px;
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #F0EFEF;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul li.custom-badge {
    display: flex;
    align-items: center;
    font-size: 13px;
    background-color: #1c1c1c;
    padding: 3px 7px 3px 10px;
    border-radius: 5px;
    color: #ffffff;
    margin: 0 3px 3px 0px;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul li.custom-badge .close {
    margin: 0 0 0 5px;
    border-left: 1px solid #969696;
    padding: 0 0 0 5px;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul li.custom-badge {
    display: flex;
    align-items: center;
    font-size: 13px;
    background-color: #1c1c1c;
    padding: 3px 7px 3px 10px;
    border-radius: 5px;
    color: #ffffff;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul li.custom-badge .close i.fa.fa-times {
    cursor: pointer;
}
.profile-detail-wrapper form .form-group.school span.select2-selection {
    border: 1px solid #F0EFEF;
    padding: 17px 15px 17px 42px;
    border-radius: 15px;
}
.profile-detail-wrapper form .form-group.school span.select2-selection ul#select2-school_name-container {
    box-shadow: none;
}
.profile-detail-wrapper form .form-group.school span.select2-selection ul#select2-school_name-container li.select2-selection__choice {
    background-color: #1c1c1c;
    color: #ffffff;
    font-size: 13px;
    border: none;
    padding: 3px 20px 3px 5px;
    border-radius: 5px;
}
.profile-detail-wrapper form .form-group.school span.select2-selection ul#select2-school_name-container li.select2-selection__choice button.select2-selection__choice__remove {
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    right: 0;
    left: inherit;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #aaa;
    border-radius: 0;
    border-right: none;
    background-color: #1c1c1c;
}
.profile-detail-wrapper form .form-group.school span.select2-selection textarea {
    margin-top: 0;
    position: relative;
    top: -3px;
    font-size: 15px;
}
.profile-detail-wrapper form .form-group.school span.select2-selection.select2-selection--multiple button.select2-selection__clear {
    margin-right: 15px;
    display: none;
}
.profile-detail-wrapper .form-group.school label {
    top: 17px;
    left: 17px;
    /* transform: translateY(-50%); */
}
.profile-detail-wrapper .form-group.school label#school-error {
    top: inherit;
    left: 0;
    transform: initial;
}
.table_wrapper_inner {
    background-color: #ffffff;
}
.table_wrapper {
    padding: 20px;
}
.table_wrapper_inner table.table {
    margin: 0;
}
.table_wrapper_inner table.table tr th, 
.table_wrapper_inner table.table tr td {
    padding: 15px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}
.table_wrapper_inner table.table tr th {
    background-color: #edda29;
    border-color: #1c1c1c;
    border-top: 1px solid #1c1c1c;
    border-bottom: 1px solid #1c1c1c;
}
.table_wrapper_inner table.table tr th:first-child {
    width: 80px;
}
i.fa.fa-qrcode{
    font-size: 20px;
    position: relative;
    top: 3px;
}
i.fa.fa-university {
    font-size: 18px;
}
.table_wrapper_inner table.table tr td:first-child {
    font-weight: 600;
}
.table_wrapper_inner table.table tr td {
    text-transform: capitalize;
}
.profile-detail-wrapper form .form-group.school span.select2-selection span#select2-school_name-container {
    line-height: normal;
    height: auto;
    font-size: 14px;
    margin: 0px 0 0 8px;
    color: #1c1c1c;
    padding: 0;
}
.profile-detail-wrapper form .form-group.school span.select2-selection span.select2-selection__arrow {
    display: none;
}
.profile-detail-wrapper form .form-group.school span.select2-selection button.select2-selection__clear {
    margin-right: 0;
}
.select2-container .select2-selection--single {
    height: auto !important;
}
li.select2-results__option.select2-results__message {
    font-size: 14px;
    color: #d73038;
}
.table_wrapper_inner table.table tr td svg {
    background-color: #1c1c1c;
    padding: 7px;
    border-radius: 7px;
    width: 120px;
    height: 120px;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container {
    width: 100% !important;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled ul#select2-school_name-container {
    background-color: transparent;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled ul#select2-school_name-container li.select2-selection__choice {
    background-color: transparent;
    padding-left: 0;
    color: #1c1c1c;
    font-size: 14px;
    padding-right: 0px;
    padding-bottom: 0;
    margin-top: 0;
    border-radius: 0;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled ul#select2-school_name-container li.select2-selection__choice span {
    padding-right: 0;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled button.select2-selection__clear {
    display: none;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled span.select2-selection {
    background-color: #e8ecea;
    border: 1px solid #d0d0d0;
}
ul#campus_tags:empty,
.no_tags:empty{
    display: none;
}
.campuses_list.campuses_field .no_tags {
    padding: 15px 20px 15px 20px;
    border: 1px solid #F0EFEF;
    border-radius: 15px;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 1rem;
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field.disabled ul {
    background-color: #e8ecea;
    border: 1px solid #d0d0d0;
}
.profile-detail-wrapper .form-group.has-value label {
    top: 50%;
    transform: translateY(-50%);
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container--disabled textarea.select2-search__field {
    top: -4px;
}
.countdown {
    color: #da1e10;
    font-weight: 600;
    padding: 0 0 0 3px;
    width: 35px;
}
a.resend-otp.disabled-link,
.footer_links .upper_links .resend-otp.disabled-link{
    opacity: 0.5;
    cursor: no-drop;
    text-decoration: none;
    pointer-events: auto !important;
}
.profile-detail-wrapper form .form-group.school span.select2.select2-container.select2-container--default.select2-container--disabled ul#select2-school_name-container li.select2-selection__choice span {
    padding: 0px 10px;
    border: 1px solid #1c1c1c;
    display: block;
}
.content_list h2+h3 {
    margin-top: 20px;
    margin-bottom: 0;
}
.table_wrapper_inner table.table tr td a {
    background-color: #5fcc40;
    color: #ffffff;
    padding: 2px 8px;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    margin: 3px 0 0;
}
.table_wrapper_inner table.table tr td a i.fa.fa-download {
    margin: 0 3px 0 0;
}
.profile-image-show img#profileImage.defalut-image {
    width: auto;
    height: auto;
    border-radius: 0;
}
div#top_profile_img img#profileImage.defalut-image {
    border: 3px solid #dcf7d5;
    padding: 6px;
}
div#top_profile_img img#profileImage {
    border: 3px solid #dcf7d5;
}
.navbar-brand svg,
.footer_logo a svg  {
    width: 250px;
    height: 100px;
    position: relative;
    left: -10px;    
}
.ui-datepicker table tr td a {
    text-align: center;
}
.ui-datepicker table tr td a.ui-state-default.ui-state-highlight {
    background-color: #1c1c1c;
    color: #ffffff;
    border: 1px solid #1c1c1c;
}
div#ui-datepicker-div .ui-datepicker-header a.ui-corner-all {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    border: none;
    background: rgb(52,144,27);
    background: linear-gradient(90deg, rgba(52,144,27,1) 0%, rgba(53,120,35,1) 100%);
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px #357823;
    border-radius: 100px;
    width: 20px;
    height: 20px;    
}
div#ui-datepicker-div .ui-datepicker-header {
    background-color: #efde3f;
}
div#ui-datepicker-div .ui-datepicker-header select {
    font-size: 14px;
    padding: 4px 5px;
    margin: 0 2px 0;
    background: rgb(52,144,27);
    background: linear-gradient(90deg, rgba(52,144,27,1) 0%, rgba(53,120,35,1) 100%);
    border: none;
    color: #ffffff;
    border-radius: 6px;
    width: 65px;
    cursor: pointer;
    font-weight: 600;
    text-shadow: 0px 1px #4c4c4c;
}
div#ui-datepicker-div {
    background-color: #ff4e35;
}
div#ui-datepicker-div table.ui-datepicker-calendar {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(67,67,67,1) 100%);
    color: #ffffff;
}
div#ui-datepicker-div table.ui-datepicker-calendar thead tr th {
    padding: 5px 0;
    box-shadow: inset 0 0 1px;
}
div#ui-datepicker-div .ui-datepicker-header {
    background-color: transparent;
    border: none;
}
div#ui-datepicker-div table.ui-datepicker-calendar tbody td a.ui-state-default {
    background: rgb(35,37,38);
    background: linear-gradient(90deg, rgba(35,37,38,1) 0%, rgba(65,67,69,1) 100%);
    color: #ffffff;
    border: none;
}
div#ui-datepicker-div {
    background: rgb(82,194,52);
    background: linear-gradient(90deg, rgba(82,194,52,1) 0%, rgba(45,136,21,1) 100%);
    border-radius: 10px;
    padding: 3px 7px 2px;
    border: 1px solid #2d8815;
}
div#ui-datepicker-div .ui-datepicker-header select option {
    background-color: #1c1c1c;
}
/* width */
div#ui-datepicker-div .ui-datepicker-header select::-webkit-scrollbar {
  width: 3px;
}

/* Track */
div#ui-datepicker-div .ui-datepicker-header select::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
div#ui-datepicker-div .ui-datepicker-header select::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
div#ui-datepicker-div .ui-datepicker-header select::-webkit-scrollbar-thumb:hover {
  background: #555;
}
div#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span {
    background-image: url("../images/arrow-left.png");
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
}
div#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span {
    background-image: url("../images/arrow-right.png");
    background-size: 5px;
    background-repeat: no-repeat;
    background-position: 7px 4px;
}
div#ui-datepicker-div table.ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
    background: rgb(5,117,230);
    background: linear-gradient(90deg, rgba(5,117,230,1) 0%, rgba(2,27,121,1) 100%);
}
body span.select2-dropdown.select2-dropdown--above {
    border-color: transparent;
}
body .sweet-alert .sa-icon.sa-error {
    border-color: transparent;
    animation: none;
    margin-bottom: 9px;
    background-image: url("../images/error-alert.png");
    background-size: 90px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    width: 140px;
}

.toolbar {
    display: none !important;
}
lottie-player {
    position: absolute;
    top: 73px;
    right: 50px;
}
.animation_wrapper {
    position: relative;
}
body .sweet-alert .sa-icon.sa-error span.sa-x-mark.animateXMark span.sa-line.sa-left,
.banner_image_mobile_view,
body .sweet-alert .sa-icon.sa-error span.sa-x-mark.animateXMark  span.sa-line.sa-right,
.small_screen_view {
    display: none;
}
.button-wrap button:first-child{
    color: #1C1C1C;
}
.upper_links {
    flex-wrap: wrap;
}
.count_wrapper {
    display: flex;
    align-items: center;
}
.five_step img,
.transparent_pricing img{
    width: 100%;
}
#about-section .content_list p img {
    width: 100%;
    margin: 20px 0 0;
}
section#form_wrap_main {
    overflow: hidden;
    position: relative;
}
.five_step {
    padding: 0 15px 0 0;
}
.transparent_pricing {
    padding: 0 0 0 15px;
}
.content_wrapper.how_to_subscribe {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.content_wrapper.how_to_subscribe .content_list {
    padding: 20px;
    background-color: #ffffff;
}
.qr_code_wrapper img {
    height: 160px;
    width: 160px;
}
.app_screens .mobile {
    display: none;
}
section#app_promotion_wrapper {
/*    background-image: url("../images/promotion-vector.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;*/
    padding: 180px 20px;
    margin: 50px 0 0;
    position: relative;
}
.app_image_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 900px;
}
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 65px;
    font-weight: 700;
}
section#app_promotion_wrapper .content_inner_wrapper h2 span {
    display: block;
    color: #5fcc40;
    margin: 0 0 30px;
}
section#app_promotion_wrapper .playstore_button_wrapper img {
    width: 55%;
}
section#app_promotion_wrapper .playstore_button_wrapper a~a {
    margin: 10px 0 0;
    display: block;
}
section#news_wrapper {
    background-color: #fbfbfb;
}
section#app_promotion_wrapper .right_logo {
    position: absolute;
    top: 47.5%;
    left: -20px;
    transform: translateY(-50%);
}
section#app_promotion_wrapper .right_logo img {
    width: 90%;
}
body.home-page section#app_download {
    display: none;
}  
div#school-list input#show {
    background-color: #37007b;
    color: #ffffff;
    border-color: #37007b;
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 8px;
    margin: 30px auto 0;
    display: block;
} 
div#school-list .content_list {
    background-color: #ffffff;
    padding: 20px;
}
div#school-list .iti.iti--allow-dropdown {
    position: relative;
    justify-content: flex-start;
}

div#school-list .iti.iti--allow-dropdown .iti__flag-container {
    top: 0;
    position: relative;
    left: inherit;
    right: inherit;
}

div#school-list .iti.iti--allow-dropdown input#telephone {
    display: none;
}
.aplly_filter_wrapper {
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
}
.aplly_filter_wrapper h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px 0 0;
}
header .right-section .button-wrap {
    display: none;
}
body.unauthenticated-header header .right-section .button-wrap {
    display: block;
}
section#app_promotion_wrapper .app_image {
    display: none;
}
.qrcode-service .right img {
    height: 100%;
    position: relative;
    right: -3px;
    border-radius: 10px;
}
.qrcode-service {
    overflow: hidden;
}
span.qr-not-available img {
    width: auto;
    height: auto;
}
/*.sustainability-leaders p {
    margin: 0 0 10px;
}*/
ul.transparency li {
    padding: 0 0 10px;
    font-size: 20px;
    line-height: 35px;
}
ul.transparency li:last-child {
    padding: 0px;
}
.logos_wrapper ul li img {
    width: 55% !important;
}
div#school-list,
div#school-list .content_list{
    padding: 0;
}
/*#about-section .about-us p {
    margin: 0 0 10px;
}*/
#about-section .about-us ul {
    padding: 0 0 0 30px;
}
#about-section .about-us ul li {
    font-size: 14px;
}
.alert_message p#success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert_message p#success a {
    border: 1px solid #405c24;
    padding: 1px 8px;
    border-radius: 4px;
    text-transform: capitalize;
    color: #405c24;
    font-size: 13px;
    margin: 0 0 0 3px;
}
.logos_wrapper {
    padding: 40px 0;
}
.childrens_images_frames img {
    width: 100%;
    height: 230px;
}
.childrens_images_frames {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.childrens_images_frames .image_one, 
.childrens_images_frames .image_two, 
.childrens_images_frames .images_three {
    width: 33.333%;
    padding: 0 5px;
}
.childrens_images_frames .image_one .jumbotron {
    background-position-x: right !important;
}
.about-us big, .about-us p,
.sustainability-leaders p {
    line-height: 35px;
    display: inline-block;
}
.about-us p,
.sustainability-leaders p {
    margin: 0px 0 50px;
}
.sustainability-leaders p{
	font-size: 20px;
}
section#banner.sustainability-leaders,
section#banner.about_us_page {
    background-image: none;
    overflow: hidden;
}
div#about-section .about-us #goals .jumbotron {
    height: auto !important;
    background-size: contain !important;
    padding: 200px;
    background-position: center center !important;
}

/*Added 28-03-2022*/

.custom_container {
    padding: 0 3%;
}
big {
    text-align: center;
    display: inline-block;
    line-height: 35px;
    color: #0b973e;
    font-style: italic;
}
div#whistle-blowing p,
div#whistle-blowing p a{
    font-size: 18px;
}

#about-section .content_list .hover_wrapper img {
    display: none;
}
#about-section .content_list .hover_wrapper .corporate_donors:hover img {
    display: block;
    width: 780px;
    position: absolute;
    top: -450px;
    left: 20%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 10px;
}
#about-section .content_list .hover_wrapper {
    position: relative;
}
#about-section .content_list .hover_wrapper .corporate_donors {
    cursor: pointer;
    padding: 20px 0 0 0;
}
#whistle-blowing h3 {
    margin: 0;
    font-size: 28px;
}
#whistle-blowing h1 strong {
    text-transform: uppercase;
    font-size: 38px;
}
#whistle-blowing p a {
    color: #1c1c1c;
    font-weight: 600;
}
.terms-Conditions p a {
    color: #1c1c1c;
    font-size: 18px;
    font-weight: 600;
}
.address a {
    color: #1c1c1c;
    font-weight: 600;
}
.address strong.address_title {
    font-size: 17px;
    display: inline-block;
    margin: 0 0 10px;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 5px;
}
.address p {
    font-size: 14px;
}

.news_hyperlink a {
    margin: 0px 0px 0px 8px;
}


/*--Responsive Style--*/

@media only screen and (max-width: 1850px){ 
section#form_wrapper.signup_wrapper {
    height: 100%;
    padding: 0px 0 40px;
}
}

@media only screen and (max-width: 1700px) {
section#banner-wrapper:after {
    width: 610px;
    background-position: center left;
}
#news_wrapper h2 {
    font-size: 40px;
}
.news_hyperlink a {
    font-size: 18px;
}
.time label {
    font-size: 14px;
}
.solid-shape-image {
    left: -100px;
}
ul.navbar-nav li.nav-item a {
    font-size: 14px;
}
.button-wrap button:first-child,
.button-wrap button~button {
    width: 114px;
    font-size: 14px;
}
.diamond-square-shape {
    left: -140px;
}
.banner-content-wrapper h1 {
    font-size: 51px;
    padding: 0 90px 0 0;
}
section#app_promotion_wrapper {
    padding: 140px;
}
}

@media only screen and (max-width: 1550px){ 
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 50px;
    font-weight: 700;
}
section#app_promotion_wrapper .right_logo img {
    width: 75%;
}
.navbar-brand svg, .footer_logo a svg {
    width: 220px;
}
.button-wrap button:first-child,
.button-wrap button~button {
    width: 100px;
    font-size: 14px;
}
}

@media only screen and (max-width: 1399px) {
.banner-content-wrapper h1 {
    font-size: 45px;
    padding: 0 40px 0 0;
}
.banner-content-wrapper h1 br {
    display: none;
}
section#banner-wrapper:after {
    width: 445px;
    height: 405px;
}
section#banner-wrapper {
    height: 465px;
}
.diamond-square-shape:before {
    bottom: -125px;
    border: 55px solid transparent;
    border-top-color: #5fcc40;
}
.diamond-square-shape:after {
    border: 55px solid transparent;
    top: -95px;
    border-bottom-color: #5fcc40;
}
.diamond-square-shape span:before {
    bottom: -111px;
    border: 48px solid transparent;
    border-top-color: #fdfdfd;
}
.diamond-square-shape span:after {
    border: 48px solid transparent;
    top: -81px;
    border-bottom-color: #fdfdfd;
}
.banner-content-wrapper p {
    padding: 0 40px 0 0;
}
button.form-button, button.form-button:hover, 
button.form-button:active, 
button.form-button:focus {
    width: 150px;
    height: 55px;
}
section#form_wrap_main.about_banner .left-shape:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -179px;
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-top-color: #5fcc40;
}
section#form_wrap_main.about_banner .right-shape span:after {
    top: -293px;
}
#inner-page-banner {
    height: 250px;
}
.qrcode-service .left .content_inner svg {
    height: 150px;
    width: 150px;
    margin: 20px 0 0;
}
.qrcode-service .left .content_inner h2 {
    font-size: 30px;
}
.make_payment_wrapper h2 {
    font-size: 23px;
}
.make_payment_wrapper h2 a {
    font-size: 22px;
}
.qr_code_wrapper img {
    height: 160px;
    width: 160px;
}
section#app_promotion_wrapper {
    padding: 120px;
}
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 45px;
}
section#app_promotion_wrapper .right_logo img {
    width: 65%;
}
#circular-approach .jumbotron,
#CSR-programmes .jumbotron {
    padding: 250px;
    height:  auto !important;
}
#amount .jumbotron{
    height: 500px !important;
}
#lifting-others-up .jumbotron {
    height: 840px !important;
}
#about-section #about-dashboard .jumbotron {
    height: 450px !important;
}
#about-section #about-what-they-say .jumbotron {
    height: 800px !important;
}
.app_image_wrapper {
    width: 650px;
} 
#promotion-vector .jumbotron {
    height: 540px !important;
} 
}

@media only screen and (max-width: 1250px) {

div#about-section .jumbotron {
    height: 710px !important;
}
div#about-section #goals .jumbotron {
    height: 510px !important;
}
}


@media only screen and (max-width: 1199px) {

.banner-content-wrapper h1 {
    font-size: 38px;
    padding: 0 50px 0 0;
}
section#banner-wrapper:after {
    width: 400px;
}
#news_wrapper h2 {
    font-size: 32px;
}
#news_wrapper h4 {
    font-size: 20px;
}
#news_wrapper h4 img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.news_hyperlink a {
    font-size: 15px;
    line-height: normal;
}
.list_box_wrapper .list_box a {
    font-size: 15px;
}
.load_more_button button {
    font-size: 14px;
}
.content_inner h2 {
    font-size: 22px;
}
.navbar-brand img {
    width: 150px;
}
ul.navbar-nav li.nav-item a {
    font-size: 12px;
}
.button-wrap button:first-child, 
.button-wrap button~button {
    width: 90px;
    font-size: 12px;
}
body {
    padding-top: 86px;
}
section#banner.about_banner {
    background-size: cover;
    height: 250px;
}
section#form_wrap_main {
    overflow: hidden;
    position: relative;
}
.footer_logo img {
    width: 150px;
    margin: 15px 0 0;
}
footer .links h3, 
.social-links-wrapper h3 {
    font-size: 16px;
}
.navbar-brand svg, 
.footer_logo a svg {
    width: 170px;
}
.navbar-brand svg{
    height: 60px;
}
.logout_wrap a {
    font-size: 12px;
}
section#form_wrapper {
    background-size: cover;
}
.qr_code_wrapper img {
    height: 110px;
    width: 110px;
}
header nav.navbar a.navbar-brand {
    margin-right: 0;
}
header nav.navbar ul.navbar-nav li.nav-item a.nav-link {
    padding-right: 0;
}
header nav.navbar ul.navbar-nav {
    margin-left: 0 !important;
}
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 40px;
}
section#app_promotion_wrapper {
    padding: 90px 90px;
}
section#app_promotion_wrapper .right_logo img {
    width: 55%;
}
div#about-section div#overview_image {
    padding-bottom: 20px !important;
}
div#about-section .jumbotron {
    height: 600px !important;
}
div#about-section h2,
.sustainability-leaders h3 {
    font-size: 28px !important;
}
#circular-approach .jumbotron,
#CSR-programmes .jumbotron {
    padding: 210px;
    height:  auto !important;
}
#amount .jumbotron{
    height: 380px !important;
}
#lifting-others-up .jumbotron {
    height: 750px !important;
}
#about-section #about-dashboard .jumbotron {
    height: 450px !important;
    background-size: 100% !important;
}
#about-section #about-what-they-say .jumbotron {
    height: 670px !important;
    background-size: 55% !important;
}
#about-section .about-us h3 {
    font-size: 28px !important;
}
div#about-section #goals .jumbotron {
    height: 435px !important;
}
div#about-section .childrens_images_frames .jumbotron {
    height: 350px !important;
}
.app_image_wrapper {
    width: 600px;
}
#promotion-vector .jumbotron {
    height: 450px !important;
}
.bios_wrapper .wrapper {
    flex-wrap: wrap;
}
.bios_wrapper .wrapper .left {
    width: 100%;
    text-align: center;
}
.bios_wrapper~.bios_wrapper .wrapper {
    flex-direction: column-reverse;
}
.client_image img {
    margin: 0 0 15px !important;
}
.address a,
.address p{
    font-size: 13px;
}
.address strong.address_title {
    font-size: 16px;
}
}

@media only screen and (max-width: 1024px) {

.form-group.otp input {
    width: 70px;
}
.upper_links .count_wrapper {
    width: 100%;
}
.upper_links .count_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}
}    

@media only screen and (max-width: 1024px) and (orientation: landscape) {
.form_wrapper {
    background-color: #ffffff;
    padding: 30px 30px 30px;
    width: 100%;
    max-width: 400px;
    outline: 20px solid rgba(255,255,255,0.6);
    margin: 40px 40px 40px 0px;
}
section#form_wrapper {
    height: 100%;
}
}

@media only screen and (max-width: 991px) {

.right-section {
    display: flex;
    align-items: center;
}
/*.news_website_logo {
    height: 70px;
    width: 70px;
}*/
.navbar-collapse {
    order: 4;
}
.right-section button.navbar-toggler {
    order: 3;
    margin: 0 0 0 10px;
    border: 2px solid #1c1c1c;
    border-radius: 9px;
    height: 38px;
    padding: 0 5px;
}
.news_box_wrapper .box:after {
    height: 180px;
}
/*.news_website_logo {
    height: 70px;
    width: 50px;
}*/
.news_hyperlink a {
    font-size: 14px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_hyperlink {
    width: calc(100% - 66px);
}
.news_box_wrapper .content {
    padding: 20px 10px 20px 10px;
    flex-wrap: inherit !important;
}
.banner-content-wrapper p {
    padding: 0 0px 0 0;
    font-size: 15px;
}
.navbar-brand img {
    width: 140px;
}
.button-wrap button:first-child, 
.button-wrap button~button {
    width: 100px;
    font-size: 12px;
    height: 40px;
}
.right-section button.navbar-toggler {
    order: 3;
    margin: 0 0 0 13px;
    border: 2px solid #1c1c1c;
    border-radius: 10px;
    height: 40px;
    outline-style: none;
    box-shadow: none;
}
span.navbar-toggler-icon {
    background-image: url("../images/menu.png");
    background-size: 20px;
}
body {
    padding-top: 82px;
}
section#banner.about_banner {
    height: 200px;
}
ul.navbar-nav li.nav-item {
    text-align: left;
    width: 100%;
    margin-right: 0 !important;
}
footer {
    background-color: #1c1c1c;
    padding: 40px 0 0;
}
.banner_content_inner h2 {
    font-size: 22px;
}
.breadcrumbs a, 
.breadcrumbs label {
    font-size: 14px;
}
.small_screen_view,
.small_screen_view .profile_dropdown_inner_wrap{
    display: block;
}
.profile_dropdown_inner_wrap {
    display: none;
}
div#navbarSupportedContent ul.navbar-nav li.nav-item a.nav-link {
    padding: 20px 0 0px;
}
div#navbarSupportedContent ul.navbar-nav li.nav-item:first-child {
    margin: 10px 0 0;
    border-top: 1px solid #e6e0e0;
}
div#navbarSupportedContent ul.navbar-nav li.nav-item a.nav-link {
    padding: 10px 0 10px;
}
div#navbarSupportedContent ul.navbar-nav li.nav-item:first-child a.nav-link {
    padding: 20px 0 10px;
}
.banner-content-wrapper p br {
    display: none;
}
.banner-content-wrapper p {
    padding: 0 110px 0 0;
    font-size: 14px;
}
.banner-content-wrapper h1 {
    font-size: 30px;
    padding: 0 90px 0 0;
}
section#banner-wrapper {
    height: 430px;
}
.app_download_content h2 br {
    display: none;
}
.app_download_content h2 {
    margin-bottom: 0px !important;
}
.app_download_content .content_inner {
    padding: 40px 0px 40px 40px;
}
.app_download_content .content_inner h2 {
    font-size: 22px;
}
.logout_wrap a:first-child {
    width: 100px;
    text-align: center;
    padding: 8px 0px;
}
.load_more_button button {
    font-size: 13px;
}
.single_detail_wrapper .title_wrapper h3 a {
    font-size: 20px;
}
.single_detail_wrapper .title_wrapper h3 {
    margin: 0 0 0 15px;
}
.single_detail_wrapper p {
    font-size: 15px;
}
.tabs_wrapper ul.nav {
    width: 230px;
}
.tabs_wrapper .tab-content {
    width: calc(100% - 250px);
}
.profile-detail-wrapper .profile-header {
    height: 145px;
    padding: 15px 20px;
}
.profile-image-show {
    height: 110px;
    width: 110px;
    border: 5px solid #dcf7d5;
}
.profile-image-show .upload_image {
    width: 30px;
    height: 30px;
}
.urer-detail label:first-child {
    font-size: 18px;
    margin: 0 0 0px;
}
.urer-detail label~label {
    color: #9d9d9d;
    font-size: 14px;
}
.urer-detail {
    margin: 13% 0 0 10px !important;
}
.profile-detail-wrapper form {
    padding: 20px 20px 30px;
}
.tabs_wrapper ul#pills-tab li.nav-item button {
    font-size: 12px;
}
.profile-detail-wrapper input.form-control {
    background-color: #ffffff;
    height: 55px;
}
.profile-detail-wrapper input.form-control {
    height: 60px;
    font-size: 12px;
}
body.authenticated-header {
    padding-top: 125px;
}
section#app_promotion_wrapper .right_logo img {
    width: 40%;
}
section#app_promotion_wrapper .right_logo {
    left: -10px;
}
section#app_promotion_wrapper {
    padding: 50px 50px;
}
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 36px;
}
#about-section .about-us h3 {
    font-size: 24px !important;
}
div#about-section .jumbotron {
    height: 480px !important;
}
#circular-approach .jumbotron, 
#CSR-programmes .jumbotron {
    padding: 150px;
}
#lifting-others-up .jumbotron {
    height: 530px !important;
}
#amount .jumbotron {
    height: 310px !important;
    background-position-y: top !important;
}
#about-section #about-dashboard .jumbotron {
    height: 350px !important;
}
#about-section #about-what-they-say .jumbotron {
    height: 620px !important;
    background-size: 70% !important;
}
div#about-section #goals .jumbotron {
    height: 380px !important;
    background-size: 60% !important;
}
#bulb .jumbotron {
    height: 400px !important;
}
.app_image_wrapper {
    width: 440px;
}
#promotion-vector .jumbotron {
    height: 350px !important;
}
.address .row .col-md-4:nth-child(2) {
    margin: 40px 0;
}
}

@media only screen and (max-width: 800px) {

section#banner-wrapper:after {
    width: 375px;
    height: 345px;
}
section#banner-wrapper {
    height: 380px;
}
}

@media only screen and (max-width: 768px) {
section#form_wrapper.signup_wrapper {
    height: 100vh;
    align-items: center;
}
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
section#form_wrapper.signup_wrapper {
    height: 100%; 
    align-items: inherit;
}
}



@media only screen and (max-width: 767px) {
section#form_wrap_main.about_banner .left-shape,
section#form_wrap_main.about_banner .right-shape {
    display: none;
}
.copyright-wrapper {
    padding: 25px 0;
    margin-top: 20px;
}
.app_download_btn a {
    width: 30%;
    margin: 15px 3px 0 !important;
}
.app_download_content .content_inner {
    padding: 30px 15px 30px 15px;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}
.app_download_btn {
    justify-content: center;
}
section#banner-wrapper:after {
    display: none;
}
.banner-content-wrapper h1 {
    font-size: 30px;
    padding: 0;
}
.banner-content-wrapper p {
    padding: 10px 0 0;
    font-size: 14px;
}
section#banner-wrapper {
    height: auto;
    padding: 80px 0 30px;
}
.banner_image_mobile_view{
    display: block;
}
.banner_image_mobile_view img {
    width: 350px;
    margin: 0 auto;
    display: block;
    height: 330px;
}
#news_wrapper h2 {
    font-size: 27px;
}
#news_wrapper h4 {
    font-size: 16px;
}
.single_detail_wrapper .title_wrapper h3 a {
    font-size: 18px;
}
section#banner.about_banner, 
section#banner.subscribe_banner, 
section#banner.our_goal_banner, 
section#banner.privacy_policy, 
section#banner.terms_conditions {
    height: 200px;
}
.address p {
    font-size: 13px;
}
section#banner.contact_banner {
    background-position: center 10px;
    height: 200px;
}
.tabs_wrapper ul.nav {
    width: 100%;
}
.tabs_wrapper .tab-content {
    width: calc(100% - 0px);
}
section#dashboard-content .add_campus_wrapper .campuses_list.campuses_field ul li.custom-badge {
    font-size: 11px;
}
.profile-image-show {
    height: 70px;
    width: 70px;
    border: 3px solid #dcf7d5;
}
.urer-detail label:first-child {
    font-size: 16px;
}
.urer-detail label~label {
    font-size: 12px;
}
.profile-detail-wrapper form {
    padding: 10px 20px 30px;
}
.add_campus_wrapper h4 {
    font-size: 14px;
}
.profile-detail-wrapper form button.form-button {
    font-size: 13px;
}
footer .links ul li a {
    font-size: 12px;
}
.tabs_wrapper {
    margin-top: 20px !important;
}
#inner-page-banner {
    height: 180px;
}
.app_screens img.mobile {
    display: block;
}
.app_screens img{
    display: none;
}
.qr_code_wrapper img {
    height: 140px;
    width: 140px;
}
.qr_button_wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0 0;
}
section#app_promotion_wrapper .app_image {
    display: block;
    margin: 20px 0 0;
}
section#app_promotion_wrapper {
    background-image: none;
    padding: 0px 50px 0;
}
section#app_promotion_wrapper .app_image img {
    width: 100%;
}
section#app_promotion_wrapper .playstore_button_wrapper img {
    width: 100%;
}
section#app_promotion_wrapper .playstore_button_wrapper a~a {
    margin: 0px 0 0 5px;
    display: block;
}
.playstore_button_wrapper {
    display: flex;
    align-items: center;
    width: 80%;
}
section#app_promotion_wrapper .content_inner_wrapper h2 span {
    display: inline-block;
    margin: 0 0 15px;
}
section#app_promotion_wrapper .right_logo img {
    width: 50%;
    display: none;
}
section#app_promotion_wrapper .right_logo {
    left: -20px;
}
.advancing-schools-logo img {
    width: 100%;
}
.sustainability-leaders h3 {
    font-size: 24px !important;
}
.logos_wrapper ul li {
    width: 33.333% !important;
}
.sustainability-leaders .jumbotron {
    background-position: center center !important;
    height: 300px !important;
    background-size: contain !important;
}
.sustainability-leaders p {
    font-size: 14px;
}
#about-section .about-us p {
    font-size: 14px;
}
#about-section .about-us  i {
    font-size: 14px !important;
}
div#about-section .overview_wrapper .jumbotron {
    height: auto!important;
    background-position: center center !important;
    background-size: contain !important;
    padding: 150px;
}
div#about-section div#overview_image {
    padding-bottom: 20px !important;
    padding-top: 35px !important;
}
div#about-section .overview_wrapper h2 {
    font-size: 24px !important;
}
#about-section .overview_wrapper p {
    font-size: 14px;
}
#circular-approach .jumbotron, 
#CSR-programmes .jumbotron {
    padding: 90px;
}
#circular-approach {
    padding: 10px 0 20px !important;
}
div#CSR-programmes {
    padding: 20px 0 20px !important;
}
#lifting-others-up .jumbotron {
    height: auto !important;
    padding: 150px;
}
#lifting-others-up {
    padding-bottom: 0 !important;
}
#amount .jumbotron {
    height: 180px !important;
}
#amount {
    padding: 0 0 20px !important;
}
.advancing-schools-logo {
    padding-top: 0 !important;
}
#about-section #about-dashboard .jumbotron {
    height: auto !important;
    background-size: contain !important;
    background-position: center center !important;
    padding: 90px;
}
div#about-dashboard {
    padding: 0 0 30px !important;
}
#about-section #about-what-they-say .jumbotron {
    height: 500px !important;
    background-size: contain !important;
    background-position: center center !important;
}
div#about-what-they-say {
    padding: 20px 0 0;
}
div#about-section #goals .jumbotron {
    height: auto !important;
    background-size: contain !important;
    padding: 90px;
    background-position: center center !important;
}
#goals {
    padding: 10px 0 20px !important;
}
div#about-section .childrens_images_frames .jumbotron {
    height: 100px !important;
    background-size: contain !important;
    background-position: center center !important;
}
#bulb .jumbotron {
    height: auto !important;
    padding: 95px;
    background-size: contain !important;
    background-position: center center !important;    
}
.app_image_wrapper {
    display: none;
}
.list_box_wrapper .list_box a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {

.form_wrapper {
    background-color: #ffffff;
    padding: 30px 30px 30px;
    width: 100%;
    max-width: 400px;
    outline: 20px solid rgba(255,255,255,0.6);
    margin: 40px 40px 40px 0px;
}
section#form_wrapper {
    height: 100%;
}
section#form_wrapper.signup_wrapper {
    height: 100%; 
}
}


@media only screen and (max-width: 575px) {
.copyright-wrapper {
    flex-wrap: wrap;
}
.copyright-wrapper p {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
}    
.app_download_links {
    margin: 0 auto;
}
.banner_image_mobile_view img {
    width: 260px;
    margin: 0 auto;
    display: block;
    height: 240px;
}
.profile_dropdown_inner_wrap a {
    padding: 8px 10px;
}
.navbar-brand svg {
    width: 200px;
    height: 80px;
    left: -10px;
}
section#banner-wrapper {
    height: auto;
    padding: 90px 0 30px;
}
.banner-content-wrapper h1 {
    font-size: 23px;
    padding: 0;
}
.list_box_wrapper .list_box {
    padding: 15px 10px;
}
.list_box_wrapper {
    padding: 10px 10px;
}
footer {
    padding: 10px 0 0;
}
#app_download {
    padding: 30px 0;
}
.app_download_content .content_inner h2 {
    font-size: 20px;
}
.app_download_btn a {
    width: 45%;
    margin: 10px 0 0;
}
section#news_wrapper {
    padding: 20px 0  !important;
}
.button-wrap button~button {
    width: 80px;
    font-size: 11px;
    height: 38px;
}
header .right-section {
    justify-content: space-between;
    width: 100%;
}
header .right-section .button-wrap button {
    width: 130px;
    height: 38px;
}
header .right-section .button-wrap button:first-child {
    width: 100px;
}
.right-section button.navbar-toggler {
    height: 38px;
}
.navbar-brand svg {
    left: 0px;
}
nav.navbar.navbar-expand-lg {
    justify-content: center;
}
nav.navbar.navbar-expand-lg a.navbar-brand {
    margin: 0;
}
body.authenticated-header .button-wrap {
    display: none;
}
body.authenticated-header {
    padding-top: 150px;
}
div#data_container {
    position: relative;
    z-index: 2;
}
section#form_wrapper {
    background-size: cover;
    height: 100vh;
    align-items: center;
    padding: 40px 0;
    justify-content: center;
}
.form-logo a img {
    width: 160px;
}
.form_wrapper h2 {
    font-size: 22px;
}
.form_wrapper p {
    color: #939393;
    font-size: 13px;
    padding: 10px 0 15px;
    line-height: 17px;
}
.form_wrapper {
    margin: 20px 25px;
    max-width: none;
    padding: 15px;
    outline: 10px solid rgba(255,255,255,0.6);
}
section#form_wrapper.signup_wrapper .form_wrapper {
    margin: 20px 25px;
    max-width: none;
    padding: 15px;
    outline: 10px solid rgba(255,255,255,0.6);    
}
section#form_wrapper form .form-group {
    margin-bottom: 10px !important;
}
section#form_wrapper form button {
    width: auto;
    height: 45px;
    font-size: 14px;
    padding: 0 20px;
}
.footer_links {
    margin: 20px 0 0;
}
section#form_wrapper.signup_wrapper {
    height: 100vh;
    align-items: center;
    padding-bottom: 0;    
}
.form-group.otp input {
    width: 60px;
}
.form-group.otp input:last-child {
    margin-right: 0;
}
.footer_links .upper_links button#resend-btn-id {
    padding: 0 2px;
    font-size: 12px;
    height: auto;
}
.images_wrapper {
    flex-wrap: wrap;
}
.five_step {
    padding: 0 0px 20px 0;
}
.transparent_pricing {
    padding: 0 0 0 0px;
}
body.authenticated-header {
    padding-top: 213px;
}
section#app_promotion_wrapper .content_inner_wrapper h2 {
    font-size: 23px;
}
.playstore_button_wrapper {
    width: 100%;
}
section#app_promotion_wrapper {
    padding: 0px 15px 0;
}
/*.news_website_logo {
    height: 70px;
    width: 70px;
}*/
}

@media only screen and (max-width: 575px) and (orientation: landscape) {

section#form_wrapper.signup_wrapper {
    height: 100%; 
}
}

@media only screen and (max-width: 574px) {
    .playstore_button_wrapper {
        width: 80%;
    }   
}

@media only screen and (max-width: 374px) {
section#form_wrapper.signup_wrapper {
    height: 100%; 
}
.form-group.otp input {
    width: 50px;
}
.footer_links .upper_links button#resend-btn-id,
.footer_links a,
.footer_links{
    font-size: 10px;
}
.countdown {
    font-size: 10px;
}
.qr_code_wrapper img {
    height: 100px;
    width: 100px;
}
.playstore_button_wrapper {
    width: 90%;
}

}