/* ==========loader common css========== */



.loader img {

    width: 100px;

    filter: invert(0.8);

}



.loaderWrap {

    position: fixed;

    height: 100%;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 9991;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: rgba(0, 0, 0, 0.9);

    transition: all 300ms ease-in-out;

}





.loader-off.loaderWrap {

    opacity: 0;

    visibility: hidden;

}



ul li {

    list-style: none;

}



a {

    display: inline-block;

    vertical-align: top;

    text-decoration: none;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



a:hover,

a:focus {

    text-decoration: none;

    color: unset;

}



figure {

    margin: 0;

    padding: 0;

    display: block;

}



img {

    max-width: 100%;

}


.ptb {
    padding: 60px 0;
}

.pt {
    padding-top: 60px;
}

.pb {
    padding-bottom: 60px;
}



/* Toggle*/



.bd_toggle.navbar-toggler {

    border: 0 !important;

    background: transparent;

    padding: 0;

    line-height: normal;

    width: 40px;

    height: 40px;

    cursor: pointer;

}



.bd_toggle.navbar-toggler:focus {

    outline: 0;

}



.bd_toggle span {

    width: 28px;

    height: 5px;

    background: #1c1c1c;

    display: block;

    position: relative;

    margin: 0 0 0 9px;

    background-image: none !important;

}



.bd_toggle span:after {

    position: absolute;

    content: " ";

    width: 22px;

    height: 5px;

    top: -7px;

    left: 0;

    right: 0;

    background: #1c1c1c;

    transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    -webkit-transition: 0.2s;

}



.bd_toggle span:before {

    position: absolute;

    content: " ";

    width: 22px;

    height: 5px;

    bottom: -7px;

    left: 0;

    right: 0;

    background: #1c1c1c;

    transition: 0.2s;

    -moz-transition: 0.2s;

    -ms-transition: 0.2s;

    -o-transition: 0.2s;

    -webkit-transition: 0.2s;

}

.main-menu-more {
    display: none;
}





.bd_btn {

    background: #075ed3;

    height: 40px;

    border: 1px solid #075ed3;

    line-height: 40px !important;

    padding: 0 30px;

    font-size: 14px !important;

    text-transform: capitalize;

    border-radius: 0;

    display: inline-block;

    font-weight: 500;

    color: #ffffff;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.;

}



.bd_btn:hover {

    background: transparent;

    color: #000;

}



/*Home Page*/





/* Counselling Css */



.menuservice {

    border: 1px solid #ccc;

    padding: 30px;

    border-radius: 5px;

}



.menuservice h2 {

    font-size: 22px;

    line-height: 30px;

    position: relative;

    padding-left: 31px;

}



.menuservice h2:after {

    position: absolute;

    font: normal normal normal 20px/1 FontAwesome;

    content: "\f21e";

    top: 7px;

    left: 0;

    color: #3392cc;

}



.menuservice li+li {

    margin-top: 10px;

}



.menuservice li a {

    position: relative;

    display: block;

    background-color: #d0edff;

    font-size: 13px;

    line-height: 20px;

    color: #000;

    border-radius: 5px;

    padding: 12px 30px 12px 12px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.menuservice li a:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 10px;

    width: 10px;

    height: 10px;

    border: 1px solid #7b7473;

    transform: translateY(-50%);

    border-radius: 50%;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.menuservice li a.active {

    background: #0a639b;

    color: #fff;

}



.menuservice li a.active::after {

    background: #fff;

    border-color: #fff;

}



.needhelp {

    background: url(../images/contactimg.jpg);

    padding: 30px;

    position: relative;

}

.needhelp h2 {

    color: #fff;

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 100px;

}

.needhelp:after {

    position: absolute;

    content: "";

    background: #0000008c;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.needhelps {

    position: relative;

    z-index: 1;

}

.needhelp p a {

    color: #7aff00;

    font-size: 16px;

    line-height: 20px;

}

.needhelp p a i {

    margin-right: 10px;

    color: #7aff00;

}



.imgvdosec {

    margin-bottom: 30px;

}

.vdosec {

    margin-top: 30px;

}

.vdosec iframe {

    width: 100%;

}



/* Accordion */

#accordion .card+.card {

    margin-top: 10px;

}



#accordion .card {

    border: 0;

    border-radius: 0;

}



#accordion .card .card-header {

    background: whitesmoke;

    border: 0;

    padding: 12px;

    color: #000000;

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    position: relative;

    border-radius: 0;

}



#accordion .card:nth-last-child(1) {

    border: 0;

}



#accordion .card .card-body {

    padding: 1.25rem;

    background: whitesmoke;

}

#accordion .card .card-body h1,
#accordion .card .card-body h2 {

    font-size: 30px;

    line-height: 36px;

}

#accordion .card .card-body h3 {

    font-size: 26px;

    line-height: 30px;

}

#accordion .card .card-body h4 {

    font-size: 20px;

    line-height: 26px;

}

#accordion .card .card-body p {

    font-size: 14px;

    line-height: 20px;

}

#accordion .card .card-header:after {

    position: absolute;

    content: "\f067";

    font: normal normal normal 14px/1 FontAwesome;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    right: 12px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

}

#accordion .card .card-header.uparow:after {

    content: "\f068";

}

#accordion .card .uparow {

    background: #4393ff;

    color: #fff;

}



/* End Service */





/*Conact page*/



.contactinfo h2 {

    font-size: 40px;

    line-height: 46px;

}



.contactinfo {

    padding-left: 50px;

}

.conimg {

    position: relative;

    background: #3392cc;

    padding-top: 100%;

    height: 100%;

}

.contxt {

    position: absolute;

    top: 5%;

    left: 5%;

    width: 90%;

    height: 90%;

}

.contxt a.conlogo {

    width: 100px;

}

.conimg>img {

    opacity: 0.8;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.contxt p {

    color: #000;

    font-size: 13px;

    line-height: 20px;

    margin-top: 10px;

}

.contxt .sochalmedia {

    text-align: left;

}



.contxt .sochalmedia ul li a {

    line-height: 44px;

}



.invalid .wpcf7-response-output {

    display: none;

}

.contact_form1 .heading p {

    font-weight: 500;

    font-size: 16px;

    line-height: 22px;

}



.contact_form1 .heading p a {

    color: #df8200;

}



.contact_form1 p {

    width: 100%;

}



.contact_form1 input#f12_captcha-514 {

    border: 1px solid #ddd;

    height: 40px;

    outline: none;

}

.mapsec iframe {

    width: 100%;

    height: 400px;

}

.contact_form1 {

    padding: 50px;

    background: #d5efff;

    box-shadow: 0 0 10px 0#ccc;

}

.contact_form1 label {

    color: #000;

    display: block;

    margin-bottom: 4px;

}

.check_label {

    margin-left: 10px;

    display: inline-block !important;

    margin-bottom: 0 !important;

}

.contact_form1 .wpcf7-form-control::placeholder {

    color: #ccc;

}

.contact_form1 .wpcf7-form-control,
.contact_form1 .wpcf7-form-control:-internal-autofill-selected {

    width: 100%;

    background-color: #f1f1f1;

    border: 0;

    border-radius: 0;

    color: #1c1c1c;

    transition: 0.5s;

    position: relative;

}

.contact_form1 input[type="text"],

.contact_form1 input[type="text"]:focus,

.contact_form1 input[type="email"],

.contact_form1 input[type="email"]:focus,

.contact_form1 input[type="tel"],

.contact_form1 input[type="tel"]:focus,

.contact_form1 input[type="date"],

.contact_form1 input[type="date"]:focus,

.contact_form1 textarea,

.contact_form1 select,
.contact_form1 select:focus {

    width: 100%;

    padding: 0 15px;

    background-color: #aee0ff;

    border: 1px solid #99cbe9;

    color: #1c1c1c;

    transition: 0.5s;

    position: relative;

    border-radius: 0;

    font-size: 13px;

    font-weight: 400;

    box-shadow: none;

    height: 40px;

}

.contact_form1 textarea {

    padding-top: 10px;

}



.contact_form1 .wpcf7-form-control-wrap {
    display: block;
}

.contact_form1 input[type="file"],

.contact_form1 input[type="file"]:focus {

    border: 1px solid #fff;

    padding: 10px;

    border-radius: 0;

}

.contact_form1 .wpcf7-form-control:focus {

    border-color: #000 !important;

    box-shadow: none;

}

.contact_form1 .wpcf7-text,
.contact_form1 .wpcf7-date,
.contact_form1 .wpcf7-select,

.f12_captcha-133 input {

    height: 50px;

    outline: none;

}

.contact_form1 .wpcf7-select {

    -webkit-appearance: auto;

    -moz-appearance: auto;

    -ms-appearance: auto;

    -o-appearance: auto;

    appearance: auto;

}

.contact_form1 .wpcf7-list-item {

    margin: 0;

    position: relative;

    padding-left: 20px;

}



.contact_form1 .wpcf7-form-control.wpcf7-checkbox {

    border: 0;

}



.contact_form1 .wpcf7-list-item input[type="checkbox"] {

    position: absolute;

    top: 3px;

    left: 0;

}



.contact_form1 .wpcf7-text,
.contact_form1 .wpcf7-radio {

    border: 0;

    padding: 0;

}

.contact_form1 .wpcf7-text,
.contact_form1 .wpcf7-radio span.wpcf7-list-item:nth-child(1) {

    margin-left: 0;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label {

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label input[type=radio] {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    border: 1px solid red;

    border-radius: 50px;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label input[type=radio]~span.wpcf7-list-item-label {

    font-size: 13px;

    color: #000;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label input[type=radio]:checked~span.wpcf7-list-item-label:before {

    background-color: #fff;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label:after {

    content: "";

    position: absolute;

    display: none;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label input[type=radio]:checked~span.wpcf7-list-item-label:after {

    display: block;

}

.contact_form1 .wpcf7-radio span.wpcf7-list-item label span.wpcf7-list-item-label:after {

    left: 10px;

    top: 4px;

    width: 6px;

    height: 12px;

    border: solid #1682ee;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.contact_form1 .wpcf7-textarea {

    height: 100px;

    background-color: #f9f9f9;

    border: 1px solid #ddd;

    color: #000;

    border-radius: 0;

    padding: 10px 10px 10px 20px;

}

.contact_form1 textarea:focus-visible {
    outline: none;
}

.contact_form1 .wpcf7-submit {

    height: 50px;

    padding: 0 50px;

    background: #363636;

    color: #fff;

    font-size: 15px;

    border-radius: 50px;

    font-weight: 500;

    margin-bottom: 0;

    border: 0;

    text-transform: capitalize;

    display: inline-block;

    width: auto;

}

.contact_form1 .wpcf7-submit:hover {

    background: #000;

    color: #ffffff;

}

.contact_form1 .bd_consub {
    position: relative;
    margin: 0 0 0 -15px;
}

.contact_form1 .bd_consub .ajax-loader {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

}



.con_heading {

    margin-bottom: 15px;

}

.con_heading h2 {

    font-size: 20px;

    line-height: 24px;

    color: #000;

    font-weight: 600;

    margin-bottom: 8px;

}

.con_heading p {

    margin-bottom: 0;

}



.contact_info {

    padding: 20px;

    background: #d0ebc8;

}



.contact_info .con_heading h2 {

    color: #104801;

}



.contact_info ul li:nth-child(1) {
    margin-top: 0;
}

.contact_info ul li {

    background: #aee19f;

    padding: 10px 10px 10px 40px !important;

    position: relative;

    margin-top: 5px;

}

.contact_info ul li:after {

    display: none;

}

.contact_info ul li i {

    position: absolute;

    top: 12px;

    left: 15px;

    color: #176a00;

}

.contact_info ul li a {

    color: #000;

    font-size: 16px;

    line-height: 22px;

    word-break: break-word;

}

.contact_info ul li a span {

    font-size: 14px;

}

.contact_info ul li.contact_social {

    padding-left: 15px;

}

.contact_social span {

    display: block;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    line-height: 22px;

    margin-bottom: 15px;

}

.contact_info ul li.contact_social a {

    border: 1px solid #42a924;

    width: 40px;

    height: 40px;

    display: inline-block;

    border-radius: 50px;

    text-align: center;

    line-height: 40px;

    margin: 3px;

}

.contact_info ul li.contact_social a:hover {

    border-color: #42a924;

    background: #42a924;

}

.contact_info ul li.contact_social a i {

    position: relative;

    top: inherit;

    left: inherit;

}

.contact_info ul li.contact_social a:hover i {

    color: #fff;

}



/* Inner Page */



.bd_main .bannermain {

    background: #fff;

}



.inner_banner {

    position: relative;

    background: #000;

    height: 300px;

    overflow: hidden;

}

.inner_banner:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #3392cc3b;

}



.inner_banner_text {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    z-index: 1;

}

.banner_area_text_box {

    position: relative;

    text-align: center;

}

.banner_area_text_box .page-title {

    font-size: clamp(24px, 4vw, 40px);

    line-height: clamp(30px, 4vw, 48px);
    text-transform: capitalize;

    color: #fff;

    text-shadow: 2px 3px 3px #00000094;

    margin-bottom: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    letter-spacing: 1px;

    position: relative;

    padding-bottom: 8px;

}





.breadcrumb {

    background: transparent;

    margin-bottom: 0;

    padding: 0;

    justify-content: center;

}

.breadcrumb ul {

    list-style-type: none;

    margin-bottom: 0;

    display: flex;

}

.breadcrumb ul li {

    display: inline-block;

    margin: 0 4px;

    color: #18207a;

    font-size: 16px;

    line-height: 20px;

}

.breadcrumb ul li:nth-child(1) {

    margin-left: 0;

}



.breadcrumb ul li.item-current {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.breadcrumb ul li a,
.breadcrumb ul li strong {

    color: #18207a;

    font-weight: 500;

    font-size: 16px;

    line-height: 20px;

}

.breadcrumb ul li strong,
.breadcrumb ul li i {
    color: #18207a;
}

.breadcrumb ul li a:hover {

    color: #ff460a;

}



.bd_innerftr {

    background: #f9f9f9;

}



/* Inner Content */



.inner_con {
    color: #13204b;
    font-size: 16px;
    line-height: 20px;
}

.inner_con .alignright {

    float: right;

    margin: 20px 0 20px 20px;

    filter: drop-shadow(5px 5px 5px #222);

    -webkit-filter: drop-shadow(5px 5px 5px #222);

    -moz-filter: drop-shadow(5px 5px 5px #222);

    -ms-filter: drop-shadow(5px 5px 5px #222);

}

.inner_con .alignleft {

    float: left;

    margin: 20px 20px 20px 0;

    filter: drop-shadow(-5px 5px 5px #222);

    -webkit-filter: drop-shadow(-5px 5px 5px #222);

    -moz-filter: drop-shadow(-5px 5px 5px #222);

    -ms-filter: drop-shadow(-5px 5px 5px #222);

}

.inner_con p {

    font-size: 13px;

    line-height: 24px;

}

.inner_con h2 strong {

    color: #00b4d8;

}


.inner_con ul {

    padding-left: 0;

    list-style-type: none;

}

.inner_con ul li {

    position: relative;

    margin: 10px 0;

    padding-left: 25px;

    color: #000;

    font-size: 13px;

    line-height: 20px;

}

.inner_con ul li:after {

    position: absolute;

    content: "\f00c";

    color: #3392cc;

    font: normal normal normal 14px FontAwesome;

    top: 2px;

    left: 0;

}



.inner_con h6 {

    font-size: 16px;

    line-height: 20px;

}





/* 404 */

.error-404 {

    color: #000;

}

.error-404 h1 {

    font-size: 100px;

    font-weight: 900;

    line-height: 104px;

    letter-spacing: -15px;

    -webkit-text-stroke: 1px #f9ca70;

    color: transparent;

}

.error-404 a {

    background: #f9ca70;

    display: inline-block;

    padding: 10px 20px;

    color: #7f0029;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

}



.wpcf7-not-valid-tip {
    font-size: 12px !important;
    line-height: 16px;
}

div.wpcf7-mail-sent-ok {



    background: #398f14;

    color: #fff;

    text-align: center;

}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {

    background: #f7e700;

    color: #252525;

    text-align: center;

}



/* comment-respond */



.comments-area {

    flex: 0 0 100% !important;

    max-width: 100% !important;

}



.error,
.error1,
.contact_form1 label.error {

    color: red;

    font-size: 12px;

    margin: 0;

}

.error1 {

    margin: 10px 0 0 0 !important;

}

.comment-form p label .required {

    color: red;

}



.comments-area {

    margin-top: 40px;

}

.comment-respond .comment-reply-title {

    font-size: 26px;

    line-height: 30px;

    color: #252525;

    margin-bottom: 15px;

}

.comments-area .comments-title {

    font-size: 20px;

    line-height: 26px;

    color: #666;

    margin-bottom: 15px;

}

.comment-form p label {
    display: block;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #0a1415;
}

.comment-form input {
    height: 40px;
}

.comment-form input[type=checkbox] {
    width: auto;
    height: auto;
}

.comment-form p.comment-form-cookies-consent label {
    display: inline-block;
    margin-left: 10px;
}



.form-submit {

    text-align: right;

}

.form-submit .submit {

    border: none;

    background: transparent;

    border: 2px solid #0a1415;

    color: #0a1415;

    margin-bottom: 0;

    width: auto;

    padding: 0 20px;

}

.form-submit .submit:hover {
    background: #0a1415;
    color: #fff;
}



.comment-list {

    list-style-type: none;

}

.navigation.post-navigation {

    flex: 0 0 100%;

    max-width: 100%;

}

.post-navigation .screen-reader-text {
    display: none;
}

.post-navigation .nav-links {
    display: flex;
    margin-top: 50px;
}

.post-navigation .nav-links .nav-previous br,

.post-navigation .nav-links .nav-next br {

    display: none;

}

.post-navigation .nav-links .nav-previous,

.post-navigation .nav-links .nav-next {

    flex: 1;

}

.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a {

    background: #3392cc;

    display: inline-block;

    padding: 10px 20px;

}

.post-navigation .nav-links .nav-next {
    text-align: right;
}

.post-navigation .nav-links .meta-nav {

    display: block;

    color: #fff;

    font-size: 12px;

}

.post-navigation .nav-links .post-title {

    color: #252525;

    font-weight: bold;

    font-size: 16px;

    line-height: 20px;

    position: relative;

    display: none;

}

.post-navigation .nav-links .post-title:after {

    position: absolute;

    top: 3px;

    color: #252525;

    font-size: 14px;

    font: normal normal normal 14px FontAwesome;

}

.post-navigation .nav-links .nav-next .post-title:after {

    content: "\f061";

    right: -15px;

}

.post-navigation .nav-links .nav-previous .post-title:after {

    content: "\f060";

    left: -15px;

}





/**/



.bd_pagination {
    display: inline-block;
}

.pagination {

    display: flex;

}

.pagination .page-numbers {

    color: #000;

    border-right: 1px solid #efefef;

    border-radius: 5px;

    background: #e7e7e7;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

}

.pagination .page-numbers.current {

    background: #3f4e2c;

    color: #fff;

}

.pagination .page-numbers:hover {

    background: #3f4e2c70;

    color: #000;

}

.pagination .page-numbers+.page-numbers {

    margin-left: 5px;

}





/*Login Css*/



/* .page-template-login .bd_head, .page-template-login .bd_ftr,

.page-template-register .bd_head, .page-template-register .bd_ftr

{

    display: none;

} */



.loginsec {

    position: relative;

    background: #eaf7ffd1;

    padding: 50px;

}

.loginsec .heading p {

    font-size: 14px;

    line-height: 22px;

    font-family: var(--para-font);

    color: #000;

}



.loginsec .heading h2 {

    margin-bottom: 15px;

}

.loginsec input {
    padding-top: 0px;
}

.loclose {

    background: #000;

    color: #fff;

    box-shadow: 0px 3px 10px #00000029;

    width: 40px;

    display: block;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-size: 20px;

    border-radius: 50px;

    margin: auto;

    margin-bottom: 40px;

}

.loclose:hover {

    background: #ffc46b;

}



/* ========floating input label start here=========== */



.fgroups {

    position: relative;

}



.fgroups input,
.fgroups select {

    background-color: #fff;

    height: 50px;

    border: 1px solid #D6D6D6;

    padding-top: 5px;

    border-radius: 0px;

    padding-left: 20px;

    font-size: 13px;

    outline: none;

}

.form-control:focus {

    border-color: #878787;

    box-shadow: none;

}

.fgroups textarea {

    font-size: 13px;

    background-color: #fff;

    border: 1px solid #D6D6D6;

}







/* Checkbox Css */



.bd_checkbox {

    position: relative;

    padding: 0 0 0 35px;

    display: block;

    cursor: pointer;

}

.bd_checkbox>span {

    font-weight: 500;

}

.bd_checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}



.checkmark {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #fff;

    border: 1px solid #000;

    border-radius: 3px;

}



.bd_checkbox:hover input~.checkmark {

    background-color: #ffffff;

}



.bd_checkbox input:checked~.checkmark {

    background-color: #ffffff;

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.bd_checkbox input:checked~.checkmark:after {

    display: block;

}



.bd_checkbox .checkmark:after {

    left: 10px;

    top: -5px;

    width: 8px;

    height: 18px;

    border: solid #000;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.forgotpass {

    color: #417400;

    font-weight: 400;

}

.formlink p {
    margin: 0;
    font-weight: 300;
}

.formlink p a {

    color: #417400;

    font-weight: 400;

}





/*Login Css End*/



/*About*/



.imgbox {

    flex: 0 0 33.3%;

    max-width: 33.3%;

    padding: 1%;

    margin-top: 20px;

}



.imgbox img {

    width: 100%;

    height: 400px;

    object-fit: cover;

    border-radius: 10px;

}



.imgbox:nth-child(2) {

    margin-top: -20px;

}



.abcon h2 {

    font-size: 34px;

    line-height: 40px;

    margin-bottom: 20px;

}

.abcon ul {

    display: flex;

    flex-wrap: wrap;

}



.abcon ul li {

    flex: 0 0 50%;

    max-width: 50%;

    padding: 8px 0 8px 25px;

    position: relative;

    font-weight: 400;

    font-size: 15px;

    line-height: 20px;

}

.abcon ul li:after {

    position: absolute;

    content: "\f00c";

    font: normal normal normal 14px/1 FontAwesome;

    top: 12px;

    left: 0;

    color: #ff6a3a;

}



.abcon p {

    font-size: 15px;

    line-height: 25px;

}



.abimg {

    position: relative;

    padding-top: 100%;

}



.abimg img {

    position: absolute;

    top: 0;

    left: 10%;

    bottom: 0;

    height: 100%;

    width: 80%;

    object-fit: cover;

    z-index: 1;

}

.abimg:after,
.abimg:before {

    position: absolute;

    content: "";

    background: url(../images/shape.png);

    width: 243px;

    height: 243px;

}

.abimg:after {

    bottom: -30px;

    left: 0;

}

.abimg:before {

    top: -30px;

    right: 0;

}



.parasec {

    position: relative;

}

.parasec:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #00000085;

}

.parasec .container {

    position: relative;

    z-index: 1;

}

.parasec .inner_con h1,

.parasec .inner_con h2,

.parasec .inner_con h3,

.parasec .inner_con h4,

.parasec .inner_con h5,

.parasec .inner_con p {

    color: #fff;

}



/**/



#loadImg {

    position: absolute;

    width: 30px;

    top: 6px;

    right: 58px;

    animation-name: spin;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: reverse;

}

@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

#loadImg i {

    font-size: 28px;

    color: #fff;

}

/*Form Submit Popup*/



.jconfirm {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 99999999;

    font-family: inherit;

    overflow: hidden;

    background: #000000e0;

}



.jconfirm-open .jconfirm-scrollpane {

    flex: 0 0 100%;

    max-width: 100%;

}



.jconfirm-buttons .btn {

    background: #ffc107;

    border: 0;

    border-radius: 0;

    color: #000;

    margin: 10px 0 0 0;

    padding: 0 30px;

    height: 45px;

    font-weight: 500;

}



.jconfirm-box {

    background: #e9e9e9;

    padding: 30px;

    color: #000;

    text-align: center;

}



.jconfirm-box span.jconfirm-title {

    font-size: 40px;

    line-height: 50px;

    color: green;

    font-weight: 600;

}



.jconfirm-content {

    font-weight: 500;

    margin: 10px 0;

}



.display_errors p {

    margin: 5px 0 0 0;

    color: red;

}



#toggle-password {

    position: absolute;

    top: 50%;

    right: 10px;

    left: initial;

    cursor: pointer;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

}

/*  */





/* My Account */



.bd_profileimg {

    background: #f4f4f4;

    height: 180px;

    margin-bottom: 10px;

}



.bd_profileimg img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.left-panel-bar ul {

    list-style: none;

}



.left-panel-bar ul li+li {

    margin-top: 5px;

}



.left-panel-bar ul li a {

    padding: 10px 15px;

    padding-left: 40px;

    display: inline-block;

    background: #f7f7f7;

    color: #000;

    width: 100%;

    font-weight: 500;

    font-size: 13px;

    position: relative;

}

.left-panel-bar ul li a i {

    position: absolute;

    top: 50%;

    left: 10px;

    transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.left-panel-bar ul li a.active,
.left-panel-bar ul li a:hover {

    background: #363636;

    color: #fff;

}





.title-bar {

    font-size: 16px;

    line-height: normal;

    margin-bottom: 0px;

    flex: 0 0 20%;

}



.right-panel-bar {

    background: #f7f7f7;

    padding: 30px;

}



.single-tbox p {

    font-size: 15px;

    font-weight: 500;

}



.single-tbox {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    padding-bottom: 10px;

    width: 100%;

    border-bottom: 1px dashed #d5d5d5;

}



.single-tbox .profile-pic img {

    width: 140px;

    height: 100px;

    object-fit: contain;

    background: #d5d5d5;

    padding: 10px;

}



.profile-pic .title-bar {

    margin-bottom: 10px;

}



.aheading h2 {

    font-size: 22px;

    line-height: 28px;

    margin-bottom: 20px;

    color: #3e0f00;

}



.image-input input.form-control {

    opacity: 0;

    position: absolute;

}



.image-input label.image-button {

    background: white;

    width: 100%;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    color: #075ed3;

    font-size: 20px;

    line-height: 26px;

    border: 1px solid #075ed3;

    border-radius: 3px;

}



.image-input label.image-button i {
    margin-right: 5px;
}



.imgpreview {

    position: relative;

    height: 100%;

}



.imgpreview span.change-image {

    position: absolute;

    font-size: 20px;

    top: -10px;

    right: -10px;

    color: #fff;

    background: #ff3c00;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    border-radius: 50px;

}



.imgpreview img.image-preview {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* Appointment Form Css */



.bgoverlay {

    position: absolute;

    background: #000000e6;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none;

    z-index: 9;

}

.bgoverlay.active {

    display: block;

}



.bd_sidemenu {

    display: block;

    background-size: cover;

    height: 100vh;

    position: fixed;

    right: -500px;

    /* right: 0; */

    top: 0;

    padding: 50px 30px;

    transition: all .5s;

    width: 500px;

    z-index: 9;

    border-left: 1px solid #fff;

    background: #fff;

    /* backdrop-filter: blur(10px); */

}

.bd_sidemenu.active {

    right: 0;

}



.bd_sidemenu .close {

    position: absolute;

    top: 10px;

    right: 10px;

    box-shadow: 0px 3px 6px #E4E4E4;

    border: 1px solid #DEDEDE;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    border-radius: 50px;

    font-size: 16px;

    cursor: pointer;

}

.bd_sidemenu h2 {

    font-size: 26px;

    line-height: 32px;

    text-align: center;

    font-family: 'Roboto', sans-serif;

}

.appointmentform {

    height: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

}

/* Hide scrollbar for Chrome, Safari and Opera */

.appointmentform::-webkit-scrollbar {

    display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

.appointmentform {

    -ms-overflow-style: none;
    /* IE and Edge */

    scrollbar-width: none;
    /* Firefox */

}





.bookingbox label {

    display: block;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    margin-bottom: 12px;

}

.bookingbox label.error {

    color: red;

    font-size: 12px;

    margin: 0;

    font-weight: 400;

}

.hideinput {

    width: 0;

    height: 0;

    opacity: 0;

}



.bookingdate #datepicker {

    background: #FBFBFB;

    padding: 15px;

}

.ui-widget.ui-widget-content {

    border: 0px !important;

    width: 100%;

}



.ui-widget-content {

    background: transparent !important;

}



.ui-widget-header {

    border: 0px !important;

    background: transparent !important;

    color: #250715 !important;

    font-weight: 500 !important;

}



.ui-state-default,

.ui-widget-content .ui-state-default {

    border: 0px !important;

    background: transparent !important;

    font-family: 'Jost', sans-serif !important;

}



.ui-datepicker-month {

    display: block;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

}



.ui-datepicker-year {

    font-size: 13px;

    font-weight: 600;

}



.ui-state-default {

    height: 28px !important;

    width: 28px !important;

    display: inline-block !important;

    margin-right: auto;

    line-height: 24px;

    text-align: center !important;

    font-weight: 500 !important;

    overflow: hidden;

    z-index: 9;

}



.ui-datepicker-calendar tbody tr td {

    padding: 5px 0;

    text-align: center;

}



.ui-state-active {

    position: relative;

    color: #fff !important;

}



.ui-state-active:before {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 100%;

    width: 100%;

    content: '';

    background: #1c1c1c;

    content: '';

    z-index: -1;

    border-radius: 50%;

}



.ui-widget-header .ui-icon {

    background: transparent !important;

    text-indent: initial !important;

    height: 100% !important;

    width: 100% !important;

    font-size: 0px !important;

    top: 0 !important;

    left: 0 !important;

    margin: 0 !important;

    outline: 0;

}

.ui-widget.ui-widget-content .ui-datepicker-header .ui-corner-all.ui-state-hover {

    border: 0;

    background: transparent;

}



.ui-datepicker-next .ui-icon:after {

    content: '\f061';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 100%;

    color: #000;

    font: normal normal normal 14px/1 FontAwesome;

}



.ui-datepicker-prev .ui-icon:after {

    content: "\f060";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 16px;

    height: 12px;

    color: #000;

    font: normal normal normal 14px/1 FontAwesome;

    /* font-family: bootstrap-icons !important;

    font-size: 21px; */

}



/* Appointment Css End */

.youbanner {

    height: 100vh;

}



.thankyou {

    text-align: center;

    color: #fff;

    background: #00000087;

    max-width: 50%;

    margin: auto;

    padding: 30px;

}



.thankyou h1 {

    color: #fff;

    font-size: 40px;

}

.thankyou h2 {

    color: #fff;

    font-weight: 400;

}



.filerow {

    display: flex;

    flex-wrap: wrap;

}



.filebox {

    flex: 0 0 50%;

    max-width: 50%;

    background: #fff;

    padding: 20px;

    border-radius: 5px;

    text-align: center;

}



.filebox a {

    display: block;

    border: 2px dotted #ccc;

    border-radius: 5px;

    padding: 20px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

}



.filebox a i {

    font-size: 30px;

    line-height: 60px;

    color: #000;

    background: #f7f7f7;

    width: 60px;

    height: 60px;

    border-radius: 50px;

}

.filebox a p {

    font-weight: 600;

    margin-top: 10px;

    color: #000;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

}

.filebox:hover a {

    transform: scale(0.9);

    -webkit-transform: scale(0.9);

    -o-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -moz-transform: scale(0.9);

    background: #1c1c1c;

    border-color: #1c1c1c;

}

.filebox:hover a p {

    color: #fff;

}



/*  */



.podcastbanner {

    padding: 0 10%;

}

.podcastbanner .page-title {

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

}



.musicsec {

    margin-top: 20px;

}

ul.imgsec {

    display: flex;

    flex-wrap: wrap;

}



ul.imgsec li {

    flex: 0 0 48%;

    max-width: 48%;

    margin: 1%;

    position: relative;

    padding-top: 30%;

}



ul.imgsec li img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.vdoarea {

    position: relative;

    padding-top: 55%;

}



.vdoarea iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* Blog */



.blog-image {

    position: relative;

    padding-top: 60%;

    overflow: hidden;

}



.blog-image img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition: 0.3s;

}



.blog-content {

    padding: 15px 0 0 0;

}



.blog-content h6 {

    font-size: 12px;

    line-height: 20px;

    margin-bottom: 0;

}



.blog-content h5 {

    color: #065788;

    font-size: 20px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.blog_details_box .heading,
.blog_details_box .heading h1 {

    margin-bottom: 5px;

}



.blog_details_box .post_date {

    margin-bottom: 30px;

}



.blog_details_box figure {

    margin-bottom: 20px;

}



.blog_details_box p {

    color: #000;

    font-size: 13px;

    line-height: 24px;

}



.imgflex {

    flex: 0 0 50%;

    max-width: 50%;

    position: relative;

    padding-top: 40%;

}



.imgflex img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.bunyad {

    border: 1px solid #dcdcdc;

    text-align: center;

    padding-bottom: 20px;

}

.bunyad+.bunyad {

    margin-top: 20px;

}



.bunyad .sidehead {

    text-align: center;

    padding: 10px;

    border-bottom: 1px solid #dcdcdc;

    border-top: 2px solid #3392cc;

    margin-top: -1px;

    text-transform: uppercase;

    font-size: 15px;

    line-height: 20px;

}



.babimg {

    margin: 30px 30px 10px 30px;

    position: relative;

    padding-top: 60%;

}



.babimg img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.bunyad p.abctx {

    padding: 0 30px;

    color: #000;

    font-size: 13px;

    line-height: 22px;

}



.bunyad a.abmore {
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
}



.recent_blog {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 0 30px;

}

.recent_blog .bd_postimg {

    flex: 0 0 40%;

    max-width: 40%;

    height: 100px;

}

.recent_blog .bd_postimg img {

    object-fit: cover;

    width: 100%;

    height: 100%;

}

.recent_blog .bd_deskebox {

    flex: 0 0 55%;

    max-width: 55%;

    padding-left: 5%;

    text-align: left;

}

.recent_blog .bd_deskebox h2 {

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 5px 0;

}

.recent_blog .bd_deskebox p {

    font-size: 12px;

    line-height: 16px;

}

.recent_blog .bd_deskebox p a {

    display: block;

    margin-top: 5px;

    font-weight: 600;

    color: #00c84d;

}



/* Blog End */



.redmore:hover {

    color: #000;

}



.paybtn input {

    border: 0;

    background: transparent;

    height: 38px;

}



.paybtn input[type="image"] {

    opacity: 0;

    width: 100%;

    object-fit: contain;

}



.paybtn {

    background: #1395e1;

    position: relative;

    border-radius: 5px;

}

.paybtn>span {

    position: absolute;

    top: 50%;

    left: 50%;

    color: #fff;

    font-size: 15px;

    transform: translate(-50%, -50%);

}

/* .paybtn:after {

    position: absolute;

    content: "PayPal Donation";

    color: #fff;

    font-size: 16px;

    line-height: 45px;

} */


.strip-form li.wpsd_donate_amount_other_li {
    flex: 1;
    margin: 0 !important;
    padding: 0;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}

.strip-form li.wpsd_donate_amount_other_li .form-group input#wpsd_donate_other_amount {
    background: transparent;
    font-size: 46px;
    height: auto !important;
    pointer-events: none;
}

.strip-form .wpsd-form-title-border {
    width: 50% !important;
    background-color: #1395e1 !important;
}

#stripeModal {
    background: #000000c7;
    overflow-x: hidden;
    overflow-y: auto;
}


.streamingsec {
    position: relative;
    padding-top: 58%;
}

.streamingsec video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.floatbtn {
    position: fixed;
    top: 50%;
    right: -58px;
    transform: rotate(-90deg) translateY(-50%);
    z-index: 9;
}

.page-template-donation .floatbtn {
    display: none;
}