@charset "UTF-8";

/*Theme Name: jivdayaTheme URI: https:/github.com/WordPress/twentynineteenAuthor: the WordPress teamAuthor URI: https:/wordpress.org/Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you're running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.Requires at least: WordPress 4.9.6Version: 1.2License: GNU General Public License v2 or laterLicense URI: LICENSEText Domain: twentynineteenTags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-readyThis theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others..adoptBtnTwenty Nineteen is based on Underscores https:/underscores.me/, (C) 2012-2018 Automattic, Inc.Underscores is distributed under the terms of the GNU GPL v2 or later.Normalizing styles have been helped along thanks to the fine work ofNicolas Gallagher and Jonathan Neal https:/necolas.github.io/normalize.css//********* Reset CSS *********/

:root {
    --jv-blue: #1f72ae;
    --jv-blue-dark: #175d8e;
    --jv-blue-deeper: #0f3f63;
    --jv-blue-light: #e8f3fb;
    --jv-blue-mid: #c2ddf2;
    --jv-orange: #f50e57;
    --jv-orange-h: #a80035;
    --jv-warm-white: #f7fbff;
    --jv-white: #fff;
    --jv-text-dark: #1a2e3f;
    --jv-text-body: #3d5570;
    --jv-text-muted: #7a99b8;
    --jv-border: rgba(31, 114, 174, 0.15);
    --jv-shadow: 0 2px 16px rgba(31, 114, 174, 0.08);

    --forest:   #1A3A2A;
    --moss:     #2D5E3F;
    --sage:     #7AAE8E;
    --cream:    #F7F3EC;
    --sand:     #E8DFD0;
    --terracot: #C4622D;
    --text:     #2A2A22;
    --muted:    #6B6B5A;
  /* Component aliases */
  --blue:      var(--jv-blue);
  --blue-dk:   var(--jv-blue-deeper);
  --blue-lt:   var(--jv-blue-light);
  --orange:    var(--jv-orange);
  --red:       var(--terracot);
  --border:    var(--jv-border);
  /*font-size*/
  --bannerHeadFontSize:36px;
   --visitorInfoSize:26px;
  
}
.tableData {    table-layout: fixed;    width: 100%;}
.srTh {    width: 100px;}
.cityTh{ width: 150px;}

.donateSelect label.error { left: 0;}
label.error { position: absolute ; left: 15px;}
[class*="col-"] {
  position: relative;
}
body,
button,
input,
select,
textarea {
    color: #393939;
    font-family: 'open_sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    overflow-x: hidden;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/*common gradient bg start*/
.hospitalFacilities, .newsEventSection,
.footer-lower { background: linear-gradient(135deg, var(--jv-blue) 0%, var(--jv-blue-deeper) 100%); }
/*common gradient bg end*/
/*common boxes start*/
/*
.newsEventSection .newsThumb { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 0 0 !important; border: 0 !important; width: auto !important; float: none !important; }
*/

.photoFrame:hover img{   transform: scale(1.08);    filter: brightness(0.85);} 
.photoFrame .post-thumbnail img,
.photoFrameImg img{ width: 100%; height: 250px;    transition: transform 0.5s ease, filter 0.5s ease;}
.photoFrameImg { position: relative;}
.photoFrameImg span { position: absolute; left: 10px; bottom: 10px; }
.photoFrameImg  a { color: #fff!important;}
.photoFrameImg figure { margin: 0;}
.photoFrame .post-thumbnail,
.photoFrameImg {height: 250px; overflow: hidden; margin: 0;}

.jvContactLftInfo,
.photoFrameInfo { padding: 20px 15px;}
.photoFrameInfo h4 a { text-decoration: none;  color: #000; }


.photoFrameInfo h4{font-family: 'open_sans';   font-weight: 700;    color: #000;        font-weight: bold;
    font-size: 16px; margin-bottom: 20px;}


/*common boxes end*/
/*common form start*/

/*character limit start*/
.searchResult .entry-header a,
.photoFrameInfo h4{   width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }


.donate-services .cf7sr-g-recaptcha{ margin: 24px 0 0 0;}
.agree   .wpcf7-form-control-wrap { width: auto; position: relative;}
.wpcf7-form-control-wrap,
label { width: 100%;}




.jvJoinUs .joinus_form .submit_form p {display: flex; margin: 0 -10px;}

.contactFormSection .submit_form, .contactFormSection .formBtn
 {
  text-align: left!important; margin: 0; padding: 0;

}

/* ── Radio groups (Gender) ── */

.jvAdoptForm  .wpcf7-form-control ,
.jvJoinUs .joinus_form .wpcf7-radio {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

    
}


.agree  .wpcf7-list-item { background-color: transparent!important;
border:0px!important; padding: 0px!Important;}
.joinus_form p,
.jvContact p,
.jvAdoptForm form p{ margin: 0; padding: 0;}
 .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item
 {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    margin:0 5px 9px !important;
    padding: 9px 18px;
    background: var(--jv-blue-light)!important;
    border: 1.5px solid var(--jv-border);
    border-radius: 24px;

    transition: all .2s;
    font-size: 13px;
    font-weight: 600;
    color: var(--jv-text-body);
    line-height: 1;
}

.jvAdoptForm  .wpcf7-list-item:has(input:checked),
.jvJoinUs .joinus_form .wpcf7-radio .wpcf7-list-item:has(input:checked),
.joinus_form span.wpcf7-list-item:has(input:checked)  {
    background: var(--jv-blue)!important;
    border-color: var(--jv-blue);
    color: #fff;
}
.jvAdoptForm  input[type="radio"],
.jvJoinUs .joinus_form .wpcf7-radio input[type="radio"] {
    margin: 0;
    width: 14px;
    height: 14px;
    accent-color: var(--jv-blue);
    flex-shrink: 0;
    cursor: pointer;
}
.jvAdoptForm  input[type="radio"] .wpcf7-list-item-label,
.jvJoinUs .joinus_form .wpcf7-radio .wpcf7-list-item-label {
    display: inline !important;
    font-size: 13px;
}
.jvContactLft iframe { height:325px;}
.jvi-card ,
.jvContactLft,
.photoFrame {
    background: #fff !important;
    box-shadow: 0 4px 28px rgba(31,114,174,.1) !important;
    padding: 20px !important;
    border: 1px solid var(--jv-border);
    border-radius: 16px;
    overflow: hidden;
    margin: 0 !important;

}

.jvJoinUs .joinus_form .agree.mrgB10 { margin-bottom: 20px;}
input[type="file"],
.agree,
.contactFormSection .agree,
.jvJoinUs .joinus_form .agree {
    background: var(--jv-blue-light);
    border: 1px solid var(--jv-border);
       padding: 5px 5px !important;
    font-size: 13.5px;
    line-height: 1.7;
    color: var(--jv-text-body);
    margin: 0 0 0 0;
    border-radius: 6px;
}
.contactFormSection .agree p,
.contactFormSection .agree label,
.jvJoinUs .joinus_form .agree p { margin: 0 !important; }

.contactFormSection .agree label,
.jvJoinUs .joinus_form .agree label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: var(--jv-text-body) !important;
    cursor: pointer;
    line-height: 1.6;
    margin: 0 !important;
}

.contactFormSection .agree  .wpcf7-list-item,
.jvJoinUs .joinus_form .agree .wpcf7-list-item {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    flex-shrink: 0;
}
.contactFormSection .agree input[type="checkbox"],
.jvJoinUs .joinus_form .agree input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin:0 0 0 !important ;
    flex-shrink: 0;
    accent-color: var(--jv-blue);
    cursor: pointer;
    position: relative; top: 2px;
}
.contactFormSection .agree .hints,
.jvJoinUs .joinus_form .agree .hints {
    font-size: 11px !important;
    color: var(--jv-text-muted) !important;
    font-style: italic;
    margin-top: 0 !important;
}
/* ── Code of Conduct trigger ── */
.popupTrigger,
.jvJoinUs .joinus_form .popupTrigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--jv-blue) !important;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    cursor: pointer;
    border: 1.5px solid var(--jv-border);
    padding: 8px 16px;
    border-radius: 24px;
    background: var(--jv-blue-light);
    transition: all .2s;
    line-height: 1;
}
.popupTrigger:hover,
.jvJoinUs .joinus_form .popupTrigger:hover {
    background: var(--jv-blue);
    color: #fff !important;
    border-color: var(--jv-blue);
}
.focusEffect~label { font-size: 16px; position: absolute; left: 0; width: 100%; top: 12px; color: #000; transition: 0.3s; z-index:0; letter-spacing: 0.5px; }
.focusEffect:focus~label, .has-content.focusEffect~label { top: -16px; font-size: 12px; color: #3b5998; transition: 0.3s; }

.focusEffect ~ label {  font-size: 14px; 
    position: absolute;
    left: 0;
    width: 100%;
    top: 13px;
    color: #000;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}
.focusEffect:focus ~ label, .has-content.focusEffect ~ label {
    top: -20px;
 font-size: 13px; 
    color: #3b5998;
    transition: 0.3s;
}

/*common form end*/
/*common input start*/
/*select with icons start*/
/*select with icons end*/
.jvJoinUs .joinus_form select,
.site-content .donationForm select { padding-left: 52px!important;}



.jvJoinUs .joinus_form select,
.site-content select,
.moduleSearch li select,
.site-content .customSelect { -moz-appearance: none; -webkit-appearance: none; 
    background:transparent  url(assets/images/select-dropdown.png) right center no-repeat!important; color: #ccc;

       width: 100% !important;
    height: 48px !important;
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;

    transition: border-color .2s, box-shadow .2s !important;
    outline: none;
    box-sizing: border-box !important;
    /* Kill focusEffect underline style */
    border-bottom: 1.5px solid var(--jv-blue-mid) !important;
    min-width: 160px;
    
}
.jvJoinUs .joinus_form select:focus,
.site-content select:focus,
.moduleSearch li select:focus,
.site-content .customSelect:focus{   background:#fff  url(assets/images/select-dropdown.png) right center no-repeat!important; }


.site-content textarea.wpcf7-textarea{    padding: 15px 14px !important;}
.moduleSearch li input[type="text"],
.site-content input[type="text"],
.site-content input[type="email"],
.site-content input[type="tel"],
.site-content input[type="number"],
.site-content input[type="url"],
.site-content input[type="password"],
.site-content input[type="search"],
.site-content textarea,
.jvJoinUs .joinus_form input[type="text"],
.jvJoinUs .joinus_form input[type="email"],
.jvJoinUs .joinus_form input[type="tel"]{
    width: 100% !important;
    height: 48px !important;
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: var(--jv-text-dark) !important;
    background: transparent !important;
    transition: border-color .2s, box-shadow .2s !important;
    outline: none;
    box-sizing: border-box !important;
    /* Kill focusEffect underline style */
    border-bottom: 1.5px solid var(--jv-blue-mid) !important;
}

.moduleSearch li input[type="text"]:focus,
.site-content input[type="text"]:focus,
.site-content input[type="email"]:focus,
.site-content input[type="tel"]:focus,
.site-content input[type="number"]:focus,
.site-content input[type="url"]:focus,
.site-content input[type="password"]:focus,
.site-content input[type="search"]:focus,
.site-content textarea:focus,
.jvJoinUs .joinus_form input[type="text"]:focus,
.jvJoinUs .joinus_form input[type="email"]:focus,
.jvJoinUs .joinus_form input[type="tel"]:focus {
    border-color: var(--jv-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(31,114,174,.1) !important;
    border-bottom-color: var(--jv-blue) !important;
}




input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 0 5px 0 0;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio
}
.donate_description input,
.donateMonthly .donate_description input,
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    height: 100px;
    max-width: 100%;
    min-width: 100%;
    max-height: 500px;
    min-height: 75px;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

label {
    display: inline-block;
    padding-bottom: 5px;
    font-weight: normal;
}
.animalCareWheels .donateNowProject input[type="text"] {
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 4px;
    height: 45px;
    padding: 0 10px;
    font-size: 14px;
    background: #fff !important;
    transition: border-color .2s;
    width: 100%;
}

/* Default placeholder style */
select {
  color: #ccc; /* gray for placeholder */
}

/* Ensure disabled placeholder stays gray */
select option[disabled] {
  color: #ccc;
}

/* Force selected text to black */
select:focus,
select:not(:has(option[disabled]:checked)) {
  color: #000;
}


.focusEffect ~ label,
input::placeholder,
textarea::placeholder {
  color: #ccc!important;
  opacity: 1; /* Ensures custom color displays fully in Firefox */

}
/*common input end*/
/*common buttons start*/

/*blue btn*/
.animalCareWheels .cvf-universal-pagination ul li.selected,
.equipmentSection   .swiper-button-prev,
.equipmentSection   .swiper-button-next,
.viewMoreBtn,
 .jvAdopt .adptBtn .readMoreBtn,
.button,
.vsel-meta-link a,
.iDonationBtn,
.pagination .nav-links .current,
.nl-card .nwsltrBox input.tnp-submit,
.newsContent .readMoreBtn,
.readMoreBtn,
.activitySlider .slideThumb:first-child .activitySliderBtns a:not(:first-child),
.activitySlider .slideThumb:first-child .activitySliderBtns a,

.sliderCaption .sliderReadMore { 
    background: linear-gradient(180deg, rgb(1, 69, 119) 0%, rgba(0, 92, 158, 1) 90%)!important;
    color: #fff!important;   
    border-radius: 0; 
    padding: 11px 20px;
    text-decoration: none;
    font-size: 14px;    
    text-transform: uppercase; 
    transition: all 0.3s ease; /* smooth transition */
    display: inline-flex;
    border-radius: 0;

    border:0px;
}
/*blue btn hover*/

.equipmentSection   .swiper-button-prev:hover,
.equipmentSection   .swiper-button-next:hover,
.viewMoreBtn:hover,
.jvAdopt .adptBtn .readMoreBtn:hover,

button:hover,
.button:hover,
.vsel-meta-link a:hover,
.iDonationBtn:hover,
.pagination .nav-links .current:hover,
.nl-card .nwsltrBox input.tnp-submit:hover,
.newsContent .readMoreBtn:hover,
.readMoreBtn:hover,
body .activitySlider .slideThumb:first-child .activitySliderBtns a:last-child:hover,
.activitySlider .slideThumb:first-child .activitySliderBtns a:not(:first-child):hover,
.activitySlider .slideThumb:first-child .activitySliderBtns a:not(:first-child):hover,
.activitySlider .slideThumb:first-child .activitySliderBtns a:hover,
.activitySlider .slideThumb:first-child .activitySliderBtns a:first-child:hover,
.donateBtn:hover,
.sliderCaption .sliderReadMore:hover {  
    background: linear-gradient(180deg, rgba(0, 92, 158, 1) 0%, rgb(0, 91, 156) 90%); 
    color: #fff; /* bright yellow text for contrast */
    transform: scale(1.05); /* subtle zoom effect */
    box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* glowing shadow */
}
.nl-card .nwsltrBox input.tnp-submit { border-radius: 0 10px 10px 0; color: #fff; height: 44px; width: 110px; font-size: 12.5px;  text-indent: 0; padding: 0; cursor: pointer; border:0px; box-shadow: none;}


body .activitySlider .slideThumb:first-child .activitySliderBtns a:last-child {
    background: linear-gradient(180deg,
     rgba(255, 255, 255, 0) 0%,
     rgba(255, 255, 255, 0.3%) 90%);
    border:1px solid rgba(255,255,255,0.3);
    }


/*orange btn*/
[type=submit],
.jvJoinUs .wpcf7-submit,
.jvBlogDetail .widget_custom_html .donateBtn,
.animalCareWheels .projectdonateBtn,
.donateBg input[type="submit"],.contactFormWrap input[type="submit"] { background: linear-gradient(135deg, #f50e57, var(--jv-orange)); padding: 11px 20px; color: #fff; font-size: 14px; text-transform: uppercase; display: inline-block; border-radius:0;   border-color: #f50e57;    transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(245, 14, 87, 0.3); border:0px; text-decoration: none;}
/*orange btn hover*/
[type=submit]:hover,
.jvJoinUs .wpcf7-submit:hover,
.jvBlogDetail .widget_custom_html .donateBtn:hover,
.animalCareWheels .projectdonateBtn:hover,

.donateBg input[type="submit"]:hover,.donateBg input[type="reset"]:hover,.contactFormWrap input[type="submit"]:hover,.contactFormWrap input[type="reset"]:hover {    background: linear-gradient(135deg,var(--jv-orange-h), #f50e57);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(245, 14px, 87px, 0.45); }
.cvf-universal-pagination ul li { margin: 0 2px;}
/*grey btn*/
.pageNextPrev a,
.cvf-universal-pagination ul li,
[type=reset],
button.resetBtn,
.pagination .nav-links a.page-numbers ,
.projectList li a.viewMore ,
.donateBg input[type="reset"] { text-decoration: none;
    background: linear-gradient(135deg, #5c5c5c, #8a8a8a);
    padding: 11px 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0;

    border: none;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow: 0 4px 12px rgba(92, 92, 92, 0.3);
}

/* Hover Effect */
.pageNextPrev a:hover,
.cvf-universal-pagination ul li:hover,
[type=reset]:hover,
button.resetBtn:hover,
.pagination .nav-links a:hover ,
.projectList li:hover a.viewMore ,
input[type="reset"]:hover {
    background: linear-gradient(135deg, #8a8a8a, #5c5c5c);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(92, 92, 92, 0.45);
    color: #fff;
}
.projectList li a.viewMore{ margin-bottom: 20px;}

.tableOuter { width: 100%; overflow-x: auto;  max-height: 400px;}
table {  width: 100%;  border-collapse: collapse;}
thead {  position: sticky;  top: 0;  background-color: #fff;   z-index: 2; }

/*link*/
.tags-links a,
.cat-links a,
.posted-on a,
.author a{ color: var(--jv-blue); text-decoration: none!important; font-size: 16px;}

.tags-links:hover,
.cat-links a:hover,
.posted-on a:hover,
.author a:hover{ color:var(--jv-orange) ;}

/*common buttons end*/
.fa-calendar-o {
    --fa: "\f133";
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
.lightSlider img { position: relative ; height: 100%!important;}
.lightSlider  li { position: relative ; height:100%!important;}
audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    transition: all 0.3s ease 0ms;
    -webkit-transition: all 0.3s ease 0ms;
    text-decoration: underline;
    color: #3b5998;
}

a:focus {
    outline: none
}

a:hover,
a:active {
    outline: 0;
}

a:hover {
    text-decoration: none;
    color: #393939;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

b,
strong,
dt,
th {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dd,
table,
fieldset,
address {
    margin: 0;
    padding: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

legend {
    white-space: normal;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    empty-cells: show;
    border: none;
}

table table {
    margin: 0
}

th,
td {
    border: none;
    padding: 8px 10px
}

caption,
th,
td {
    font-weight: normal;
}



/*
.activitySlider .slideThumb:first-child .activitySliderBtns a:not(:first-child) {
    background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.14) 90%);
 
}
.activitySlider .slideThumb:first-child .activitySliderBtns a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 11px 22px !important;
    border-radius: 24px !important;
    transition: all .2s !important;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: none;
    clear: none !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
    color: #fff !important;
}


.activitySlider .slideThumb:first-child .activitySliderBtns a:first-child {
    background: #f50e57 !important;
    border: none !important;
}

.activitySlider .slideThumb:first-child .activitySliderBtns a:first-child:hover {
    background: #d10049 !important;
}



.donateBtn { background: #f50e57; padding: 11px 20px; color: #fff; font-size: 16px; text-decoration: none; text-transform: uppercase; display: block; border-radius: 5px; font-weight: 700; }

.donateBtn:hover { background: #c1003d; color: #fff; }
*/
/*btn common css end*/

@font-face {
    font-family: 'open_sans';
    src: url('assets/css/fonts/opensans-light-webfont.eot');
    src: url('assets/css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/opensans-light-webfont.woff2') format('woff2'), url('assets/css/fonts/opensans-light-webfont.woff') format('woff'), url('assets/css/fonts/opensans-light-webfont.ttf') format('truetype'), url('assets/css/fonts/opensans-light-webfont.svg#open_sansbold') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('assets/css/fonts/opensans-regular-webfont.eot');
    src: url('assets/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/opensans-regular-webfont.woff2') format('woff2'), url('assets/css/fonts/opensans-regular-webfont.woff') format('woff'), url('assets/css/fonts/opensans-regular-webfont.ttf') format('truetype'), url('assets/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('assets/css/fonts/opensans-semibold-webfont.eot');
    src: url('assets/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('assets/css/fonts/opensans-semibold-webfont.woff') format('woff'), url('assets/css/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('assets/css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sans';
    src: url('assets/css/fonts/opensans-bold-webfont.eot');
    src: url('assets/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/opensans-bold-webfont.woff2') format('woff2'), url('assets/css/fonts/opensans-bold-webfont.woff') format('woff'), url('assets/css/fonts/opensans-bold-webfont.ttf') format('truetype'), url('assets/css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('assets/css/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('assets/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('assets/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('assets/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('assets/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('assets/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/********* Form fields *********/


/********* Clear floats *********/
.cf:before,
.cf:after,
.container:before,
.container:after,
.row:before,
.row:after,
ul:before,
ul:after,
.boxs:before,
.boxs:after,
.radioList:after,
.radioList:before {
    content: " ";
    display: table
}

.cf:after,
.container:after,
.row:after,
ul:after,
.boxs:after,
.radioList:after {
    clear: both
}

/********* Common Classes *********/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    padding: 0
}

body {
    background-color: #fff;
}

h1 { font-size: 2.308em; }
h2 { font-size: 2.000em; }
h3 { font-size: 1.692em; }
h4 { font-size: 1.538em; }
h5 { font-size: 1.385em; }
h6 { font-size: 1.231em; }

ul { padding: 0 0 0 15px; }
ol { padding: 0 0 0 20px }

ul ul,
ol ol { margin: 10px 0 }

ul.bulletText { list-style: none; padding: 0; }
ul.bulletText li { padding: 2px 0 2px 0px; }

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dd,
table,
fieldset,
address { margin: 0 0 25px; }



input[type="submit"].cancelBtn,
input[type="button"].cancelBtn,
input[type="reset"].cancelBtn { background-color: #888; }

.alignLeft { float: left }
.alignRight { float: right; }
.displayNone, .hasJS noscript, .hideThis { display: none !important; visibility: hidden }

.jsRequired {
    display: block;
    background-color: #C00;
    color: #fff;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border: 0 none;
}

.mrgAuto { margin-right: auto; margin-left: auto; }
.mrgT20 { margin-top: 20px; }
.mrgL20 { margin-left: 20px; }
.mrgR20 { margin-right: 20px; }
.mrgB20 { margin-bottom: 20px; }
.mrgT10 { margin-top: 10px; }
.mrgL10 { margin-left: 10px; }
.mrgR10 { margin-right: 10px; }
.mrgB10 { margin-bottom: 10px; }
.padL20 { padding-left: 20px; }
.padR20 { padding-right: 20px; }
.padB20 { padding-bottom: 20px; }
.padT20 { padding-top: 20px; }
.padL15 { padding-left: 15px; }
.padR15 { padding-right: 15px; }
.padB15 { padding-bottom: 15px; }
.padT15 { padding-top: 15px; }
.padL10 { padding-left: 10px; }
.padR10 { padding-right: 10px; }
.padB10 { padding-bottom: 10px; }
.padT10 { padding-top: 10px; }
.padTB10 { padding-top: 10px; padding-bottom: 10px; }
.padTB15 { padding-top: 15px; padding-bottom: 15px; }
.padTB20 { padding-top: 20px; padding-bottom: 20px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.pad30 { padding: 30px; }
.width100p { width: 100%; }
.width90p { width: 90%; }
.width80p { width: 80%; }
.width70p { width: 70%; }
.width60p { width: 60%; }
.width50p { width: 50%; }
.width40p { width: 40%; }
.width30p { width: 30%; }
.width20p { width: 20%; }
.width10p { width: 10%; }
.fileSize { font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 3px; }
.extIcon { vertical-align: middle; margin-left: 3px; }
.rsIcon { display: inline-block; margin-right: 2px; height: 11px; text-indent: -999px; overflow: hidden; width: 11px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.longWord, .wordBreak { word-wrap: break-word; }

/********** Image Formating & Alignment **********/

.imgLeft { float: left; margin-right: 40px; margin-bottom: 20px; 
position: relative;
}
.imgLeft  img { z-index: 1; position: relative;}
.imgLeft::after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--jv-blue);
  z-index: 0;
}
.imgRight { float: right; margin-left: 20px; margin-bottom: 20px; border: 4px solid #fff; }
.imgCenter { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; }
.imgBorder { border: 1px solid #ccc; padding: 5px }
.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); padding: 4px; }

/********** Alignment **********/
.left { text-align: left !important }
.right { text-align: right !important }
.center { text-align: center !important }
.justify { text-align: justify !important }

/********** Error/Alert Messages **********/
.message { padding: 10px 38px 10px 10px; margin-bottom: 20px; border: 1px solid transparent; position: relative; }
.message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.message.success a { color: #2b542c; }
.message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.message.error a { color: #843534; }

/********** Table **********/
.tableOut { overflow-y: hidden; overflow-x: auto }
table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; border-top: 1px solid #E9E9EA; border-left: 1px solid #E9E9EA; }
table table, .tableData table { margin: 0 }

th, td, .tableData th, .tableData td { padding: 18px 20px;
  font-size: 15px;
  font-weight: 600; }
thead th {  background: linear-gradient(90deg,#0f3b75,#123f80);   color: #fff;  white-space: nowrap;}

table tr:nth-child(odd) td, .tableRowOdd { background-color: #efefef; }
caption, th, td { font-weight: normal; background: #fff }
th, .tableData th { text-align: left; }
.tableScroll { overflow-y: hidden; overflow-x: auto }

/* ******** Grid : 12 Column and Boxs ******** */
.example div div, .example .boxs li { border: 1px solid #eee; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px }
.row { margin: 0 -15px; }
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float: left; padding-left: 15px; padding-right: 15px; }


.cols12 { width: 100% }
.cols11 { width: 91.66666667% }
.cols10 { width: 83.33333333% }
.cols9 { width: 75% }
.cols8 { width: 66.66666667% }
.cols7 { width: 58.33333333% }
.cols6 { width: 50% }
.cols5 { width: 41.66666667% }
.cols4 { width: 33.33333333% }
.cols3 { width: 25% }
.cols2 { width: 16.66666667% }
.cols1 { width: 8.33% }

.row > [class*="cols"] {
  max-width: none !important;
}
.row > .cols1  { width:  8.33% !important; }
.row > .cols2  { width: 16.66666667% !important; }
.row > .cols3  { width: 25% !important; }
.row > .cols4  { width: 33.33333333% !important; }
.row > .cols5  {width: 41.66666667%!important }
.row > .cols6  { width: 50% !important; }
.row > .cols7  { width: 58.33333333%!important; }
.row > .cols8  { width: 66.66666667% !important; }
.row > .cols9  { width: 75% !important; }
.row > .cols10 { width: 83.33333333% !important; }
.row > .cols12 { width: 100% !important; }

.boxs { list-style: none; padding: 0; margin: 0; }
.boxs2 { margin-left: -2%; }
.boxs3 { margin-left: -2%; }
.boxs4 { margin-left: -2%; }
.boxs5 { margin-left: -2%; }
.boxs6 { margin-left: -2%; }
.boxs>li, .boxs>div { float: left; min-height: 1px; margin-left: 30px; }
.boxs2>li, .boxs2>div { width: 48%; margin-left: 2%; }
.boxs3>li, .boxs3>div { width: 31%; margin-left: 2%; }
.boxs4>li, .boxs4>div { width: 23%; margin-left: 2%; }
.boxs5>li, .boxs5>div { width: 18%; margin-left: 2%; }
.boxs6>li, .boxs6>div { width: 14.6%; margin-left: 2%; }
.boxBorder { padding: 5px; border: 1px solid #ccc; }
.row > [class*="cols"] {
  flex-shrink: 0;
  max-width: none;        /* Bootstrap sets max-width:100%, kills % widths */
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
/********* Navigation *********/
.mainNavigation { margin: 0; background: #fff; clear: both; z-index: 999; position: relative; float: left; width: 78%; }
.toggleMenu { display: none; padding: 15px; text-decoration: none }
.toggleMenu .mobileMenu { font-size: 1.250em; color: #3b5998; }
.toggleMenu .iconBar { float: right; width: 34px; height: 34px; background: url(assets/images/mobile-menu.png) no-repeat center center; }
#nav, #nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { float: left; margin: 0; padding: 0; position: relative; display: inline; position: relative; text-transform: uppercase; }
#nav>li:after { content: ""; line-height: 28px; border-right: 1px #dbdbdb solid; position: absolute; right: 0; display: block; top: 14px; height: 20px; }
#nav>li:last-child:after { display: none; }
#nav li a { padding: 8px 35px; line-height: 36px; color: #222222; font-size: 15px; display: inline-block; text-decoration: none }
#nav ul { width: 260px; top: 100%; padding: 0; left: 0; position: absolute; z-index: 1111; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; opacity: 0; visibility: hidden; margin-top: 20px; border-bottom: 2px solid #f50e57; }
.hasJS #nav ul { opacity: 0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; }
#nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; }
#nav ul li a { display: block; background-color: #fff; font-size: 15px; line-height: 24px; color: #222; border: none; border-top: 1px solid #dedede; padding: 9px 15px 9px 15px; text-align: left; }
#nav ul ul { top: 0; left: 300px }
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color: #7fb6e9 }
#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { opacity: 0; visibility: hidden; margin-top: 20px; }
#nav li:hover>ul, #nav li.hover>ul, #nav li.focus>ul, #nav a:focus+ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { opacity: 1; visibility: visible; margin-top: 0; }
#nav>li>a { border-bottom: 2px solid #fff; }
#nav>li>a:hover { border-bottom: 2px solid #3b5998; }
#nav>li>a:hover, #nav>li.hover>a, #nav>li.focus>a, #nav>.highlight>a { color: #000; }
#nav li ul li a:hover, #nav li ul li>a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul>.highlight>a { background-color: #f50e57; color: #fff }
#nav ul li.focus>a { background-color: #e9e9e9; color: #060613; display: block; }
#nav .menuIcon { display: none; position: absolute; right: 5px; top: 20px; width: 9px; height: 9px; }
#nav li .menuIcon { background: url(assets/images/down-arrow.gif) no-repeat right center; z-index: 10 }
#nav li li .menuIcon { display: block; top: 13px; right: 10px; z-index: 11 }
#nav li li li .menuIcon { z-index: 12 }
#nav li .menuIcon.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.noJS #nav ul a:focus { width: 200px; }
.noJS #nav ul a:focus, .noJS #nav ul a:focus+ul { margin-left: 9999px }
.noJS #nav ul a:active { margin-left: 0 }
.hasJS .menuPart #nav a:focus+ul, .hasJS .menuPart #nav li.focus>ul, .hasJS .menuPart #nav li.hover>ul, .hasJS .menuPart #nav li:hover>ul, .hasJS .menuPart #nav ul ul { opacity: 1; }

/* ******** Index Slider ******** */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .sliderBanner .item { position: relative; }
.sliderCaption { position: absolute; top: 20%; color: #fff; }
.sliderCaption h2 { font-size: 58px; text-transform: uppercase; font-weight: 700; line-height: 1.1; margin-bottom: 15px; }
.sliderCaption h2 span { font-size: 24px; text-transform: uppercase; font-weight: 300; letter-spacing: 4px; margin-bottom: 8px; display: block; }
.sliderCaption p { font-size: 24px; font-weight: 400; margin-bottom: 40px; }

/*swiper*/
.swiper  .swiper-slide img {     display: block;
    width: 100%;    height: 100%;    object-fit: cover;   object-position: center top; }
.HomeMainBanner { height: 700px;}

.equipmentSlides  .swiper-button-next,
.equipmentSlides  .swiper-button-prev,
.HomeMainBanner  .swiper-button-next,
.HomeMainBanner  .swiper-button-prev{position: absolute; bottom: 50%; height: 60px;}

.HomeMainBanner  .owl-nav button { padding: 4px 10px; height: auto; background: #fff; color: #000; border: none; }

.equipmentSlides  .swiper-button-next,
.HomeMainBanner   .swiper-button-next { background: #f50e57; color: #fff; border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: 5px; left: inherit; float: right; }

.equipmentSlides  .swiper-button-next:hover,
.equipmentSlides  .swiper-button-prev:hover,
.HomeMainBanner    .swiper-button-next:hover,
 .HomeMainBanner  .swiper-button-prev:hover { background: #de0046; }

.equipmentSlides  .swiper-button-prev,
 .HomeMainBanner  .swiper-button-prev { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: 5px; float: left; background: #f50e57; }

 .equipmentSlides  .swiper-button-next,
.equipmentSlides  .swiper-button-prev,
 .HomeMainBanner  .swiper-button-prev,
 .HomeMainBanner    .swiper-button-next { line-height: 45px; }

  .equipmentSlides  .swiper-button-next,
.equipmentSlides  .swiper-button-prev{ margin-top: -50px!important;}

.equipmentSlides .swiper-navigation-icon,
 .HomeMainBanner  .swiper-button-prev svg,
  .HomeMainBanner  .swiper-button-next svg { width:30px; height:30px; color: #fff; }
.swiper-pagination-bullet-active{ background-color:#f50e57!important ;}
.swiper-pagination{ bottom: 50px;}
.swiper-pagination-bullet { background-color: #fff;transform: scale(1)!important;}
.HomeMainBanner .swiper-button-prev{ left: -5px!important;}
.HomeMainBanner .swiper-button-next { right: -5px!important;}
.homeBannerVideo video { width: 100%; height: 100%; object-fit: cover; opacity: 0.5;}
.homeBannerVideo { position: relative; height:100%;}
.homeBannerVideo:before{ content: ""; width: 100%; height: 100%; background-color: #000;
position: absolute; left: 0; top: 0;}
.swiper-pagination-bullet{ width: 10px!Important; height: 10px!important; background-color: #fff!Important;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
    bottom:35px!important;}
/********** Owl Carousel **********/
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; overflow: hidden; }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; font: inherit }
.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } }
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }

/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/
/********** Layout **********/
.container { margin: 0 auto; width: 100%; max-width: 1280px; }

.sprite,
.facebookIcon,
.twitterIcon,
.youtubeIcon,
.google-plusIcon,
.instaIcon,
.linkedinIcon,
.clockIcon,
.callIcon,
.mailIcon,
.arrowIconViewAll,
.searchContainer .submit,
.owl-next .nav-next,
.owl-prev .nav-prev {
    background-image: url(assets/images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

/********** Top Links and Font Resize **********/
.topStrip { border-bottom: 1px solid #ececec; padding: 7px 0; line-height: 23px; }
.leftLink { float: left; }
.rightLinks { float: right; }
.topStrip ul { list-style: none; padding: 0; margin: 0 }
.topStrip li { float: left; padding: 0 7px 0 8px; position: relative; }
.topStrip .fontResize { padding-top: 2px }
.topStrip a { color: #333; text-decoration: none; }
.topStrip a:hover { text-decoration: underline; color: #bb4c11 }
.topStrip li:first-child { padding-left: 0; }
.topStrip li:last-child { padding-right: 0; }
.topStrip li:before { content: " "; position: absolute; left: 0; top: 50%; z-index: auto; height: 14px; width: 1px; background: #666666; overflow: hidden; margin-top: -7px; }
.topStrip li:first-child:before { display: none; }

/***** Custom CSS *****/
.headerContainer { padding: 15px 0px 20px 0px; border-bottom: 1px solid #bfbfbf; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms;  display: flex; flex-wrap: wrap; width: 100%;}
#logo { float: left; margin: 0; padding: 0; }
.headRight  a { font-weight: bold; padding-left: 25px; position: relative;}

.headRight {     position: fixed;       top: 263px;  /*transform: rotate(269deg); */
    right: 0px;     z-index: 9999;    display: flex;    flex-direction: column;    align-items: flex-end;    gap: 10px;   }
.headRight ul { margin: 5px 0px 0px 0px; padding: 0; }
.headRight ul li { list-style: none; padding: 8px 15px; display: inline-block; vertical-align: top; position: relative; }
.headRight ul li:after { content: ""; border-right: 1px solid #b2b2b2; height: 85%; top: 6%; position: absolute; right: 0px; display: block; }
.headRight ul li:last-child:after { display: none; }

.headTitle { display: block; font-size: 14px; color: #383838; text-transform: uppercase; font-weight: 300; }
.workingHours { font-weight: bold; color: #0c2c6e; font-weight: 700; font-size: 18px; }
.socialIcons a { color: #7c828d; font-size: 18px; margin-right: 5px; }
.menuPart { float: left; width: 78%; }
.searchContainer { float: right; width: 21%; border-left: 1px solid #bfbfbf; position: relative; }
.searchContainer input.searchInput { width: 100%; border: 0; padding: 8px 60px 8px 15px; height: auto; line-height: 36px; }
.searchContainer .submit { width: 52px; height: 52px; display: block; background-position: 0 -24px; background-color: transparent; position: absolute; right: 0; top: 0; border: 0; padding: 0; box-shadow: none;}
.searchContainer .submit:hover { background-color: #dadada; }
.searchBtn { color: #3b5998; font-size: 18px; padding: 10px 5px; float: right; line-height: 28px; position: absolute; right: 0; top: 2px; }

.owl-dots { position: absolute; bottom: 100px; left: calc(50% - 640px); bottom: 120px; }
.owl-dot span { width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; display: inline-block; margin: 15px 5px; background: #fff; }
.owl-dot.active span { border: 2px solid #f50e57; }

/* ======== FOOTER ======== */
.footer {
    background: linear-gradient(135deg, #1f72ae 0%, #0f3f63 100%);
    color: #fff;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.footer p { margin: 0; padding: 18px 0; text-align: left; font-size: 12.5px; color: rgba(255,255,255,0.6); }
.footerLeft { float: left; margin-top: 15px; }
.footerLeft ul { padding: 0; margin: 0 0 5px 0; }
.footerLeft ul li { display: inline-block; padding-right: 20px; position: relative; }
.footerLeft ul li:after { position: absolute; content: "|"; right: 4px; top: -1px; }
.footerLeft ul li:last-child:after { display: none; }
.footerLeft ul li a { color: #fff; text-decoration: none; }
.footerLeft p { margin-bottom: 5px; }
.footerRight { float: right; font-weight: 400; font-size: 14px; margin: 0; padding: 14px 0; }
.nwsLtrTitle { text-transform: uppercase; margin-bottom: 5px; display: block; }
.nwsltrBox { display: block; clear: both; position: relative; }
.footerRight input.newsLetterInput { font-size: 14px; font-weight: 400; color: #8c8c8c; background: #fff; padding: 10px; height: auto; border-radius: 4px; width: 100%; padding-right: 50px; height: 48px; width: 295px; }
.newsLetterBtn { position: absolute; right: 0; top: 0; border-radius: 0px 4px 4px 0px; background: #f50e57; color: #fff; height: 48px; font-size: 24px; padding: 5px 12px; }
.newsLetterBtn:hover { color: #fff; background: #d30043; }

/* ======== QUICK LINK SECTION ======== */
.quickLinkSection { background: #f7fbff; padding: 56px 0 52px; position: relative; overflow: hidden; }
.quickLinkSection .widget h2 { font-weight: 700; font-size: 26px; margin-bottom: 24px; color: #1a2e3f; }
.quickLinkSection .widget .menu { padding: 0; }
.quickLinkSection .widget .menu li { list-style: none; position: relative; float: left; width: 49%; padding-right: 8px; }
.quickLinkSection .widget .menu li:before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #c2ddf2; width: 5px; height: 5px; border-radius: 50%; }
.quickLinkSection .widget .menu li a { border-bottom: 1px solid rgba(31,114,174,0.08); display: block; text-decoration: none; color: #3d5570; font-size: 13.5px; line-height: 1.4; margin-top: 0; padding: 7px 8px 7px 16px; transition: color .2s, padding-left .2s; }
.quickLinkSection .widget .menu li a:hover, .contDetails ul li a:hover { color: #1f72ae; }
.facebookColumn { width: 30%; float: left; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; padding: 0px 40px; }
.facebookColumn h4 { margin-bottom: 10px; }
.contactColumn { width: 39%; float: right; }
.quickLinkSection .widget .custom-html-widget h3 { font-size: 18px; color: #3b5998; font-weight: 700; margin-bottom: 10px; }
.contDetails p { font-size: 16px; width: 48%; float: left; }
.contDetails ul { float: right; padding: 0; margin: 0; font-size: 16px; color: #414042; }
.contDetails ul li { list-style: none; margin-bottom: 5px; }
.contDetails ul li span { margin-right: 5px; color: #5972a6; }
.contDetails ul li a { color: inherit; text-decoration: none; }
.helpLinenumber { display: block; clear: both; border-top: 1px solid #d3d3d3; padding: 15px 0; font-size: 18px; color: #000; }
.helpLinenumber span { color: #5972a6; font-size: 32px; vertical-align: middle; margin-right: 3px; }
.helpLinenumber a { color: inherit; text-decoration: none; }
.quickLinkSection .widget { float: none; width: 100%; }
.quickLinkSection #nav_menu-3 { width: auto; padding-right: 0; }
.quickLinkSection #custom_html-3 { width: auto; border-left: none; padding: 0; min-height: 0; }
.quickLinkSection #custom_html-4 { width: auto; padding-left: 0; border-left: none; min-height: 0; }
.quickLinkSection #custom_html-4 p { margin: 0; padding: 0; }

/* ======================================================
   ABOUT SECTION + WAYS TO GET INVOLVED
   ====================================================== */
.aboutSection {
    background: #fff;
    position: relative;
    overflow: hidden;
}

/* Paw/footprint pattern on aboutSection using CSS radial-gradient */
.activitySlider::after { right: 0px!Important; left: auto!important;  width: 150px;    height: 150px;}
.activitySlider::before {     width: 150px;    height: 150px;}
.activitySlider::after,
.activitySlider::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.06;
    background-image:
        /* Main pad */
        radial-gradient(ellipse 9px 7px at 30px 46px, #1f72ae 100%, transparent 100%),
        /* Toe 1 */
        radial-gradient(circle 4px at 16px 28px, #1f72ae 100%, transparent 100%),
        /* Toe 2 */
        radial-gradient(circle 4px at 24px 22px, #1f72ae 100%, transparent 100%),
        /* Toe 3 */
        radial-gradient(circle 4px at 36px 22px, #1f72ae 100%, transparent 100%),
        /* Toe 4 */
        radial-gradient(circle 4px at 44px 28px, #1f72ae 100%, transparent 100%);
    background-size: 60px 60px;
    background-repeat: repeat;
   transform: rotate(70deg); 
    border-radius: 50%;
    overflow: hidden;
}


.aboutSection .container {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}
.aboutSection {
    background: url(assets/images/home-middle.png) right bottom no-repeat;
    position: relative;
        background-size: 40%;
}
/* ── activityCarasoul wrapper ── */
.activityCarasoul {
    background: none;
    width: 100%;
    max-width: 100%;
    left: 0;
    transform: none;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    filter: none;
    overflow: visible;
    z-index: 1;
}

.activityCarasoul::before,
.activityCarasoul::after,
.activityCarasoul:before,
.activityCarasoul:after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ── Section heading ── */
.activityCarasoul > h2 {
    font-size: 38px;
    font-weight: 800;
    text-align: center;
    color: #1a2e3f;
    margin: 0 0 40px 0;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.activityCarasoul > h2::before {
    content: '— JOIN US —';
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    color: #f50e57;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.activityCarasoul > h2::after {
    display: none;
}

/* ══════════════════════════════
   GRID LAYOUT
══════════════════════════════ */
.activitySlider {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "hero secondary1"
        "hero secondary2";
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    float: none;
    min-height: 380px;
}

/* ── Grid item: li.slideThumb ── */
.activitySlider .slideThumb {
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    position: static !important;
}

.activitySlider .slideThumb:first-child  { grid-area: hero; }
.activitySlider .slideThumb:nth-child(2) { grid-area: secondary1; }
.activitySlider .slideThumb:nth-child(3) { grid-area: secondary2; }

/* ── .slideThumbDiv base reset ── */
.activitySlider .slideThumbDiv {
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform .3s ease, box-shadow .3s ease;
    position: relative;
    border: none !important;
    box-shadow: none;
    background: #fff;
    width: auto !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    vertical-align: unset !important;
    text-align: left;
}

/* Remove old ::before accent strip on slideThumbDiv */
.activitySlider .slideThumbDiv::before { display: none !important; }

/* ══════════════════════════
   HERO CARD (first .slideThumb)
══════════════════════════ */
.activitySlider .slideThumb:first-child .slideThumbDiv {
    background: #1a1a2e;
    justify-content: flex-end;
    min-height: 360px;
}

.activitySlider .slideThumb:first-child .slideThumbDiv:hover {
    transform: translateY(-4px);
  
}

/* Hero image fills the card absolutely */
.activitySlider .slideThumb:first-child .slideThumbDiv > a:first-child {
    position: absolute;
    inset: 0;
    display: block;
    line-height: 0;
    overflow: hidden;
    border-radius: 22px;
    z-index: 0;
}

.activitySlider .slideThumb:first-child .slideThumbDiv > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    filter: brightness(0.5) saturate(0.7);
    transition: transform .4s ease;
    margin: 0;
}

.activitySlider .slideThumb:first-child .slideThumbDiv:hover > a:first-child img {
    transform: scale(1.04);
}

/* Hero dark gradient overlay via ::after */
.activitySlider .slideThumb:first-child .slideThumbDiv::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.18) 55%, transparent 100%);
    border-radius: 22px;
    z-index: 1;
    pointer-events: none;
    display: block !important;
}

/* "MOST URGENT" badge */
.activitySlider .slideThumb:first-child .slideThumbDiv h3::before {
    content: '● MOST URGENT';
    position: absolute;
        top: -32px;
    left: 22px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(6px);
    padding: 5px 12px;
    border-radius: 20px;
    z-index: 3;
    display: inline-block;
    margin: 0;
}

/* Hero h3 */
.activitySlider .slideThumb:first-child .slideThumbDiv h3 {
    position: relative;
    z-index: 3;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    padding: 0 24px 8px !important;
    margin: 0 !important;
}

.activitySlider .slideThumb:first-child .slideThumbDiv h3 a {
    color: #fff !important;
    text-decoration: none;
}

/* Hero .activitySliderBtns */
.activitySlider .slideThumb:first-child .activitySliderBtns {
    position: relative;
    z-index: 3;
    padding: 0 24px 28px !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Hero action links */

/* Subsequent hero buttons — frosted glass */


/* Hero separator */
.activitySlider .slideThumb:first-child .activitySliderBtns .seprate {
    color: rgba(255,255,255,0.35) !important;
    font-size: 16px;
    padding: 0 !important;
    line-height: 1;
    display: inline-block !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

/* ══════════════════════════
   SECONDARY CARDS (2nd & 3rd)
══════════════════════════ */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv {
    background: #fff !important;
    border: 1px solid rgba(31,114,174,0.1) !important;
    border-radius: 20px !important;
    flex-direction: row !important;
    align-items: stretch;
    padding: 0 !important;
    box-shadow: 0 2px 20px rgba(31,114,174,0.07) !important;
    overflow: hidden;
    height: 100%;
    gap: 0;
    justify-content: flex-start;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 32px rgba(31,114,174,0.14) !important;
    border-color: rgba(31,114,174,0.2) !important;
}

/* Secondary image — square tile on the left */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
    display: block !important;
    width: 130px !important;
    min-width: 130px;
    height: auto !important;
    min-height: 150px;
    overflow: hidden;
    border-radius: 0 !important;
    line-height: 0;
    flex-shrink: 0;
    position: relative !important;
    inset: auto !important;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
    margin: 0;
    border-radius: 0;
    filter: none;
}

/* Volunteer — blue tint */
.activitySlider .slideThumb:nth-child(2) .slideThumbDiv > a:first-child {
    background: linear-gradient(135deg, #5b74c8 0%, #8b9fe8 100%);
}
.activitySlider .slideThumb:nth-child(2) .slideThumbDiv > a:first-child img {
    mix-blend-mode: luminosity;
    opacity: 0.75;
}

/* Adoption — pink tint */
.activitySlider .slideThumb:nth-child(3) .slideThumbDiv > a:first-child {
    background: linear-gradient(135deg, #e56b8a 0%, #f4a0b8 100%);
}
.activitySlider .slideThumb:nth-child(3) .slideThumbDiv > a:first-child img {
    mix-blend-mode: luminosity;
    opacity: 0.75;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv:hover > a:first-child img {
    transform: scale(1.06);
}

/* Secondary card: h3 */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a2e3f !important;
    margin: 0 0 6px 0 !important;
    padding: 20px 20px 0 !important;
    line-height: 1.3;
    position: static !important;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3::before {
    display: none !important;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 a {
    color: #1a2e3f !important;
    text-decoration: none;
    transition: color .2s;
}

.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 a:hover {
    color: #f50e57 !important;
}

/* Secondary subtitle via ::after on h3 */
.activitySlider .slideThumb:nth-child(2) .slideThumbDiv h3::after {
    content: 'Walks, rescues, on-ground campaigns — pick a shift.';
    display: block;
    font-size: 12.5px;
    font-weight: 400;
    color: #5a7a9a;
    margin-top: 5px;
    line-height: 1.5;
}

.activitySlider .slideThumb:nth-child(3) .slideThumbDiv h3::after {
    content: 'Meet the dogs, cats and birds waiting for a home.';
    display: block;
    font-size: 12.5px;
    font-weight: 400;
    color: #5a7a9a;
    margin-top: 5px;
    line-height: 1.5;
}

/* Secondary .activitySliderBtns */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
    padding: 10px 20px 20px !important;
    display: flex !important;
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
}

/* Secondary action links */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a {
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #f50e57 !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
    width: auto !important;
    float: none !important;
    text-transform: none;
    letter-spacing: 0;
    clear: none !important;
    transition: color .2s !important;
    border-radius: 0 !important;
}

.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a::after {
    content: ' →';
}

.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:hover {
    color: #d10049 !important;
    background: none !important;
}

/* Second+ secondary links muted */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:not(:first-child) {
    color: rgba(90,122,154,0.8) !important;
    margin-left: 14px !important;
}
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:not(:first-child):hover {
    color: #3b5998 !important;
    background: none !important;
}

/* Secondary separator */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns .seprate {
    color: rgba(90,122,154,0.3) !important;
    padding: 0 6px !important;
    font-size: 14px;
    line-height: 1;
    display: inline-block !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

/* Owl override — stay as grid */
.activitySlider.owl-loaded { display: grid !important; }
.activitySlider .owl-item { display: block; float: none; }

/* .aboutUs */
.aboutUs { width: 50%; margin: 50px 0;  }
.aboutUs .readMoreBtn { margin-top: 20px!important; display: inline-flex; }
.aboutUs h2 { font-weight: 700; font-size: 42px; color: #111111; margin-bottom: 15px; line-height: 1.1; }
.aboutUs h2 span { display: block; font-weight: 700; font-size: 18px; letter-spacing: 2px; color: #3b5998; margin-bottom: 8px; }
.aboutUs p { font-size: 16px; color: #333333; margin-bottom: 8px; }


/* ======================================================
   NEWS & UPDATES SECTION
   ====================================================== */
   .hospitalFacilities,
.newsEventSection {

    padding-top: 70px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.newsEventSection::before,
.newsEventSection::after,
.newsEventSection.newsEventSectionHide:before { display: none; }
.newsEventSection .container::before { display: none; }
.newsEventSection .container { position: relative; z-index: 1; }

.upcomingEvent { position: relative; z-index: 1; }

.newsUpdateSection h3 { color: #fff; font-size: 32px; font-weight: 700; padding: 0 0 40px 0; letter-spacing: -0.5px; }
.newsUpdateSection h3 a { font-size: 13px; color: #1f72ae; font-weight: 600; float: right; margin: 8px 0 5px 0; text-decoration: none; border: 1.5px solid rgba(31,114,174,0.3); padding: 6px 18px; border-radius: 20px; transition: all .2s; letter-spacing: .04em; }
.newsUpdateSection h3 a:hover { background: #1f72ae; color: #fff; border-color: #1f72ae; }
.newsSlider .owl-item { float: left; width: 259px; }
.newsSlider .owl-item, .newsSlider .owl-stage, .newsSlider .owl-stage-outer, .newsSlider.owl-loaded .owl-item { border: none !important; outline: none !important; box-shadow: none !important; }
.newsEventSection::before { pointer-events: none; z-index: 0; }
.newsUpdateSection .newsSlider, .newsUpdateSection .owl-carousel { position: relative; z-index: 2; }
.newsThumb { width: 259px; float: left; background: #fff; border-radius: 16px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.newsSlider .newsThumb { width: auto; float: none; }
.newsSlider .newsThumb a img { width: 100%; height: 260px; }
.newsUpdateSection .newsThumb { display: block; }
.newsThumb { background: #fff; border-radius: 16px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; box-shadow: 0 2px 16px rgba(31,114,174,0.08); border: 1px solid rgba(31,114,174,0.08); }
.newsSlider { padding-right: 25px; }
.newsContent { padding: 22px 20px 20px; background: #fff; box-shadow: none; min-height: auto; border-top: 3px solid transparent; transition: border-color .3s; }
.entry-date,
.newsDate { color:#f50e57; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; background: rgba(255,107,53,0.08); padding: 4px 10px; border-radius: 20px; }
.newsContent h4 { font-size: 15.5px; color: #1a2e3f; margin: 0 0 14px 0; font-weight: 700; line-height: 1.45; }
.newsContent p { font-size: 16px; }
.newsContent .readMoreBtn:hover { background: #f50e57; color: #fff; }
.newsContent .readMoreBtn:hover { background: #f50e57; color: #fff; }
.newsSliderBtns  .swiper-button-next,
.newsSliderBtns  .swiper-button-prev{    padding: 4px 10px;
    height: auto;    background: #fff;     color: #000;    border: none;     font-size: 20px;}
.newsSliderBtns  .swiper-button-prev{border-radius: 3px 0 0 3px;
    margin-right: 1px; }
.newsSliderBtns  .swiper-button-next{ border-radius: 0 3px 3px 0px;
    margin-right: 1px;}
.newsSliderBtns  .swiper-button-prev,
.newsSliderBtns  .swiper-button-next { position: static; height: 40px; width: 40px; margin: 0 1px;}
.newsSliderBtns  .swiper-button-prev svg,
.newsSliderBtns  .swiper-button-next svg { width: 10px;}
.newsSliderBtns{ display: flex; align-items: center; margin-left: 10px;border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 10px;}  
.newsUpdateSecTopR{ display: flex; align-items: center; }
.newUpdateLink { display: flex;}
/* ── News nav ── */
.newsUpdateSection .owl-nav { float: right; position: absolute; top: 0; right: 0; border-left: 1px solid #8fb9d7; height: 42px; padding-left: 18px; display: flex; gap: 8px; }
.newsUpdateSection .owl-nav button { padding: 0; width: 42px; height: 42px; background: #fff; color: #1f72ae; border: 1.5px solid rgba(31,114,174,0.25); border-radius: 50%; font-size: 18px; display: flex; align-items: center; justify-content: center; transition: all .2s; box-shadow: 0 2px 8px rgba(31,114,174,0.1); }
.newsUpdateSection .owl-nav button:hover { background: #1f72ae; border-color: #1f72ae; box-shadow: 0 4px 16px rgba(31,114,174,0.3); }
/*.newsUpdateSection h3::before { content: 'LATEST NEWS'; display: block; font-size: 11px; font-weight: 700; letter-spacing: .2em; color: #fff; margin-bottom: 10px; position: absolute; top: -8px; }*/
.newsUpdateSection .owl-nav button:hover .nav-prev, .newsUpdateSection .owl-nav button:hover .nav-next { filter: brightness(0) invert(1); }
.newsUpdateSection .owl-nav button.owl-next:hover, .newsUpdateSection .owl-nav button.owl-prev:hover { background: #fff; border-color: #fff; }
.newsUpdateSection .owl-nav button.owl-next { color: #fff; border-radius: 0px 3px 3px 0px; }
.newsUpdateSection .owl-nav button.owl-next:hover { background: #f50e57; }
.newsUpdateSection .owl-nav button.owl-prev { border-radius: 3px 0 0 3px; margin-right: 1px; }
.newsUpdateSection .owl-nav button.owl-prev:hover { background: #f50e57; }

.upcomingEvent { width: 28%; float: right; padding-left: 40px; height: 100%; background: #fec51e; position: relative; }
.upcomingEvent h3 { color: #000; font-size: 26px; font-weight: 700; padding: 60px 0px 40px 0px; }
.volunteerBtn { background: #f50e57; color: #fff; font-size: 16px; border-radius: 2px; padding: 4px 16px; text-decoration: none; line-height: 32px; text-transform: uppercase; display: inline-block; margin: 5px 0px; font-weight: 700; }
.volunteerBtn:hover { background: #000; color: #fff; }

.arrowIconViewAll { background-position: -75px -34px; width: 16px; height: 18px; display: inline-block; vertical-align: middle; margin-left: 1px; }
.owl-next .nav-next { background-position: -74px -24px; display: block; width: 20px; height: 35px; vertical-align: top; transition: all 0.3s ease 0ms; }
.owl-prev .nav-prev { background-position:-116px -24px; display: block; width: 20px; height: 35px; vertical-align: top; transition: all 0.3s ease 0ms; }
.newsUpdateSection .owl-nav button.owl-next:hover .nav-next, .owl-next:hover .nav-next { background-position: -75px -24px }
.newsUpdateSection .owl-nav button.owl-prev:hover .nav-prev, .owl-prev:hover .nav-prev { background-position: -116px -24px }

.clockIcon, .callIcon, .mailIcon { width: 24px; height: 24px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.clockIcon { background-position: -101px 0; }
.callIcon { background-position: -125px 0; }
.mailIcon { background-position: -149px 0; }
.mobileIcon { background: url(assets/images/mobile-icon.png) left top no-repeat; width: 25px; height: 25px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.facebookIcon, .twitterIcon, .youtubeIcon, .google-plusIcon, .instaIcon, .linkedinIcon { width: 20px; height: 20px; display: inline-block; margin-top:0px; }
.facebookIcon { background-position: 0 0; }
.twitterIcon { background-position: -60px 0; }
.youtubeIcon { background-position: -80px 0; }
.instaIcon { background-position: -20px 0; }
.linkedinIcon { background-position: -40px 0; }
.newLetterIcon { width: 30px; height: 100%; display: block; background: url(assets/images/newsletter-icon.png) center center no-repeat; }
.searchIcon { width: 32px; height: 32px; display: block; background: url(assets/images/search-icon.png) center center no-repeat; }
.main-menu-more, button.submenu-expand, .mobile-parent-nav-menu-item { display: none !important; }

/* inner page css */
.innerBanner img { width: 100%; height: auto; display: none; }
.innerBanner .container-xl{     display: flex;     align-items: center; height: 100%; position: relative;}

.hospitalFacilities .newsUpdateSection h3 { position: relative; margin: 0 0 0; text-align: left; }
.hospitalFacilities .newsUpdateSection .owl-nav { top: 30px; }
.hospitalFacilities .newsUpdateSection {  width: 100%; padding-right: 0px; position: relative; overflow: hidden; float: left; }
.facilitySlider { width: auto; }
.facilitySlider .slides { width: 100%; }
.hospitalFacilities .newsUpdateSection .newsThumb { float: left; width: 23%; margin: 0 2.5% 1.5% 0; text-align: center; min-height: 277px; }
.hospitalFacilities .newsUpdateSection .newsThumb img { width: 100%; }
.hospitalFacilities .newsUpdateSection .newsContent { padding: 5px 0; }
.hospitalFacilities .newsUpdateSection .newsContent h4 { min-height: 50px; }
.hospitalFacilities .newsUpdateSection .newsThumb:nth-child(4), .hospitalFacilities .newsUpdateSection .newsThumb:nth-child(8), .hospitalFacilities .newsUpdateSection .newsThumb:nth-child(12) { margin-right: 0; }
.facilitySlider .owl-item { display: inline-block; vertical-align: top; }
.aboutContent { background:#fff;  text-align: justify }
.innerContent { background: #fff; border-bottom: 2px solid #e1e1e1; padding: 20px 0; }
.aboutContent .readMoreBtn { margin: 0; }
.aboutContent h3.title { font-size: 26px; color: #222; font-family: 'open_sans'; font-weight: 700; }
.aboutContent h3.title span { display: block; font-family: 'open_sans'; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #3b5998; }

.main {   border-right: 1px solid var(--sand);}

.wop_wide1 ul { padding: 0;}
.innerNav { background: none;}

.innerNav h3 { color: #3b5998; font-size: 24px; font-family: 'open_sans'; font-weight: 700; }
.innerNav ul { list-style: none;margin:0px; padding: 0;
    display: flex;
    flex-direction: column;
    animation: fadeUp 0.5s ease 0.2s both; }
.innerNav li {     border-bottom: 1px solid var(--sand); }
.innerNav li a {display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: var(--muted);
    letter-spacing: 0.02em;
    transition: color 0.2s, gap 0.2s; }
    .innerNav li.active a {
    color: var(--forest);
    font-weight: 500;
}
.innerNav li.active a::before {
    background: var(--terracot);
    width: 22px;
}
.innerNav li a::before {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    background: currentColor;
    flex-shrink: 0;
    transition: width 0.25s ease;
}
.innerNav li a:hover {
    color: var(--moss);
    gap: 14px;
}
.innerNav li a:hover { color: #3b5998 }


.inlineQuote { font-family: 'open_sans'; font-weight: 700; font-style: italic; font-size: 16px; }
.inlineQuote span { font-style: normal; color: #3b5998; }
h4 { font-family: 'open_sans'; font-weight: 700; color: #111111; font-size: 24px; }
.visionSection{ background-color: #f7fbff;}
.visionSection, .missionSection { padding: 30px 0; }
.visionSection h4, .missionSection h4 { text-align: left; }
.visionListing, .missionListing { margin: 0; padding: 0; list-style: none; }
.visionListing li, .missionListing li { float: left; width: 30%; border-right: 1px solid #e0e0e0; position: relative; padding: 0 10px 0 70px; margin-bottom: 15px; min-height: 68px; font-family: 'open_sans'; font-weight: 700; font-size: 16px; color: #111111; margin-right: 3.3% }
.visionListing  p { font-family: 'open_sans'; font-size: 14px; font-weight: normal; }

.visionListingInfo{display: flex;     min-height: 50px; position: relative; height: 100%;    padding:10px 60px 10px; border-radius: 6px; background-color: #fff; box-shadow: 0 -3px 15px rgba(0,0,0,0.1);}
.visionListing  .publicAwareness, 
.visionListing  .capablityTreating,
 .visionListing  .sharing, 
 .visionListing  .adopt,
  .visionListing  .launchResearch { background: url(assets/images/vision-icons.png) 0 0 no-repeat; width: 54px; height: 43px; position: absolute; left: 0; top: 10px; text-indent: -9999px; display: inline-block; }

.visionListing  .publicAwareness { background-position: 0 -6px }
.visionListing  .capablityTreating { background-position: 0 -70px }
.visionListing  .sharing { background-position: 0 -135px }
.visionListing  .adopt { background-position: 0 -200px }
.visionListing  .launchResearch { background-position: 0 -260px }
.missionListing  .provideBest,
.missionListing  .shelterHouse,
.missionListing  .spreadAwareness, 
.missionListing  .promoteVegetrnsm { background: url(assets/images/missin-icons.png) 0 0 no-repeat; width: 58px; height: 58px; position: absolute; left: 0; top: 0; text-indent: -9999px; display: inline-block; }
.missionListing  .provideBest { background-position: 0 -3px }
.missionListing  .shelterHouse { background-position: 0 -130px }
.missionListing  .spreadAwareness { background-position: 0 -194px }
.missionListing  .promoteVegetrnsm { background-position: 0 -73px }

.fa { font-family: 'FontAwesome'; }
.fa-circle { margin-left: 10px; }
.fa-circle:before { content: "\f111"; font-size: 6px; color: #3b5998; vertical-align: middle; }

/* Equipment */
.equipmentList li .centralOxygen,.equipmentList li .ventilator,.equipmentList li .paraMonitoring,.equipmentList li .autoclave,.equipmentList li .gasAnaesthesia,.equipmentList li .airPurifier,.equipmentList li .xrayUnit,.equipmentList li .surgicalElecDrill,.equipmentList li .cryoGun,.equipmentList li .variousTypesImplants,.equipmentList li .pathologyLaboratory,.equipmentList li .suctionMachine { background: url(assets/images/equipment-icons.png) 0 0 no-repeat; width: 68px; height: 68px; display: inline-block; text-indent: -9999px; }
.equipmentList li:hover .centralOxygen,.equipmentList li:hover .ventilator,.equipmentList li:hover .paraMonitoring,.equipmentList li:hover .autoclave,.equipmentList li:hover .gasAnaesthesia,.equipmentList li:hover .airPurifier,.equipmentList li:hover .xrayUnit,.equipmentList li:hover .surgicalElecDrill,.equipmentList li:hover .cryoGun,.equipmentList li:hover .variousTypesImplants,.equipmentList li:hover .pathologyLaboratory,.equipmentList li:hover .suctionMachine { background: url(assets/images/equipment-icons-hover.png) 0 0 no-repeat; width: 68px; height: 68px; display: inline-block; text-indent: -9999px; }
.equipmentList li .centralOxygen { background-position: 0 0; }
.equipmentList li .ventilator { background-position: -85px 0; }
.equipmentList li .paraMonitoring { background-position: -170px 0; }
.equipmentList li .autoclave { background-position: -257px 0; }
.equipmentList li .gasAnaesthesia { background-position: 0px -86px; }
.equipmentList li .airPurifier { background-position: -85px -86px; }
.equipmentList li .xrayUnit { background-position: -170px -86px; }
.equipmentList li .surgicalElecDrill { background-position: -257px -86px; }
.equipmentList li .cryoGun { background-position: 0px -171px; }
.equipmentList li .variousTypesImplants { background-position: -85px -171px; }
.equipmentList li .pathologyLaboratory { background-position: -170px -171px; }
.equipmentList li .suctionMachine { background-position: -257px -171px; }
.equipmentSection { position: relative; }
.equipmentSection h4 { text-align: left }
.equipmentSection h4 a { font-size: 16px; color: #767676; font-family: 'open_sans'; float: right; margin: 8px 120px 5px 0px; }
.equipmentSection h4 a .arrowIconViewAll { background: url(assets/images/view-all-arrow-grey.png) 0 5px no-repeat; width: 16px; height: 18px; display: inline-block; vertical-align: middle; margin-left: 8px; }
.equipmentSection .owl-nav { float: right; position: absolute; top: 35px; right: 5px; }
.equipmentSection .owl-nav button { padding: 4px 10px; height: auto; background: #ededed; color: #000; border: none; font-size: 20px; }
.equipmentSection .owl-nav button.owl-next { background: #f50e57; color: #fff; border-radius: 0px 3px 3px 0px; }
.equipmentSection .owl-nav button.owl-next:hover { background: #de0046; }
.equipmentSection .owl-nav button.owl-prev { border-radius: 3px 0px 0px 3px; }
.equipmentSection .owl-nav button.owl-prev:hover { background: #de0046; }
.equipmentSection { width: auto; padding: 30px 0 }
.equipmentSlider .slides { width: 100%; }
.equipmentSlider .owl-item { display: inline-block; vertical-align: top; }
.equipmentSection { width: 100%; padding-right: 0px; position: relative; overflow: hidden; float: left; }
.equipmentSection .owl-nav { border-left: 1px solid #e0e0e0; height: 42px; padding-left: 18px; }


/* ── Base banner ── */
.innerBanner {
     background-image:
        linear-gradient(
            135deg,
            rgba(10,45,82,0.85) 0%,
            rgba(15,63,110,0.75) 35%,
            rgba(21,101,168,0.65) 65%,
            rgba(26,120,194,0.55) 100%
        ),
        url("https://jivdayatrust.php-staging.com/wp-content/themes/jivdaya/assets/images/inner-banner.jpg");
    height: 220px !important;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;  background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: right center!important;
}

/* ── Animated diagonal shimmer overlay ── */
.innerBanner::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            135deg,
            transparent 0%,
            rgba(255,255,255,0.03) 40%,
            rgba(255,255,255,0.06) 50%,
            rgba(255,255,255,0.03) 60%,
            transparent 100%
        );
    pointer-events: none;
    z-index: 0;
}

/* ── Dot grid pattern ── */
.innerBanner::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
}

/* ── Large decorative circle — top right ── */
.innerBanner .container-xl {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex !important;
    align-items: center;
    width: 100%;


}
.innerBanner .container-xl::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* ── Banner caption wrapper ── */
.innerBanner .bannerCaption {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 0;
}

/* ── Page title ── */
.innerBanner .bannerTitle {
    font-size:var(--bannerHeadFontSize);
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 14px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 12px rgba(0,0,0,0.25);
    text-transform: uppercase;
    white-space: normal !important;
}

/* ── Breadcrumb ── */
.innerBanner .breadcrumb,
.innerBanner .breadcrumbList {
    position: static !important;
    transform: none !important;
    bottom: auto !important;
    left: auto !important;
}
.innerBanner .breadcrumb ul,
.innerBanner #breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
.innerBanner .breadcrumb ul li,
.innerBanner #breadcrumbs li {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    color: rgba(255,255,255,0.65);
    padding: 0 !important;
    position: relative;
}

/* separator via ::after on each non-last item */
.innerBanner .breadcrumb ul li:not(:last-child)::after,
.innerBanner #breadcrumbs li:not(:last-child)::after {
    content: '/';
    margin: 0 8px;
    color: rgba(255,255,255,0.35);
    font-size: 11px;
}
.innerBanner .breadcrumb ul li::before,
.innerBanner #breadcrumbs li::before { display: none !important; }

.innerBanner .breadcrumb ul li a,
.innerBanner #breadcrumbs li a {
    color: rgba(255,255,255,0.65) !important;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 400;
    transition: color .2s;
}
.innerBanner .breadcrumb ul li a:hover,
.innerBanner #breadcrumbs li a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Active / current item */
.innerBanner .breadcrumb ul li.active,
.innerBanner .breadcrumb ul li[aria-current="page"],
.innerBanner #breadcrumbs li.breadcrumb-item.active,
.innerBanner #breadcrumbs li:last-child strong {
    color: #fff;
    font-weight: 600;
    font-size: 12.5px;
}




/* Inner pages, project list, blog, etc. */
.decimalText { list-style: none; margin: 0 0 20px 0; padding: 0 }
.projectList { list-style: none; margin: 20px 0; padding: 0; }
.projectList li { float: left; position: relative; margin: 0 1% 1% 0; width: 23.5%; text-align: center; overflow: hidden; box-shadow: 0 0 15px 0 #cccfdc; border-radius: 14px; transition: all 0.3s ease 0ms; background-color: #fff; }
.projectList li figure { width: 100%; height: 195px; margin: 0; padding: 0; background: #fff; overflow: hidden; }
.projectList li figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; object-fit: cover; }
.projectList li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.projectList li:hover { box-shadow: 0 0 20px 0 #3b5998; }
.projectList li span { text-align: center; min-height: 85px; padding: 10px 0; }

.projectList li span { font-size: 16px; line-height: 18px; display: block; font-weight: 700; padding: 20px 15px; background: url(assets/images/newsContent-shadow.png) top center no-repeat; }
.innerBanner { clear: both; background-size: cover; position: relative; background-repeat: no-repeat; height: 284px; z-index: 1; }
.innerBanner>img { visibility: hidden; max-width: none; width: 100%; float: none; }
.breadcrumb-container ol { margin: 0; padding: 0;}
.bannerCaption { width: 100%; }
.bannerCaption .bannerTitle { text-transform: uppercase; color: #fff; margin-bottom: 0; font-weight: 700; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb-item.active { color: #fff!important;}
.breadcrumb,
.breadcrumb  a{ color: #fff; text-decoration: none;}
.breadcrumb ul { padding: 0; margin: 0; list-style: none; padding: 8px 4px; }
.breadcrumb ul li { padding-right: 20px; display: inline-block; vertical-align: top; font-size: 14px; color: #fff; position: relative }
.breadcrumb ul li:last-child { padding-right: 5px; }
.breadcrumb ul li:first-child, .breadcrumb ul li:first-child:before { display: none; }
.breadcrumb ul li:not(:last-child):before { font-family: 'fontAwesome'; content: "\f105"; position: absolute; right: 3px; top: 0; width: 10px; height: 10px; z-index: 1; color: #fff; }
.breadcrumb ul li a { color: #fff; text-decoration: underline; font-weight: 400 }
.breadcrumb ul li a:hover { text-decoration: none }
.breadcrumb ul li .currentPage { width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.breadcrumb-item+.breadcrumb-item::before { color: #fff!important;}
/* Tabs, price, donate, etc. */
.resTab .tabNavInner { margin-bottom: 30px; padding: 0; list-style: none; border-bottom: 6px solid #bfbfbf; text-align: left; }
.resTab .tabNavInner li { display: inline-block; margin: 0; position: relative; background: #3b5998; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.resTab .tabNavInner li a { display: inline-block; padding: 6px 50px; text-decoration: none; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff; }
.resTab .tabNavInner .r-tabs-state-active a { color: #fff; background-color: #f50e57; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.resTab .tabNavInner .r-tabs-state-active a:after { width: 100%; height: 7px; background: #f50e57; content: " "; position: absolute; bottom: -7px; left: 0; }
.resTab .tabNavInner .r-tabs-state-active a:before { left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; bottom: -30px; pointer-events: none; border-color: rgba(240,183,13,0); border-top-color: #f50e57; border-width: 12px; margin-left: -12px; }
.resTab .tabContent { display: none; }
.resTab .r-tabs-panel.r-tabs-state-active { display: block; }
.resTab .r-tabs-accordion-title { display: none; }
.resTab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #f1f1f1; border-bottom: 1px solid #d1d1d1; box-shadow: 0 2px 2px 0 #d1d1d1; color: #222; font-weight: bold; text-decoration: none; position: relative; }
.resTab .r-tabs-accordion-title .r-tabs-anchor:before { font-family: 'fontAwesome'; content: "\f067"; right: 10px; top: 10px; position: absolute; }
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #f1f1f1; border-bottom: 1px solid #d1d1d1; color: #f50e57; }
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before { content: "\f068"; }
.priceList { display: inline-block; list-style: none; text-align: center; width: 100%; }
.priceList li { display: inline-block; text-align: center; background: #fefefe; padding: 10px 20px; border: 1px solid #d1d1d1; }
.priceList li span { color: #f50e57; font-size: 20px; display: block; font-weight: 700; }
.innerContent h3.title { font-size: 42px; font-family: 'open_sans'; font-weight: 700; margin-top: 60px; }
.innerContent h3.title span { display: block; font-family: 'open_sans'; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #3b5998; }
.innerImg { width: 100%; margin-bottom: 20px; }
.innerImg img { width: 100%; height: auto; margin-bottom: 20px; }
.photosList ul { list-style: none; margin: 0; padding: 0; }
.photosList li { float: left; width: 22%; margin: 1.5%; border: 4px solid #d1d1d1; }
.photosList li:hover { border-color: #f50e57; }
.photosList li img { width: 100%; height: auto; height: 120px; max-width: 100%; transition: all 0.3s;}
.videosList ul { list-style: none; margin: 0; padding: 0; }
.videosList li { float: left; margin: 0px 20px 10px 0px; }
.boxDiv { border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 20px; background: #fefefe }
.iconLinks a { display: inline-block; }
.noCopyBtn { padding: 10px; border: 1px solid #afb9c1; background: #ebeeee; margin-bottom: 20px; }
.wop_wide1 h2 { display: none; }
.wop_wide1 ul { list-style: none; }
.error-404 .page-content .search-form .screen-reader-text, .error-404 .page-content .search-form .search-field { display: inline-block; }
.error-404 .page-content .search-form .search-field { width: 70%; background: #fff; height: 45px; }
.error-404 .page-content .search-form .search-submit { height: 42px; }
.error-404 { text-align: center; padding: 40px 0; }

.newsContent a { color: #222; text-decoration: none; }
.newsContent a:hover { color: #f50e57; }
.volunteerBtn { color: #fff !important; }

.searchResult h1 { font-size: 24px; }

.entry-footer .byline,.entry-footer .posted-on,.entry-footer .cat-links,.entry-footer .tags-links,.entry-footer .edit-link { display: inline-block; font-size: 14px; margin-bottom: 10px; margin-right: 20px; }
.svg-icon { vertical-align: middle; }
.post-navigation { display: none; }
.bottomSpacing { padding-bottom: 40px; }
.blogLeftPart .blogList:before{ display: none;}
.blogListCon .entry-header .meta-date{ margin: 0px;}
.blogLeftPart .blogList { list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em;
}
.blogLeftPart .blogList li { overflow: hidden; box-shadow: 0 0 8px 0 #d1d1d1; padding: 20px; }
.blogLeftPart .blogList li .smartlib-thumbnail-outer img { width: 100%; height: 180px; }
.blogLeftPart .blogList li h2 { line-height: 18px; margin-bottom: 10px;     width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.blogLeftPart .blogList li a { font-size: 16px; text-decoration: none; color: #222; font-weight: 700; line-height: 24px;
    overflow: hidden;
 
}
.blogLeftPart .blogList li a:hover { color: #f50e57; }
.blogLeftPart .blogList li .smartlib-thumbnail-caption { display: none; }
.pagination { margin-top: 20px; }
.pagination h2 { display: none; }
.entry-header .meta-date { color: #3b5998; font-size: 13px; margin-bottom: 20px; display: block; }
.blogLeftPart .pagination { margin-top: 20px; margin-left: 15px; }
.blogLeftPart .page-numbers { padding: 4px 12px 4px; display: inline-block; color: #999; }
.blogLeftPart .page-numbers:hover { background: #e6e6e6; text-decoration: none; }
.blogLeftPart .page-numbers.current { background: #3b5998; color: #fff; font-weight: 600; }
.post-navigation { margin-top: 20px; }
.nav-links { text-align: center;margin: 0 auto; }
.nav-links .svg-icon{ fill: #fff; position: relative ; top: -2px; height: 17px;}
.padL15 { padding-left: 15px; }
.blogContent ul, .blogContent ol { margin: 10px 0; }
.blogContent ul { list-style: disc; }
.blogContent ul li { font-size: 18px; line-height: 30px; margin-bottom: 10px; }
.widget_custom_html h2 { display: none; }


.sliderBanner .owl-nav button.owl-next,
.sliderBanner .owl-nav button.owl-prev{position: absolute; bottom: 50%;}
.sliderBanner .owl-nav button { padding: 4px 10px; height: auto; background: #fff; color: #000; border: none; }
.sliderBanner .owl-nav button.owl-next { background: #f50e57; color: #fff; border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: 5px; left: inherit; float: right; }
.sliderBanner .owl-nav button.owl-next:hover, .sliderBanner .owl-nav button.owl-prev:hover { background: #de0046; }
.sliderBanner .owl-nav button.owl-prev { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: 5px; float: left; background: #f50e57; }
.sliderBanner .owl-nav button.owl-prev, .sliderBanner .owl-nav button.owl-next { line-height: 45px; }
.sliderBanner .owl-nav button.owl-prev span, .sliderBanner .owl-nav button.owl-next span { font-size: 50px; line-height: 50px; color: #fff; }


.post-thumbnail .post-thumbnail-inner { display: none; }
.smartlib-thumbnail-caption { display: none; }
.blogListCon h2 { font-size: 22px; margin-bottom: 20px; }
.blogListCon h2 a { text-decoration: none; }
.blogThumbBox { margin-bottom: 20px; }
.blogThumbBox .smartlib-thumbnail-outer { overflow: hidden; }
.blogThumbBox .smartlib-thumbnail-outer img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%; }
.blogList li:hover .blogThumbBox .smartlib-thumbnail-outer img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.blogRow .cols9, .blogRow .cols3, .project .cols9 { padding-top: 40px; }

.blogRow .cols9 h2, .project .cols9 h2 { font-family: 'open_sans'; font-weight: 700; color: #111111; font-size: 26px; }
.blogRow .cols3 h2 { color: #3b5998; font-size: 24px; font-family: 'open_sans'; font-weight: 700; }
.blogRow .cols9 .smartlib-category-line { display: none; }
.fa-calendar-o:before { content: "\f073"; font-style: normal; margin-right: 8px; }
.widget_recent_entries ul, .wpp-list-with-thumbnails { list-style: none; margin: 0 0 20px 0; padding: 0; }
.widget_recent_entries li, .wpp-list-with-thumbnails li { margin-bottom: 10px; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; }
.widget_recent_entries li { margin-bottom: 0px; padding-bottom: 20px; }
.widget_recent_entries li a { display: block; line-height: 18px; margin-bottom: 8px; }
.widget_recent_entries li a, .wpp-list-with-thumbnails li a { text-decoration: none; font-size: 14px; }
.widget_recent_entries li .post-date { display: block; color: #222; font-size: 14px; }
.widget_recent_entries li .post-date:before { width: 20px; height: 20px; content: "\f073"; font-family: 'fontAwesome'; margin-right: 10px; }
.blogDetailImg { margin-bottom: 20px; margin-right: 20px; max-width: 100%; width: 100%; float: left; }
.blogContent img, .blogDetailImg img { width: 75%; max-width: 75%; }
.blogContent p { text-align: justify; }
.blogContent h3, .singlePage h3, .searchResult h2 { font-family: 'open_sans'; font-weight: 700; color: #3b5998; font-size: 20px; }

/* Accordion */
.accordion { margin-bottom: 20px; }
.accordion .accTrigger { background: #f1f1f1 url(assets/images/plus.png) 8px 13px no-repeat; padding-left: 30px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; font-size: 1em; margin: 5px 0; border-bottom: 1px solid #d1d1d1; font-weight: 700; }
.accordion .accTrigger a { display: block; text-decoration: none; outline: 0; font-weight: 700; }
.accordion .accTrigger.active { background: url(assets/images/minus.png) 8px 13px no-repeat !important; }
.accordDetail { padding: 10px 30px; }
.singlePage h3.title { font-size: 26px; font-family: 'open_sans'; font-weight: 700; color: #222; }
.singlePage h3.title span { display: block; font-family: 'open_sans'; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #3b5998; }

/* Forms */
 .site-content #adoption-search-form  select { min-width: 200px!important;}
.adoptFormSection, .contactFormSection { margin-bottom: 20px; }
.adoptionWrap { position: relative }
.adoptionWrap .imgLeft { padding: 0; border: 0; box-shadow: inherit; }
.badge { position: absolute; width: 119px; height: 110px; left: 0; top: 0; text-indent: -9999px; background: url(assets/images/adopt-badge.png) left top no-repeat; z-index: 2; }
.adoptFormSection table td { vertical-align: top; }
.adoptFormSection input[type="text"], .adoptFormSection select { background: #fff; height: 40px; line-height: 45px; }
.mrgB20 { margin-bottom: 20px !important; }
.adoptFormSection .readMoreBtn { margin: 0; }
.reset { background: #222 !important; }
.ui-datepicker-calendar tr:hover td { background-color: #000!important;}

tr:hover td{background: #e8f2ff!important; transition: .2s;}
.tableData tr:nth-child(odd) td { background: #f8fbff; }
.tableData tr:nth-child(even) td { background: #fff; }
.adoptFormSection label { padding-bottom: 0; font-weight: 700; }
.radioFields label span, .radioFields label input[type="radio"] { float: left; }
.radioFields label { margin-right: 20px; }
.radioFields label input[type="radio"] { margin-top: 5px; }
.adoptFormSection .tableData, .adoptFormSection table { margin: 0; }
.seprate { font-size: 14px; color: #5c5c5c; line-height: 22px; display: inline-block; padding: 0 10px; vertical-align: top; }

/* Module Search */
.moduleSearch #adoption_category { background: #fff  url(assets/images/select-dropdown.png) right center no-repeat!important;}
.moduleSearch #search-keyword {  background-color: #fff!important;}
.moduleSearch { border: 1px solid #dadada; background: #f1f2f2; padding: 10px; }
.moduleSearch [type=submit] { box-shadow: none;}
.moduleSearch li { float: left; width: auto; list-style: none; padding-right: 15px; }
.moduleSearch li:last-child { width: auto; }
.moduleSearch li label, .moduleSearch li .label { padding: 0 15px 0 0; display: inline-block; vertical-align: middle; }
.moduleSearch li .inputCol { display: inline-block; position: relative; width: 200px; vertical-align: middle; }
.moduleSearch li .inputCol .note { position: absolute; left: 0; bottom: 0; }
.moduleSearch li:first-child .inputCol { width: 192px; }
.moduleSearch.eventSearch li { width: auto; }
input.resetBtn { background: #747474; border-color: #747474 }
input.resetBtn:hover { background: #333; }
#nav>li.current-menu-item a { border-bottom: 2px solid #f50e57 }
#nav>li.current-menu-item li a, #nav ul li a { border-bottom: 1px solid #dedede; text-transform: capitalize; }
ul.bulletList { margin: 0; list-style: none; padding: 0; }
ul.bulletList li { background: url(assets/images/bullet-icon.png) no-repeat left 10px; padding: 2px 0 2px 20px; }
.contactFormSection label { font-size: 14px;}
.contactFormSection .wpcf7-not-valid-tip { font-size: 12px; }
.contactFormSection label .required, .required { color: #F00; }


.adoptionBtn { text-align: center; }
.adoptionBtn a.readMoreBtn { width: 30%; text-align: center; margin: 20px 0; }
.contactFormSection span.wpcf7-list-item { margin-left: 0; margin-right: 20px; }
.contactFormSection .whitebg { font-size: 12px; }
.contactFormSection .whitebg h3 { font-size: 18px; }
.contactFormSection .submit_form, .contactFormSection .formBtn { text-align: center; }

.contactFormSection .agree { margin-top: 0; }
.contactFormSection .agree span.wpcf7-list-item { margin: 0; }
.contactFormSection .wpcf7-list-item-label { font-size: 14px; }
.donate_info { text-align: right; font-size: 14px; }
.fa-inr:before { content: "\f156"; font-family: 'fontAwesome'; }
.vsel-meta-link .readMoreBtn { margin: 0; }
.projectList li a { text-decoration: none; }
.projectList li a span { text-decoration: none; color: #222; }
.projectList li:hover a span { color: #f50e57 }
.newsletter-submit, .newsLetterBtn input[type="submit"] { background-color: transparent !important; border: none; text-indent: -999px; }
.fulltime .wpcf7-list-item-label, .specific_time_chk .wpcf7-list-item-label { display: none; }
.hidden-lg { display: none !important }
.mb10 { margin-bottom: 10px; }

/* Blog Sidebar Tags */
.help_sidebar.tag { margin-bottom: 10px; color: #162d4d; font-size: 19px; font-weight: bold; }
.help_sidebar.tag a { background-color: #3b5998; border-radius: 0 2px 2px 0; color: #ffffff; display: inline-block; font-size: 10px !important; font-weight: 700; line-height: 1.27273; margin: 2px 4px 2px 10px; padding: 4px 7px; position: relative; text-transform: uppercase; text-decoration: none; }
.help_sidebar.tag a:hover { text-decoration: none; color: #fff; background: #f50e57; }
.help_sidebar.tag a::before { border-bottom: 10px solid rgba(0,0,0,0); border-right: 8px solid #3b5998; border-top: 10px solid rgba(0,0,0,0); content: ""; height: 0; left: -8px; position: absolute; top: 0; width: 0; }
.help_sidebar.tag a:hover:before { border-right: 8px solid #f50e57; }
.help_sidebar.tag a:after { background-color: #ffffff; border-radius: 50%; content: ""; height: 4px; left: -2px; position: absolute; top: 8px; width: 4px; }
.moduleBtn .readMoreBtn { margin: 12px 0 0 0; }
.post-stats { display: none; }

/* Back to Top */
#backtotop { bottom: 30px; cursor: pointer; display: none; height: 42px; overflow: hidden; position: fixed; right: 30px; width: 42px; z-index: 999; }
#backtotop>span { position: relative; display: block; width: 42px; height: 42px; line-height: 42px; font-size: 22px; text-align: center; color: #2e0f73; overflow: hidden; }
#backtotop span em { background: url(assets/images/backtotop.png) no-repeat -2px 2px; font-weight: bold; display: block; width: 42px; height: 42px; text-indent: -9999px; transition: all 0.3s ease 0ms; }
#backtotop span em:hover { background: url(assets/images/backtotop.png) no-repeat -2px -51px; }

/* Datepicker */
.ui-datepicker,.eventCalOut,.calendarIcon { background-color: #2f3b4c !important; border-radius: 5px; z-index: 1043 !important; }
.ui-datepicker th, .ui-state-highlight { background-color: #1a232f }
.ui-state-active, .ui-datepicker tbody a:hover { background-color: #f9597b }
.ui-datepicker { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px }
.ui-datepicker { width: 21em; padding: 0; display: none; border: 0 none }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .35em 0; background: #3b5998; border: 0 none; border-radius: 3px 3px 0 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 11px; width: 1.8em; height: 1.8em }
.ui-datepicker .ui-datepicker-prev { left: 2px; color: #fff }
.ui-datepicker .ui-datepicker-next { right: 2px; color: #fff }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { text-decoration: none; }
.ui-datepicker .ui-datepicker-prev span:before { content: "\f0a8"; position: absolute; font-size: 22px; color: #fff; left: 3px; top: 3px; margin-top: -8px; font-family: 'FontAwesome'; text-indent: 0; font-weight: normal; }
.ui-datepicker .ui-datepicker-next span:before { content: "\f0a9"; position: absolute; font-size: 22px; color: #fff; right: 3px; top: 3px; margin-top: -8px; font-family: 'FontAwesome'; text-indent: 0; font-weight: normal; }
.ui-datepicker .ui-datepicker-next:hover span:before, .ui-datepicker .ui-datepicker-prev:hover span:before { color: #f9597b }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center }
.ui-datepicker .ui-datepicker-title select { font-size: 13px; margin: 5px 1%; height: 25px; background-color: #fff; padding: 0 }
.ui-datepicker select.ui-datepicker-month-year { width: 100% }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48% }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 0 none }
.ui-datepicker th { padding: 0; text-align: center; border: 0; width: 32px; height: 36px; line-height: 36px !important; vertical-align: middle; font-size: 13px }
.ui-datepicker td { border: 0; padding: 1px; background-color: transparent }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color: transparent }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0; text-align: right; text-decoration: none; width: 32px; height: 32px; line-height: 32px !important; vertical-align: middle; border-radius: 5px; border: 0 none; font-size: 13px }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #f18715; border: 0 none }
.ui-datepicker-today a.ui-state-default.ui-state-highlight { background: #f50e57; }
.eventCalOut { position: absolute; width: 222px; right: -222px; float: right; top: 70px; z-index: 22 }
.calendarIcon { width: 50px; height: 52px; position: absolute; left: -50px }
.calendarIcon span { background-position: -113px -27px; width: 29px; height: 29px; margin: 10px }
.calendarOut { padding: 5px }
.calendarOut .ui-datepicker { width: 100% }
.calendarOut .button { background-color: #2979ca; color: #fff; display: block; text-align: center; border-radius: 3px }
.calendarOut .button:hover { background-color: #173c84 }
.ui-datepicker tbody a { color: #fff }
.ui-datepicker-title { font-size: 18px; font-weight: normal; color: #fff }
.ui-datepicker th { text-transform: uppercase; font-weight: normal; color: #fff }
.ui-datepicker-prev, .ui-datepicker-next { width: 25px; font-size: 16px; height: 25px; display: inline-block; margin: 0; cursor: pointer; color: #fff }
.ui-datepicker-prev, .ui-datepicker-next  { font-size: 0;}
.ui-datepicker-prev span { background-position: -147px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0 }
.ui-datepicker-next span { background-position: -175px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0 }
.ui-datepicker td span, .ui-datepicker td a { text-align: center; line-height: 20px }
.ui-datepicker-trigger { display: none; width: 30px; height: 30px; overflow: hidden; background: transparent !important; padding: 0; margin: 0; position: absolute; right: -45px; top: 7px }
.calIcon { background-position: -205px -107px; width: 30px; height: 30px; display: block; vertical-align: top }

/* Donation */
.donationFormTop .donateBtn  { margin-top: 20px;}
.donationHeaderTop {  display: flex;  align-items: flex-start;  gap: 18px; }
.donationHeaderTopIcon{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background:var(--jv-blue-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--jv-blue-dark);
  font-size: 30px;
  border: 1px solid var(--jv-blue-light);    position: relative;
    top: 9px;
}
.donationHeaderTopTxt h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;margin:0px;
padding:0px;
}
.donationHeaderTopTxt p {
  color: #7b8198;padding:0px;margin:0px;
  font-size: 18px;
}



.donationHeader h2 .donateSub { font-size: 48px; font-family: 'open_sans'; text-transform: uppercase; display: block; line-height: 48px; padding-left: 5px; }
.donationHeader h2 .donateTagLine { font-size: 30px; font-family: 'open_sans'; text-transform: uppercase; }
.donateBg {/* background: url(assets/images/donate-form-inner-bg.png) left bottom no-repeat; background-size: 22%; */}
.dogBg { /*background-image: url(assets/images/donate-form-side-bg.png);*/ }
.volunteerFormBg { /*background-image: url(assets/images/volunteer-form-side-bg.png);*/ }
.donationForm .focusEffect~label { left:50px;}

.donationForm i {
  position: absolute;
  left: 15px;
  top: 14px;

  color: var(--jv-blue);
  font-size: 18px;
}.donation-right{
 width: 100%;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: flex-end;
}

.donation-right img{
    width:100%;
    max-width:320px;
    max-height: 300px;
    object-fit:contain;
}
.joinus_form p:empty {
  display: none;
}
.donationForm input[type="text"],
.donationForm select { padding-left: 45px!important;}


#txt_price { width: 100%;
  height: 65px;
  border-radius: 0;
  border: 2px solid #dfe5f1;
  padding-left: 50px!important;
  font-size: 16px;
  font-family: 'Poppins',sans-serif;
  outline: none; }
  .currency {
  position: absolute;
  left: 15px;
  top: 2px;

  color:var(--jv-blue);
  font-size: 28px;
  font-weight: 600;
}


.donateSelect label { display: block; }
#price_div {display: flex; flex-wrap: wrap;
 
  margin-bottom: 18px;}
.priceLabel { height: 90px;
  border: 4px solid #eef1f8; padding: 15px;
  border-radius: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s; }
.priceLabel.current { border-color: #f50e57; box-shadow: 0 0 8px 0 #f50e57; background: url(assets/images/checked.png) 5px center no-repeat; }

.priceLabel h4 {
  font-size: 30px;
  margin-bottom: 5px;
}
.priceLabel span{color: #7b8198;
  font-size: 15px;
}

.priceLabel:hover,
.priceLabel.active {
  border-color: var(--jv-blue-deeper);



}

.donate_amount { float: left; max-width: 100%; width: 100%;     clear: both;
    margin: 10px 0 0 0; position: relative;}



.jvJoinUs .joinus_form,
 .contactFormWrap,
.joinus_form,
.donationFormTop{ border:1px solid #ccc; padding: 15px; border: 2px solid var(--jv-blue-mid);
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--jv-blue-mid);
  border-left: 4px solid var(--jv-blue-dark);
  border-radius: 20px;
  padding: 28px;  
}
 .contactForm { height: 100%; position: relative;}

.entry-title, .entry-content p { margin: 0; padding: 0; }
.entry-title a { text-decoration: none; font-weight: bold; font-size: 16px; }
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { background: none; border: none; color: #fff; }
.ui-datepicker table { background-color: #2f3b4c; }

/* Focus effects */
.donateBg select:focus { border: 0px; outline: none;}
.donateBg  option {padding: 0 10px!important;  }

.focusEffectWrap { position: relative; }
.focusEffectWrap input[type="text"], .focusEffectWrap input[type="file"] { width: 100%; box-sizing: border-box; }
.focusEffect { border: 0; padding: 4px 0; border-bottom: 1px solid #ccc; background-color: transparent; }
.focusEffect~.focus-border { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3b5998; transition: 0.4s; }
.focusEffect:focus~.focus-border, .has-content.focusEffect~.focus-border { width: 100%; transition: 0.4s; }

.focusEffect~label.donatetype { top: -16px; font-size: 12px; color: #3b5998; transition: 0.3s; }
label.donate_cat { top: -16px; font-size: 12px; color: #3b5998; transition: 0.3s; }

.joinus_form .whitebg { font-size: 12px; }
.joinus_form .whitebg h3 { font-size: 18px; }

.joinus_form .agree span.wpcf7-list-item { margin: 0; }
.joinus_form .wpcf7-not-valid-tip, .contactFormWrap .wpcf7-not-valid-tip { font-size: 12px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { text-align: center; border-color: #F00; padding: 8px; }

/* Misc */
.projectLinks .donname { background: #3b5998; width: 100%; padding: 4px 8px; color: #fff; font-size: 12px; text-decoration: none; text-transform: uppercase; display: inline-block; border-radius: 5px; border-color: #3b5998; }
.projectLinks .donname:hover { background: #333 }
.projectLinks .projectdonateBtn { background-color: #f50e57; border-color: #f50e57; margin-top: 10px; }
.projectLinks .contactFormSection { margin-top: 20px; border: 1px solid #d1d1d1; }
.blogListCon .entry-content { font-size: 15px; }
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus { outline: none; }
.adoptLink, .adoptFaqLink { padding-left: 40px; font-size: 16px; position: relative; text-decoration: none; font-weight: 700; color: #222; }
.adoptLink { margin-right: 10px; }
.adoptLink:hover, .adoptFaqLink:hover { color: #f50e57; }
.adoptLink:before { background: url(assets/images/adoption-process.png) 0 0 no-repeat; width: 35px; height: 40px; position: absolute; left: 0; top: -7px; content: ""; }
.adoptFaqLink:before { background: url(assets/images/faq-icon.png) 0 0 no-repeat; width: 35px; height: 40px; position: absolute; left: 0; top: -7px; content: ""; }
.adoptLink:hover:before { background-position: 0 -41px }
.adoptFaqLink:hover:before { background-position: 0 -47px }#005B9C



.donatePrice { position: absolute; left: 0; top: 0; width: 88px; color: #fff; background: #f50e57; padding: 11px 10px; height: 66px; transition: all 0.3s ease 0ms; }
.donatePrice .fa-inr { float: left; width: auto; font-size: 24px; margin-right: 10px; }
.donatePrice .amount { float: left; font-size: 11px; width: auto; }
.donatePrice .amount strong { font-size: 16px; font-weight: 700; }
.adoptBtn:hover { background: #f50e57; }
.adoptBtn:hover .donatePrice { background: #3b5998; }
.widget_sp_image { margin-bottom: 20px; }

/*
.tagsRow { box-shadow: 0 0 8px 0 #d1d1d1;  padding: 5px; overflow: auto; }
.tagsRow .post-thumbnail { margin-bottom: 10px; }
.tagsRow .entry-title { margin-bottom: 10px; }
.tagsRow .entry-title a { color: #000; }
.tagsRow .entry-title a:hover { color: #f50e57 }
.tagsRow p { margin-bottom: 10px; }
*/
.vsel-alignright { float: none;width: 100%!important;}
.vsel-alignleft { width: 100%!important;}

.vsel-meta-time,
.vsel-meta-end-date,
.vsel-meta-start-date { position: relative;}

.vsel-meta-time:before{content:"\f017"}
.vsel-meta-end-date:before{content: "\f274";}
.vsel-meta-start-date:before {content: "\f271";}

.vsel-meta-time:before,
.vsel-meta-end-date:before,
.vsel-meta-start-date:before { position: absolute;
left: 0; top: 0;    font-family:"Font Awesome 7 Free"; }
.posted-on svg,
.cat-links svg,
.tags-links svg,
.svg-icon,
.byline svg{ fill:var(--jv-blue); width: 30px;} 

/* Litebox */
.litebox-overlay,.litebox-overlay>* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; }
.litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; animation: liteboxLoader 1s linear infinite; }
.litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0,0,0,0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; opacity: 0; transition: all .2s ease-in-out; }
.litebox-overlay .litebox-text.active { opacity: 1; }
.litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(assets/images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; }
.litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; }
.litebox-overlay .litebox-prev { background: url(assets/images/litebox-prev.png) no-repeat center; left: 20px; }
.litebox-overlay .litebox-next { background: url(assets/images/litebox-next.png) no-repeat center; right: 20px; }
.litebox-overlay .litebox-container { position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; }
.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }
.litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; }
.litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; }
.litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; background: #FFF; line-height: normal; overflow-x: hidden; position: absolute; }
.litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; }
.litebox-overlay .litebox-error span { background: rgba(0,0,0,.9); border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; }

.home_help_block h2.widget-title { display: none; }
.cvf_pag_loading { padding: 20px 0; }
.cvf-universal-pagination ul { margin: 0; padding: 0; }


.cvf-pagination-nav { text-align: center; }
.cvf-universal-content h2 a { text-decoration: none; font-weight: 700; font-size: 24px; color: #3b5998; }
.cvf-universal-content h2 { line-height: 24px; }
.cvf-universal-content h2 span { font-size: 14px; float: right; position: relative; padding-left: 25px; }
.cvf-universal-content h2 span:before { font-family: 'FontAwesome'; content: "\f073"; position: absolute; width: 20px; height: 20px; left: 0; top: 0; }

/* Sticky nav */
.mainMenuWrap{ display: flex; width: 100%;border-bottom: 1px solid #bfbfbf;}
.mainMenuWrap.sticky { position: fixed; left: 0; top: 0; padding: 0; width: 100%; z-index: 3; box-shadow: 0 0 3px #cccccc; background: #fff; }
#header.sticky .headerContainer {}
#header { overflow: visible !important; transform: none !important; display: flex; width:100%; flex-wrap: wrap;}

.goal,.remain,.donor,.monthly-donate,.yearly-donate { background: url(assets/images/project-block-icon.png) 0 0 no-repeat; width: 35px; height: 30px; display: inline-block; text-indent: -9999px; }
.goal { background-position: 0 -120px; }
.remain { background-position: 0 -162px }
.donor { background-position: 0 -41px }
.monthly-donate { background-position: 0 -79px }
.yearly-donate { background-position: 0 0 }
.priceList li p { margin: 0; padding: 0; }
.btnCenter { text-align: center; vertical-align: middle !important; }


.annualList { margin: 0; padding: 20px; background: #fff; box-shadow: 0 0 4px 0 #d1d1d1; list-style: none; }
.annualList li { border-bottom: 1px solid #f1f1f1; padding: 10px; position: relative; }
.annualList li:hover a { padding-left: 10px; }
.annualList li a { text-decoration: none; display: block; }
.annualList li:nth-child(odd) { background: #fff; }
.annualList li:nth-child(even) { background: #f8f8f8; }
.annualList li .pdfIcon { position: absolute; right: 10px; top: 7px; width: 25px; height: 25px; }
.annualList li .pdfIcon img { width: 100%; }
.work_interest label { display: block; }
.annualList .count { position: absolute; right: 5px; top: 5px; background: #3b5998; color: #fff; font-size: 12px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 16px; }
.annualList li:hover .count { background: #f50e57; }
.pageNextPrev { text-align: center; }


.contactFormSection .whitebg h3 { margin: 0; padding: 0; }
#txt_price {}
.vsel-meta-date, .vsel-meta-time { padding-left: 25px !important; }
.adoptThumb { max-width: 250px; width: 100%; text-align: center; position: relative; min-height: 250px; }
.adoptThumb img{ height: 250px; object-fit: cover;}
.adoptThumb .adoptPetName { position: absolute; bottom: 0px; left: 0; width: 100%; font-weight: 700; padding: 10px 0; font-size: 24px; color: #fff; background: rgba(0,0,0,0.8) }
.adptThumbBlock { float: left; width: 24%; }
.adptInfoBlock { float: left; width: 62%; }
.adptBtn { float: right; width: 14%; min-height: 256px; line-height: 256px; text-align: right; }
.mrgNone { margin: 0 !important }
.adoptFormSection { border-bottom: 1px solid #ccc; padding: 10px;display: flex; }
.adoptFormSection:nth-child(odd) { background: #fff; }
.adoptFormSection:nth-child(even) { background: #fbf7f7; }
.donateNowProject { padding: 20px; border: 1px solid #d1d1d1; background: #f1f1f1; margin-bottom: 20px; }
.donateNowProject input[type="text"] { background: #fff; border: 1px solid #d1d1d1; height: 38px; }
.innerNav .donateNowProject #contactForm1 h3 { background: #3b5998; color: #fff; margin: -20px -20px 20px -20px; padding: 5px 20px; }
.wpcf7-form-control-wrap .customSelect { background-position: 98% center }
.wpcf7-list-item label { display: block; }
.popupBg { background: rgba(0,0,0,.4); cursor: pointer; display: none; height: 100%; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10000; left: 0; top: 0; }
.popupBg>.popupInner { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 850px; min-height: 100px; vertical-align: middle; width: 60%; position: relative; border-radius: 8px; padding: 20px; text-align: left; font-size: 11px; top: 10%; }
.popupCloseButton { background-color: #f50e57; border-radius: 50px; cursor: pointer; display: inline-block; font-family: arial; font-weight: bold; position: absolute; top: -20px; right: -20px; font-size: 16px; line-height: 31px; width: 30px; height: 30px; text-align: center; color: #fff; }
.popupCloseButton:hover { background-color: #3b5998; }
.popupTrigger { cursor: pointer; text-decoration: none; font-weight: bold; }
.fa-info-circle::before { content: "\f05a"; font-size: 22px; }
.popupBg>.popupInner h3 { font-family: 'open_sans'; font-weight: 700; color: #3b5998; font-size: 20px; }
.popupBg>.popupInner table { margin-bottom: 0; }
.tagsRow h2 { line-height: 18px; }
.tagsRow .post-thumbnail .post-thumbnail-inner { 
    display: block !important; 
}
.tagsRow .post-thumbnail .post-thumbnail-inner img{object-fit: cover;height: 250px!important; }
.screen-reader-text { padding-right: 5px; }
.byline svg,.posted-on svg,.cat-links svg,.tags-links svg { margin-right: 5px; }
form label.error, form .status { font-size: 12px; }
.force100per { width: 100%; }
.donateNowProject .projectdonateBtn { margin-top: 0; }
.loaderwrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; text-align: center; vertical-align: middle; line-height: 50%; }
.loader { border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #f50e57; width: 60px; height: 60px; animation: spin 1s linear infinite; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; }
.donateNowProject #contactForm1 .projectdonateBtn { margin-top: 10px; }
.equipmentText { display: block; }
.popupInner p, .popupInner table td { font-size: 14px; }
#footer { clear: both;}
.footerRight .nwsltrBox section form .tnp-field { float: left; width: 100%; }
.footerRight .nwsltrBox .tnp-field.tnp-field-button input.tnp-submit { position: absolute; right: 0; bottom: 10px; border-radius: 0px 4px 4px 0px; background: #f50e57 url(assets/images/newsletter-icon.png) center center no-repeat; color: #fff; height: 48px; font-size: 0; padding: 5px 12px; width: 54px; }
.footerRight .nwsltrBox section form { width: 100%; float: left; position: relative; }
.footerRight .nwsltrBox .tnp-field.tnp-field-button { position: relative; margin: 0; bottom: 0; }
.footerRight .nwsltrBox section form .tnp-field input.tnp-email { height: 48px; border-radius: 4px 0 0 4px; }
.footerRight .nwsltrBox { width: 295px; }
.quickLinkSection .footerRight .nwsltrBox .widget { width: 100%; }
.owl-nav.disabled { display: none; }
.newsEventSection .newsContent p { min-height: 48px; }
.summeryTable th, table.table.summeryTable td { background: #fbfbfb; }
table.table.summeryTable.w100 { width: 100%; }
table.summeryTable tr td:last-child { text-align: center; width: 250px; }
table.table.summeryTable.w60 tr th:last-child, table.table.summeryTable.w60 tr td:last-child { text-align: center; width: 250px; }
.donate_country label { display: none; }
.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #1f72ae; overflow: hidden; width: 100%; height: 0; transition: .5s ease; opacity: 0.9; }
.equipmentList li:hover .overlay { height: 100%; }
.text { color: white; font-size: 22px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; max-width: 85%; width: 100%; font-weight: 500; }
.equipmentList li { float: none; width: 23%; min-height: 150px; font-family: 'open_sans'; font-weight: 700; font-size: 16px; color: #111; text-align: center; position: relative; display: inline-block; vertical-align: middle; margin: 10px; }
.equipmentList { list-style: none; margin: 0 -10px 0 -10px; padding: 0; text-align: center; }
.search-results .pagination { width: 100%; float: left; }
.fa-clock-o:before { content: "\f017"; font-style: normal; margin-right: 8px; }
.fa-map-marker:before { content: "\f041"; font-style: normal; margin-right: 8px; }
.fa-file-pdf-o:before { content: "\f1c1"; font-style: normal; margin-right: 8px; }

/* Page load popup */
.pageLoadPopup { opacity: 0; visibility: hidden; top: 0; position: fixed; left: 0; width: 100%; height: 100%; z-index: 1111111; text-align: center; transition: all 0.4s ease-out; overflow-y: auto; padding: 60px 25px 60px 15px; }
.pageLoadPopup.active { opacity: 1; visibility: visible; }
.pageLoadPopup:after { background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0; top: 0; content: ""; }
.pageLoadPopupContainer { margin: 0 auto 0; max-width: 400px; width: 100%; position: relative; z-index: 1111; top: -100%; transition: all 0.4s 0.3s ease-out; }
.pageLoadPopup.active .pageLoadPopupContainer { top: 0; }
.closeLoadPoup { position: absolute; right: -20px; top: -20px; width: 41px; height: 41px; color: #989898; font-size: 21px; font-weight: 600; border-radius: 50%; box-shadow: 0 0 13px rgba(0,0,0,0.5); line-height: 33px; }
.closeLoadPoup:hover { color: #222; }
.popimg { border: 4px solid #fff; }

/* Social media */
ul.socialMedia { display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0px; }
ul.socialMedia li { display: inline-block; padding: 0 2px; }
ul.socialMedia li a { font-size: 13px; width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center; padding: 0; transition: all .2s; }
ul.socialMedia li a:hover { background: #ff6b35; border-color: #ff6b35; transform: translateY(-2px); }

/* ══════════════════════════════════════════════
   FOOTER 3-COL GRID
══════════════════════════════════════════════ */

.fb-embed-wrap { width: 100%; max-width: 100%; overflow: hidden !important; height: 300px ; padding: 15px; }

.footer-col:first-child {border-right: 1px solid rgba(31,114,174,0.15); }
.footer-col:nth-child(2) { border-right: 1px solid rgba(31,114,174,0.15); }

.col-eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #f50e57; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.col-eyebrow::before { content: ''; width: 18px; height: 2px; background: #f50e57; border-radius: 2px; flex-shrink: 0; }
.col-title { font-size: 26px; font-weight: 700; color: #1a2e3f; margin-bottom: 24px; line-height: 1.2; }

/* fb-card */
.fb-embed-wrap * {    max-width: 100% !important; width: 100%;}
.fb-embed-wrap .fb-page iframe,
.fb-embed-wrap .fb_iframe_widget iframe {    width: 100% !important;    max-width: 100% !important;    min-width: 0 !important;}
.fb-embed-wrap .fb-page span,
.fb-embed-wrap .fb_iframe_widget span {
    width: 100% !important;    max-width: 100% !important;    overflow: hidden !important;    display: block !important;}

.fb-top { background: linear-gradient(135deg,#1f72ae,#175d8e); padding: 18px 20px; display: flex; align-items: center; gap: 14px; }
.fb-avatar { width: 52px; height: 52px; border-radius: 10px; background: rgba(255,255,255,0.2); border: 2px solid rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; flex-shrink: 0; }
.fb-meta strong { display: block; color: #fff; font-size: 14.5px; font-weight: 700; margin-bottom: 3px; }
.fb-meta span { font-size: 12px; color: rgba(255,255,255,0.75); }
.fb-embed-wrap .sidebar_social { margin: 0 !important; display: flex; padding: 20px; min-height: 272px; align-items: center; }
.fb-actions { display: flex; gap: 10px; padding: 14px 20px; }
.btn-fb { flex: 1; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 14px; border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer; text-decoration: none; transition: all .2s; }
.btn-fb-follow { background: #1f72ae; color: #fff; border: none; }
.btn-fb-follow:hover { background: #175d8e; color: #fff; }
.btn-fb-share { background: transparent; color: #1f72ae; border: 1.5px solid rgba(31,114,174,0.2); }
.btn-fb-share:hover { background: #e8f3fb; color: #1f72ae; }

/* nl-card */
.nl-card { background: linear-gradient(135deg,#1f72ae 0%,#0f3f63 100%); border-radius: 14px; padding: 13px 22px 0; position: relative; overflow: hidden; }
.nl-label { font-size: 10.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 5px; display: block; }
.nl-subtitle { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 16px; display: block; }
.nl-card .nwsltrBox { background: none; padding: 0; margin: 0 0 20px; }
.nl-card .nwsltrBox .tnp-subscription form { display: flex; width: 100%; }
.nl-card .nwsltrBox .tnp-field.tnp-field-email { flex: 1; margin: 0; }
.nl-card .nwsltrBox .tnp-field.tnp-field-email label { display: none; }
.nl-card .nwsltrBox input.tnp-email { background: rgba(255,255,255,0.12); border: 1.5px solid rgba(255,255,255,0.2); border-right: none; border-radius: 10px 0 0 10px; color: #fff; height: 44px; padding: 0 14px; width: 100%; font-size: 13px; }
.nl-card .nwsltrBox .tnp-field.tnp-field-button { width: 110px; flex-shrink: 0; position: static; margin: 0; }

.nl-card .nwsltrBox input.tnp-email::-webkit-input-placeholder { color: #fff; }
.nl-card .nwsltrBox input.tnp-email:-ms-input-placeholder { color: #fff; }
.nl-card .nwsltrBox input.tnp-email::-ms-input-placeholder { color: #fff; }

/* org-card */

.org-card,
.fb-card { background: #fff; border: 1px solid rgba(31,114,174,0.15); border-radius: 14px; padding: 22px 22px 18px; box-shadow: 0 2px 16px rgba(31,114,174,0.08); min-height: 360px; }
.org-header { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid rgba(31,114,174,0.15); margin-bottom: 16px; }
.org-logo { width: 44px; height: 44px; border-radius: 9px; background: linear-gradient(135deg,#1f72ae,#175d8e); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; color: #fff; flex-shrink: 0; }
.org-name-text { font-size: 15px; font-weight: 700; color: #1a2e3f; line-height: 1.3; }
.org-name-text img { max-width: 200px; }
.contact-item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(31,114,174,0.07); }
.contact-item:last-of-type { border-bottom: none; }
.ci-icon { width: 32px; height: 32px; border-radius: 7px; background: #e8f3fb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ci-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #7a99b8; display: block; margin-bottom: 2px; }
.ci-val { font-size: 13px; font-weight: 500; color: #3d5570; line-height: 1.5; display: block; }
.ci-val a { color: #1f72ae; text-decoration: none; }
.org-card .social-row { display: flex; gap: 7px; flex-wrap: wrap; padding-top: 16px; margin-top: 14px; border-top: 1px solid rgba(31,114,174,0.15); }
.org-card .s-btn { width: 34px; height: 34px; border-radius: 8px; background: #e8f3fb; border: 1px solid rgba(31,114,174,0.15); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all .2s; padding: 0; }
.org-card .s-btn:hover { background: #1f72ae; border-color: #1f72ae; transform: translateY(-2px); }
.org-card .s-btn:hover span { filter: brightness(0) invert(1); }

/* footer bottom bar */
#footer .footer .container { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid rgba(255,255,255,0.12); }
.quickLinkSection > .container > .footerRight { display: none; }

/* Footer lower */

.footer-lower {  position: relative; overflow: hidden; }
.footer-lower::before { content: ''; position: absolute; width: 480px; height: 480px; border-radius: 50%; background: rgba(255,255,255,0.03); top: -280px; left: -80px; pointer-events: none; }
.wave-top { display: block; width: 100%; overflow: hidden; line-height: 0; }
.animal-strip { background: url(assets/images/animal-pattern-bg.png) left top repeat-x; height: 70px; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 0; }
.wave-top svg { display: block; width: 100%; }
.footer-lower p { display: inline-flex; margin: 20px 0 0 0; }
.footer-bar .social-icons { display: flex; gap: 7px; }
.footer-bar .s-btn { width: 32px; height: 32px; border-radius: 7px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.75); }
.s-btn svg { width: 14px; height: 14px; }
.s-btn { width: 34px; height: 34px; border-radius: 8px; background: var(--jv-blue-light); border: 1px solid var(--jv-border); display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--jv-blue); transition: all .2s; }
.copyright { font-size: 12.5px; color: rgba(255,255,255,0.6); font-weight: 400; }
.copyright strong { color: #fff; font-weight: 600; }
.footer-bar .s-btn:hover { background: #f50e57; border-color:#f50e57; color: #fff; box-shadow: 0 4px 12px rgba(255,107,53,0.35); }
.s-btn:hover { background: var(--jv-blue); border-color: var(--jv-blue); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(31,114,174,0.25); }

/* ══════════════════════════════════════════════
   NEWS SECTION OVERRIDES
══════════════════════════════════════════════ */
.newsEventSection .newsUpdateSection,
.newsEventSection .newsUpdateSection.force100per,
section.newsEventSection .newsUpdateSection {
    background: transparent !important; width: 100% !important; max-width: 100% !important;
    float: none !important; clear: both !important; padding: 0 !important; margin: 0 !important; overflow: visible !important;
}
.newsEventSection .newsSlider { padding-right: 0 !important; }
.newsEventSection .owl-stage-outer { overflow: hidden !important; }
.newsEventSection .newsUpdateSection .owl-nav {
    position: absolute !important; top: -73px; float: none !important; display: inline-flex !important;
    gap: 8px !important; border: none !important; padding: 0 !important; height: auto !important; vertical-align: middle; margin-left: 12px;
}
.newsUpdateSecTop {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    gap: 12px !important;  margin: 0 0 30px;
}
.newsEventSection .newsUpdateSection h3 {
    padding: 0 !important; margin: 0 !important; position: relative !important; color: #fff !important; font-size: 30px !important;
}
.newsEventSection .newsUpdateSection .newsUpdateSecTop a {
    color: #fff; 
    text-decoration: none;    position: relative;
}
.newsEventSection .newsUpdateSection .newsUpdateSecTop a:hover .arrowIconViewAll {
position: relative; transition: all 0.3s;
}
.newsEventSection .newsUpdateSection .newsUpdateSecTop a:hover .arrowIconViewAll {
 left: -2px;
}
.newsEventSection .newsUpdateSection .owl-nav button {
    width: 38px !important; height: 38px !important; border-radius: 50% !important;
    background: transparent !important; border: 1.5px solid rgba(255,255,255,0.5) !important;
    color: #1f72ae !important; display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 2px 8px rgba(31,114,174,0.1) !important; transition: all .2s !important;
}
.newsEventSection .newsUpdateSection .owl-nav button:hover { background: #1f72ae !important; border-color: #1f72ae !important; }
.newsSlider.owl-loaded .newsThumb:hover img.banner_img { transform: scale(1.02); }
.newsEventSection .newsUpdateSection .owl-nav button:hover .nav-prev,
.newsEventSection .newsUpdateSection .owl-nav button:hover .nav-next { filter: brightness(0) invert(1); }

.newsEventSection .newsSlider.owl-loaded .newsThumb a img { width: 100% !important; height: 220px !important; object-fit: cover !important; transition: all 0.3s ease-out; }
.newsEventSection .upcomingEvent { display: none; }

/* Social icons in bottom footer */
#footer .footer ul.socialMedia li a span.facebookIcon,
#footer .footer ul.socialMedia li a span.instaIcon,
#footer .footer ul.socialMedia li a span.linkedinIcon,
#footer .footer ul.socialMedia li a span.twitterIcon,
#footer .footer ul.socialMedia li a span.youtubeIcon { filter: brightness(0) invert(1); opacity: 0.8; }
#footer .footer ul.socialMedia li a:hover span { opacity: 1; }
#footer .footer ul.socialMedia { margin-top: 0; }
#footer .footer .container p { color: rgba(255,255,255,0.6); padding: 0; margin: 0; }
.footer-cols { will-change: transform, opacity; }

/* ══════════════════════════════════════════════
   UI FIX PATCH — Activity Grid Card Corrections
══════════════════════════════════════════════ */

/* Fix section overflow (prevent hero image bleed) */
.activityCarasoul {
    overflow: hidden;
}

/* ── Secondary card inner layout: flex column for text wrapper ──
   The h3 + .activitySliderBtns need a flex column container.
   Since they're direct children of .slideThumbDiv (a flex row),
   we wrap the text side using a pseudo-wrapper via CSS.
   The image is flex-shrink:0 on the left, and h3+btns fill the right.
*/
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv {
    flex-direction: row !important;
    align-items: stretch !important;
}

/* Text side of secondary card — h3 and btns are direct children,
   group them into a column using a shared flex context */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > h3,
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > .activitySliderBtns {
    flex-shrink: 1;
}

/* h3 text wrapping fix */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv h3 {
    white-space: normal !important;
    word-break: break-word;
    min-width: 0;
}

/* Fix .activitySliderBtns in secondary cards — allow wrapping,
   keep links on one line each, add gap */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
    flex-wrap: wrap !important;
    gap: 4px 0 !important;
    align-items: center !important;
}

/* Each action link in secondary cards — nowrap, readable size */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a {
    white-space: nowrap !important;
    font-size: 12px !important;
    margin: 0 !important;
}

/* First action link */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:first-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Second action link — small left gap, muted */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:not(:first-child) {
    margin-left: 10px !important;
    color: rgba(90,122,154,0.8) !important;
}

/* Hide the pipe separator in secondary cards —
   the HTML .seprate shows "|" which we don't need with arrow links */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns .seprate {
    display: none !important;
}

/* Ensure secondary card image doesn't shrink or overflow */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    align-self: stretch !important;
    min-height: 100% !important;
}

/* Fix hero card overflow */
.activitySlider .slideThumb:first-child .slideThumbDiv {
    overflow: hidden !important;
}

/* Fix grid container overflow */
.activitySlider {
    overflow: visible;
}

/* Fix grid height so secondary cards fill evenly */
.activitySlider .slideThumb {
    display: flex;
    flex-direction: column;
}

.activitySlider .slideThumb .slideThumbDiv {
    flex: 1;
}
/* ══════════════════════════════════════════
   SECONDARY CARD LINK POSITION FIX
   Links were overflowing right edge of card
══════════════════════════════════════════ */

/* Make h3 fill the text column width */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > h3 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 130px) !important; /* full card minus image width */
}

/* Override btns to NOT stretch to right edge —
   they should flow under h3 in the text column */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
    flex: 0 0 auto !important;
    max-width: calc(100% - 130px) !important;
    width: auto !important;
    padding: 8px 20px 20px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important; /* LEFT align — not stretching right */
    gap: 6px 8px !important;
    align-self: flex-end !important; /* sit at bottom of text column */
    margin-left: 130px !important; /* offset by image width to stay in text column */
}

/* Reset the margin-left: 130px approach — better to use position */
/* Actually the cleanest fix: make slideThumbDiv use grid instead of flex */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv {
    display: grid !important;
    grid-template-columns: 178px 1fr !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "img title"
        "img btns" !important;
    flex-direction: unset !important;
    align-items: unset !important;
    overflow: hidden;
}

/* Image spans both rows on the left */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > a:first-child {
    grid-area: img !important;
    width: 100% !important;
    min-width: unset !important;
    height: 100% !important;
    min-height: 100% !important;
}

/* Title in top-right cell */
.activitySlider .slideThumb:nth-child(n+2) .slideThumbDiv > h3 {
    grid-area: title !important;
    padding: 20px 20px 0 !important;
    margin: 0 0 4px 0 !important;
    max-width: unset !important;
    align-self: end;
}

/* Buttons in bottom-right cell */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns {
    grid-area: btns !important;
    padding: 6px 20px 20px !important;
    max-width: unset !important;
    margin-left: 0 !important;
    align-self: start;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

/* Action links — stay left */
.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a {
    white-space: nowrap !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #f50e57 !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a::after {
    content: ' →';
}

.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns a:not(:first-child) {
    margin-left: 12px !important;
    color: rgba(90,122,154,0.8) !important;
}

.activitySlider .slideThumb:nth-child(n+2) .activitySliderBtns .seprate {
    display: none !important;
}/* ══════════════════════════════════════════
   STICKY DONATE NOW BUTTON
   Professional floating CTA — bottom right
══════════════════════════════════════════ */

.sticky-donate {
    position: fixed;
bottom: 22px;
  right: 22px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.sticky-donate a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(135deg, rgb(1,69,119) 0%, rgba(0,92,158,1) 100%);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 10px 15px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  position: relative;
}

/* Shimmer sweep effect */
.sticky-donate a::before {
    width: 60px;
    height: 60px;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
    transition: left 0.5s ease;
    pointer-events: none;
}

.sticky-donate a:hover::before {
    left: 160%;
}

.sticky-donate a:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,69,119,0.55), 0 4px 12px rgba(0,0,0,0.2);
    background: linear-gradient(135deg, rgba(0,92,158,1) 0%, rgb(0,120,200) 100%);
    color: #fff !important;
}

.sticky-donate a:active {
    transform: translateY(-1px) scale(1.01);
}

/* Heart icon inside the button */
.sticky-donate a .btn-icon {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: heartbeat 1.8s ease-in-out infinite;
    flex-shrink: 0;
    background-color: #f50e57;
   width:30px;
    height: 30px;
    border-radius: 50%; z-index: 2; 
}

@keyframes heartbeat {
    0%, 100% { transform: scale(1); }
    14% { transform: scale(1.25); }
    28% { transform: scale(1); }
    42% { transform: scale(1.15); }
    56% { transform: scale(1); }
}

/* Pulse ring around the button */
.sticky-donate a::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50px;
    border: 2px solid rgba(0,92,158,0.4);
    animation: pulse-ring 2.5s ease-out infinite;
    pointer-events: none;
}

@keyframes pulse-ring {
    0%   { transform: scale(1);   opacity: 0.7; }
    70%  { transform: scale(1.06); opacity: 0; }
    100% { transform: scale(1.06); opacity: 0; }
}
/* Animated glow around the button */
.sticky-donate a { 
    position: relative; 
    box-shadow: 0 0 12px rgba(0,92,158,0.6), 0 0 24px rgba(0,92,158,0.4);
    animation: glow-blink 2s infinite alternate;
   font-size: 16px; border-radius: 40px; overflow: hidden; transition: all 0.5s ease-in-out;
}
.stickyDonateTxt {
  margin-left: 10px;
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.4s ease-in-out;
  white-space: nowrap;
}
.sticky-donate a:hover {
  width: 200px;
  border-radius: 40px;
  padding: 10px 20px;
}
.sticky-donate a:hover:before, 
.sticky-donate a:hover:after { display: none;}
.sticky-donate a:hover .stickyDonateTxt {
  opacity: 1;
  transform: translateX(0);
}

.stickyDonateTxtSpan{ transform: translateX(128px);} 

/* Keyframes for blinking glow */
@keyframes glow-blink {
    0% {
        box-shadow: 0 0 12px rgba(0,92,158,0.6), 0 0 24px rgba(0,92,158,0.4);
    }
    50% {
        box-shadow: 0 0 20px rgba(0,120,200,0.9), 0 0 40px rgba(0,120,200,0.6);
    }
    100% {
        box-shadow: 0 0 12px rgba(0,92,158,0.6), 0 0 24px rgba(0,92,158,0.4);
    }
}
/*breadcum*/
.breadcrumb-container.theme5 a::after,
.breadcrumb-container.theme5 a::before { border:0px!Important;}
.breadcrumb-container.theme5 a::before { content: ""!important; top:50%!important; transform: translateX(-50%); background-color: #fff; width: 1px!important; height: 10px!important; margin-top: -2px;
display: inline-flex; }
.breadcrumb-container.theme5 li:first-child a::before { display: none;}
.breadcrumb-container.theme5 a { background-color: transparent!important; transition: all 0.3s;}
.breadcrumb-container.theme5 ol{ margin: 0 -15px!important;}
.breadcrumb-container.theme5 li { margin: 0!important; padding: 0 15px!Important;}
.breadcrumb-container.theme5 a { padding: 0!Important; margin: 0px!Important;}
.breadcrumb-container.theme5 a:hover { text-decoration: underline; }
.breadcrumb { position: absolute; left: 15px; bottom: 12px;}

.callout {
  background: linear-gradient(135deg, var(--jv-blue) 0%, var(--jv-blue-deeper) 100%);
  color: var(--cream);
  padding: 22px 26px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
  border-left: 3px solid var(--sage);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}
.quote-block { position: relative; }
.quote-block::before {
  content: '\201C';
  position: absolute;
  left: -20px;
  top: -20px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 50px;
  line-height: 1;
  color: var(--sage);
  opacity: 0.5;
}
.breadcrumb-container.theme5 li:last-child a:before,
.breadcrumb-container.theme5 li:nth-child(1){ display: none;}
.breadcrumb-container.theme5 a::before { left: auto!important; right: -18px!Important;}
/*hospital facilities*/
.nGallaryCont { position: relative; background: rgba(255,255,255,0.04); overflow: hidden;}
.nGallaryContTxt{ position: absolute; left: 0; bottom:0 ; color: #fff;padding:57px 20px 10px 20px;font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.01em;
transform: translateY(6px); background: linear-gradient(
        to bottom,
        rgba(1, 69, 119, 0),     /* fully transparent */
        rgba(1, 69, 119, 0.5)    /* darker at bottom */
    );

width: 100%; text-align: center; 
  transition: transform 0.3s ease; }
.nGallaryContTxt h4{font-size: 16px;
  font-weight: 600;  line-height: 1.2;}
.nGalleryContImg  { height: 215px; width: 100%; background-color: #000; position: relative;}
.nGalleryContImg::before{ width: 100%; height: 100%; content: ""; background-color: rgba(1,69,119, 0.5);
position: absolute; left: 0; top: 0;} 
.nGalleryContImg img{ object-fit: cover ; height: 100%; object-position: left top; width: 100%;transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
  filter: saturate(80%) brightness(0.88);}

.nGallaryCont:hover .nGallaryContTxt {
  transform: translateY(0);
}
.nGallaryCont:hover img{ transform: scale(1.1);}
.widgets_on_page{ position: sticky; top: 70px;}


/* ── Top layout: book + form actions ── */
.top-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:48px;
  align-items:start;
  margin-bottom:56px;
}

/* Book column */
.book-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}

.book-frame{
  position:relative;
  width:180px;
  border-radius:6px;
  overflow:visible;
  filter:drop-shadow(0 16px 40px rgba(31,114,174,0.25));
  animation:floatBook 4s ease-in-out infinite;
}

@keyframes floatBook{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}

.book-frame img{
  width:180px;
  border-radius:6px;
  display:block;
  position:relative;
  z-index:1;
}

.book-frame::before{
  content:'';
  position:absolute;
  bottom:-12px; left:8px; right:8px;
  height:20px;
  background:rgba(31,114,174,0.15);
  border-radius:50%;
  filter:blur(8px);
  z-index:0;
}

/* Book badge */
.book-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--jv-orange);
  color:#fff;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:20px;
}

.book-badge::before{content:'●';font-size:7px;}

/* Content column */
.content-col{}

/* Section eyebrow */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--jv-orange);
  margin-bottom:12px;
}
.eyebrow::before{content:'';display:block;width:24px;height:1.5px;background:var(--jv-orange);}

.section-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(32px,4vw,46px);
  font-weight:900;
  color:var(--jv-text-dark);
  line-height:1.05;
  letter-spacing:-.02em;
  margin-bottom:24px;
}
.section-title em{color:var(--jv-blue);font-style:italic;}

/* CTA button */
.cta-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,var(--jv-blue),var(--jv-blue-deeper));
  color:#fff;
  text-decoration:none;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:14px 28px;
  border-radius:4px;
  margin-bottom:32px;
  transition:transform .2s,box-shadow .2s;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(31,114,174,.35);color:#fff;}
.cta-btn svg{transition:transform .25s;}
.cta-btn:hover svg{transform:translateX(4px);}

/* Steps heading */
.steps-heading{
  font-family:'Playfair Display',serif;
  font-size:20px;
  font-weight:700;
  color:var(--jv-text-dark);
  margin-bottom:16px;
}
.steps-heading span{font-style:italic;color:var(--jv-blue);display:block;font-size:13px;font-family:'DM Sans',sans-serif;font-weight:400;margin-top:2px;letter-spacing:.02em;}

/* Steps list */
.steps-list{
  list-style:none;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.steps-list li{
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-size:14px;
  font-weight:300;
  color:var(--jv-text-body);
  line-height:1.55;
  padding:12px 16px;
  background:#fff;
  border:1px solid var(--jv-border);
  border-left:3px solid transparent;
  border-radius:0 6px 6px 0;
  transition:border-color .2s,background .2s;
  animation:slideIn .4s ease both;
}

.steps-list li:hover{
  border-left-color:var(--jv-blue);
  background:var(--jv-blue-light);
}

.steps-list li:nth-child(1){animation-delay:.05s;}
.steps-list li:nth-child(2){animation-delay:.10s;}
.steps-list li:nth-child(3){animation-delay:.15s;}
.steps-list li:nth-child(4){animation-delay:.20s;}
.steps-list li:nth-child(5){animation-delay:.25s;}

@keyframes slideIn{from{opacity:0;transform:translateX(-12px);}to{opacity:1;transform:translateX(0);}}

.step-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;height:24px;
  min-width:24px;
  border-radius:50%;
  background:var(--blue);
  color:#fff;
  font-size:11px;
  font-weight:700;
  flex-shrink:0;
  margin-top:1px;
}

/* ── Course Details Card ── */
.course-card{
  background:#fff;
  border:1px solid var(--jv-border);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 24px rgba(31,114,174,.07);
  animation:fadeUp .5s ease .3s both;
}

@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}

.course-card-header{
  background:linear-gradient(135deg,var(--jv-blue) 0%,var(--jv-blue-deeper) 100%);
  padding:28px 36px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

.course-card-header h4{
  font-family:'Playfair Display',serif;
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height:1.3;
  margin:0;
}

.course-card-header p{
  font-size:13px;
  color:rgba(255,255,255,.7);
  margin:6px 0 0;
  font-style:italic;
}

.batch-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-size:11.5px;
  font-weight:600;
  padding:6px 16px;
  border-radius:20px;
  flex-shrink:0;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Details grid */
.details-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--jv-border);
}

.detail-item{
  background:#fff;
  padding:20px 24px;
  transition:background .2s;
}
.detail-item:hover{background:var(--jv-blue-light);}

.detail-label{
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--jv-text-muted);
  margin-bottom:5px;
  display:flex;
  align-items:center;
  gap:6px;
}

.detail-label svg{color:var(--jv-blue);flex-shrink:0;}

.detail-value{
  font-size:14.5px;
  font-weight:500;
  color:var(--jv-text-dark);
  line-height:1.45;
}

.detail-value strong{font-weight:700;color:var(--jv-blue);}
.detail-value .highlight{color:var(--jv-orange);font-weight:700;}

/* Important dates strip */
.dates-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:var(--jv-border);
  border-top:1px solid var(--jv-border);
}

.date-item{
  background:var(--jv-warm-white);
  padding:16px 24px;
  display:flex;
  align-items:center;
  gap:14px;
}

.date-icon{
  width:40px;height:40px;
  border-radius:10px;
  background:var(--jv-orange)!important; color: white;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.date-icon svg{color:#fff;}

.date-info{}
.date-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--jv-text-muted);display:block;margin-bottom:2px;}
.date-val{font-size:13.5px;font-weight:600;color:var(--jv-text-dark);}

/* Venue row */
.venue-row{
  padding:18px 24px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:14px;
  border-top:1px solid var(--jv-border);
  font-size:13.5px;
  color:var(--jv-text-muted);
}
.venue-row svg{color:var(--jv-blue);flex-shrink:0;}
.venue-row span{color:var(--jv-text-dark);font-weight:500;}

/*Animal care on wheels start*/
.animalCareWheels .singlePage h3.title {
    font-size: 28px;
    color: var(--jv-text-dark);
    font-weight: 700;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 24px;
}
.animalCareWheels .singlePage h3.title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 48px; height: 3px;
    background: linear-gradient(90deg, var(--jv-blue), var(--jv-blue-mid));
    border-radius: 2px;
}
.animalCareWheels .singlePage h3.title span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--jv-orange);
    margin-bottom: 6px;
}

/* ── lightSlider gallery ── */
.animalCareWheels .demo {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(31,114,174,.12);
    margin-bottom: 12px;
}
.animalCareWheels .lSSlideOuter { border-radius: 10px; overflow: hidden; }
.animalCareWheels .lSPager.lSGallery { margin-top: 8px !important;display: flex; }
.animalCareWheels .lSPager.lSGallery li {
    border-radius: 6px; overflow: hidden; opacity: .7; transition: opacity .2s;
}
.animalCareWheels .lSPager.lSGallery li.active,
.animalCareWheels .lSPager.lSGallery li:hover {
    opacity: 1; outline: 2px solid var(--jv-blue); outline-offset: 2px;
}

/* ── Tab nav ── */
.animalCareWheels .resTab .tabNavInner {
    border-bottom: 3px solid var(--jv-blue-mid);
    margin-bottom: 24px;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}
.animalCareWheels .resTab .tabNavInner li {
    background: var(--jv-blue-light);
    border-radius: 6px 6px 0 0;
    margin-right: 3px;
}
.animalCareWheels .resTab .tabNavInner li a {
    color: var(--jv-blue);
    font-size: 13px;
    padding: 10px 24px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.animalCareWheels .resTab .tabNavInner .r-tabs-state-active {
    background: var(--jv-blue);
}
.animalCareWheels .resTab .tabNavInner .r-tabs-state-active a {
    color: #fff;
    background: transparent;
}
.animalCareWheels .resTab .tabNavInner .r-tabs-state-active a::after,
.animalCareWheels .resTab .tabNavInner .r-tabs-state-active a::before { display: none; }

/* ── Accordion tab titles (shows at ≤768px via existing .r-tabs rule) ── */
.animalCareWheels .r-tabs-accordion-title a {
    background: var(--jv-blue-light);
    color: var(--jv-blue);
    font-weight: 600;
    border-left: 3px solid var(--jv-blue);
    padding: 12px 16px;
    display: block;
    text-decoration: none;
}
.animalCareWheels .r-tabs-accordion-title.r-tabs-state-active a {
    background: var(--jv-blue);
    color: #fff;
    border-left-color: var(--jv-blue-deeper);
}

/* ── Tab content ── */
.animalCareWheels .tabContent {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 0 8px 8px 8px;
    padding: 28px 32px;
    box-shadow: 0 2px 16px rgba(31,114,174,.05);
}

/* ── Story headings ── */
.animalCareWheels .tabContent h3 {
    font-size: 18px;
    color: var(--jv-text-dark);
    font-weight: 700;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--jv-border);
}
.animalCareWheels .tabContent h4 {
    font-size: 15px;
    color: var(--jv-blue-dark);
    font-weight: 700;
    margin: 22px 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.animalCareWheels .tabContent h4::before {
    content: '';
    display: inline-block;
    width: 4px; height: 16px;
    background: var(--jv-blue);
    border-radius: 2px;
    flex-shrink: 0;
}
.animalCareWheels .tabContent h6 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jv-text-muted);
    margin: 20px 0 10px;
}
.animalCareWheels .tabContent p {
    font-size: 14.5px;
    color: var(--jv-text-body);
    line-height: 1.75;
    margin-bottom: 14px;
}

/* ── Story list items ── */
.animalCareWheels .tabContent ul {
    padding: 0;
    margin: 0 0 16px;
    list-style: none;
}



/* ── summeryTable ── */
.animalCareWheels .summeryTable,
.animalCareWheels table.table.summeryTable {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--jv-border) !important;
    border-top: none !important;
    border-left: none !important;
    margin-bottom: 20px;
    border-radius: 8px;
}
.animalCareWheels .summeryTable thead th,
.animalCareWheels table.table.summeryTable thead th {
    background: linear-gradient(90deg, var(--jv-blue-deeper), var(--jv-blue-dark)) !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 12px 16px;
}
.animalCareWheels .summeryTable th,
.animalCareWheels table.table.summeryTable th {
    background: var(--jv-blue-light) !important;
    color: var(--jv-blue-deeper) !important;
    font-weight: 700;
    padding: 10px 14px;
    border-bottom: 1px solid var(--jv-border) !important;
    border-right: 1px solid var(--jv-border) !important;
    font-size: 13px;
}
.animalCareWheels .summeryTable td,
.animalCareWheels table.table.summeryTable td {
    padding: 10px 14px;
    font-size: 13px;
    border-bottom: 1px solid var(--jv-border) !important;
    border-right: 1px solid var(--jv-border) !important;
    background: #fff !important;
}
.animalCareWheels .summeryTable tr:nth-child(odd) td,
.animalCareWheels table.table.summeryTable tr:nth-child(odd) td {
    background: #fafcff !important;
}
.animalCareWheels .summeryTable tr:hover td,
.animalCareWheels table.table.summeryTable tr:hover td {
    background: var(--jv-blue-light) !important;
}
.animalCareWheels .summeryTable tfoot td,
.animalCareWheels table.table.summeryTable tfoot td {
    background: var(--jv-blue-deeper) !important;
    color: #fff !important;
    font-weight: 700;
    padding: 12px 16px;
}

/* ── Reports: cvf content ── */
.animalCareWheels .cvf-universal-content h2 {
    font-size: 16px;
    font-weight: 700;
    color: var(--jv-blue-dark);
    border-bottom: 1px solid var(--jv-border);
    padding-bottom: 10px;
    margin-bottom: 12px;
    line-height: 1.4;
}
.animalCareWheels .cvf-universal-content h2 a { color: var(--jv-blue-dark); text-decoration: none; }
.animalCareWheels .cvf-universal-content h2 a:hover { color: var(--jv-orange); }
.animalCareWheels .cvf-universal-content h2 span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    color: var(--jv-text-muted);
    text-transform: uppercase;
    float: right;
    margin-top: 4px;
}
.animalCareWheels .cvf-universal-content h2 span::before { display: none; }
.animalCareWheels .cvf-universal-content .col-md-12 {
    padding: 20px;
    border: 1px solid var(--jv-border);
    border-radius: 8px;
    margin-bottom: 16px;
    background: #fff;
}
.animalCareWheels .cvf-universal-content .col-md-12 img {
    width: 100%;
    border-radius: 6px;
    margin: 10px 0;


        object-fit: cover;
    object-position: center top;
    min-height: 445px;
}
}
.animalCareWheels .cvf-universal-pagination ul li {
    border-radius: 4px;
    background: var(--jv-blue-light);
    color: var(--jv-blue);
    font-weight: 600;
    border: 1px solid var(--jv-border);
}

.no-data-found { text-align: center;}
/* ── Photos tab ── */
.animalCareWheels .photosList li {
    border: 2px solid var(--jv-border);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s, transform .2s;
}
.animalCareWheels .photosList li:hover {
    border-color: var(--jv-blue);
    transform: translateY(-2px);
}
.animalCareWheels .photosList li img { height: 130px; object-fit: cover; }

/* ── Right sidebar: .innerNav.projectLinks ── */
.animalCareWheels .innerNav.projectLinks {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(31,114,174,.07);
    position: sticky;
    top: 60px;
}

/* Sidebar section headings */
.animalCareWheels .innerNav.projectLinks > h3 {
    background: linear-gradient(135deg, var(--jv-blue), var(--jv-blue-deeper));
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 13px 18px;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-radius: 0;
}
.animalCareWheels .innerNav.projectLinks > h3 ~ h3 {
    background: linear-gradient(135deg, var(--jv-orange), var(--jv-orange-h));
}

/* ── .adoptBtn redesign ── */
.animalCareWheels .adoptBtn {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 0;
    height: auto;
    min-height: 54px;
    padding: 10px;
    margin: 0;
    display: flex;
    align-items: stretch;
    transition: background .2s, box-shadow .2s;
    overflow: hidden;
    position: relative;
}
.animalCareWheels .adoptBtn:hover {
    background: var(--jv-blue-light);
    box-shadow: inset 3px 0 0 var(--jv-blue);
}
.animalCareWheels .adoptBtn::after { display: none; }

/* ── .donatePrice redesign ── */
.animalCareWheels .donatePrice {
    background: linear-gradient(135deg, var(--jv-blue), var(--jv-blue-dark));
    width: 68px;
    min-width: 68px;
    height: auto;
    position: static;
    padding: 8px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
}
.animalCareWheels .donatePrice .fa-inr {
    font-size: 12px;
    float: none;
    display: block;
    margin: 0 0 2px;
    opacity: .75;
    width: auto;
}
.animalCareWheels .donatePrice .amount {
    float: none;
    font-size: 9px;
    text-align: center;
    width: auto;
    line-height: 1.3;
}
.animalCareWheels .donatePrice .amount strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

/* .adoptBtn link text */
.animalCareWheels .adoptBtn > a {
    padding: 10px 32px 10px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: var(--jv-text-body) !important;
    display: flex;
    align-items: center;
    flex: 1;
    text-decoration: none !important;
    position: relative;
    min-width: 0;
}
.animalCareWheels .adoptBtn > a::after {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    right: 12px;
    color: var(--jv-blue-mid);
    font-size: 14px;
    transition: right .2s, color .2s;
}
.animalCareWheels .adoptBtn:hover > a { color: var(--jv-blue) !important; }
.animalCareWheels .adoptBtn:hover > a::after { right: 8px; color: var(--jv-blue); }

/* ── donateNowProject custom amount row ── */
.animalCareWheels .donateNowProject {
    background: var(--jv-blue-light);
    border: 1px solid var(--jv-border) !important;
    border-radius: 0;
    padding: 12px 14px;
    margin: 0;
}

.animalCareWheels .donateNowProject input[type="text"]:focus {
    border-color: var(--jv-blue) !important;
    outline: none;
}


/* ── Interested in Project form ── */
.animalCareWheels .donateNowProject #contactForm1 h3,
.animalCareWheels .innerNav .donateNowProject #contactForm1 h3 {
    background: linear-gradient(135deg, var(--jv-blue-deeper), var(--jv-blue)) !important;
    color: #fff;
    margin: -12px -14px 16px;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    border-radius: 0;
}
.animalCareWheels #contactForm1 input[type="text"] {
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 4px;
    height: 38px;
    margin-bottom: 8px;
    padding: 0 10px;
    font-size: 13px;
    background: #fafcff !important;
    width: 100%;
    transition: border-color .2s;
}
.animalCareWheels #contactForm1 input[type="text"]:focus {
    border-color: var(--jv-blue) !important;
    background: #fff !important;
    outline: none;
}

.animalCareWheels form label.error {
    color: var(--jv-orange);
    font-size: 11px;
    margin-top: 2px;
    display: block;
}
.animalCareWheels .status {
    font-size: 12px;
    font-weight: 600;
    color: var(--jv-blue);
    margin-bottom: 10px;
}

/*animal care on wheels end*/

/*detail page design start*/

/* ── Page wrapper spacing ── */
.jvBlogDetail .blogRow {

    gap: 0;
}

/* ═══════════════════════════════
   MAIN CONTENT — cols9
═══════════════════════════════ */

/* ── Article title ── */
.jvBlogDetail .entry-title {
    font-size: 30px;
    font-weight: 800;
    color: var(--jv-text-dark);
    line-height: 1.25;
    margin-bottom: 14px;
    position: relative;
    padding-bottom: 16px;
}
.jvBlogDetail .entry-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 56px; height: 3px;
    background: linear-gradient(90deg, var(--jv-orange), var(--jv-orange-h));
    border-radius: 2px;
}

/* ── Meta line: date + category ── */
.jvBlogDetail .meta-line {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.jvBlogDetail .meta-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--jv-text-muted);
    letter-spacing: .04em;
    background: var(--jv-blue-light);
    padding: 5px 12px;
    border-radius: 20px;
}
.jvBlogDetail .meta-date .fa { color: var(--jv-blue); }

/* ── Category pill ── */
.jvBlogDetail .smartlib-category-line { margin-bottom: 24px; display: block; }
.jvBlogDetail .post-categories { list-style: none; padding: 0; margin: 0; }
.jvBlogDetail .post-categories li { display: inline-block; }
.jvBlogDetail .post-categories li a {
    background: linear-gradient(135deg, var(--jv-blue), var(--jv-blue-dark));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 4px 12px;
    border-radius: 20px;
    transition: opacity .2s;
}
.jvBlogDetail .post-categories li a:hover { opacity: .85; }

/* ── Hero image ── */
.jvBlogDetail .blogDetailImg {
    margin: 0 0 32px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(31,114,174,.14);
    position: relative;
    float: none;
    width: 100%;
    max-width: 100%;
}
.jvBlogDetail .blogDetailImg img {
    width: 100% !important;
    max-width: 100% !important;
    height: 420px !important;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    transition: transform .4s ease;
}
.jvBlogDetail .blogDetailImg:hover img { transform: scale(1.02); }

/* ── Blog content area ── */
.jvBlogDetail .blogContent {
    font-size: 16px;
    line-height: 1.85;
    color: var(--jv-text-body);
}
.jvBlogDetail .blogContent > .container { padding: 0; }

/* First paragraph — lead text treatment */
.jvBlogDetail .blogContent p:first-child {
    font-size: 17px;
    line-height: 1.8;
    color: var(--jv-text-dark);
    font-weight: 400;
    border-left: 4px solid var(--jv-blue);
    padding-left: 20px;
    margin-bottom: 24px;
    background: var(--jv-blue-light);
    padding: 16px 20px;
    border-radius: 0 8px 8px 0;
}

/* Regular paragraphs */
.jvBlogDetail .blogContent p {
    margin-bottom: 20px;
    text-align: left;
}

/* Inline images inside content */
.jvBlogDetail .blogContent p img,
.jvBlogDetail .blogContent img.alignnone {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(31,114,174,.1);
    margin: 8px 0 24px;
    display: block;
    border: 1px solid #ccc;
}

/* Strong/bold */
.jvBlogDetail .blogContent strong,
.jvBlogDetail .blogContent b { color: var(--jv-text-dark); font-weight: 700; }

/* Underline accent */
.jvBlogDetail .blogContent u { text-decoration: none; border-bottom: 2px solid var(--jv-orange); padding-bottom: 1px; }

/* ── Post navigation ── */
.jvBlogDetail .post-navigation { display: block !important; margin: 40px 0; }
.jvBlogDetail .nav-links {
    display: flex;
    gap: 16px;
    align-items: stretch;
}
.jvBlogDetail .nav-previous{ text-align: left;}
.jvBlogDetail .nav-previous,
.jvBlogDetail .nav-next {
    flex: 1;
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 10px;
    padding: 16px 20px;
    transition: box-shadow .2s, border-color .2s;

}
.jvBlogDetail .nav-previous:hover,
.jvBlogDetail .nav-next:hover {
    box-shadow: 0 4px 18px rgba(31,114,174,.12);
    border-color: var(--jv-blue-mid);
}
.jvBlogDetail .nav-next { text-align: right; }
.jvBlogDetail .nav-links a {
    text-decoration: none;
    color: var(--jv-text-body);
    display: block;
}
.jvBlogDetail .meta-nav {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jv-blue);
    margin-bottom: 5px;
}
.jvBlogDetail .post-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--jv-text-dark);
    line-height: 1.4;
    display: block;
}
.jvBlogDetail .nav-links a:hover .post-title { color: var(--jv-blue); }

/* ═══════════════════════════════
   SIDEBAR — cols3
═══════════════════════════════ */

.jvBlogDetail #secondary {
    list-style: none;
    padding: 0;
    margin: 0;
    position: sticky;
    top: 80px;
}

/* ── Widget base ── */
.jvBlogDetail .widget {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 16px rgba(31,114,174,.06);
}

/* Widget title ── */
.jvBlogDetail .widget-title {
    background: linear-gradient(135deg, var(--jv-blue), var(--jv-blue-deeper));
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin: 0 0 0;
    padding: 12px 18px;
    display: block;
}

/* ── Recent posts widget ── */
.jvBlogDetail .widget_recent_entries > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.jvBlogDetail .widget_recent_entries li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--jv-border);
    transition: background .2s;
}
.jvBlogDetail .widget_recent_entries li:last-child { border-bottom: none; }
.jvBlogDetail .widget_recent_entries li:hover { background: var(--jv-blue-light); }

/* Thumbnail */
.jvBlogDetail .widget_recent_entries li a:first-child {
    flex-shrink: 0;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}
.jvBlogDetail .widget_recent_entries li a:first-child img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

/* Text link */
.jvBlogDetail .widget_recent_entries li a:not(:first-child) {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--jv-text-dark);
    line-height: 1.4;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
    transition: color .2s;
    width: calc( 100% - 75px)!important;
}
.jvBlogDetail .widget_recent_entries li a:not(:first-child):hover { color: var(--jv-blue); }

/* Post date */
.jvBlogDetail .widget_recent_entries .post-date {
    font-size: 11px;
    color: var(--jv-text-muted);
    display: block;

}
.textwidget  .headRight a:after { display: none!important;}
.jvBlogDetail .widget_recent_entries .post-date::before { content: '\f073'; font-family: 'FontAwesome'; margin-right: 5px; }

/* ── headRight widget (working hours + social) ── */
.jvBlogDetail .widget_custom_html .headRight {
    display: block !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    background: none;
    padding: 0;
}
.jvBlogDetail .widget_custom_html .headRight ul li:after { display: none;}
.jvBlogDetail .widget_custom_html .headRight ul {
    list-style: none;
    padding: 12px 16px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.jvBlogDetail .widget_custom_html .headRight ul li {
    padding: 0;
    display: block;
    border-bottom: 1px solid var(--jv-border);
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.jvBlogDetail .widget_custom_html .headRight ul li:last-child { border-bottom: none; padding-bottom: 0; }
.jvBlogDetail .headTitle {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jv-text-muted);
    display: block;
    margin-bottom: 4px;
    width: 100%;
    text-align: center;
}
.jvBlogDetail .workingHours {
    font-size: 14px;
    font-weight: 700;
    color: var(--jv-blue-deeper);
    width: 100%;
    text-align: center;
}
/* Donate Now button in widget */

/* Social icons */
.jvBlogDetail .socialIcons { display: flex; gap: 6px; flex-wrap: wrap; }
.jvBlogDetail .socialIcons a {
    width: 32px; height: 32px;
    border-radius: 8px;
    background: var(--jv-blue-light);
    border: 1px solid var(--jv-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jv-blue);
    font-size: 14px;
    transition: all .2s;
    text-decoration: none;
    margin-right: 0;
    padding: 0px!Important;
}
.jvBlogDetail .socialIcons a:hover { background-color: #fff; color: #333; transform: translateY(-2px); border-color: var(--blue);}

/* ── How to Help widget ── */
.jvBlogDetail .help_sidebar h2 {
    background: linear-gradient(135deg, var(--jv-blue-deeper), var(--jv-blue));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 12px 18px;
    margin: 0 0 0;
    border-radius: 12px 12px 0 0;
}
.jvBlogDetail .help_sidebar {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 16px rgba(31,114,174,.06);
}
.jvBlogDetail .home_help_block {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.jvBlogDetail .home_help_block .widget_sp_image { margin-bottom: 0; }
.jvBlogDetail .home_help_block .widget-title { display: none; }
.jvBlogDetail .home_help_block img {
    width: 100% !important;
    border-radius: 6px;
    transition: transform .2s, box-shadow .2s;
}
.jvBlogDetail .home_help_block a:hover img {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(31,114,174,.15);
}

/*detail page design end*/
/* ═══════════════════════════════════════════════════════════
   JIVDAYA — ADOPTION CENTER PAGE CSS PATCH
   Prefix: .jvAdopt on all rules
   Add class="jvAdopt" to .container-xl.singlePage wrapper
   Zero HTML changes. Mirrors existing breakpoints.
═══════════════════════════════════════════════════════════ */

/* ── Search bar row ── */
.jvAdopt .moduleSearch {
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.jvAdopt .moduleSearch li {
    padding: 0;
    float: none;
    display: flex;
    align-items: center;
}
.jvAdopt .moduleSearch li .inputCol { width: 200px; }
.jvAdopt .moduleSearch li input[type="text"] {
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 6px;
    height: 42px;
    font-size: 13px;
    padding: 0 12px;
    background: #fff !important;
    transition: border-color .2s;
    width: 100%;
}
.jvAdopt .moduleSearch li input[type="text"]:focus {
    border-color: var(--jv-blue) !important;
    outline: none;
}
.jvAdopt .moduleSearch li select {
    border: 1.5px solid var(--jv-blue-mid) !important;
    border-radius: 6px;
    height: 42px;
    font-size: 13px;
    padding: 0 12px;
    background: #fff !important;
    width: 180px;
    cursor: pointer;
}
.jvAdopt .moduleSearch .btnSearchReset {
    display: flex;
    gap: 8px;
    align-items: center;
}
.jvAdopt .moduleSearch .btnSearchReset input[type="submit"] {
    height: 42px !important;
    padding: 0 24px !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .08em;
    border-radius: 6px !important;
    background: linear-gradient(135deg, var(--jv-blue), var(--jv-blue-deeper)) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
    transition: box-shadow .2s, transform .2s;
    display: inline-flex !important;
    align-items: center;
}
.jvAdopt .moduleSearch .btnSearchReset input[type="submit"]:hover {
    box-shadow: 0 6px 18px rgba(31,114,174,.3);
    transform: translateY(-1px);
}
.jvAdopt .moduleSearch .btnSearchReset button.resetBtn {
    height: 42px !important;
    padding: 0 20px !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .06em;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #5c5c5c, #888) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
    transition: box-shadow .2s, transform .2s;
    display: inline-flex !important;
    align-items: center;
    text-transform: uppercase;
}
.jvAdopt .moduleSearch .btnSearchReset button.resetBtn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(92,92,92,.3);
}

/* ── Quick links row (Process / FAQs) ── */
.jvAdopt .moduleBtn .cols5 .alignRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}
.jvAdopt .adoptLink,
.jvAdopt .adoptFaqLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--jv-blue) !important;
    text-decoration: none;
    border: 1.5px solid var(--jv-border);
    border-radius: 20px;
    padding: 7px 16px 7px 40px;
    background: #fff;
    transition: all .2s;
    white-space: nowrap;
}
.jvAdopt .adoptLink:hover,
.jvAdopt .adoptFaqLink:hover {
    background: var(--jv-blue-light);
    border-color: var(--jv-blue-mid);
    color: var(--jv-blue-deeper) !important;
}

/* ═══════════════════════════════════════
   ADOPTION CARD — .adoptFormSection
═══════════════════════════════════════ */
.jvAdopt .adoptFormSection {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--jv-border);
    border-radius: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(31,114,174,.06);
    transition: box-shadow .25s, transform .25s;
    padding: 0;
    float: none;
    width: 100%;
}
.jvAdopt .adoptFormSection:hover {
    box-shadow: 0 8px 28px rgba(31,114,174,.13);
    transform: translateY(-2px);
}
.jvAdopt .adoptFormSection:nth-child(odd) { background: #fff; }
.jvAdopt .adoptFormSection:nth-child(even) { background: #fafcff; }

/* ── Thumb block ── */
.jvAdopt .adptThumbBlock {
    width: 220px;
    min-width: 220px;
    flex-shrink: 0;
    float: none;
    padding: 0;
    position: relative;
}
.jvAdopt .adoptThumb {
    width: 100%;
    height: 100%;
    min-height: 200px;
    position: relative;
    overflow: hidden;
}
.jvAdopt .adoptionWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.jvAdopt .adoptionWrap .imgLeft {
    float: none;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    box-shadow: none;
    position: absolute;
    inset: 0;
}
.jvAdopt .adoptionWrap .imgLeft::after { display: none; }
.jvAdopt .adoptionWrap .imgLeft img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
    position: relative;
    z-index: 1;
}
.jvAdopt .adoptFormSection:hover .adoptionWrap .imgLeft img {
    transform: scale(1.05);
}

/* Pet name badge */
.jvAdopt .adoptPetName {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(15,63,99,.9), transparent);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 24px 14px 10px;
    letter-spacing: .03em;
    z-index: 2;
}

/* Adopted badge (existing .badge div) */
.jvAdopt .badge {
    position: absolute;
    top: 10px; left: 10px;
    width: 72px; height: 72px;
    background: url(assets/images/adopt-badge.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
    z-index: 3;
}

/* ── Info block ── */
.jvAdopt .adptInfoBlock {
    flex: 1;
    float: none;
    padding: 20px 24px;
    width: auto;
    display: flex;
    align-items: center;
}
.jvAdopt .adptInfoBlock .tableData {
    width: 100%;
    border: none;
    margin: 0;
}
.jvAdopt .adptInfoBlock .tableData tr { border: none; }
.jvAdopt .adptInfoBlock .tableData tr:hover td {
    background: var(--jv-blue-light) !important;
    transition: background .15s;
}
.jvAdopt .adptInfoBlock .tableData td {
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    font-weight: 400;
    border-bottom: 1px solid var(--jv-border) !important;
    border-right: none !important;
    background: transparent !important;
    vertical-align: middle;
}
.jvAdopt .adptInfoBlock .tableData tr:last-child td {
    border-bottom: none !important;
}
.jvAdopt .adptInfoBlock .tableData td label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--jv-text-muted);
    padding: 0;
    display: block;
}
.jvAdopt .adptInfoBlock .tableData td .inputName {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--jv-text-dark);
}

/* ── Button block ── */
.jvAdopt .adptBtn {
    width: 140px;
    min-width: 140px;
    flex-shrink: 0;
    float: none;
    min-height: unset;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 16px;
    background: var(--jv-blue-light);
    border-left: 1px solid var(--jv-border);
}
.jvAdopt .adptBtn .adoptBtnWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
}
/* Adoption button */

/* Adopted image (stamp) */
.jvAdopt .adptBtn .adoptedImg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.jvAdopt .adptBtn .adoptedImg img {
    width: 80px;
    height: auto;
    opacity: .9;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
}

/* ── Odd/even alternating left accent ── */
.jvAdopt .adoptFormSection:nth-child(odd) {
    border-left: 4px solid var(--jv-blue);
}
.jvAdopt .adoptFormSection:nth-child(even) {
    border-left: 4px solid var(--jv-orange);
}

/* ── Page section spacing ── */
.jvDonation {
    padding: 48px 0 60px;
}
.jvDonation .container-xl { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

/* ── Section heading (CSS-only eyebrow + title injected via ::before on the row) ── */
.jvDonation .row::before {
    content: 'SUPPORT JIVDAYA';
    display: block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--jv-orange, #f50e57);
    margin-bottom: 6px;
    width: 100%;
}
.jvDonation .row::after {
    content: 'Ways to Donate';
    display: block;
    font-size: 32px;
    font-weight: 800;
    color: var(--jv-text-dark, #1a2e3f);
    margin-bottom: 36px;
    letter-spacing: -0.5px;
    line-height: 1.2;
    width: 100%;
    order: -1;
}

/* ── Override .projectList for donation cards ── */
.jvDonation .projectList {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 -0.5%!important;
    padding: 0 !important;
    list-style: none;
    justify-content: center;
    float: none;
}

/* ── Each card li ── */
.jvDonation .projectList li {
    width: auto !important;
    float: none !important;
    margin: 0 0.5% !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(31,114,174,.1) !important;
    background: #fff;
    border: 1px solid var(--jv-border, rgba(31,114,174,.15));
    transition: transform .3s ease, box-shadow .3s ease !important;
    position: relative;
    width: 32.3%!important;

}
.jvDonation .projectList li:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 40px rgba(31,114,174,.18) !important;
}

/* ── Top accent bar per card ── */
.jvDonation .projectList li:nth-child(1)::before,
.jvDonation .projectList li:nth-child(2)::before,
.jvDonation .projectList li:nth-child(3)::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    z-index: 2;
}
.jvDonation .projectList li:nth-child(1)::before {
    background: linear-gradient(90deg, var(--jv-blue, #1f72ae), var(--jv-blue-dark, #175d8e));
}
.jvDonation .projectList li:nth-child(2)::before {
    background: linear-gradient(90deg, var(--jv-orange, #f50e57), var(--jv-orange-h, #a80035));
}
.jvDonation .projectList li:nth-child(3)::before {
    background: linear-gradient(90deg, #2d8f47, #1a6b32);
}

/* ── Card label (title from image `title` attribute via CSS generated content) ── */
.jvDonation .projectList li a {
    display: block;
    text-decoration: none;
    position: relative;
}

/* ── Image container ── */
.jvDonation .projectList li figure,
.jvDonation .projectList li a {
    width: 100%;
    display: block;
}
.jvDonation .projectList li img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform .4s ease !important;
    filter: none;
}
.jvDonation .projectList li:hover img {
    transform: scale(1.04) !important;
}

/* ── Overlay label from `title` attr ── */
.jvDonation .projectList li a::after {
    content: attr(title);
    position: absolute;
    bottom: -6px; left: 0; right: 0;
    background: linear-gradient(to top, rgba(15,63,99,.92) 0%, rgba(15,63,99,.4) 60%, transparent 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 40px 18px 16px;
    text-transform: uppercase;
    transition: opacity .2s;
}

/* ── Card footer CTA bar ── */
.jvDonation .projectList li::after {
    content: 'Click to view';
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 18px;
    background: var(--jv-blue-light, #e8f3fb);
    color: var(--jv-blue, #1f72ae);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-top: 1px solid var(--jv-border, rgba(31,114,174,.15));
    transition: background .2s, color .2s;
}
.jvDonation .projectList li:hover::after {
    background: var(--jv-blue, #1f72ae);
    color: #fff;
}

/* ── Card 2 (QR) — center the QR image ── */
.jvDonation .projectList li:nth-child(2) img {
    object-position: center top;
}

/* ── Card 3 (Bank detail) ── */
.jvDonation .projectList li:nth-child(3) img {
    object-position: top center;
}

/* ── Helper strip below cards ── */
.jvDonation .photosList {
    padding: 0;
}

.contactFormWrap .cols6  { display: flex; align-items: center; text-align: left; flex-wrap: wrap;  }
.contactFormSection .submit_form p,
.contactFormWrap  .submit_form  p{ margin: 0 -10px; width: 100%;}
.adoption_form p{ width: 100%;}
/* ── Page wrapper ── */
.jvPolicy {


 
    background: #fff;
}

/* ═══════════════════════════
   LEAD PARAGRAPH (first <p>)
═══════════════════════════ */
.jvPolicy > p:first-child {
    font-size: 16px;
    line-height: 1.85;
    color: var(--jv-text-body, #3d5570);
    background: var(--jv-blue-light, #e8f3fb);
    border-left: 4px solid var(--jv-blue, #1f72ae);
    border-radius: 0 10px 10px 0;
    padding: 20px 24px;
    margin-bottom: 32px;
}

/* ═══════════════════════════
   SECTION HEADERS h3 / h4
═══════════════════════════ */

/* h4 — major section divider (e.g. "Information We Collect") */
.jvPolicy h4 {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--jv-orange, #f50e57) !important;
    margin: 48px 0 4px !important;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.jvPolicy h4::before {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: var(--jv-orange, #f50e57);
    border-radius: 2px;
    flex-shrink: 0;
}
.jvPolicy h4:first-of-type { margin-top: 0 !important; }

/* h3 — subsection headings */
.jvPolicy h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--jv-text-dark, #1a2e3f) !important;
    margin: 28px 0 10px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--jv-border, rgba(31,114,174,.15));
    position: relative;
    line-height: 1.35;
}
.jvPolicy h3::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0;
    width: 40px; height: 2px;
    background: var(--jv-blue, #1f72ae);
    border-radius: 2px;
}

/* First h3 after a h4 — tighter top margin */
.jvPolicy h4 + h3 { margin-top: 16px !important; }

/* ═══════════════════════════
   BODY PARAGRAPHS
═══════════════════════════ */
.jvPolicy p {
    font-size: 15px;
    line-height: 1.85;
    color: var(--jv-text-body, #3d5570);
    margin-bottom: 18px !important;
    text-align: left;
}

/* ── Inline links ── */
.jvPolicy p a {
    color: var(--jv-blue, #1f72ae);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .2s;
}
.jvPolicy p a:hover { color: var(--jv-orange, #f50e57); }

/* ═══════════════════════════
   CONTACT BLOCK (last <p> with strong)
   "Email: / Address: / Contact number:"
═══════════════════════════ */
.jvPolicy > p:last-of-type,
.jvPolicy p:has(strong:first-child) {
    background: #fff;
    border: 1px solid var(--jv-border, rgba(31,114,174,.15));
    border-left: 4px solid var(--jv-blue, #1f72ae);
    border-radius: 0 10px 10px 0;
    padding: 20px 24px;
    font-size: 14px;
    line-height: 2;
}
.jvPolicy p strong {
    color: var(--jv-text-dark, #1a2e3f);
    font-weight: 700;
}

/* ── Thank you line (last p) ── */
.jvPolicy > p:last-child {
    background: linear-gradient(135deg, var(--jv-blue, #1f72ae), var(--jv-blue-deeper, #0f3f63));
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 20px 28px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin-top: 48px !important;
}
.jvPolicy > p:last-child strong { color: #fff; }

/* ═══════════════════════════
   SECTION CARD TREATMENT
   Each h3 + following p wrapped visually
═══════════════════════════ */
.jvPolicy h3 ~ p {
    padding-left: 16px;
    border-left: 2px solid var(--jv-blue-mid, #c2ddf2);
    margin-left: 0;
}
/* ── Bullet list inside .jvPolicy ── */
.jvPolicy ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.jvPolicy ul li {
    position: relative;
    padding: 10px 14px 10px 42px;
    background: var(--jv-blue-light);
    border-left: 3px solid var(--jv-blue-mid);
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 14.5px;
    color: var(--jv-text-body);
    line-height: 1.6;
}
.jvPolicy ul li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    position: absolute;
    left: 14px;
    color: var(--jv-blue);
    font-size: 14px;
    top: 11px;
}
.sidebar { position: sticky; top: 50px;}
/*contact form 7 start*/
.wpcf7-spinner:not(.is-active) {
    display: none !important;
}

/*faq start*/
/* ═══════════════════════════════════════════════════════════
   JIVDAYA — FAQ ACCORDION CSS PATCH
   Targets: .singlePage h2 + .accordion
   Zero HTML changes needed.
═══════════════════════════════════════════════════════════ */

/* ── Page heading ── */
.faqsPage > h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--jv-text-dark, #1a2e3f);
    margin-bottom: 28px;
    position: relative;
    padding-bottom: 14px;
}
.faqsPage > h2::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 48px; height: 3px;
    background: linear-gradient(90deg, var(--jv-blue), var(--jv-blue-mid));
    border-radius: 2px;
}

/* ── Accordion wrapper ── */
.accordion {
    border: 1px solid var(--jv-border, rgba(31,114,174,.15));
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(31,114,174,.07);
    margin-bottom: 0;
}

/* ── Trigger row ── */
.accordion .accTrigger {
    background: #fff !important;
    border-bottom: 1px solid var(--jv-blue-light, #e8f3fb) !important;
    padding: 16px 20px 16px 48px !important;
    margin: 0 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: var(--jv-text-dark, #1a2e3f) !important;
    cursor: pointer;
    position: relative;
    transition: background .2s, color .2s;
    line-height: 1.45;
}

/* Remove old plus/minus background image */
.accordion .accTrigger,
.accordion .accTrigger.active {
    background-image: none !important;
}

/* Plus icon via ::before */
.accordion .accTrigger::before {
    content: '\f067';
    font-family: 'FontAwesome';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--jv-orange, #f50e57);
    font-weight: 900;
    transition: transform .25s, color .2s;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Active state — minus + blue bg */
.accordion .accTrigger.active {
    background: var(--jv-blue-light, #e8f3fb) !important;
    color: var(--jv-blue-deeper, #0f3f63) !important;
    border-bottom-color: var(--jv-blue-mid, #c2ddf2) !important;
}
.accordion .accTrigger.active::before {
    content: '\f068';
    color: var(--jv-blue, #1f72ae);
}

/* Hover */
.accordion .accTrigger:hover {
    background: var(--jv-blue-light, #e8f3fb) !important;
    color: var(--jv-blue, #1f72ae) !important;
}
.accordion .accTrigger:hover::before {
    color: var(--jv-blue, #1f72ae);
}

/* Last trigger no bottom border when closed */
.accordion .accTrigger:last-of-type {
    border-bottom: none !important;
}

/* ── Answer panel ── */
.accordion .accordDetail {
    background: #fff;
    border-bottom: 1px solid var(--jv-blue-light, #e8f3fb);
    padding: 16px 20px 16px 48px !important;
    font-size: 14px;
    line-height: 1.8;
    color: var(--jv-text-body, #3d5570);
    border-left: 3px solid var(--jv-blue, #1f72ae);


}
.accordion-button:not(.collapsed) { background-color: var(--jv-blue-dark)!important; color: #fff!important;}
.accordion-button:not(.collapsed):after,
.accordion-button:hover::after {
  filter: invert(1);   /* Inverts the default dark arrow to white */
}
.accordion-button:focus { box-shadow: none!Important;}
.accordion-button:hover { transform: none; color: #fff!important;}
.accordDetail.open {
  max-height: 500px; /* pick a value larger than your tallest panel */
  display: block!important;

}
.accordion .accordDetail a {
    color: var(--jv-blue, #1f72ae);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
   


}
.accordion .accordDetail a:hover {
    color: var(--jv-orange, #f50e57);
}

/* Last answer no border */
 .accordion .accordDetail:last-child {
    border-bottom: none;
}


/*faq end*/

/*activities start*/
.jvi-card { position: relative ; height: 100%;}


  /* ── Header banner ── */
  .jvi-header {
       box-shadow: 0 12px 32px rgba(0,69,119,0.55), 0 4px 12px rgba(0,0,0,0.2);
    background: linear-gradient(135deg, rgba(0,92,158,1) 0%, rgb(0,120,200) 100%);
    color: #fff !important;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .jvi-header-icon {
    font-size: 36px;
    line-height: 1;
    flex-shrink: 0;
  }
  .jvi-header h1 {
    font-family: 'Nunito', sans-serif;
    font-size: var(--visitorInfoSize);
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
  }
  .jvi-header-accent {
    height: 4px;
    background: var(--jv-orange);
  }

  /* ── Body ── */
  .jvi-body {
    padding: 24px 24px 28px;
  }

  /* Org name */
  .jvi-org-name {
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #1a1a2e;
    text-align: center;
    margin-bottom: 18px;
  }

  /* Contact rows */
  .jvi-contact-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
  }
  .jvi-contact-icon {
    width: 32px;
    height: 32px;
    background: var(--jv-orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .jvi-contact-icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .jvi-contact-text {
    font-size: 15px;
    color: #2d2d2d;
    line-height: 1.5;
  }

  /* Phone + email inline row */
  .jvi-contact-inline {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 8px 0 20px;
    flex-wrap: wrap;
  }
  .jvi-contact-inline .jvi-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #2d2d2d;
  }
  .jvi-contact-inline .jvi-item a {
    color: #1e5fa8;
    text-decoration: underline;
  }

  /* ── Visiting hours box ── */
  .jvi-hours-box {
    background: #eef2fb;
    border-radius: 14px;
    padding: 16px 18px 18px;
    margin: 0 0 20px;
  }
  .jvi-hours-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
  }
  .jvi-hours-badge {
    background: #1e3a6e;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
  }
  .jvi-hours-badge svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    flex-shrink: 0;
  }
  .jvi-hours-time {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #1a1a2e;
  }
  .jvi-hours-note {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 1.6;
    margin-bottom: 12px;
  }
  .jvi-holiday-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 16px;
  }
  .jvi-holiday-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #2d2d2d;
    padding: 3px 0;
  }
  .jvi-check-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .jvi-check-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--jv-orange);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  /* ── Group visits banner ── */
  .jvi-group-banner {
    background: var(--jv-orange);
    border-radius: 10px;
    padding: 12px 18px;
    margin-bottom: 16px;
  }
  .jvi-group-banner h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.2px;
  }

  /* ── Bullet list ── */
  .jvi-visit-list {
    list-style: none;
    padding: 0;
  }
  .jvi-visit-list li {
    display: flex;
    gap: 12px;
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1.6;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
  }
  .jvi-visit-list li:last-child {
    border-bottom: none;
  }
  .jvi-bullet-dot {
    width: 8px;
    height: 8px;
    background: #1e3a6e;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 7px;
  }

  /* ── Bottom illustration strip ── */
  .jvi-illus-strip {
    height: 90px;
    background: linear-gradient(180deg, #e8f5e2 0%, #c8e6c0 100%);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 16px;
  }
  .jvi-illus-people {
    font-size: 52px;
    line-height: 1;
    margin-bottom: -4px;
    letter-spacing: -4px;
  }
  .jvi-grass {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 22px;
    background: #4caf50;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  }
/*activities end*/
.cf7sr-g-recaptcha{ border: 1px solid #c9c9c9; border-radius: 5px; -weblit-border-radius: 5px; height: 77px; overflow: hidden; padding: 0; position: relative; width: 186px; }