/* ---------  Mayuresh Custom Scrollbar ---------  */
/* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #F5F5F5;
   /*border-radius: 10px;*/
}

/* width */
::-webkit-scrollbar {
   width: 10px;
   background-color: #F5F5F5;
}

/* Handle */
::-webkit-scrollbar-thumb {
   background: #322c62;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
   background: #e11e24;
}

/* ---------  Mayuresh Custom Scrollbar End ---------  */
.pt0 {
   padding-top: 0 !important;
}

.pt1 {
   padding-top: 1rem !important;
}

.pt2 {
   padding-top: 2rem !important;
}

.pt3 {
   padding-top: 3rem !important;
}

.pt4 {
   padding-top: 4rem !important;
}

.pt5 {
   padding-top: 5rem !important;
}

.pb0 {
   padding-bottom: 0 !important;
}

.pb1 {
   padding-bottom: 1rem !important;
}

.pb2 {
   padding-bottom: 2rem !important;
}

.pb3 {
   padding-bottom: 3rem !important;
}

.pb4 {
   padding-bottom: 4rem !important;
}

.pb5 {
   padding-bottom: 5rem !important;
}

.mb0 {
   margin-bottom: 0rem !important;
}

.mb1 {
   margin-bottom: 1rem !important;
}

.mb2 {
   margin-bottom: 2rem !important;
}

.mb3 {
   margin-bottom: 3rem !important;
}

.mb4 {
   margin-bottom: 4rem !important;
}

.mb5 {
   margin-bottom: 5rem !important;
}

.mt0 {
   margin-top: 0rem !important;
}

.mt1 {
   margin-top: 1rem !important;
}

.mt2 {
   margin-top: 2rem !important;
}

.mt3 {
   margin-top: 3rem !important;
}

.mt4 {
   margin-top: 4rem !important;
}

.mt5 {
   margin-top: 5rem !important;
}
/*------------------------------------not responsive start---------------------*/

body{
   scroll-behavior: smooth;
}
:target {
   scroll-margin-top: 10rem;
}

.scrollTop_madX {
   position: fixed;
   right: 2%;
   transform: rotate(-90deg);
   bottom: 10px;
   background-color: #322c62;
   padding: 13px;
   opacity: 0;
   box-shadow: 0 3px 6px rgb(111 100 200), 0 3px 6px rgb(96 77 247);
   transition: all 0.4s ease-in-out 0s;
}

body {
   color: rgba(var(--color-default-rgb), 1);
}

.scrollTop_madX a {
   font-size: 1.5rem;
   color: #fff;
}

.pagination li.active a {
   background: var(--color-black);
   color: var(--color-white);
}

.pagination li a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 50%;
   font-family: var(--font-secondary);
   margin: 5px;
   transition: 0.3s all ease;
}

.pagination li.prev a,
.pagination li.next a {
   width: auto !important;
   border-radius: 4px;
   padding-left: 10px;
   padding-right: 10px;
}

.post-content figure {
   position: relative;
   left: unset;
   min-width: unset;
   transform: unset;
}

.post-content figure img {
   width: 100%;
}

figcaption.credits_tag {
   background: antiquewhite;
   padding: 5px 10px !important;
}

.descriptionDiv {
/*   font-size: 1.3rem;*/
}

.school_box .card-img-top {
   height: 260px;
   width: 100%;
}

.school_box .card-img-top img.img-fluid.bgDivBox {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.bg-cover {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}

.light-overlay,
.dark-overlay,
.gradient-overlay {
   position: relative;
   overflow: hidden;
}

.light-overlay::after,
.dark-overlay::after,
.gradient-overlay::after {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: ' ';
   opacity: .6;
   background: #000;
}

.light-overlay .overlay-content,
.dark-overlay .overlay-content,
.gradient-overlay .overlay-content {
   position: relative;
   z-index: 20;
}

.badge-transparent {
   color: #212529;
   background: rgba(248, 249, 250, 0.9);
}

.contact .php-email-form input,
.contact .php-email-form textarea {
   /*font-size: 17px;*/
}

.chosen-container-single .chosen-single span,
.chosen-container-single .chosen-search,
.chosen-container .chosen-results,
.chosen-container-multi .chosen-choices li.search-choice span {
   font-size: 15px;
   text-align: left;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
   padding: 4px 5px 5px 8px;
   height: 36px;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   background: #fff;
   box-shadow: none;
}

.chosen-container .chosen-results {
   max-height: 211px;
}

.imgDivCmnFrom {
   width: 120px;
   height: 120px;
   object-fit: contain;
}
.card-img-top.listingImgBox {
   height: 180px;
   width: 100%;
}
.card-img-top.listingImgBox img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.listing_page .entry {
   padding: 30px;
   margin-bottom: 60px;
   box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
}
.entry-img.listingDivImgD img {
   width: 100%;
   height: 350px;
}
.listing_detailsDiv {
   min-height: 325px;
}
.school_detailDiv .item-img picture img {
   width: 100%;
   height: 150px;
   object-fit: contain;
}
.galleryImgDiv {
   width: 100%;
   height: 175px;
}
.galleryImgDiv img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   box-shadow: 2px 3px 16px rgb(0 0 0 / 11%);
   padding: 10px;
   border-radius: 0.75rem!important;
}
.review_date.float-right {
   padding: 2px 5px 0px 2px;
}

.box_info {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 12px 14px 10px;
   background-color: #eef3f7;
   margin-bottom: 15px;
   position: relative;
}

.rating {
   display: inline-block;
   position: relative;
   height: 41px;
   line-height: 50px;
   font-size: 12px;
}

.edit_review {
   float: right;
   position: absolute;
   top: 8px;
   right: 0.5rem;
   cursor: pointer;
   font-size: 1.5rem;
   color: red;
}

.delete_review {
   float: right;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
   font-size: 1.25rem;
   color: red;
}

.score_in {
   right: 2rem;
}

.rating .stars .star {
   float: left;
   padding: 5px 2px;
   cursor: pointer;
}

.rating .stars .star:before {
   color: #d0e8f0;
   font-size: 1.7em;
}

.rating .stars .star:hover:before,
.rating .stars .star.to_rate:before,
.rating .stars .star.rated:before {
   color: #ffa500;
}

.rating .stars .star.no_to_rate:before {
   color: #d0e8f0;
}

button.rating_sub.edit_css {
   padding: 4px 10px;
   color: white;
   background: #bdbcbc;
   border: none;
   border-radius: 3px;
}

a.star.nn:hover {
   color: #f0d0d0 !important;
}

a.morelink {
   color: #c33d3d !important;
}

.all_review_comments {
   height: 400px;
   overflow: hidden;
   overflow-y: auto;
}

.col-md-12.all_review_comments {
   padding: 0px 26px;
}

.all_review_comments_users {
   border: 1px solid #d0e8f0;
   background: none;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.onestar {
   display: inline-block;
   width: 30px;
   height: 30px;
   background: gray;
   border-radius: 3px;
   line-height: 30px;
   text-align: center;
   font-size: 12px;
   color: white;
}

button.rating_sub.add_css {
   text-align: center;
   padding: 4px 10px;
   color: #000;
   background: #bdbcbc;
   border: none;
   border-radius: 3px;
}

.review_add_css {
   margin-bottom: 1rem;
}

i.star.onestar_css:before {
   color: rgb(205, 28, 38) !important;
}

i.star.twostar_css:before {
   color: rgb(255, 120, 0) !important;
}

i.star.threestar_css:before {
   color: rgb(205, 214, 20) !important;
}

i.star.fourstar_css:before {
   color: rgb(91, 168, 41) !important;
}

i.star.fivestar_css:before {
   color: rgb(48, 93, 2) !important;
}
.accordion-link {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: bold;
}
span.showResult {
   font-size: 12px;
   line-height: 1;
} 
.take_pledge {
   display: block;
   padding: .8rem 1rem;
   font-weight: 600;
   text-align: center; 
}
.pl-white {
   display: none;
}
.take_pledge:hover {
   background: linear-gradient(90.17deg, #322c62 -0.1%, #635f84 54.89%, #df1e24 98.25%), #1D3A7C;
   color: #fff; 
} 
.take_pledge:hover .pledgeIcon, .take_pledge .pledgeIcon-hover {
    display: none;
}
.take_pledge:hover .pledgeIcon-hover {
    display: inline-block;
}
.card-footer:hover + .pl-white {
   display: block;
}
.pledge_page .entry {
   padding: 30px;
   margin-bottom: 60px;
   box-shadow: 0 4px 16px rgb(0 0 0 / 10%);
}
.pledgeImgDiv {
   width: 100%;
   height: 180px;
   margin-bottom: 5px;
}
.pledgeImgDiv img {
   width: 100%;
   height: 100%; 
   object-fit: contain;
}
.epaperImgDiv {
   width: 100%;
   height: 250px;
   margin-bottom: 5px;
}
.epaperImgDiv img {
   width: 100%;
   height: 100%; 
   object-fit: contain;
}
.var-highlight {
   /*color: #c0ad60;*/
}

.string-highlight {
/*   color: #322c62;*/
   color: #fff;
   margin-bottom: 1rem;
   font-size: 1.2rem;
}
ul#typewriter li {
/*   color: #322c62;*/
   color: #fff;
   text-align: left;
}
#typewriter {
   font-size: 1em; 
}
/*#typewriter:after {
   content: "|";
   -webkit-animation: blink 500ms linear infinite alternate;
   animation: blink 500ms linear infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}*/
.pledge_read_div {
    max-width: 630px;
    margin: 0 auto;
}
ul#typewriter li {
    margin-bottom: 2rem;
}
.text_short_show {
   display: block;
   display: -webkit-box;
   max-width: 100%;
   margin: 0 auto;
   font-size: 15px;
   line-height: 1.3;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.ePaperLink {
   color: #cd2022;
}
.ePaperLink:hover {
   color: blue;
}
a.linkS {
   color: #322c62; 
}
a.linkShow {
   color: #322c62;
   text-decoration: underline;
}
ul.noDisc li {
   list-style: none;
}
.page-title.pageO {
   font-size: 40px;
}
.btn.btn-primary {
   background-color: #322c62;
   color: var(--color-white);
   border-color: #2f2960;
}
.scrollbarKnowledge  {
   height: 335px;
   overflow: hidden;
   overflow-y: auto;
}
.scrollbarKnowledge::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #F5F5F5;
   border-radius: 15px;
} 
.scrollbarKnowledge::-webkit-scrollbar {
   width: 5px;
   background-color: #F5F5F5;
} 
.scrollbarKnowledge::-webkit-scrollbar-thumb {
   background: #322c62;
   border-radius: 15px;
} 
.scrollbarKnowledge::-webkit-scrollbar-thumb:hover {
   background: #e11e24;
} 
.entry.actionDiv {
   background-color: #322c62;
   color: #fff;
}
.border-left {
   border-left: 1px solid #fff;
}
.btn-webisteS, .btn-webisteS:hover {
   color: #fff;
   background-color: #c82022;
   border-color: #df1e24; 
} 
.fixedOnBottom {
   padding: 20px;
   background: #f9f9f9;
   position: fixed;
   bottom: 0;
   z-index: 9999;
   width: 100%;
}
.imgCat { 
   width: 100px;
   height: 100px;
}
.imgCat img { 
   width: 100%;
   height: 100%;
}
.textCat {
   color: #322c62;
   font-size: 1.1rem;
   font-weight: 500;
   cursor: pointer;
}
.homeCardArticle {
   margin-bottom: 0;
}
.homeCardArticle .thumbnail {
   flex: 0 0 20%!important
}
.homeCardArticle .post-meta {
   font-size: 10px;
   letter-spacing: 0.05rem; 
   margin-bottom: 3px;
}
.homeCardArticle .author_name {
   font-size: 12px!important;
}
.homeCardArticle .mainText {
   display: -webkit-box;
   max-width: 100%;
   height: 38px;
   margin: 0 auto;
   font-size: 18px;
   line-height: 1;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 4px;   
}
.homeCardArticle .subText {
   display: -webkit-box;
   max-width: 100%;
   height: 52px;
   margin: 0 auto;
   font-size: 14px;
   line-height: 1.2;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 2px;   
} 
.testimonial-quote {
   margin-bottom: 10px;
   color: #4E66F8;
   font-size: 1.5rem
}

.testimonial {
   position: relative;
   margin-left: 3rem;
   padding: 4rem;
   padding-left: 70px
}

.testimonial-text {
   color: #656565;
   font-size: 0.9rem;
   line-height: 1.8rem;
   line-height: 1.7rem
}

.testimonial-avatar {
   transform: translate(-50%, -50%);
   position: absolute;
   top: 50%;
   left: 0
}

@media (max-width: 1199.98px) {
   .testimonial {
      margin-top: 2rem;
      margin-left: 0;
      padding: 60px 40px 40px
   }

   .testimonial .testimonial-avatar {
      position: absolute;
      top: 0;
      left: 50%
   }
}
.avatar {
   display: inline-block;
   position: relative;
   width: 3rem;
   height: 3rem;
   text-align: center;
   border: #dee2e6;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
   line-height: 3rem
}

.avatar.avatar-sm {
   width: 2.5rem;
   height: 2.5rem;
   line-height: 2.5rem
}

.avatar.avatar-lg {
   width: 5rem;
   height: 5rem;
   line-height: 5rem
} 
.avatar.avatar-xl {
   width: 7rem;
   height: 7rem;
   line-height: 7rem
} 
.avatar.avatar-xxl {
   width: 10rem;
   min-width: 10rem;
   height: 10rem;
   line-height: 10rem
} 
.avatar.avatar-border-white {
   border: solid 2px #fff
}
.section-header.hHead {
   border-bottom: unset;
}
.section-header.hHead h2 {
   font-size: 1.5rem;
   color: var(--color-black);
}
.header {
   height: unset; 
   background: #ffffff;
}
.header.sticked {
   height: unset; 
}
.newHeaderWeb {
    padding: 0.8rem 0.2rem;
}
.navbar.webNavBar a, .navbar.webNavBar a:focus {
   padding: 5px 12px;
   font-size: 15px;
   font-weight: 500;
   color: #431042;
}
.navbar.webNavBar .dropdown-ul a, .navbar.webNavBar .dropdown-ul a:focus { 
   color: #322c62;
}
.btn-website2 { 
   background: #ca2022;
   border-color: #ca2022;
   color: #fff; 
} 
.btn-listingHead {
   background-color: #ffffff;
   color: #000000;
   border-color: #ffffff;
   background: #fcec52;
   border: 1px solid #e1b80f;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 15px;
} 
.b-0 {
   border-radius: 0!important;
}
.navbar.webNavBar a:hover, .navbar.webNavBar .active, .navbar.webNavBar .active:focus, .navbar.webNavBar li:hover > a {
   color: #ca2022;
}
.navbar.webNavBar .dropdown-ul a:hover, .navbar.webNavBar .dropdown-ul .active, .navbar.webNavBar .dropdown-ul .active:focus, .navbar.webNavBar .dropdown-ul li:hover > a {
   color: #ca2022;
}
li.nav-item.dropdown.webNavBar ul.dropdown-menu.shadow a.dropdown-item {
   color: #322c62;
}
section#posts {
    background: #f7f8f9;
}
.bg-dark-newsletters {
   background-image: linear-gradient(135deg, #477ed0 0%, rgb(225 0 0 / 80%) 100%) !important;
}
.bg-dark-newsletters .logo img {
   max-height: 50px; 
}
.footer { 
   background: #2A2A2A; 
}
.mobile-nav-active-web .navbar > ul { 
   background: #322c62;
}
.mobile-nav-toggle-web {
   display: none;
}
section#aBanner img {
   width: 100%;
}
.navbar ul.dropdown-ul a {
   padding: 6px 20px; 
}
.text_short_pledge {
   display: block;
   display: -webkit-box;
   max-width: 100%;
   margin: 0 auto;
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.faqsPage .accordion-button:not(.collapsed) {
   color: #ffffff;
   background-color: #322c62;
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
/* === HEADING STYLE #2 === */
.two .subTitle {
  position: relative;
}
.two .subTitle {
  text-transform: capitalize;
}
.two .subTitle:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 2px;
  content: "";
  background-color: #c62022;
}

.two .subTitle span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 3em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
}
.alt-two .subTitle {
  text-align:center;
}
.alt-two .subTitle:before {
  left:50%; margin-left:-30px;
} 
.knowledgeBox p.ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-info-kc i {
   min-width: 20px;
}
.card-img-top {
   position: relative;
}
.logoDiv {
   position: absolute;
   bottom: 0;
   left: 5%;
   width: 90px;
   height: 90px;
   background: #fff;
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
   border-radius: 10px;
   display: none;
}
img.img-fluid.logoImgSBox {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 10px;
}
/*------------------------------------ eOf not responsive---------------------*/

/*------------------------------------responsive start-----------------------*/

@media (max-width: 1279px) {
   .mobile-nav-toggle-web {
      display: inline-block;
      color: var(--color-secondary);
      font-size: 28px;
      cursor: pointer;
      line-height: 0;
      transition: 0.5s;
   }
   .mobile-nav-toggle-web.bi-x {
      color: var(--color-black);
   } 
   .mobile-nav-active-web {
      overflow: hidden;
   }
   .mobile-nav-active-web .mobile-nav-toggle-web {
      position: fixed;
      top: 15px;
      right: 15px;
      z-index: 9999;
      color: var(--color-white);
   }
   .mobile-nav-active-web .navbar {
      position: fixed;
      overflow: hidden;
      inset: 0;
      background: rgba(var(--color-black-rgb), 0.6);
      transition: 0.3s;
   }
   .mobile-nav-active-web .navbar > ul {
      display: block;
   }
}
/* mayuresh media queries for all devices*/

/*mayuresh css responsive main for all pages */

/* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
   */

@media (min-width: 1281px) { 

   /*//CSS*/

} /*//eOF min-width: 1281px*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

   /*//CSS*/


} /*//eOF min-width: 1025px*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

   /*//CSS*/


} /*//eOF min-width: 768px*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

   /*//CSS*/
} /*//eOF min-width: 768px*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

   /*//CSS*/

} /*//eOF min-width: 481px*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

   /* //CSS*/

   .header {
      height: 90px; 
   }
   .header.sticked {
      height: 70px;
   }
   section#aBanner img {
      width: 100%;
   }
   .bg-dark-newsletters .logo img { 
      margin-top: 2rem;
   }
   .bg-dark-newsletters .w-75 {
      width: 100%!important;
   }
   .listingBoxDiv {
      padding: 0rem!important;
      border: unset!important;
      box-shadow: unset!important;
   }
   p.textListInfo {
      word-break: break-all;
   }
} /*//eOF min-width: 320px*/

/*------------------------------------ eOf responsive start-----------------------*/