/*
Theme Name:  Dormoney theme
Theme URI: https://dormoney.rlogical.com/
Description:  Dormoney
Author:  Rlogical
Textdomain:  dormoney
Author URI:  https://dormoney.rlogical.com/
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

/* common css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@font-face { font-family: 'ComicSansBold'; src: url('assets/fonts/ComicSansBold.ttf');font-display: swap;}

body{
	background-color: #fff !important;
	font-family: 'Inter', sans-serif !important;
	color:#7C8990;
	margin: 0;
	padding: 0;
    font-size: 17px;
    letter-spacing: 0.3px;
}
.dashicons, .dashicons-before:before {
    font-family: dashicons !important;
}
ul, li{
	list-style-type: none;
}
*, ul, li{
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif !important;
}
h1, h2{
	font-weight: 900 !important;
}
h3, h4, h5, h6, b, strong{
	font-weight: 700 !important;
}
a, button{
	transition: 0.4s linear;
}
button:focus, .btn:focus{
    box-shadow: none;
}
.bg_img{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
a{
    color: #1E1E1E;
}
a:hover{
    color: #7C8990;
}

.section_gap {
    padding: 65px 0;
}
.yellow_bg {
    background-color: #FFFAEC;
}
.text_black{
    color: #1E1E1E !important;
}
.red_text {
    color: #dc3545;
}

.equal_height {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal_height > .equal_height_container {
    display: flex;
    /* width: 100%; */
}
.equal_height > .equal_height_container > div{
    width: 100%;
}

/* custom checkbox */


.theme_check {
padding-left: 0;
position: relative;
}
.theme_check input[type="checkbox"] {
    padding: 0;
    height: 17px;
    width: 17px;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 2;
    top: 5px;
}
.theme_check input[type="checkbox"] + label.custom_checkbox {
    position: relative;
    cursor: pointer;
    vertical-align: top;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.theme_check input[type="checkbox"] + label.custom_checkbox:before {
    content:'';
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #0b9109;
    border-radius: 3px;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    margin-right: 12px;
    top: 3px;
}
.theme_check input[type="checkbox"]:checked + label.custom_checkbox:before {
    background-color: #0b9109;
}
.theme_check input[type="checkbox"]:checked + label.custom_checkbox:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.theme_check .form-check-label {
    width: calc(100% - 36px);
    display: inline-block !important;
    vertical-align: top;
    font-family: ttr, sans-serif;
}
  

/* theme button */
.theme_btn{
    background-color: #E8AA0F;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 18px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 17px;
    transition: 0.4s linear;
    min-width: 150px;
    text-align: center;
    line-height: 1.2;
    border: 1px solid #E8AA0F;
    outline: none;
    box-shadow: none;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}
.theme_btn:hover{
    color: #E8AA0F;
    background-color: #fff;
}
.theme_btn:focus{
    box-shadow: none;
}
.theme_btn.rounded_btn {
    border-radius: 50px;
}
.uppercase_btn{
	text-transform: uppercase;
}
.header_gift .theme_btn {
    min-width: 110px;
}
.black_btn {
    background-color: #000;
    border-color: #000;
}
.black_btn:hover {
    color: #000;
}
.close_btn{
    background-color: #dc3545;
    border-color: #dc3545;
}
.close_btn:hover{
    color: #dc3545;
    border-color: #dc3545;
}
.blue_badge {
    color: #0d6efd;
    background-color: #0d6efd30;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    pointer-events: none;
}
.red_badge{
    color: #b11212;
    background-color: #eecbcb;
}
.border_box .theme_btn, #donation-form .btn-donation.theme_btn {
    font-size: 15px;
    padding: 10px 18px;
    min-width: 120px;
}


/* theme tabs*/
.theme_tabs .nav-tabs {
    border-bottom: 1px solid #e8aa0f;
}
.theme_tabs .nav-fill .nav-item {
    font-size: 18px;
}
.theme_tabs .nav-tabs .nav-link {
    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 10px;
}
.theme_tabs .nav-tabs .nav-link.active, .theme_tabs .nav-tabs .nav-link:hover {
    background-color: #fdf8ec;
    color: #1e1e1e;
    border-color: #e8aa0f;
}
.theme_tabs .tab-content {
    padding: 25px 0;
}

/* theme modal design */
.theme_modal  .modal-dialog {
    width: 700px;
    max-width: 100%;
    max-width: calc(100% - 16px);
}
.theme_modal .modal-content {
    border: none;
    border-radius: 0;
}
.theme_modal .modal-header {
    background-color: #092035;
    border-radius: 0;
}
.theme_modal .modal-header .modal-title {
    font-size: 18px;
    color: #fff;
}
.theme_modal .modal-header .btn-close {
    font-size: 14px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.theme_modal .modal-body {
    padding: 20px 15px;
}
.theme_modal .form-control {
    height: 45px;
}
.theme_modal textarea.form-control {
    height: 90px;
}
.theme_modal label {
    font-size: 14px;
}
.theme_modal .theme_btn {
    padding: 10px;
    min-width: 120px;
    font-size: 14px;
    font-weight: 500;
}

/* payment modal design */
.payment_modal {
    max-width: 100%;
    padding: 0 !important;
}
.payment_modal .card {
    border: none;
    border-radius: 0;
    width: 580px;
    max-width:calc(100% - 20px);
    margin: 0 auto;
}
.payment_modal .card-header {
    background-color: #f7f7f7;
}
.payment_modal .payment_modal_title {
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 700;
}
.payment_modal .card-body {
    font-size: 14px;
    color: #1e1e1e;
    padding: 30px 15px;
}
.payment_modal .card-body p {
    margin: 0;
}
.payment_modal .payment_link{
    color: #0B9109 !important;
}
.payment_modal .card-footer {
    color: #1e1e1e;
    font-size: 14px;
}
.social_link_container{
    vertical-align: middle;
    display: inline-block;
}
.social_btn {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background-color: #0A66C2;
    border-radius: 100%;
    text-decoration: none;
    overflow: hidden;
    color: #fff;
    vertical-align: middle;
}
.social_btn:hover {
    background-color: #333;
    color: #fff;
    opacity: 1;
}

/* theme breadcrumb*/
.theme_breadcrumb {
    padding: 10px 15px;
}
.theme_breadcrumb .breadcrumb-item {
    font-size: 16px !important;
}
.theme_breadcrumb .breadcrumb-item.active {
    color: #0b9109 !important;
    font-weight: 500;
}
.theme_breadcrumb li.breadcrumb-item a {
    color: #7c8990;
}
.theme_breadcrumb li.breadcrumb-item a:hover{
    color: #0b9109 !important;
}


/* header design */
.top_header {
    background-color: #092035;
    background-color: #024101;
    padding: 12px 0;
    color: #fff;
    font-size: 15px;
}
.top_header .container-fluid, .bottom_header .container-fluid {
    padding: 0 46px;
}
.top_header ul {
    margin: 0;
    padding: 0;
    display: flex;
}
.top_header_wrapper {
    display: flex;
    justify-content: space-between;
}
.top_header a {
    color: #fff;
    text-decoration: none;
}
.top_header a:hover{
	color: #E8AA0F ;
}
.top_headerl ul li {
    margin-right: 15px;
}
.top_headerr ul li {
    margin-left: 20px;
}
.contact_list li a:hover{
	transform: rotate(20deg);
	display: inline-block;
}
header{
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.bottom_header {
    /* background: #fff; */
    background: #0b9109;
    padding: 20px 0;
}
.bottom_header .navbar {
    background-color: transparent !important;
    padding: 0;
}
.site-logo img {
    max-height: 64px;
}
.site-logo, .site-logo span{
	font-family: ComicSansBold, sans-serif !important;
    font-size: 30px;
    line-height: 1.3;  
    text-decoration: none;
	color: #E8AA0F;
} 
.site-logo:hover{
	color: #E8AA0F;
}
.green_text {
    color: #0B9109 !important;
}
.bottom_header .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 17px;
    font-weight: 300;
    padding: 0 !important;
    margin-left: 40px;
}
.bottom_header .navbar-nav .nav-item:first-child .nav-link {
    margin: 0;
}
.bottom_header .navbar-nav .nav-link:hover, .bottom_header .navbar-nav .nav-link.active{
	color: #E8AA0F !important;
}
.bottom_header ul.navbar-nav{
	padding-right: 20px;
    justify-content: flex-end;
    /* margin-right: 40px; */
    /* border-right: 1px solid #BABABA; */
}
.search_bag_button_wrapper {
    display: flex;
    
    
	align-items: center;
	
}
.header_search_bar {
    position: relative;
	margin-right: 40px;
}
.search_icon_box {
    cursor: pointer;
}
.search_icon_box svg{
	height: 15px;
	width: 15px;
}
.header_search_bar .search_input {
    display: flex;
    justify-content: space-between;
}
.header_search_bar .search_input {
    background: #fff;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    padding: 15px;
    border-radius: 40px;
    position: absolute;
    right: -30px;
    width: 400px;
    top: 40px;
    opacity: 0;
    pointer-events: none;
	transition: 0.4s linear;
	z-index: 1;
}
.header_search_bar .search_input .header_search_control {
	width: calc(100% - 60px);
    border-width: 0 0 1px 0;
    border-color: #eee;
	font-size: 15px;
}
.header_search_bar .search_input .header_search_control:focus{
	box-shadow: none;
	outline: none;
}
.header_search_bar .search_input .search_btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0;
}
.search_icon_box .close_icon{
	display: none;
}
.header_search_bar.active .close_icon {
    display: block;
}
.header_search_bar.active .search_icon {
    display: none;
}
.header_search_bar .search_input .search_btn:hover svg path {
    fill: #E8AA0F;
}
.header_search_bar.active .search_input {
    opacity: 1;
    top: 70px;
	pointer-events: initial;
}
.header_btn {
    padding: 10px;
    font-size: 15px;
}
.header_btn img {
    max-height: 25px;
    margin-right: 10px;
}
.theme_btn.header_btn:hover {
    background-color: transparent;
    box-shadow: 5px 5px 20px #3333338c;
}

/* footer */
footer.theme_footer {
    background-color: #092035;
    padding: 50px 0;
    color: #9CA5AD;
    font-size: 16px;
}
footer.theme_footer ul {
    margin: 0;
    padding: 0;
}
footer.theme_footer li, footer.theme_footer a {
    color: #fff;
    text-decoration: none;
}

.footer_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
}
.footer_top ul.footer_social li{
    margin-left: 20px;
}
.footer_top ul.footer_social li a{
	display: inline-block;
}
.footer_top ul.footer_social li a:hover{
	transform: rotate(15deg);
}
.footer_top ul.footer_social li:first-child{
    margin-left: 0;
}
footer.theme_footer li {
    display: inline-block;
}
.footer_middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.footer_middle li {
    margin-right: 18px;
}
.footer_middle li a:hover{
	color: #9CA5AD;
}
.footer_middle li:last-child {
    margin-right: 0;
}
.footer_play_link {
    display: flex;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #A6A6A6;
    border-radius: 5px;
    margin-left: 10px;
	transition: 0.4s linear;
}
.footer_play_link a{
	display: inline-block;
}
.footer_play_link:hover{
	box-shadow: 3px 3px 10px #0e0e0e;
    transform: scale(1.03);
}
.footer_play_link_wrapper {
    display: flex;
}
.footer_play_link:first-child {
    margin-left: 0;
}

/* dashboard footer */
footer.theme_footer.dash_footer {
    padding: 15px 0;
}
.dash_footer .footer_top, .dash_footer p  {
    margin-bottom: 0;
}

/* Home page banner */
.banner_wrapper {
    min-height: 700px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    margin: 0 auto;
}
.banner_wrapper h1 {
    font-size: 55px;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    line-height: 1.4;
    /* width: 670px; */
    margin: 0 auto 60px auto;
    max-width: 100%;
}
.banner_wrapper h1 span{
	font-weight: 900 !important;
	font-style: italic;
}
.banner_form {
    width: 880px;
    max-width: 100%;
    margin: 0 auto;
}
.banner_wrapper .form_box {
    background: #FFFFFF;
    opacity: 0.96;
    border-radius: 50px;
    padding: 10px 15px 10px 25px;
    display: flex;
}
.banner_wrapper .form_box input {
    width: calc(100% - 130px);
    box-shadow: none;
    outline: none;
    border: none;
    color: #9CA5AD;
    font-size: 20px;
    margin: 0;
    padding: 0 10px;
    height: 50px;
}
.banner_wrapper .form_box .theme_btn {
    min-width: 140px;
    padding: 14px;
}



.volunteers_wrapper {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: -60px;
    flex: 0 0 auto;
}
.volunteers_wrapperl {
    background: linear-gradient(62.05deg, #ECECEC 3%, #FFFFFF 101.25%);
    width: 60%;
    height: calc(100% + 80px);
    padding: 40px;
	position: relative;
}
.volunteers_wrapperr {
    width: 40%;
    background-color: #0B9109;
    height: 100%;
    padding: 40px;
    color: #fff;
}
.page_title {
    font-size: 40px;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #1E1E1E;
}
.volunteers_wrapperr .page_title {
    color: #fff;
    font-size: 30px;
}

.volunteers_wrapper .theme_btn {
    margin-top: 25px;
    width: 100%;
}
.volunteers_wrapperl_detail {
    width: 370px;
    margin-left: auto;
}

.volunteers_wrapperl_detail .page_title {
    font-size: 30px;
}

.volunteers_wrapperl_img {
    display: inline-block;
    position: absolute;
    left: -30px;
    bottom: 0;
}
.volunteers_wrapperl_img img {
    max-height: 380px;
}
.volunteers_wrapperl p {
    margin-bottom: 30px;
    color: #9CA5AD;
}
.left_space {
    margin-left: 60px;
}

.page_title_wrapper {
    margin: 0 auto 60px;
}
.page_title_wrapper .page_title {
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.page_title_wrapper p {
    color: #9CA5AD;
    font-size: 20px;
    margin: 0;
}


/**/
.title_map_bg{
	background-image: url(assets/images/title-map-bg.png);
	padding: 40px 0;
    background-size: contain;
}


.service_wrapper {
    display: flex;
    margin: 0 -15px;
}
.service_wrapper .service_box {
    width: 25%;
    padding: 0 15px;
    border-right: 1px solid rgb(186 186 186 / 25%);
}
.service_icon {
    width: 135px;
    height: 135px;
    margin: 0 auto 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #65B001;
    border-radius: 100%;
    transition: 0.4s linear;
}
.service_wrapper .service_box:last-child {
    border-right: none;
}
.content_title {
    color: #092035;
    font-size: 23px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.service_wrapper .service_box:hover p{
    color: #092035;
}
.service_wrapper .service_box:hover .service_icon {
    background-color: #65B001;
}
.service_wrapper .service_box:hover .service_icon svg path {
    fill: #fff;
}


/**/
.how_it_work_box p, .service_box p{
    font-size: 17px;
    color: #7C8990;
    line-height: 1.6;
    transition: 0.4s linear;
    margin: 0;
}
.how_it_work_box {
    margin: 30px 0;
}
.how_it_work_box .work_img_box {
    background: #FFFFFF;
    box-shadow: 0px 4px 3px rgba(232, 170, 15, 0.1);
    border-radius: 5px;
    width: 50px;
    height: 50px;
    margin: 0 auto 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* testimonia slider */
.testimonial_section {
    background: linear-gradient(180deg, #96CC08 -8.7%, #65B001 100%);
}
.testimonial_section .page_title {
    color: #fff;
}
.testimonial_wrapper {
    display: flex;
    align-items: center;
}
.testimonial_wrapperl .have_fix_width {
    width: 580px;
    margin-left: auto;
    max-width: 100%;
}
.testimonial_wrapperl {
    width: calc(58% - 200px);
    color: #fff;
    margin: 0 100px;
    background-image: url(assets/images/testimonial-map-bg.png);
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
.testimonial_wrapperr {
    width: 43%;
    display: flex;
    flex-wrap: wrap;
}
.testimonial_wrapperr .test_imgbox {
    width: 50%;
}
.testimonial_wrapperr .test_imgbox img {
    width: 100%;
    object-fit: cover;
    height: 340px;
}
#testimonial_slider_wrapper .carousel-indicators {
    position: relative;
    justify-content: flex-start;
    margin: 0 0 60px;
}
#testimonial_slider_wrapper .carousel-indicators [data-bs-target] {
    width: 90px;
    height: 90px;
    margin: 0;
    padding: 0;
    border-radius: 100%;
    overflow: hidden;
    text-indent: 0;
    opacity: 1;
    margin-right: 20px;
    border: 3px solid transparent; 
}
#testimonial_slider_wrapper .carousel-indicators .active {
    border-color: #E8AA0F;
}
#testimonial_slider_wrapper .carousel-indicators [data-bs-target] img {
    text-indent: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#testimonial_slider_wrapper .name {
    font-size: 26px;
    margin-top: 40px;
    margin-bottom: 0;
}
#testimonial_slider_wrapper p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

/* story slider */
.story_section .story_slider_wrapper  {
    padding: 0 0 0 46px;
}
.story_slide {
    display: inline-block;
    width: 373px;
}
.story_slide .story_slide_img {
    margin-bottom: 26px;
}
.story_slide .story_slide_img img {
    width: 100%;
    height: 303px;
    object-fit: cover;
}
.story_slide p {
    font-size: 17px;
    color: #495A69;
    margin: 0;
}

/**/
.contact_section, .contact_section p, .contact_section .page_title  {
    color: #fff;
}
.contact_section .theme_btn {
    padding: 20px 40px;
}

/* form design */
label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}
.form-control{
    padding: 0px 15px !important;
    border-radius: 5px !important;
    height: 55px;
    font-size: 16px !important;
    color: #092035 !important;
    /* border: 1px solid #dddddd !important; */
    border: 1px solid #e6e6e6 !important
}
textarea.form-control{
    min-height: 150px;
}
.form-control:focus{
    border-color: #b9b9b9 !important;
    box-shadow: none;
}
.woocommerce-form-row {
    margin-bottom: 24px !important;
}
.form_bottom_link {
    margin: 10px 0 0;
}
.form_bottom_link a {
    font-size: 14px;
    color: #1E1E1E;
}
.form_bottom_link a:hover {
    color: #7C8990;
    text-decoration: underline;
}
span.required {
    color: #e90000;
}
.upload_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border: 1px solid #dddddd; */
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding-left: 15px;
}
.upload_row label{
    margin: 0;
}
.upload_row .theme_btn {
    width: 210px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    height: 55px;
    line-height: 53px;
    background-color: #dddddd;
    border-color: #dddddd;
    color: #1e1e1e;
    border-radius: 0 5px 5px 0;
}
.upload_row  .theme_btn input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 55px;
    cursor: pointer;
    opacity: 0;
}

/* .auth_page {
    display: flex;
    background-color: #f8fafb;
}
.auth_page .auth_page_img {
    width: 40%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
}
.auth_page .auth_page_form {
    width: 60%;
}
.auth_page .auth_page_form_inner {
    width: 760px;
    margin-left: auto;
    padding: 70px 40px;
    max-width: 100%;
}
.auth_page_img_inner{
    display: flex;
    align-items: center;
}
.auth_page.login_page {
    flex-direction: row-reverse;
} */


/* dashboard page design */
.dash_logo {
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0b9109;
}
.toggle_sidebar{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer;
}
.toggle_sidebar span {
    width: 20px;
    height: 2px;
    background-color: #0b9109;
    display: inline-block;
    margin: 2px 0;
    transition: 0.4s linear;
}
.toggle_sidebar span:nth-child(2) {
    width: 15px;
}



.dash_logo .site-logo img {
    max-height: 40px;
}
.dash_logo  .site-logo, .dash_logo .site-logo span {
    font-size: 20px;
}

.dash_wrapper {
    display: flex;
}
.dash_sidebar {
    width: 270px;
    box-shadow: 0px -2px 10px #cdcdcd;
    transition: 0.3s all;
    background-color: #f9f9f9;
}
.dash_content_area {
    width: calc(100% - 270px);
    padding: 25px;
    min-height: 100vh;
    transition: 0.3s all;
    position: relative;
    padding-top: 105px;
}
.top_pagetitle_head {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    padding: 27px 25px;
    background-color: #f9f9f9;
    left: 0;
    right: 0;
    width: 100%;
}
.top_pagetitle_head h2 {
    color: #0b9109;
    padding-left: 20px;
    margin: 0;
    font-size: 22px;
    font-weight: 500 !important;
}
.dash_sidebar .list-group {
    border-radius: 0;
}
.dash_sidebar .list-group .list-group-item {
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid rgb(9 32 53 / 11%);
    font-size: 16px;
    padding: 15px;
    /* color: #745300; */
    color: #475760;
    font-weight: 400;
    transition: none;
}
.dash_sidebar .list-group .list-group-item.active, .dash_sidebar .list-group .list-group-item:hover {
    color: #fff;
    z-index: 0;
    /* background-color: #e8aa0f; */
    background-color: #026200;
}
.dash_sidebar .list-group .list-group-item.active{
    font-weight: 500;
}

.single_side_menu {
    display: flex;
    align-items: center;
}
.single_side_menu .dash_side_icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    pointer-events: none;
}
.single_side_menu .dash_side_icon .active_menu_icon {
    display: none;
}
.single_side_menu .dash_side_icon img {
    max-height: 23px;
    max-width: 23px;
    transition: 0.4s linear;
}
.single_side_menu .dash_side_icon .menu_icon img {
    /* filter: brightness(2); */
    filter: grayscale(0.8) hue-rotate(153deg);
}
.single_side_menu p {
    margin: 0;
    line-height: 1;
    font-size: 16px;
}
.dash_sidebar .list-group .list-group-item.active .menu_icon,
.dash_sidebar .list-group .list-group-item:hover .menu_icon{
    display: none;
}
.dash_sidebar .list-group .list-group-item.active .active_menu_icon,
.dash_sidebar .list-group .list-group-item:hover .active_menu_icon{
    display: inline-block;
}




/* theme table design */
.theme_table  table {
    width: 100%;
    border: 1px solid #f3f1f1;
    background-color: #fff;
}
.theme_table table thead {
    /* background-color: #092035; */
    border-bottom: 1px solid #bfbfbf;
}
.theme_table table th,.theme_table table td {
    padding: 10px 15px;
    font-size: 16px;
    color: #1E1E1E;
}
.theme_table table th {
    border-bottom: none;
    font-weight: 600;
    padding: 25px 15px;
    color: #1e1e1e;
    text-transform: uppercase;
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg:rgb(9 32 53 / 3%);
}
.action_btn{
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
    min-width: 65px;
    display: inline-block;
    text-align: center;
    transition: 0.4s linear;
}
.ic_btn {
    border-radius: 5px;
    font-size: 12px;
    padding: 0;
    color: #8a8a8a;
    width: 35px;
    background-color: #e8e8e8;
    border: none;
    min-width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.ic_btn:hover{
    box-shadow: 3px 3px 8px 2px rgb(0 0 0 / 25%);
    color: #8a8a8a;
}
.ic_btn.blue_actbtn , .ic_btn.blue_actbtn:hover {
    background-color: #dbdbff;
    color: #4d4dff;
}
.ic_btn svg {
    height: 20px;
    width: 20px;
}
.ic_btn.yellow_actbtn {
    background-color: #dff1df;
    color: #1fbf1d;
}
.ic_btn.yellow_actbtn svg path {
    fill: #1fbf1d;
}
.ic_btn {
    margin: 0 4px;
}

.ic_btn.red_actbtn {
    background-color: #f7d3d6;
    color: #dc3545;
}
.ic_btn.red_actbtn svg path {
    fill: #dc3545;
}



.green_btn {
    background-color: #cee9ce;
    border-color: #cee9ce;
    color: #029100;
}
.green_btn:hover, .green_btn:focus {
    background-color: #029100;
    border-color: #029100;
    color: #fff;
    box-shadow: none;
}
.red_btn{
    background-color: #f7d3d6; 
    border-color: #f7d3d6;
    color: #dc3545;
}
.red_btn:hover, .red_btn:focus{
    background-color: #bf0719;
    border-color: #bf0719;
    color: #fff;
    box-shadow: none;
}
.blue_btn{
    color: #0d6efd;
    background-color: #0d6efd30;
    border-color: #0d6efd30;
}
.blue_btn:hover, .blue_btn:focus{
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
    box-shadow: none;
}

.theme_table.light_theme_table thead {
    background-color: #e5e5e5;
}
.theme_table.light_theme_table thead th {
    color: #1e1e1e;
}
.theme_table.light_theme_table th, .theme_table.light_theme_table td {
    font-size: 15px;
}


/* pagination design */
.pagination {
    justify-content: flex-end;
}
.pagination .page-numbers {
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    background-color: #dddddd;
    color: #1e1e1e;
    margin-left: 5px;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.4s linear;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
    background-color: #0b9109;
    color: #ffffff;
}

/* goft bag form */
#donation-form .form-control {
    height: 55px !important;
}
#donation-form textarea.form-control{
    height: 100px !important;
}


.profile_container {
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

.profile_container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden;
    background-color: #eee;
}

.profile_container .change_uploaded_image, .profile_container .remove_updated_image  {
    position: absolute;
    right: 31px;
    top: -2px;
    background-color: #fff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #E8AA0F;
    border: 1px solid #E8AA0F;
    font-size: 16px;
}
.profile_container .remove_updated_image{
    right: 8px;
    top: 23px;
    color:#d30000;
    border-color: #d30000;
}
.student_id_container {
    border: 1px solid #eee;
    border-radius: 5px;
    text-align: center;
    min-height: 50px;
}

.student_id_container img {
    max-height: 250px;
}
.student_id_action {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}
.student_id_action .change_uploaded_image , .student_id_action .remove_updated_image{
    background-color: #fff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #E8AA0F;
    border: 1px solid #E8AA0F;
    font-size: 16px;
}
.student_id_action .remove_updated_image {
    color: #d30000;
    border-color: #d30000;
}

.border_box {
    background-color: #fff;
    background-clip: border-box;
    border:none;
    border-radius:0px;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 5%);
    overflow: hidden;
}

.border_box_header {
    /* background-color: #092035; */
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 23px 15px;
}
.border_box_header .border_box_title {
    text-transform: uppercase;
    font-size: 18px;
    color: #1e1e1e;
    margin: 0;
    font-weight: 700 !important;
}
.border_box_body {
    padding: 20px 15px;
}


.single_tips {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgb(11 145 9 / 40%);
    margin: 18px 0;
    color: #1e1e1e;
    padding-left: 20px;
    position: relative;
}
.single_tips h4 {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500 !important;
}
.single_tips p {
    font-size: 16px;
    color: #878787;
    margin: 0;
    font-weight: 300;
}

.single_tips:after {
    display: inline-block;
    content: "";
    background-color: #0b9109;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
/* profile page design */
.profile_page {
    font-size: 15px;
}
.profile_page_top {
    background-color: #fdf8ec;
    border-radius: 0 0 30px 30px;
    padding-top: 0px;
    margin-bottom: 70px;
    box-shadow: 0 5px 10px 1px #c5c5c1;
    /* border-bottom: 5px solid #e8aa0f;
    border-bottom: 5px solid #ffdd88;
    background: linear-gradient(to right, #799F0C, #e8aa0f); */
    /* background-image: url(assets/images/donation-img3.jpg); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.profile_page_top:after{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    content: "";
    background-color: #000000b5;
    z-index: 1;
}
.profile_page_top .container {
    position: relative;
    z-index: 2;
}
.profile_page_top .profile_container {
    transform: translateY(30px);
    box-shadow: 0px 2px 7px #00000038;
    border-radius: 10px;
}
.profile_detail_box {
    display: flex;
    align-items: self-end;
}
.profile_detail_boxl {
    width: 180px;
}
.profile_detail_boxr {
    width: calc(100% - 180px);
    padding-left: 15px;
}

.profile_detail_boxr p {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap;
}
.profile_detail_boxr p.pname {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.profile_detail_boxr p.pmajor, .tag_design {
    background-color: #ffffffa1;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 14px;
    color: #1e1e1e;
    font-weight: 700;
}
.profile_detail_boxr p i {
    font-size: 16px;
    vertical-align: bottom;
}
.profile_detail_boxr b {
    font-weight: 500 !important;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 14px;
    color: #1e1e1e;
}
.dashed_border_box {
    display: inline-block;
    padding: 10px 0;
    border-radius: 4px;
    vertical-align: top;
}
.dashed_border_box p {
    margin: 0;
}

.dashed_border_box img {
    max-width: 100%;
    max-height: 200px;
}
.donation_card_img {
    /* height: 278px; */
    overflow: hidden;
}

.donation_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    transition: 0.4s linear;
}

.donation_card {
    margin-bottom: 30px;
    background-color: #fff;
    font-size: 16px;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 5%);
}
.donation_card a {
    text-decoration: none;
}
.donation_card_title {
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 5px;
    display: inline-block;
}
.donation_card a:hover .donation_card_title {
    color: #7C8990;
    text-decoration: underline
}
.donation_card_body {
    padding: 10px;
    border-top: 1px solid #f5f5f5;
}
.donation_card_footer {
    font-size: 14px;
    color: #7C8990;
}
.donation_amount {
    font-weight: 700;
    color:#0b9009;
    font-size: 19px;
}
.donation_card a:hover .donation_card_img img {
    transform: scale(1.1);
}
.profile_page.inner_profile {
    /* margin: -25px; */
}
.profile_page.inner_profile .container {
    padding: 0 20px;
}
.profile_page.inner_profile .profile_page_top {
    box-shadow: none;
}
.p_flex p {
    display: flex;
    align-items: flex-start;
    word-break: break-word;
}
.p_flex p i {
    margin-right: 4px;
    font-size: 16px;
    margin-top: 3px;
}
.border_box_body.p_flex p:last-child {
    margin-bottom: 0;
}
.border_box_body.p_flex p.pphone i {
    transform: rotate(90deg);
    margin-top: 1px;
}
/* dashboard design */
.tile_box {
    box-shadow: 0px 0px 6px #2c28281c;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 40px 20px;
    margin-bottom: 20px;
    background-color: #45e345;
    background-image: linear-gradient(90deg,rgba(76,175,80,.8509803921568627),rgba(219,117,41,.10196078431372549));
    color: #fff;
    border-radius: 5px;
    position: relative;
}
.tile_box .icon_box {
    background-color: transparent;
    padding: 0;
    height: auto;
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    opacity: 0.5;
    transform: translateY(-50%);
}
.tile_box .icon_box svg {
    height: 70px;
    width: 70px;
}
.icon_box svg path {
    fill: #fff;
}
.tile_boxr {
    width: 100%;
}
.tile_box_amout {
    font-size: 24px;
    margin: 0;
}
.tile_box p {
    margin: 0;
    font-weight: 500;
    color: #fff;
    margin-top: 8px;
}


.dast_title {
    display: flex;
    justify-content: space-between;
    color: #1e1e1e;
    margin-bottom: 20px;
}
.dast_title h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 500 !important;
}
.dast_title .count {
    /* padding: 10px; */
    background-color: #fdf8ec;
    border-radius: 4px;
    color: #e8aa0f;
    margin: 0;
    height: 50px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 700;
}
.dash_info_box {
    background-color: #f7f7f7;
    background-color: #fff;
    padding: 35px 20px;
    margin-bottom: 24px;
    text-align: center;
    color: #1e1e1e;
    text-align: left;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 6px #2c28281c;
    border-radius: 5px;
}

.dash_info_box_footer {
    width: calc(100% - 90px);
    padding-left: 20px;
}
.dash_info_box_footer h4 {
    font-size: 22px;
    margin-bottom: 5px;
}
.dash_info_box_icon {
    height: 70px;
    width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0fa;
    border-radius: 100%;
}
.dash_info_box_icon svg {
    max-height: 40px;
    max-width: 40px;
}
.dash_info_box_icon svg path {
    fill: #0b9109;
}
.dash_info_box p {
    margin: 0;
}

.balance_detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.balance_detail p {
    margin: 0;
    background-color: rgb(11 145 9 / 10%);
    padding: 5px;
    font-size: 15px;
    border: 1px solid rgb(11 145 9 / 24%);
    margin-right: 5px;
    flex:auto;
}
.balance_detail p:last-child{
    margin-right: 0;
}

/* donation detail page */
.donation_page {
    padding: 0px 0 40px;
}
.donation_title h1 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700 !important;
    text-transform: capitalize;
}
.donation_detail span {
    font-size: 16px;
    margin-right: 10px;
}
.donation_detail span i {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: middle;
}
.donation_amount_tag {
    text-align: right;
}
.donation_amount_tag .theme_btn {
    padding: 12px 5px;
    font-size: 12px;
    margin-top: 5px;
}
.donation_desc {
    margin: 40px 0;
    line-height: 1.6;
    font-size: 16px;
    text-align: justify;
}

.donation_all_images {
    display: flex;
    flex-wrap: wrap;
}
.dsingle_img {
    width: calc(25% - 12px);
    margin: 0 6px;
    margin-bottom: 12px;
}
.dsingle_img img {
    max-width: 100%;
}
.donation_page .profile_page_top {
    padding: 110px 0 30px;
}
.donation_detail {
    color: #fff;
}
.donation_amount_tag .tag_design {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 5px;
}
.action_btns2 {
    min-width: 100px;
}
.action_btns3 {
    min-width: 261px;
}
.action_btns4 {
    min-width: 190px;
}
.table_long_text {
    min-width: 210px;
}

/* back modal issue */
.backdrop_modal {
    position: fixed !important;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* 404 page design */
.error_page {
    padding: 90px 0;
}
.error_page .page_title {
    margin: 20px 0 40px;
    color: #666666;
    font-weight: 500 !important;
}
.error_page  .theme_btn {
    background-color: #dd8b37;
    border-color: #dd8b37;
    padding: 12px 20px;
    font-weight: 500;
    font-size: 14px;
}
.error_page  .theme_btn:hover{
    color: #dd8b37;
    background-color: transparent;
}
.error_page .error_img {
    max-width: 100%;
}

/**/
ul.woocommerce-error, .woocommerce-message {
    border: none;
    margin-bottom: 10px !important;
}
.woocommerce-message {
    border-left: 3px solid #8fae1b !important;
    background-color: #8fae1b1c !important;
    color: #8fae1b !important;
    font-weight: 500 !important;
}
.woocommerce-error {
    border-left: 3px solid #B81C26 !important;
    background-color: rgb(184 28 38 / 12%) !important;
    color: #B81C26 !important;
    font-weight: 500 !important;
}

/* payment page design */
.final_payment_form {
    background-color: #f0f0f0;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 0;
    border-radius: 5px;
    color: #1e1e1e;
}
.final_payment_form .payment_box {
    background-color: #f5f5f5 !important;
    margin: 0 !important;
}
.final_payment_form .payment_box:before{
    border-bottom-color: #f5f5f5 !important;
}
.final_payment_form .payment_box .input-text {
   border-radius: 5px !important;
   border-color: #ddd !important;
   width: 100% !important;
   font-size: 16px !important;
   height: 50px;
}
.final_payment_form button#place_order {
    padding: 12px 18px;
}

.shop_table {
    margin-top: 20px !important;
}
.shop_table th, .shop_table td {
    border: none;
}

/* after payment page design */
.order_confirmation_card {
    background-color: #f5f5f5;
    padding: 50px 30px;
    text-align: center;
    color: #1e1e1e;
}
.order_confirmation_card .donation_amount {
    color: #1e1e1e;
    font-size: 26px;
}
.donation_payment_icon {
    height: 80px;
    width: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.donation_payment_icon i{
    font-size: 60px;
    line-height: 1;
    height: auto;
    width: auto;
}
.donation_payment_icon.succesfull_donation {
    background-color: #0080001f;
}
.donation_payment_icon.succesfull_donation i {
    color: #0b9009;  
}
.donation_payment_icon.failedl_donation {
    background-color: #ffe0e0;
}
.donation_payment_icon.failedl_donation i {
    color: #d10000;
}
.donation_msg {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
}
.donation_info p {
    font-size: 14px;
    margin: 0;
    color: #747474;
    font-weight: 400;
}
.donation_info p strong {
    color: #1e1e1e;
    font-weight: 500 !important;
}
.order_confirmation_card .theme_btn {
    background-color: #E8AA0F!important;
    color: #fff !important;
}

.border_box .shop_table {
    margin: 0 !important;
    border: none !important;
}
.border_box .shop_table td, .border_box .shop_table th {
   padding: 5px !important;
   font-size: 16px;
   margin: 0 !important;
   border-color: #f5f4f4 !important;
   color: #1e1e1e;
   font-weight: 400 !important;
}
.lab {
    color: #a3a3a3!important;
}
.Withdrawal_form .theme_btn {
    min-width: 225px;
}

.tooltip-arrow:before {
    bottom: 9px !important;
}

.contact_form label {
    width: 100%;
}

.cf-textarea.form-control {
    height: auto;
}

.wpcf7-spinner {
    position: absolute;
    margin-left: -30px;
    margin-top: 17px;
    margin-bottom: 0;
    margin-right: 0;
}

.contact_form .wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
    background-color: #bfffc56b;
    border: none;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
}

.contact_form .wpcf7 form.invalid .wpcf7-response-output,
.contact_form .wpcf7 form.failed .wpcf7-response-output {
    color: #b44646;
    background-color: #ffbfbf6b;
    border: none;
    padding: 10px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
}

.auth_page_form .woocommerce-password-strength {
    margin-top: 15px;
}

.remove_uploaded_file{
    color: #1E1E1E;
    cursor: pointer;
    text-decoration: underline;
    font-size: 15px;
}

#remove-student_id{
    margin-bottom: 24px !important;
    display: block;
}

:root{
    --plyr-color-main: #65b001;
}

/* contact page */
.contact_map iframe {
    width: 100%;
}
.contact_form_wrapper {
    background-color: #092035;
    box-shadow: 0 3px 10px #00000029;
    /*transform: translateY(-120px);*/
    /*margin-bottom: -120px;*/
}
.contact_form_box {
    background: linear-gradient(62.05deg, #ECECEC 3%, #FFFFFF 101.25%);
}
.contact_info_box, .contact_form_box {
    padding: 40px;
}
.contact_info_box {
    color: #fff;
}
.contact_info_box h2, .contact_form h2 {
    font-size: 28px;
    font-weight: 700 !important;
    margin-bottom: 35px;
}
.contact_form h2{
    color: #092035;
}
ul.contact_info_list li {
    margin-bottom: 20px;
    line-height: 1.4;
}
ul.contact_info_list li .contact_info_lista {
    display: inline-flex;
    color: #fff4d9;
    text-decoration: none;
    font-size: 22px;
    line-height: 1.6;
    width: 100%;
}
ul.contact_info_list li .contact_info_lista:hover {
    color: #e8aa0f;
}
.list_icon {
    margin-right: 15px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background-color: #fff4d9;
}
.contact_info_listdetail{
    max-width: calc(100% - 55px);
    display: inline-block;
}
.contact_form .form-control {
    padding: 10px !important;
    border-color: #eee !important;
    height: 50px;
}
.contact_form textarea.form-control {
    height: 90px !important;
}
.contact_map p{
    margin: 0;
}
.page_top_title {
    padding: 30px 0;
}

/* inner page design */
.innerpage img{
    max-width: 100%;
}
.innerpage, .innertitle {
    color: #092035;
    font-size: 24px;
    line-height: 1.4;
}
.innerpage p, .innertitle {
    margin-bottom: 20px;
}
.innerpage_date {
    color: #BABABA;
    font-size: 18px;
}
.innerpage .page_title {
    margin-bottom: 30px;
}
.innerpage a {
    color: #449BEB;
}


.shareoption {
    border: 1px solid #DBDBDB;
    border-width: 1px 0;
    padding: 30px 0;
    margin-top: 50px;
}
.shareoption .innertitle {
    color: #BAB9B9;
}
.socialmedia_wrapper a {
    display: inline-block;
    margin: 0 6px;
    transition: 0.4s linear;
}
.socialmedia_wrapper a:hover {
    transform: rotate(5deg) scale(1.08);
}

/* */
.hc_banner_section {
    background-color: #f9f9f9;
}
.hc_banner_section .bannerserchbar {
    margin: 50px 0;
}
.hc_banner_section img{
    max-width: 100%;
}
.bannerserchbar .form-control {
    border: none !important;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 3px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    width: 770px;
    max-width: 100%;
    margin: 0 auto;
}
.bannerserchbar .form-control::placeholder{
    color: #BABABA;
}
.search_control {
    background: url(assets/images/search.png) no-repeat center left 12px !important;
    background-size: 20px !important;
    padding-left: 40px !important;
}

.hc_question_section .accordion-item {
    border-bottom: 1px solid #BABABA;
    border-width: 0 0 1px 0;
    padding: 25px 0;
    border-radius: 0 !important;
}
.hc_question_section .accordion-item .accordion-button {
    color: #092035;
    font-size: 24px;
    font-weight: 500;
    background-color: transparent;
    border: none !important;
    padding: 0;
    box-shadow: none;
}
.hc_question_section .accordion-item .accordion-body {
    padding: 10px 0 0;
    font-size: 18px;
    color: #092035;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


section.hc_contact_section {
    padding-top: 50px;
}
.help_contact_wrapper {
    background-color: #FFFAEC;
    display: flex;
    align-items: center;
    padding: 30px;
    font-size: 20px;
}
.help_contact_wrapperl {
    width: 60%;
}
.help_contact_wrapperr {
    width: 40%;
    text-align: right;
}
.help_contact_wrapper .theme_btn, .white_box .theme_btn {
    border-radius: 30px;
    padding: 14px 35px;
    color: #fff;
    margin-top: 20px;
}
.help_contact_wrapper .theme_btn:hover, .white_box .theme_btn:hover {
    color: #E8AA0F;
}
.help_contact_wrapperr img {
    margin-top: -80px;
}


.white_box {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px 2px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 40px 25px;
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.whitebox_title {
    font-size: 22px;
    margin-bottom: 15px;
}
.white_box_icon {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}
.white_box_icon p{
    margin: 0;
}
.white_box_icon span {
    display: inline-block;
    height: 43px;
    width: 43px;
    background-color: #FFF4DA;
    border-radius: 100%;
    position: absolute;
    bottom: 10px;
    left: -20px;
    z-index: 0;
}
.white_box_icon svg {
    position: relative;
    z-index: 1;
}

/*  how it work   */
.how_it_works_banner_section .banner_wrapper {
    min-height: 520px;
    font-size: 20px;
}
.how_it_works_banner_section .banner_wrapper h1 {
    margin-bottom: 30px;
    line-height: 1.3;
    width: 100%;
}
.how_it_work_img_box {
    margin-bottom: 20px;
}

.how_it_work_img_box svg {
    height: 90px;
}


/**/
.accordiontype2 .accordion-item {
    margin-bottom: 25px;
    border: none;
}
.accordiontype2 .accordion-button {
    background: #FDFCFC;
    border: 1px solid #D9D9D9;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #092035;
    font-size: 22px;
    padding: 25px 23px;
}
.accordiontype2 .accordion-button[aria-expanded="true"] {
    color: #E8AA0F;
    background: #FFFFFF;
    box-shadow: 0px 4px 50px rgb(0 0 0 / 5%) !important;
    border-color: transparent;
    font-weight: 600;
}
.accordiontype2 .accordion-button:hover{
    color: #E8AA0F;
}
.accordiontype2  .accordion-body {
    font-size: 20px;
    color: #092035;
    padding: 23px;
    background: #FDFCFC;
    border-bottom: 1px solid #E8AA0F;
}


/**/
.how_it_works_create_free_account_section {
    background-color: #E8AA0F;
    color: #fff;
}
.border_title_wrapper {
    width: 700px;
    margin: 0 auto 60px;
    text-align: center;
    border: 1px dashed #FFFFFF;
    border-radius: 30px;
    padding: 20px 40px;
}
.border_title_wrapper .border_subtitle {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-size: 18px;
}
.border_title_wrapper .border_maintitle {
    font-size: 30px;
    margin: 0;
    font-weight: 600 !important;
}
.how_workstep_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.how_workstep {
    width: 33.33%;
    text-align: center;
}
.how_workstep .svg_icon {
    background: #F6F8FF;
    box-shadow: 0px 20px 40px #BC9431;
    border-radius: 15px;
    height: 170px;
    width: 170px;
    margin: 0 auto 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.how_workstep .svg_icon p {
    margin: 0;
}
.create_free_account_title {
    font-size: 22px;
    margin-bottom: 20px;
}
.create_free_account_description {
    width: 220px;
    margin: 0 auto;
    max-width: 100%;
}
.create_free_account_description a {
    color: #fff;
}

.how_workstep {
    position: relative;
}
.how_workstep:after {
    display: inline-block;
    content: "";
    position: absolute;
    left: calc(50% + 105px);
    width: calc(50% - 20px);
    height: 1px;
    background-color: #fff;
    top: 85px;
}
.how_workstep:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 79px;
    width: 7px;
    height: 14px;
    border-left: solid 7px rgb(255 255 255);
    border-bottom: solid 7px transparent;
    border-top: solid 7px transparent;
    right: -20%;
}
.how_workstep_wrapperr1 {
    position: relative;
    padding-bottom: 60px;
}
.how_workstep_wrapperr1:after {
    display: inline-block;
    content: "";
    height: 100%;
    width: 1px;
    background-color: #fff;
    top: 85px;
    right: -12px;
    bottom: 0;
    position: absolute;
}
.how_it_works_create_free_account_step3:before {
    display: none;
}
.how_it_works_create_free_account_step4:before {
    transform: rotate(180deg);
    right: calc(50% - 110px) !important;
}

.how_it_works_create_free_account_section .container {
    overflow: hidden;
}

.main_container img {
    max-width: 100%;
}

ul.innerlist {
    margin-left: 25px;
}
ul.innerlist li {
    list-style-type: disc;
}

.header_gift.aboutbtn {
    text-align: center;
}
.header_gift.aboutbtn .uppercase_btn {
    color: #fff !important;
}
.header_gift.aboutbtn .uppercase_btn:hover{
    color: #e8aa0f !important;
}

.story_slider_wrapper a {
    color: #495A69;
}

.story_slider_wrapper a:hover {
    color: #1E1E1E;
}

.page_title.news_story_post_title {
    font-size: 30px;
}

.method.view_manage_donation {
    margin-bottom: 30px;
}

img.google_pstore_badge {
    width: 115px;
    height: 38px;
}

img.apple_astore_badge {
    width: 115px;
    height: 40px;
}

p.download_here_btns {
    margin-bottom: 10px;
}

button.share-public-profile, button.share-public-profile:hover {
    color: #fff;
    float: right;
    font-size: 25px;
}

/* new page design */
.single_student_order_page h1 {
    color: #092035;
    font-weight: 500 !important;
    margin-bottom: 30px;
    font-size: 40px;
}
.single_student_order_donationdetail {
    border: 1px solid #0b9109;
    border-width: 1px 0 1px 0;
    padding: 15px;
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single_student_order_page {
    color: #092035;
}

.single_student_order_donationdetaill {
    font-weight: 700;
}

.single_student_order_donationdetaill .donationamount {
    font-size: 24px;
    display: inline-block;
    margin-right: 15px;
}
.single_student_order_page .theme_btn {
    background-color: #0b9109;
    border-color: #0b9109;
    padding: 10px 18px;
    font-weight: 400;
}
.single_student_order_page .theme_btn.border_btn {
    background-color: transparent;
    color: #000;
}
.single_student_order_page .theme_btn:hover {
    background-color: #fff;
    color: #0b9109;
}

.single_student_order_page .theme_btn.border_btn:hover {
    background-color: #0b9109;
    color: #fff;
}
.single_student_order_page .theme_btn {
    min-width: 120px !important;
}
.single_student_order_authdetail {
    display: flex;
}
.single_student_order_authdetail_l {
    width: 50px;
}
.single_student_order_authdetail_r {
    width: calc(100% - 50px);
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
}
.single_student_order_authdetail_rr p {
    font-weight: 500;
}
.authpic img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
    overflow: hidden;
}
.single_student_order_authpersonaldetail {
    border: 1px solid #0b9109;
    border-width: 1px 0 1px 0;
    padding: 20px 15px;
    margin: 15px 0;
    text-align: center;
    font-size: 0;
}
.single_student_order_authpersonaldetail ul li {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    border-right: 1px solid #000;
    font-size: 18px;
    font-weight: 500;
}
.single_student_order_authpersonaldetail ul li:last-child {
    border: none;
}
.single_student_order_pera {
    padding: 15px;
}
.single_student_order_pera .bottombtns {
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.single_student_order_pera .bottombtns .theme_btn {
    width: calc(50% - 7px);
}
.single_slider_wrapper .dsingle_img.item {
    width: 100%;
    margin: 0;
}
.single_student_order_imgwrapper .owl-theme .owl-dots .owl-dot.active span, .single_student_order_imgwrapper .owl-theme .owl-dots .owl-dot:hover span,
.single_student_order_imgwrapper .owl-theme .owl-dots .owl-dot span{
    background: #6eaf13;
    opacity: 1;
}
.single_student_order_imgwrapper .owl-theme .owl-dots .owl-dot span{
    opacity: 0.3;
}
.single_slider_wrapper {
    position: relative;
}
.single_slider_wrapper .owl-nav button{
    position: absolute;
    top: calc(50% - 40px);
    height: 40px;
    width: 40px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #67ab06 !important;
    color: #fff !important;
    font-size: 18px !important;
    margin:  0 !important;
}
.single_slider_wrapper .owl-nav button.disabled{pointer-events: none;}
.single_slider_wrapper .owl-nav .owl-prev {
    left:5px;
}
.single_slider_wrapper .owl-nav .owl-prev:hover {
    left:0px;
}
.single_slider_wrapper .owl-nav .owl-next {
    right: 5px;
}
.single_slider_wrapper .owl-nav .owl-next:hover {
    right: 0px;
}
.single_slider_wrapper .owl-nav button span {
    font-size: 35px;
    height: 40px;
    line-height: 1;
}
/* .single_slider_wrapper .dsingle_img.item iframe,
.single_slider_wrapper .dsingle_img.item .plyr__poster,
.single_slider_wrapper .dsingle_img.item .plyr__video-wrapper{
    max-height: 500px;
    object-fit:cover;
} */

.single_slider_wrapper .dsingle_img.item iframe,
.single_student_order_imgwrapper .plyr video,
.single_student_order_imgwrapper .plyr__video-wrapper.plyr__video-embed {
    aspect-ratio: 16 / 9 !important;
    max-width: 100%;
}
.single_slider_wrapper .dsingle_img.item.onlyimage {
    aspect-ratio: 16 / 9 !important;
    display: flex;
    align-items: center;
    justify-content: center;  
}
.single_student_order_imgwrapper .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    max-height: 100%;
}
.single_student_order_imgwrapper .plyr__poster {
    background-size: cover;
}

#giftbag_description {
    overflow: hidden;
    line-height: 1.3;
}

.copylink_modal {
    color: #000;
    font-size: 16px;
}
.copylink_modal .payment-link-card {
    max-width: 100%;
    padding: 0 10px;
}
.copylink_modal .card {
    width: 540px;
    max-width: 98%;
    padding: 15px;
    border-radius: 0;
    margin: 0;
    border: none;
}
.copylink_modal .card-header {
    background-color: #fff;
    padding: 0px 0 25px;
}
.copylink_modal .card-header .payment_modal_title {
    color: #000;
    font-weight: 700 !important;
    font-size: 24px;
    margin-bottom: 20px;
}
.copylink_modal p {
    margin: 0;
}
.copylink_modal button#cancel-popup {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 12px;
    color: #000;
    opacity: 1;
}
.copylink_modal .card-footer {
    background-color: #092035;
    border: none;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 0;
}
.copylink_modal .card-footer p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
}
.copylink_modal .card-body {
    padding: 50px 0;
}
.copylink_modal .link_containergrpup {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    flex-wrap: wrap;
}
.copylink_modal .link_container {
    position: relative;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
}
.copylink_modal .link_container label {
    position: absolute;
    background-color: #fff;
    top: -12px;
    left: 15px;
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    color: #bfbfbf;
}
.copylink_modal .theme_btn {
    padding: 12px 5px !important;
    margin-top: 15px;
    width: 100%;
}
.copylink_modal .theme_btn:hover {
    background-color: #fff;
    color: #0b9109;
}
.copylink_modal .card-footer .social_btn {
    margin: 0 3px;
}
.copylink_modal .card-footer .fb {
    background-color: #1877F2;
}
.copylink_modal .card-footer .twitter {
    background-color: #1DA1F2;
}
.copylink_modal .card-footer .linkedin {
    background-color: #0A66C2;
}
.copylink_modal .social_btn:hover .dashicons {
    transform:  rotate(5deg);
}
.copylink_modal .social_btn .dashicons {
    transition: 0.4s linear;
}

/* profile page design */
.profile_wrapper {
    display: flex;
    justify-content: space-between;
    color: #000;
}
.profile_wrapper .profileleft {
    width: 360px;
    text-align: center;
    padding: 0;
    color: #fff;
    /* color: #333; */
}
.profile_wrapper .profileright {
    width: calc(100% - 360px);
    padding-left: 25px;
}
.profileflexwrapper {
    padding: 15px;
    background: #0B9109 url(./assets/images/bg.jpg) no-repeat;
    background-blend-mode: multiply;
    background-size: cover;
    background-position: center;
    /* border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 10px 13px rgb(0 0 0 / 6%);
    margin-bottom: 20px; */
}
/* .profileflexwrapper .profilelefttop, .profileflexwrapper .profileleftbottom {
    padding: 15px;
} */
.profileflexwrapper .profileleftbottom {
    margin-bottom: 15px;
}
/* 
.profileflexwrapper .profileleftbottom{
    max-height: 518px;
    overflow: auto;
}
.profileleftbottom::-webkit-scrollbar {
    width: 5px;
}
.profileleftbottom::-webkit-scrollbar-thumb {
    background-color: #015f00;
    border-radius: 5px;
} */
.profilevideosec {
    margin-top: 15px;
}
.profile_wrapper .profileleft .profile_imagebox img {
    height: 150px;
    width: 150px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    border: 2px solid #fff;
}
.profile_wrapper .profileleft .profile_imagebox {
    margin-bottom: 15px;
}
.profile_wrapper .profileleft .pname {
    color: #e8aa0f;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.profile_wrapper .profileleft .pcollege {
    font-size: 18px;
    font-weight: 700;
}
.profile_wrapper .profileleft .profileshort_info {
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 0px;
}
.profile_wrapper .supportsec {
    margin: 10px 0;
    border: 1px solid #7cb142;
    display: flex;
    align-items: center;
    color: #7C8990;
    justify-content: center;
    border-radius: 10px;
    background-color: #dff1df;
    /* box-shadow: 0 0 10px 13px rgb(0 0 0 / 6%); */
    padding: 10px;
    text-align: left;
}
.profile_wrapper .supportsec p {
    margin: 0;
    padding-left: 10px;
    font-size: 13px;
    opacity: 0.7;
}
.profile_wrapper .profilevideosec video {
    max-width: 100%;
}
.greenborderwrapper {
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 10px 13px rgb(0 0 0 / 6%);
    margin-bottom: 20px;
    background-color: #fff;
}
.greenborderwrapper .wrapperbox_title {
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 10px;
    font-weight: 700;
    text-transform: capitalize !important;
    position: relative;
}

.studentgiftinfo_wrapper.greenborderwrapper {
    margin: 0;
}

.studentinfo_details {
    display: flex;
    flex-wrap: wrap;
}
.studentinfo_details .singleinfowrapper {
    width: 33.33%;
    padding-right: 5px;
    margin-bottom: 15px;
}
.studentinfo_details .singleinfowrapper p {
    margin: 0;
    font-weight: 500;   
}
.studentinfo_details .singleinfowrapper p.label {
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.7;
}
.studentinfo_wrapper .greenborderbtn {
    width: 28%;
    padding: 13px;
}

.giftboxinfo_wrapper {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #7cb142;
    display: flex;
    align-items: center;
    color: #7C8990;
    justify-content: center;
    border-radius: 10px;
    background-color: #dff1df;
    box-shadow: 0 0 10px 13px rgb(0 0 0 / 6%);
}
.giftboxinfo_wrapper p {
    margin: 0;
    padding-left: 15px;
}
.student_giftbag_table {
    width: 100%;
}
.student_giftbag_table .titlediv {
    min-width: 200px;
}
.student_giftbag_table tr {
    border-bottom:1px solid #efefef;
}
.student_giftbag_table td {
    padding: 10px 15px;
    color: #333;
}
.student_giftbag_table .titlediv .category, .student_giftbag_table .titlediv u {
    font-size: 14px;
    color: #7C8990;
}
.student_giftbag_table .donation_card_img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.student_giftbag_table .donation_amount {
    font-size: 16px;
}
.student_giftbag_table .donation_type {
    margin: 0;
}
.final_payment_form button#place_order{
    border: 1px solid #0b9109;
    float: none !important;
}
.theme_btn.greensolidbtn, .theme_btn.greenborderbtn, .woocommerce .theme_btn.greensolidbtn, #donation-form .btn-donation.theme_btn,
.final_payment_form button#place_order  {
    background-color: #0b9109;
    border-color: #0b9109;
    padding: 10px 18px;
    font-weight: 500;
    font-size: 15px;
    min-width: 80px;
    color: #fff;
}
.theme_btn.greensolidbtn:hover, #donation-form .btn-donation.theme_btn:hover,
.final_payment_form button#place_order:hover {
    background-color: #fff;
    color: #0b9109;
}
.theme_btn.greenborderbtn {
    background-color: #fff;
    color: #000;
}
.theme_btn.greenborderbtn:hover{
    background-color: #0b9109;
    color: #fff;
}
.profileleftbottom a {
    color: #ffd262;
    /* color: #0b9009; */
    display: inline-block;
    margin-top: 5px;
}

.nowrap {
    white-space: nowrap;
}
.border_none {
    border: none !important;
}
.greenborderwrapper .wrapperbox_title .sharebutton {
    position: absolute;
    right: 0;
    top: -5px;
}

.greenborderwrapper .wrapperbox_title .sharebutton .btn {
    height: 33px;
    width: 33px;
    background-color: #e8aa0f;
    border-radius: 100%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}


/**/
.gretjobsec .page_title{
    font-size: 28px;
    margin-bottom: 10px;
}
.thanksmsg_wrapper {
    text-align: center;
    color: #7C8990;
    position: relative;
    /* width: 700px;
    max-width: 100%;   
    margin: 0 auto;
    padding: 30px;
    border: 1px solid #7cb142;  
    border-radius: 10px;
    background-color: #dff1df;
    box-shadow: 0 0 10px 13px rgb(0 0 0 / 6%); */
}
.thanksmsg_wrapper:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 370px;
    display: inline-block;
    background-color: rgb(230 244 230);
    content: "";
    z-index: -1;
}
.thanksmsg_wrapper .page_title {
    color: #0b9009;
    margin-bottom: 15px;
}
.refer_frds_wrapper .help_contact_wrapper {
    padding: 20px 50px;
}
.refer_frds_wrapper .help_contact_wrapperr img {
    max-height: 260px;
}
.refer_frds_wrapper .help_contact_wrapper .hccontact_title {
    font-weight: 500 !important;
    font-size: 22px;
    margin: 0;
}
.downloadapp_sec_top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.downloadapp_sec_topl {
    width: 60%;
}
.donation_privacy {
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
}
.donation_privacy .donation_privacyl {
    width: 50px;
}
.donation_privacy .donation_privacyl img {
    max-height: 60px;
}
.donation_privacy .donation_privacyr {
    padding-left: 10px;
}
.donation_privacy .donation_privacyr h5 {
    font-size: 16px;
    margin-bottom: 1px;
}
.donation_privacy .donation_privacyr p {
    margin: 0;
    font-size: 12px;
}
.thankyou_video {
    text-align: center;
}
.thankyou_video video {
    max-width: 100%;
}
.donation_privacyul {
    font-size: 14px;
    margin-bottom: 20px;
}
.donation_privacyul a {
    color: #9CA5AD;
    font-weight: 500;
}
.donation_privacyul a:hover{
    text-decoration: underline;
    color: #000;
}
.donation_privacyul li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #9CA5AD;
}
.donation_privacyul li:last-child {
    border: none;
    margin-right: 0;
}

.thankyou_donation_detail_wrapper {
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
}
.thankyou_donation_detail_wrapper .donationtitle {
    font-size: 22px;
    font-weight: 500 !important;
    margin-bottom: 14px;
}
.thankyou_donation_detail_wrapper .donationamount {
    margin-bottom: 25px;
    line-height: 1;
}

.thankyou_donation_detail_wrapper .donationamount span {
    font-size: 16px;
    font-weight: 500;
    margin-left: 0;
    /* width: 100%; */
    margin-left: 10px;
    display: inline-block;
}
.thankyou_donation_detail_wrapper .desc {
    color: #7C8990;
    font-size: 18px;
    margin-bottom: 25px;
}
.thankyou_donation_detail_wrapper .theme_btn {
    min-width: 150px !important;
}
.donation_metadata li {
    display: inline-block;
    margin-right: 10px;
    color: #7C8990;
    padding-right: 14px;
    border-right: 1px solid #7C8990;
    font-size: 14px;
}
.donation_metadata li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
}
.donation_metadata {
    margin-bottom: 25px;
}
.donation_metadata li span {
    font-weight: 500;
}
.downloadapp_sec_top .downloadapp_sec_topr img {
    width: auto;
    height: auto;
    max-height: 60px;
    transition: 0.4s linear;
}
.downloadapp_sec_top .downloadapp_sec_topr a:hover img{
    transform: scale(1.03);
}

.donation_failed_wrapper {
    width: 600px;
    margin: 0 auto;
    padding: 50px;
    box-shadow: 3px 3px 10px 13px #0000000f;
}
.donation_failed_wrapper .donation_payment_icon.failedl_donation {
    margin-bottom: 30px;
}

/* go to section design */
.goto_info_section {
    font-size: 17px;
}
.goto_info_wrapper {
    display: flex;
    align-items: flex-start;
}
.goto_info_wrapper .goto_info_img {
    width: 60px;
}
.goto_info_wrapper .goto_info_img img{
    height: 60px;
}
.goto_info_wrapper .goto_info_pera {
    width: calc(100% - 60px);
    padding-left: 15px;
    margin: 0;
    color: #1E1E1E;
    font-weight: 500;
}

/* gift card slider design */
.giftcard_slider_wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 15px;
}
.giftcard_slider_wrapper .gift_slide_card {
    width: calc(20% - 15px);
    display: inline-flex;
    font-size: 16px;
    margin: 15px 7px;
}
.gift_slide_card_bg {
    background-color: #fff;
    box-shadow: 3px 3px 10px 0px #0000000f;
    display: inline-block;
    text-decoration: none;
    color: #7C8990;
}
.gift_slide_card_bg:hover{
    color: #1e1e1e;
    box-shadow: 3px 3px 10px 8px #0000000d;
}
.gift_slide_card_data {
    padding: 15px;
    position: relative;
}
.gift_slide_card .gift_slide_card_img_wrapper {
    position: relative;
    overflow: hidden;
}
.gift_slide_card .gift_slide_card_img_wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.4s linear;
}
.gift_slide_card_bg:hover .gift_slide_card_img_wrapper img {
    transform: scale(1.08);
}
.gift_slide_card .gift_slide_card_img_wrapper .giftdonationtype {
    background-color: rgb(255 255 255 / 50%);
    display: inline-block;
    color: #1e1e1e;
    font-weight: 700;
    position: absolute;
    top: 5px;
    padding: 3px;
    font-size: 13px;
    left: 5px;
    height: auto;
    width: auto;
}
.gift_slide_card .gift_slide_card_data .giftdonationamount{
    background-color: #508b00;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    left: 15px;
    top: -22px;
    position: absolute;
    width: auto;
    height: auto;
    font-weight: 700;
}

.gift_slide_card_data .giftdonationtype {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
}
.gift_slide_card .gifttitle {
    color: #1E1E1E;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gift_slide_card .desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

/* new dashboard theme design */
.top_pagetitle_head, .dash_sidebar, .dash_logo, div#sidebarnav.offcanvas-end {
    background-color: #092035;
}
.dash_sidebar .list-group .list-group-item.active, .dash_sidebar .list-group .list-group-item:hover {
    background-color: transparent;
    color: #0b9109;
    opacity: 1;
}
.dash_sidebar .list-group .list-group-item {
    color: #fff;
    opacity: 0.8;
}
/* footer.theme_footer.dash_footer {
    display: none;
} */
.dash_content_area {
    background-color: #f0f0fa;
}

.Withdrawal_form .content_title {
    font-size: 18px;
    font-weight: 500 !important;
}
.Withdrawal_form .theme_btn {
    min-width: 120px;
}

.payment_methods label[for="payment_method_wcauthorizegateway"] img {
    margin-right: 5px !important;
    margin-left: 0 !important;
    height: 25px;
}

.paymentbox_header {
    display: flex;
    justify-content: space-between;
}
.paymentbox_header .payment_cards {
    display: flex;
}
.paymentbox_header .payment_cards li {margin-left: 5px;}
.paymentbox_header .payment_cards li img {
    max-height: 25px;
}

.donar-secure-btn {
    display: inline-flex;
    margin-left: 20px;
    font-size: 18px;
    color: grey;
    font-weight: 600;
    margin-bottom: 0;
    vertical-align: middle;
}
.donar-secure-btn svg {
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
}


/* responsive css */
@media (min-width: 992px){
    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-lg .offcanvas-head-wrap {
        display: none;
    }

    /**/
    .dash_sidebar.active {
        width: 0px;
        opacity: 0;
    }
    .dash_sidebar.active .dash_logo .site-logo {
        display: none;
    }
    .dash_sidebar.active .dash_logo {
        justify-content: center;
        min-height: 79px;
    }
    .dash_sidebar.active .list-group .list-group-item p {
        font-size: 0;
    }
    .dash_sidebar.active .single_side_menu {
        justify-content: center;
    }
    .dash_sidebar.active .single_side_menu .dash_side_icon {
        margin-right: 0;
        pointer-events: initial;
    }
    .dash_sidebar.active + .dash_content_area {
        width: calc(100%);
    }

    .dash_sidebar.active .toggle_sidebar span {
        transform: rotate(45deg);
        margin: 0;
    }
    .dash_sidebar.active .toggle_sidebar span:nth-child(2) {
        display: none;
    }
    .dash_sidebar.active .toggle_sidebar span:nth-child(3) {
        transform: rotate(-45deg);
        margin: 0;
        margin-top: -2px;
    }
}

@media (min-width: 1201px){
    /* .home_page .container, .theme_footer .container, .donation_page .container {
        max-width: 1140px;
    } */
    .volunteers_section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1600px){
    /* .tile_box{
        padding: 30px;
        font-size: 15px;
    }
    .tile_boxr{
        padding-left: 25px;
    } */

}

@media (max-width: 1680px){
    .profile_wrapper .profileleft {
        width: 300px;
    }
    .profile_wrapper .profileright {
        width: calc(100% - 300px);
        padding-left: 15px;
    }
}
@media (max-width: 1400px){
    .tile_box{
        font-size: 12px;
        padding: 20px 15px;
    }
    .tile_boxr {
        padding-left: 10px;
    }
    .tile_box_amout {
        font-size: 20px;
    }

    .dash_info_box {
        padding: 20px 15px;
        font-size: 14px;
    }
    .dash_info_box_icon {
        width: 50px;
        height: 50px;
    }
    .dash_info_box_icon svg {
        max-height: 30px;
        max-width: 30px;
    }
    .dash_info_box_footer {
        width: calc(100% - 50px);
        padding-left: 10px;
    }
    .dash_info_box_footer h4 {
        font-size: 20px;
        margin: 0;
    }

    .theme_table table th, .theme_table table td{
        font-size: 14px;
    }
    
    .theme_tabs .nav-fill {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        flex-direction: row;
        flex: 1;
        -webkit-overflow-scrolling: touch;
    }
    .theme_tabs .nav-fill .nav-item{
        flex: 0 0 auto;
    }
    .theme_tabs .nav-tabs .nav-link {
        padding: 10px 20px;
    }

    ul.contact_info_list li .contact_info_lista {
        font-size: 18px;
        align-items: center;
    }

    .hc_question_section .accordion-item .accordion-button {
        font-size: 20px;
    }

    .single_student_order_page h1 {
        font-size: 36px;
    }
    
}

@media (max-width: 1399px){
    .how_workstep:before{
        right: -23%;
    }
}
@media (max-width:1280px){
    .giftcard_slider_wrapper .gift_slide_card {
        width: calc(33% - 15px);
    }
}
@media (max-width: 1199px){
    .top_header .container-fluid, .bottom_header .container-fluid {
        padding: 0 15px;
    }
    .top_header {
        font-size: 14px;
    }
    .bottom_header ul.navbar-nav {
        margin-right: 20px;
        padding-right: 20px;
    }
    .bottom_header .navbar-nav .nav-link {
        margin-left: 20px;
        font-size: 16px;
    }
    .header_search_bar {
        margin-right: 20px;
    }
    .site-logo, .site-logo span {
        font-size: 22px;
    }

    .volunteers_wrapper {
        margin-top: -46px;
    }
    .banner_wrapper {
        min-height: 580px;
    }
    .banner_wrapper h1 {
        font-size: 48px;
        width: 580px;
    }
    .page_title {
        font-size: 34px;
    }
    .volunteers_wrapperl_img img {
        max-height: 310px;
    }
    .left_space {
        margin-left: 100px;
    }
    .content_title {
        font-size: 20px;
    }
 
    .service_icon {
        width: 110px;
        height: 110px;
    }
    .service_icon svg {
        height: 50px;
        width: 50px;
    }
    .testimonial_wrapperl {
        margin: 0 40px;
        width: calc(50% - 80px);
    }
    .testimonial_wrapperr {
        width: 50%;
    }
    #testimonial_slider_wrapper p {
        font-size: 20px;
    }
    #testimonial_slider_wrapper .name {
        font-size: 23px;
    }
    .testimonial_wrapperr .test_imgbox img {
        height: 300px;
    }
    #testimonial_slider_wrapper .carousel-indicators {
        margin-bottom: 30px;
    }
    #testimonial_slider_wrapper .carousel-indicators [data-bs-target] {
        width: 70px;
        height: 70px;
    }

    /* profile page */
    .profile_detail_boxl {
        width: 130px;
    }
    .profile_detail_boxr {
        width: calc(100% - 130px);
    }
    .profile_container {
        width: 130px;
        height: 130px;
    }
    .profile_page .border_box_body {
        padding: 10px 5px;
    }
    .profile_container .change_uploaded_image {
        right: 17px;
        top: -6px;
    }  
    .profile_container .remove_updated_image {
        right: 0;
        top: 25px;
    }

    /* profile page detail */
    .donation_title h1 {
        font-size: 28px;
    }

    /* contact */
    .contact_info_box, .contact_form_box {
        padding: 40px 20px;
    }
    .contact_info_box h2, .contact_form h2 {
        font-size: 24px;
    }

    /**/
    .innerpage, .innertitle {
        font-size: 20px;
    }
    .innerpage_date{
        font-size: 16px;
    }
    .innerpage .page_title {
        margin-bottom: 20px;
    }

    /**/
    .accordiontype2 .accordion-button {
        font-size: 18px;
        padding: 12px;
    }
    .accordiontype2 .accordion-body {
        font-size: 16px;
        padding: 12px;
    }
    .how_workstep .svg_icon {
        width: 140px;
        height: 140px;
    }
    .how_workstep:after {
        top: 70px;
        width: calc(50% - 60px);
    }
    .how_workstep:before {
        top: 64px;
        right: -16%;
    }
    .how_workstep_wrapperr1:after {
        top: 70px;
    }

    /**/
    .single_student_order_page h1 {
        font-size: 32px;
    }

    /* profile page redesign */
    .profile_wrapper .profileleft, .profile_wrapper .profileright {
        width: 100%;
        padding: 0;
    }
    .profile_wrapper {
        flex-wrap: wrap;
    }
    .profile_wrapper .supportsec p {
        font-size: 15px;
        opacity: 1;
    }
    .profile_wrapper .profileright {
        margin-top: 10px;
    }
    .profileflexwrapper {
        display: flex;
        flex-wrap: wrap;
        padding: 25px 15px;
    }
    .profileflexwrapper .profilelefttop {
        width: 180px;
    }
    .profileflexwrapper .profileleftbottom {
        width: calc(100% - 180px);
        padding-left: 15px;
        text-align: left;
        margin: 0;
    }
    .profile_wrapper .profileleft .profile_imagebox img {
        height: 120px;
        width: 120px;
    }
    .profile_wrapper .profileleft .pname {
        margin-bottom: 0px;
    }
    .profile_wrapper .supportsec img {
        max-height: 40px;
    }

    .downloadapp_sec_top .downloadapp_sec_topr img {
        max-height: 49px;
    }
    .refer_frds_wrapper .help_contact_wrapper {
        padding: 15px 25px;
    }
    .refer_frds_wrapper .help_contact_wrapper .hccontact_title {
        font-size: 20px;
    }
}

@media (max-width: 991px){
    /* responsive menu */
    .bottom_header .navbar-nav .nav-link {
        margin: 10px 0 !important;
        color: #092035 !important;
    }
    .bottom_header ul.navbar-nav {
        margin: 0;
        padding: 0;
        border: none;
    }
    .bottom_header .offcanvas-head-wrap {
        display: flex;
        justify-content: space-between;
        padding: 15px;
        align-items: center;
        box-shadow: 0 0 6px #cdcdcda3;
        background-color: #0b9109;
    }
    .bottom_header .offcanvas-head-wrap .btn-close {
        background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat;
        opacity: 1;
    }
    .bottom_header  h5.offcanvas-logo {
        margin: 0;
    }
    .bottom_header .offcanvas-end{
        width: 300px;
    }

    .top_header {
        font-size: 12px;
    }
    .top_headerl ul li {
        margin-right: 10px;
    }
    .top_headerr ul li {
        margin-left: 15px;
    }
    .top_headerr ul li img {
        max-height: 12px;
    }
    .search_bag_button_wrapper {
        margin-right: 15px;
        margin-left: auto;
    }
    .bottom_header .navbar-toggler {
        padding: 0;
        border: none;
        outline: none;
        box-shadow: none;
    }
    .bottom_header .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .volunteers_wrapper {
        margin-top: 50px;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .volunteers_wrapperl, .volunteers_wrapperr {
        width: 100%;
    }
    .page_title {
        font-size: 28px;
    }
    .volunteers_wrapperl_img {
        position: relative;
    }
    .volunteers_wrapperl {
        display: flex;
        align-items: flex-end;
        padding-bottom: 0;
    }
    .volunteers_wrapperl .left_space {
        margin-left: 0;
        margin-bottom: 40px;
    }
    .volunteers_wrapperl_detail {
        width: auto;
    }
    .volunteers_wrapperl p {
        margin-bottom: 15px;
    }
    .volunteers_wrapper .theme_btn {
        padding: 10px 18px;
    }
    .page_title_wrapper .page_title {
        width: 100%;
    }
    .service_wrapper {
        flex-wrap: wrap;
    }
    .service_wrapper .service_box {
        width: 50%;
        margin: 20px 0;
    }
    .service_wrapper .service_box:nth-child(2n) {
        border: none;
    }
    #testimonial_slider_wrapper p {
        font-size: 17px;
    }
    #testimonial_slider_wrapper .name {
        font-size: 19px;
        margin-top: 15px;
    }
    #testimonial_slider_wrapper .carousel-indicators [data-bs-target] {
        width: 60px;
        height: 60px;
        margin-right: 13px;
    }

    /* responsive sidebar design */
    div#sidebarnav.offcanvas-end {
        width: 280px;
    }
    div#sidebarnav.offcanvas-end .dash_logo .btn-close{
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    }
    div#sidebarnav.offcanvas .list-group {
        min-height: calc(100vh - 79px);
        overflow: hidden;
        overflow-y: auto;
    }
    .dash_wrapper {
        flex-wrap: wrap;
    }
    .dash_sidebar, .dash_content_area {
        width: 100%;
    }
    .dash_sidebar{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .toggle_sidebar{
        align-items: flex-end;
    }
    .top_pagetitle_head {
        display: none;
    }
    .dash_content_area {
        /* min-height: calc(100vh - 80px);
        padding-top: 25px; */
    }
    div#sidebarnav.offcanvas .list-group .list-group-item {
        padding: 10px 15px;
    }
    .single_side_menu .dash_side_icon .active_menu_icon, .single_side_menu .menu_icon {
        max-height: 20px;
        line-height: 1;
    }
    .single_side_menu .dash_side_icon {
        width: 20px;
        height: 20px;
    }
    .single_side_menu .dash_side_icon img {
        max-height: 20px;
        max-width: 20px;
    }
    footer.theme_footer.dash_footer .site-logo img {
        max-height: 40px;
    }
    
    
    ul.contact_info_list li .contact_info_lista {
        font-size: 16px;
    }
    .list_icon {
        width: 30px;
        height: 30px;
    }
    .list_icon img {
        height: 12px;
    }
    .contact_info_listdetail {
        max-width: calc(100% - 45px);
    }
    .contact_info_box h2, .contact_form h2 {
        margin-bottom: 20px;
    }

    .border_title_wrapper .border_maintitle {
        font-size: 24px;
    }
    .border_title_wrapper .border_subtitle {
        font-size: 14px;
    }
    .border_title_wrapper {
        width: auto;
        display: inline-block;
        margin: 0 auto 30px;
        padding: 12px 50px;
        border-radius: 20px;
    }
    .how_it_works_create_free_account_section {
        text-align: center;
    }

    /**/
    .single_student_order_page h1 {
        font-size: 28px;
    }
    .single_student_order_authpersonaldetail ul li {
        font-size: 16px;
    }

    /**/
    .thankyou_page .page_title_wrapper p, .thankyou_donation_detail_wrapper .donationtitle, .refer_frds_wrapper .help_contact_wrapper .hccontact_title {
        font-size: 18px;
    }
    .downloadapp_sec_top .downloadapp_sec_topr img {
        max-height: 40px;
    }
    

    .gift_slide_card .gift_slide_card_img_wrapper {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px){
    body, .goto_info_section {
        font-size: 14px;
    }
    .top_header{
        padding: 10px 0;
    }
    .page_title_wrapper {
        margin-bottom: 30px;
    }    
    .section_gap {
        padding: 45px 0;
    }
    .page_title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .page_title_wrapper p {
        font-size: 18px;
    }
    .volunteers_wrapperl, .volunteers_wrapperr {
        padding: 20px 12px;
    }
    .volunteers_wrapperl {
        padding-bottom: 0;
    }
    .volunteers_wrapperl_img img {
        max-width: 200px;
    }
    .how_it_work_box p, .service_box p {
        font-size: 14px;
    }
    .top_headerr ul li {
        font-size: 0;
    }
    .header_search_bar .search_input {
        right: -280px;
    }
    .banner_wrapper h1 {
        font-size: 40px;
        margin-bottom: 35px;
        line-height: 1.2;
    }
    
    .banner_wrapper {
        min-height: 420px;
    }
    
    .banner_wrapper .form_box .theme_btn {
        padding: 10px;
        min-width: 100px;
        font-size: 14px;
    }
    
    .banner_wrapper .form_box input {
        /* width: calc(100% - 100px); */
        width: 100%;
        font-size: 16px;
    }
    
    .banner_wrapper .form_box {
        padding: 6px 10px 6px 25px;
    }
    .testimonial_wrapper {
        flex-direction: column-reverse;
    }
    .testimonial_wrapperl, .testimonial_wrapperr {
        width: 100%;
    }
    .testimonial_wrapperl .have_fix_width {
        width: 100%;
        padding: 0 45px;
    }
    #testimonial_slider_wrapper p {
        font-size: 14px;
    }
    #testimonial_slider_wrapper .name {
        font-size: 16px;
    }
    .story_section .story_slider_wrapper {
        padding-left: 25px;
    }
    .story_slide p {
        font-size: 14px;
    }
    .story_slide .story_slide_img {
        margin-bottom: 15px;
    }
    .story_slide {
        width: 300px;
    }
    .story_slide .story_slide_img img {
        height: 230px;
    }
    
    .contact_section .theme_btn {
        margin-top: 25px;
        padding: 14px 40px;
    }   
    .footer_middle {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }   
    .footer_play_link_wrapper {
        margin-top: 20px;
    }
    footer.theme_footer {
        padding: 35px 0;
        font-size: 14px;
    }   

    /* dashboard design */
    .dash_content_area {
        padding: 100px 12px 15px;
    }
    .dash_info_box, .tile_box {
        margin-bottom: 15px;
    }
    .dast_title {
        margin: 15px 0;
    }

    /* */
    .border_box_body {
        padding: 15px 12px;
    }
    .border_box_body > .container-fluid {
        padding: 0;
    }
    #donation-form .form-control {
        height: 40px !important;
        font-size: 14px !important;
        padding: 5px !important;
    }
    .border_box_header .border_box_title {
        /* font-size: 18px; */
    }
    .border_box_header {
        padding: 16px 12px;
    }  
    .border_box_header .border_box_title {
        font-size: 16px;
    }
    .theme_modal .modal-footer {
        justify-content: center;
    }
    .theme_breadcrumb .breadcrumb-item {
        font-size: 14px !important;
    }

    .profile_page.inner_profile{
        margin: -25px -12px;
    }

    /* profile detail page */
    .donation_title h1 {
        font-size: 24px;
    }
    .donation_amount_tag {
        text-align: left;
        margin-top: 10px;
        display: flex;
        align-items: self-end;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .donation_amount_tag br {
        display: none;
    }
    .donation_amount_tag .theme_btn {
        margin-top: 0;
    }
    .dsingle_img .plyr--video {
        max-width: 100%;
        min-width: 20px;
    }
    .dsingle_img {
        width: calc(50% - 12px);
    }

    .contact_info_box h2, .contact_form h2 {
        margin-bottom: 30px;
    }

    /**/
    .innerpage, .innertitle {
        font-size: 18px;
    }

    /**/
    .hc_question_section .accordion-item {
        padding: 15px 0;
    }
    .hc_question_section .accordion-item .accordion-body {
        font-size: 16px;
    }
    .help_contact_wrapper {
        padding: 0 20px 40px;
        flex-direction: column-reverse;
    }
    .help_contact_wrapperl, .help_contact_wrapperr {
        width: 100%;
        text-align: center;
    }
    .help_contact_wrapperr img {
        margin-top: -40px;
        margin-bottom: 30px;
    }

    /**/
    .how_it_works_banner_section .banner_wrapper {
        min-height: 360px;
    }
    .how_it_works_trusted_platform_section  img.section_img, .how_it_works_scholarships_section .section_img {
        max-height: 180px;
        margin-bottom: 40px;
    }
    .how_it_works_trusted_platform_section {
        text-align: center;
    }
    .how_it_works_scholarships_section {
        text-align: center;
    }
    .accordiontype2 {
        text-align: left;
    }

    .how_workstep {
        padding: 0 15px;
    }
    .how_workstep .svg_icon {
        height: 80px;
        width: 80px;
        border-radius: 8px;
    }
    .how_workstep .svg_icon svg {
        height: 35px;
    }
    .how_workstep:after {
        top: 40px;
        left: calc(50% + 55px);
        width: calc(50% - 25px);
    }
    .how_workstep:before {
        top: 34px;
        right: -18%;
    }
    .how_it_works_create_free_account_step4:before {
        right: calc(50% - 60px) !important;
    }
    .how_workstep_wrapperr1:after {
        top: 40px;
    }

    /**/
    .single_student_order_page h1 {
        font-size: 22px;
    }
    .single_student_order_donationdetail {
        margin: 10px 0;
        padding: 10px;
    }
    .single_student_order_donationdetaill .donationamount {
        font-size: 19px;
        margin-right: 5px;
    }
    .single_student_order_page .theme_btn {
        min-width: 80px !important;
        font-size: 14px;
        padding: 8px !important;
    }
    .single_student_order_authdetail_r {
        padding: 0 10px;
    }
    .single_student_order_authpersonaldetail {
        margin: 10px 0;
        padding: 10px;
    }
    .single_student_order_authpersonaldetail ul li {
        font-size: 14px;
        padding: 0 8px;
    }
    .single_student_order_pera {
        padding: 10px;
        padding-top: 0;
    }

    /* profile page redesign */
    .profile_wrapper .profileleft .profileshort_info{
        line-height: 1.4;
    }
    .profile_wrapper .profileleft, .profile_wrapper .profileright {
        padding: 12px;
    }
    .profile_wrapper .profileright {
        padding-top: 0;
        margin-top: 0;
    }
    .profile_wrapper .profileleft .profile_imagebox img {
        height: 90px;
        width: 90px;
    }
    .profile_wrapper .profileleft .profile_imagebox {
        margin-bottom: 8px;
    }
    .greenborderwrapper {
        padding: 15px;
    }
    .studentinfo_details .singleinfowrapper p.label {
        font-size: 15px;
    }
    .studentinfo_details .singleinfowrapper p {
        font-size: 14px;
    }
    .greenborderwrapper .wrapperbox_title {
        margin-bottom: 15px;
    }
    .student_giftbag_table .theme_btn.greensolidbtn, .student_giftbag_table .theme_btn.greenborderbtn {
        min-width: 60px;
        padding: 7px;
        font-size: 12px;
    }
    .student_giftbag_table .donation_amount, .student_giftbag_table .donation_type {
        font-size: 14px;
    }
    .profile_page,.profile_wrapper .supportsec p {
        font-size: 14px;
    }

    /**/
    .thankyou_page .page_title_wrapper p, .thankyou_donation_detail_wrapper .donationtitle, .refer_frds_wrapper .help_contact_wrapper .hccontact_title,
    .thankyou_donation_detail_wrapper .desc {
        font-size: 16px;
    }
    .refer_frds_wrapper .help_contact_wrapperr img {
        max-height: 160px;
    }
    .refer_frds_wrapper .help_contact_wrapper {
        padding: 30px;
    }
    .downloadapp_sec_top {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .downloadapp_sec_top .downloadapp_sec_topl, .downloadapp_sec_top .downloadapp_sec_topr {
        width: 100%;
    }
    .downloadapp_sec_top .downloadapp_sec_topl {
        margin-bottom: 30px;
    }
    .donation_privacyul a {
        font-size: 12px;
    }

    .giftcard_slider_wrapper .gift_slide_card {
        width: calc(50% - 15px);
    }
    .gift_slide_card .gifttitle {
        font-size: 16px;
    }
    .gift_slide_card .desc {
        font-size: 15px;
    }
}


@media (max-width: 575px){
    .theme_breadcrumb {
        padding: 15px 0;
    }
    .top_headerr ul li img {
        max-height: 17px;
    }
    .bottom_header {
        padding: 5px 0;
    }
    .site-logo img {
        max-height: 50px;
    }
    .site-logo, .site-logo span {
        font-size: 18px;
    }
    .header_gift .theme_btn {
        /*font-size: 0;*/
        /*min-width: 10px;*/
        /*padding: 1px;*/
        /*border-radius: 100%;*/
        /*width: 29px;*/
        /*height: 29px*/
    }
    .header_gift .theme_btn img {
        /*margin: 0;*/
    }
    .header_search_bar {
        margin-right: 10px;
    }
    .header_search_bar .search_input {
        right: -85px;
        width: 300px;
        padding: 5px;
        overflow: hidden;
        justify-content: flex-end;
    }
    .search_bag_button_wrapper {
        margin-right: 10px;
    }
    .header_search_bar .search_input .header_search_control {
        width: calc(100% - 60px);
        font-size: 14px;
        height: 34px;
        margin-right: 10px;
    }
    .header_search_bar.active .search_input {
        top: 45px;
    }

    .banner_wrapper h1 {
        font-size: 27px;
    }
    .banner_wrapper .form_box {
        padding: 6px;
    }
    .banner_wrapper .form_box input {
        font-size: 12px;
        /* width: calc(100% - 50px); */
        padding-left: 5px;
        height: 35px;
    }
    .banner_wrapper .form_box .theme_btn {
        min-width: 70px;
        font-size: 12px;
        padding: 6px 10px;
    }
    .volunteers_wrapperl {
        flex-wrap: wrap;
    }
    .volunteers_wrapperl_img {
        left: 0;
    }
    .volunteers_wrapperl_detail {
        padding: 20px 0;
    }
    .volunteers_wrapperl .left_space {
        margin-bottom: 0;
    }
    .volunteers_wrapper .theme_btn {
        margin-top: 0px;
    }
    .page_title {
        font-size: 22px;
    }
    .page_title_wrapper p {
        font-size: 16px;
    }
    .service_wrapper {
        margin: 0;
    }
    .service_wrapper .service_box {
        width: 100%;
        border: none;
    }
    .service_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 15px;
    }
    .testimonial_wrapperr .test_imgbox img {
        height: 180px;
    }
    .testimonial_wrapperl .have_fix_width {
        padding: 0 15px;
    }
    .how_it_work_box {
        margin: 20px 0;
    }
    .how_it_work_box .work_img_box {
        margin-bottom: 15px;
    }
    .content_title {
        font-size: 18px;
    }
    .contact_section .theme_btn {
        padding: 12px 25px;
    }
    .footer_top ul.footer_social li {
        margin-left: 7px;
    }

    .story_slide {
        width: 280px;
    }
    .story_slide .story_slide_img img {
        font-size: 200px;
    }
    .story_section .story_slider_wrapper{
        padding: 0 15px;
    }

    /**/
    .auth_page_form .theme_btn {
        padding: 10px 12px;
        min-width: 120px;
        font-size: 15px;
    }
    .form-control {
        height: 45px !important;
    }
    .upload_row .theme_btn {
        width: 110px;
        min-width: 20px;
        font-size: 15px;
        padding: 0 6px;
    }
    .upload_row .theme_btn {
        height: 45px;
        line-height: 43px;
    }

    /**/
    .payment_modal .card-footer {
        display: flex;
        flex-direction: column-reverse;
    }
    .payment_modal .card-footer .social_link_container {
        margin-top: 5px;
    }

    /**/
    .border_box_header .theme_btn {
        font-size: 13px;
        padding: 6px 5px;
    }
    label {
        font-size: 14px;
    }
    .border_box_body .theme_btn {
        margin: 3px;
    }
    .upload_row .theme_btn {
        margin: 0 !important;
        font-size: 14px;
        min-width: 100px;
    }

    /* profile page */
    .profile_detail_boxl {
        width: 90px;
    }
    .profile_detail_boxr {
        width: calc(100% - 90px);
    }
    .profile_detail_boxl .profile_container {
        width: 90px;
        height: 90px;
        transform: translateY(20px);
        margin-top: 20px;
    }
    .profile_detail_boxr p.pmajor, .tag_design {
        font-size: 12px;
    }
    .profile_detail_boxr p.pname {
        font-size: 16px;
    }
    .profile_name_majore p {
        margin-bottom: 5px;
    }
    .profile_page_top {
        margin-bottom: 50px;
    }

    /**/
    .donation_amount_tag {
        margin-top: 20px;
    }
    .donation_title h1 {
        font-size: 20px;
    }
    .donation_detail span {
        font-size: 14px;
        white-space: nowrap;
    }

    .contact_form_wrapper {
        transform: translate(0);
        margin: 0;
        margin-top: 30px;
    }
    .contact_info_box, .contact_form_box {
        padding: 30px 12px;
    }
    .contact_info_box h2, .contact_form h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .contact_form_box p{
        margin-bottom: 10px;
    }
    ul.contact_info_list li:last-child {
        margin-bottom: 0;
    }
    .page_top_title {
        padding: 15px 0;
    }
    .contact_form .theme_btn {
        padding: 12px;
    }
    .contact_map iframe {
        height: 220px;
    }  
    
    /**/
    .innerpage, .innertitle {
        font-size: 16px;
    }
    .innerpage_date{
        font-size: 14px;
    }
    .shareoption {
        padding: 15px 0;
    }
    .socialmedia_wrapper a {
        margin: 0;
    }
    .socialmedia_wrapper a img {
        max-height: 31px;
    }
    .innerpage p, .innertitle{
        margin-bottom: 10px;
    }
    
    /**/
    .hc_banner_section .bannerserchbar {
        margin: 25px 0;
    }  
    .hc_question_section .accordion-item .accordion-button {
        font-size: 18px;
    }
    .help_contact_wrapper {
        font-size: 16px;
    } 
    .white_box {
        padding: 30px 15px;
        font-size: 16px;
    }   
    .whitebox_title{
        font-size: 20px;
    }
    .help_contact_wrapper .theme_btn, .white_box .theme_btn {
        padding: 10px 20px;
        margin-top: 15px;
        font-size: 16px;
    }   
    .help_contact_wrapperr img {
        max-height: 150px;
    }

    /**/
    .how_it_works_banner_section .banner_wrapper h1 {
        margin-bottom: 10px;
    }  
    .how_it_works_banner_section .banner_wrapper p {
        font-size: 16px;
    } 
    .how_it_works_information_section  .how_it_work_box {
        margin: 0;
    }
    .how_it_work_img_box {
        margin-bottom: 10px;
    }  
    .how_it_work_img_box svg {
        height: 60px;
    }  
    .accordiontype2 .accordion-button {
        font-size: 16px;
    }  
    .accordiontype2 .accordion-body {
        font-size: 14px;
    }    
    .border_title_wrapper {
        width: 100%;
        padding: 12px;
    }   
    .border_title_wrapper .border_maintitle {
        font-size: 22px;
    }
    .how_workstep {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 20px 0;
    }
    .stepcontent {
        width: calc(100% - 80px);
        text-align: left;
        padding-left: 20px;
    }
    .create_free_account_title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .create_free_account_description {
        width: 100%;
    }
    .how_workstep .svg_icon, .create_free_account_description p {
        margin: 0;
    }
     .how_workstep_wrapperr1 {
        padding: 0;
    }
    .how_workstep:before, .how_workstep:after {
        display: none;
    }
    .how_workstep_wrapperr1:after {
        top: 80px;
        right: auto;
        left: 40px;
        background-color: transparent;
        border-right: 2px dashed #fff;
    }

    /**/
    .single_student_order_authdetail_r {
        flex-direction: column;
    }
    .single_student_order_imgwrapper .owl-theme .owl-dots .owl-dot span {
        width: 7px;
        height: 7px;
        margin: 2px;
    }

    /**/
    .copylink_modal .link_containergrpup {
        flex-direction: column;
        align-items: self-end;
    }
    .copylink_modal .theme_btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .copylink_modal .link_container {
        width: 100%;
    }
    .copylink_modal .card-header .payment_modal_title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .copylink_modal .card {
        padding: 10px;
    }
    .copylink_modal {
        font-size: 14px;
    }

    /* design page */
    .profileflexwrapper .profilelefttop, .profileflexwrapper .profileleftbottom {
        width: 100%;
        margin: 0;
        text-align: center;
        padding: 0;
    }
    .studentinfo_details .singleinfowrapper {
        width: 48%;
        margin-bottom: 10px;
        margin-right: 2%;
    }
    .studentinfo_details .singleinfowrapper:nth-child(2n+1) {
        border-right: 1px dotted #656565;
    }
    .profile_wrapper .profileleft .pname {
        font-size: 14px;
    }
    .profile_wrapper .profileleft .pcollege {
        font-size: 16px;
    }
    .greenborderwrapper .wrapperbox_title {
        font-size: 16px;
    }
    .studentinfo_details .singleinfowrapper p.label {
        font-size: 14px;
    }
    .studentinfo_details .singleinfowrapper p {
        font-size: 12px;
    }
    .greenborderwrapper {
        padding: 15px 9px;
    }
    .student_giftbag_table td {
        padding: 10px;
    }
    .studentinfo_wrapper .greenborderbtn {
        width: 48%;
    }
    .profile_wrapper .profileleft {
        padding-bottom: 5px;
    }
    .giftboxinfo_wrapper {
        margin: 15px 0;
    }
    .single_slider_wrapper .owl-nav button {
        height: 30px;
        width: 30px;
        top: calc(50% - 30px);
    }
    .single_slider_wrapper .owl-nav button span {
        font-size: 27px;
        height: 30px;
    }
    .single_slider_wrapper .owl-nav .owl-prev {
        left: 0;
    }
    .single_slider_wrapper .owl-nav .owl-next {
        right: 0;
    }

    .giftcard_slider_wrapper{
        padding: 0;
    }
    .giftcard_slider_wrapper .gift_slide_card {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .woocommerce-form-row {
        margin-bottom: 15px !important;
    }
    
}

@media (max-width: 480px){
    .story_slide {
        width: 100%;
    }
    .single_tips {
        padding: 10px 10px 10px 14px;
        margin: 0 0 15px;
    }
    .single_tips:last-child{
        margin: 0;
    }
    .single_tips:after {
        width: 4px;
    }
    .single_tips h4 {
        font-size: 16px;
    }
    .single_tips p {
        font-size: 14px;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .donation_amount_tag {
        flex-direction: column;
        align-items: flex-start;
    }
    .donation_page .profile_page_top {
        padding: 70px 0 30px;
    }

    .border_box_header .theme_btn {
        width: 120px !important;
    }

    /**/
    .single_student_order_page h1 {
        font-size: 20px;
        margin-bottom: 18px;
    }
    .single_student_order_donationdetail {
        flex-direction: column;
    }
    .single_student_order_donationdetail .single_student_order_donationdetaill {
        margin-bottom: 10px;
    }
    .single_student_order_authpersonaldetail ul li {
        padding: 0;
        border: none;
        width: 100%;
        text-align: left;
    }
    .single_student_order_authdetail {
        flex-direction: column;
        justify-content: center;
    }
    .single_student_order_authdetail_l {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .single_student_order_authdetail_r {
        width: 100%;
    }
    .single_student_order_authdetail_r p {
        margin-bottom: 5px;
    }

    .donation_metadata li {
        width: 100%;
        padding: 0;
        border: none;
        margin: 2px 0;
    }
}