/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2025 | 12:07:04 */
.main_outline_button {
	display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; 
  background-color: transparent; 
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem); /* 14px → 18px */
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem); /* vertical | horizontal */
  border-radius: clamp(1.25rem, 3vw, 2rem); /* pill shape */
  border: 1px solid #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.main_outline_button:hover {
	background-color: #00A8DD;
  	color: #fff; 
	border: none;
}

.main_primary_button, .find_church_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; 
  background-color: #00A8DD; 
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem); /* 14px → 18px */
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem); /* vertical | horizontal */
  border-radius: clamp(1.25rem, 3vw, 2rem); /* pill shape */
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.main_primary_button:hover {
  background-color: #ffffff;
  color: #00A8DD; 
	border: 1px solid #00A8DD;

}
.find_church_btn:hover {color: #ffffff;}
.find_church_btn .icon {
  width: clamp(1rem, 2vw, 1.25rem);   /* 16px → 20px */
  height: auto;
  display: block;
}


.card_btn_item{position:relative;background-color:#FFFFFF;border-radius:8px;transition:0.3s;}
.card_btn_item:nth-child(1), .card_btn_item:nth-child(2), .card_btn_item:nth-child(3), .card_btn_item:nth-child(4){margin-bottom:80px;}
.card_btn_item:hover{box-shadow:0px 32px 48px rgb(1 111 75 / 35%);}
.card_btn_item__shadow{position:absolute;top:0;height:100%;width:100%;left:0;overflow:hidden;border-radius:8px;box-shadow:0 10px 20px 0px rgb(3 99 37 / 25%);}
.card_btn_item__shadow:after{content:'';display:block;position:absolute;bottom:-20px;left:0;height:20px;transition:0.2s;width:100%;background:rgba(0, 0, 0, 0.0001);box-shadow:0px 0px 63px 40px #231c1c;}
.card_btn_item:hover .card_btn_item__shadow:after{box-shadow:0px 0px 48px 100px rgba(0,0,0, 0.8);}
.card_btn_item__ico{position:absolute;right:25px;bottom:25px;transition:0.3s;z-index:10;fill:#EBF0F9;}
.card_btn_item:hover .card_btn_item__ico{fill:#22305F;}
.card_btn_items__title h3{font-weight:normal;font-size:24px;line-height:30px;color:#ffffff;transition:0.3s;position:absolute;bottom:24px;left:24px;z-index:10;}
.card_btn_item:hover .card_btn_items__title{color:#FFFFFF;bottom:54px;}
.card_btn_item:hover .card_btn_items__title span{color:#e6e6e6;}
.card_btn_illustration{border-radius:10px;}
.card_btn_item:hover .card_btn_illustration{top:-24px;}
.card_btn_item__btn{background:linear-gradient(135deg, #4ECDC4 0%, #556270 74%);border-radius:4px;position:absolute;transition:0.3s;left:25px;font-weight:bold;font-size:16px;line-height:19px;text-align:center;color:#FFFFFF;width:250px;padding:20px 0px;cursor:pointer;bottom:-60px;visibility:hidden;opacity:0;}
.card_btn_item__btn:hover{text-decoration:none; color:#ffffff;}
.card_btn_item:hover .card_btn_item__btn{bottom:-30px;opacity:1;visibility:visible;}
 
.card_btn_item__btn2{background:linear-gradient(135deg, #4ECDC4 0%, #556270 74%);border-radius:4px;transition:0.3s;font-weight:normal;font-size:16px;line-height:19px;text-align:center;color:#FFFFFF;padding:5px 10px;cursor:pointer;}
.card_btn_item__btn2:hover{text-decoration:none; color:#ffffff;}

.vc-gallery{height: 230px;box-shadow:0 -5px 12px rgba(0,0,0,.25);overflow:hidden;position:relative;border-radius:10px}
.vc-gallery:before{content: '';background-color: rgba(0, 0, 0, 0.1);z-index: 0;}
.vc-gallery img{width:100%;height: 230px;position: relative;border-radius:10px;}
.vc-gallery .text-wrap{position: absolute;bottom:0;left:0;height:60px; width:100%;text-align:center;background: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 70%));padding: 5px 20px;color:#ffffff;display: flex;justify-content: center;align-items: center;}
.vc-gallery .text-wrap h4, .vc-gallery .text-wrap1 h4, .vc-gallery .text-wrap2 h4{text-transform: none !important;}
.vc-gallery .text-wrap1{display:none;position: absolute;bottom:0;left:0;height:60px; width:100%;text-align:center;background: linear-gradient(360deg,#b9d1e9 10%,#caf6d1 100%);padding: 5px 20px;color: #090189; }
.vc-gallery .text-wrap2{position: absolute;bottom:0;left:0;height:70px; width:100%;text-align:center;background: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 70%));padding: 5px 20px;color:#ffffff;}
.vc-gallery .overlay{background:rgba(0, 0, 0, 0.5);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;-moz-transition:opacity, 0.3s;-o-transition:opacity, 0.3s;-webkit-transition:opacity, 0.3s;transition:opacity, 0.3s;border-radius:10px;box-shadow: 0 10px 20px 0px rgb(3 99 37 / 25%);}

.vc-gallery .overlay-caption{position:absolute;text-align:center;top:50%;width:100%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.vc-gallery i{-moz-transition:all, 0.5s;-o-transition:all, 0.5s;-webkit-transition:all, 0.5s;transition:all, 0.5s;}
.vc-gallery i{color:#fff;margin:0;opacity:0;margin-bottom:5px;-moz-transform:translate3d(0, -200%, 0);-ms-transform:translate3d(0, -200%, 0);-webkit-transform:translate3d(0, -200%, 0);transform:translate3d(0, -200%, 0);}

.vc-gallery-box{box-shadow:0 5px 10px 0px rgb(3 10 99 / 25%);border-radius:10px;}
.vc-gallery-box p{margin-bottom:0px !important;}
.vc-gallery-box:hover .overlay{opacity:1;}
.vc-gallery-box:hover .overlay i{opacity: 1;-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}