/* ===== Custom Scrollbar (All Browsers) ===== */
/* Firefox */
* { scrollbar-width: thin; scrollbar-color: #c72c1f #252525;}
/* Chrome, Safari, Edge */
*::-webkit-scrollbar { width: 10px; height: 10px;} *::-webkit-scrollbar-track { background: #c72c1f;} *::-webkit-scrollbar-thumb { background: #c72c1f;border-radius: 10px;}
*::-webkit-scrollbar-thumb:hover {  background: #fff;} .cs-nws-grid .post-content h3.entry-title {display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis; max-height: 62px;  min-height: 62px;} .cs-nws-grid .post-content .entry-meta  span.posted-author{display:none;} .donate-box .elementor-icon-box-wrapper{height:100%;} .right-edge-image { margin-right: calc(50% - 50vw);} .left-edge-image img, .right-edge-image img{width: 100%;} .left-edge-image div, .right-edge-image div{  height: 100%;} .left-edge-image {   margin-left: calc(50% - 50vw);} .post-graphic-slider .elementor-image-box-img img{width: 100%;  max-height: 570px;  object-fit: cover;} .post-graphic-slider{box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.09); padding:50px; background:#fff;} .post-graphic-slider .owl-dots{right: -14px; position: relative; top: -40px;} .blog div#primary { width: 100% !important; max-width: 100% !important;min-width: 100% !important;} .blog #main article.post img {width: 100%; min-height: 300px; object-fit: cover; max-height: 300px;} .blog #main {display:grid;grid-template-columns: repeat(3,1fr);gap: 30px;} .blog .post-content-wrap {padding: 0px 20px !important;} .blog h3.entry-title { font-size: 20px;} .blog span.posted-author{display:none;} .blog .entry-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 4;overflow:hidden;text-overflow: ellipsis;} header.entry-header { padding-bottom: 10px !important; margin-bottom: 10px !important;} .blog h3.entry-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;text-overflow: ellipsis;} .blog h2.cs-post-title {display: none;} .blog #main .navigation.pagination{  grid-column: 1 / -1;   justify-self: center;} .logo-watermark:after {    content: '';    background-image: url('/wp-content/uploads/2026/03/logo-watermark-1.png'); display: inline-block; background-size: 100%;   position: absolute; top: 0; right: -50px;  z-index: 1;  width: 300px;  height: 300px;  background-position-y: -50px;  background-repeat: no-repeat;  opacity: 0.2;} .blog  h1.cs-post-title {    display: none !important;} .single-post .entry-categories {  display: none;} .single-post .entry-content{margin-bottom:0px !important} .cs-team-box .elementor-team-image  img { width: 100%; max-height: 315px !important;min-height:315px; object-fit: cover;object-position: top center !important;} .cs-donor-type-tab > .e-n-tabs-heading:first-child {  display: flex;gap: 50px;}
/* radio circle */
.cs-donor-type-tab .e-n-tabs-heading:first-of-type button.e-n-tab-title::before{content:""; width:16px;height:16px;border-radius:50%; border:2px solid #C72C1F;display:inline-block; transition:all .3s ease;}
/* active tab radio */
.cs-donor-type-tab .e-n-tabs-heading:first-of-type button.e-n-tab-title[aria-selected="true"]::before{ background:#C72C1F;box-shadow: inset 0 0 0 3px #fff; } .cs-national-inner-tabs .e-n-tabs-heading {   display: grid;   grid-template-columns: repeat(2,1fr);	gap:10px;} .cs-national-inner-tabs .e-n-tabs-heading button::before{display:none !important;} .quantity-wrapper input#quantity { margin-bottom: 0px;}
.quantity-outer {   gap: 20px;} .quantity-wrapper {  gap: 10px;} .price-outer p {  display: flex;gap: 10px;width:100%;align-items:start;} .cs-category-tab .e-n-tabs-heading button::before {display:none !important;} .cs-national-inner-tabs button:hover  span{  color: #fff !important;} .cs-sticky-position { max-height: fit-content; min-height:550px;} .cs-donate-btn span.wpcf7-spinner {  display: none;} .cs-donate-btn input {   padding: 12px 20px !important;} .cs-list-icon-size ul li span svg {font-size: 8px !important;} .price-outer input { margin-bottom: 0px !important;} .price-outer p span { font-size: 28px !important; font-weight: 600 !important;color: #000;} .host-email-list span{word-break:break-all;}
#downloadpptBtn{cursor:pointer;}

/* where to donate page cards css */
.cs-donate-cards .elementor-featured-box-wrapper:hover { background: #d11f10 !important;} .cs-donate-cards .elementor-featured-box-wrapper {  min-height: 170px;  max-height: 170px;}
/* __________________*******___________________ */

.donation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;} .donation-form-grid .full-width{grid-column:1 / -1;} .donation-form-grid input, .donation-form-grid select{width:100%;padding:10px;} .donation-form-grid label{display:block;font-weight:600;margin-bottom:0px;font-size:14px;}

/* __________________________CSS 17 March 2026 ______________________________________*/
.cs-partners-logo .swiper .swiper-pagination {   bottom: -2em !important;} .single-post h2.cs-post-title{font-family: "Be Vietnam", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight: 600;} .single-post .navigation + #comments{display:none;} .default-footer-links a:hover{color:#c72c1f !important;} .wpcf7-response-output {text-align: center !important; position: static !important;font-size: 1em !important;} .rotary-members-section .cs-team-box .elementor-team-image::before { display: none !important;} .rotary-members-section .cs-team-box .elementor-team-image img{transition:0.5s transform ease;} .rotary-members-section .cs-team-box:hover .elementor-team-image img { transform: scale(1.05);transition:0.5s transform ease;} .cs-list-position ul li { align-items: start !important;}

/* __________________________CSS 23 March 2026 ______________________________________*/
.cf7-row {display: flex;gap: 20px; } .cf7-col { width: 50%;} .cf7-col input,.cf7-col select,.cf7-col textarea {width: 100%;} .cs-host-drive-form .wpcf7 form  .wpcf7-date {margin: 0px !important;} .cs-host-drive-form  p.note br{display:none !important;} .cs-national-inner-tabs button {margin: 0px !important;}

/* __________________________CSS 27 March 2026 ______________________________________*/
.cs-host-drive-form form br{display:none !important;} .cs-host-drive-form form input{margin-bottom:0px !important;}
.cs-contact-list ul li .elementor-icon-list-text {display: flex; gap: 5px;}

/*____________________________________________ mobile css max-width 767px ___________________________________*/
@media (max-width:767px){
	#nav-popup-8a8c4b4 .elementor-nav-menu--popup .menu-item .sub-menu li a {
    color: #fff !important;
}
.elementor-nav-menu--popup ul#menu-dropdow-1-8a8c4b4 li{margin-bottom:0px !important;padding-bottom:0px !important;}
.elementor-nav-menu--popup ul#menu-dropdow-1-8a8c4b4 li a { color: #C72C1F !important;}
.price-outer p span{font-size:18px !important;}
.post-graphic-slider .elementor-image-box-img img{min-height:155px;max-height:155px;} .post-graphic-slider{padding:10px !important;}.post-graphic-slider .elementor-widget-container{margin:0px !important;} .cs-memebers-tabs .e-n-tabs-heading {display: flex; flex-direction: row !important; gap: 10px !important; padding-bottom: 30px; flex-wrap: nowrap;} .cs-memebers-tabs .e-n-tabs-heading button { margin: 0px !important; font-size: 12px;} .cs-memebers-tabs .e-n-tabs-heading button span { font-size: 10px;line-height: 1.5; font-weight: 500;} .cs-category-tab > .e-n-tabs > .e-n-tabs-heading { display: flex; flex-wrap: nowrap;} .cs-category-tab > .e-n-tabs > .e-n-tabs-heading > button, .cs-donor-type-tab > .e-n-tabs > .e-n-tabs-heading > button {margin:0px !important;} .cs-donor-type-tab > .e-n-tabs > .e-n-tabs-heading { display: flex; gap: 30px; flex-wrap: nowrap;} .cs-sticky-position { min-height: 100% !important;} .blog #main {grid-template-columns: repeat(1,1fr);gap: 20px;}
}

/* ____________________________media css for menu ________________________________ */
@media (max-width: 991px){
.opal-header-absolute .site-header{background:#fff !important;} 
.cs-main-menu ul#menu-main-menu a.elementor-item { color: #66717A ;} .cs-main-menu ul#menu-main-menu a.elementor-item.elementor-item-active{color:#C72C1F;}
.cs-main-menu ul#menu-main-menu .sub-arrow {color: #C72C1F !important;}
}

/*_______________________ tablet css for max-width 1024px _______________________________*/
@media (max-width:1024px){.host-drive-cards h4 {min-height: 10px;} .host-drive-cards .cs-h{  min-height: 10px;}}

@media (min-width:768px) and (max-width:1024px){
.blog #main {grid-template-columns: repeat(2,1fr);gap: 30px;}
}
/*___________________ sticky sidebar donation form  _____________________*/
@media (min-width:880px) and (max-width:1100px){
.page-id-8901  div#page, .page-id-8901 .opal-wrapper, .page-id-8901 .site-content-contain {overflow: visible !important;}  .cs-sticky-position { position: sticky !important; top: 10px !important;}
}
@media (max-width: 768px) { .cf7-row {flex-direction: column;  } .cf7-col { width: 100%; }}
@media (min-width:1300px){.cs-abt-box-height .elementor-featured-box-wrapper {  min-height: 260px;max-height:260px;}}
@media (min-width:1008px) and (max-width:1299px){.cs-abt-box-height .elementor-featured-box-wrapper { min-height: 300px;max-height:300px;}}
@media (min-width:1025px) and (max-width:1200px){.host-drive-cards .cs-h { min-height: 216px;}}
@media (min-width:920px) and (max-width:1008px){.cs-abt-box-height .elementor-featured-box-wrapper { min-height: 350px;max-height:350px;}}
@media (min-width:768px) and (max-width:920px){.cs-abt-box-height .elementor-featured-box-wrapper { min-height: 430px;max-height:430px;}}
@media (min-width:1200px) and (max-width:1325px){.ldrs-img-box  img {min-height: 500px;object-fit: cover;width: 100%;}}