html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote, 
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
body {
    line-height: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
nav ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}
del {
    text-decoration: line-through
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select {
    vertical-align: middle
}

.container{
  width: 1280px;
  margin: 0px auto;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/*  Common styles  */
h1{
  font-family: "Fraunces", serif;
  font-size: 86px;
  font-weight: 600;
  line-height: 90px;
  color: rgba(89, 87, 84, 1);
}
h2{
  color: rgba(0, 0, 0, 1);
  font-family: "Fraunces", sans-serif;
  font-weight: 600;
  font-size: 54px;
  line-height: 58px;
}
h3{
  font-family: Fraunces;
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
}
h4{
  font-family: Fraunces;
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
}
h5{
  font-family: Fraunces;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
}
h6{
  font-family: Fraunces;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
p{
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
ul,ol{
  list-style-type: none;
}
/* Header Section Style Starts Here */
.mobile-icon {
  display: none;
}
.navbar nav {
	margin: 0px auto;
	background-color: rgba(232, 218, 196, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 15px 6px 40px;
	border-radius: 82px;
	max-width: 1280px;
	margin-top: 36px;
  height: 96px;
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #f5ede0;
}
.logo {
  width: 80px;
  height: 80px;
}
.logo img{
  width: 100%;
  height: 100%;
}
.navbar ul {
  display: flex;
  align-items: center;
}
.navbar li {
  margin-left: 37px; 
  position: relative;
}
.navbar li:first-child{
  margin-left:0;
}
.navbar li:last-child{
  margin-left:28px;
  margin-right: 0;
}
.navbar a {
  text-decoration: none;
  color: rgba(65, 36, 22, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  transition: color 0.3s ease;
}
.navbar nav ul li a,
.nav-itms li a {
    position: relative;
    transition: color 0.3s ease;
}
.navbar nav ul li a::after {
    content: '';
    display: block;
    width: 0; 
    height: 2px;
    background-color: #005A55;
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: width 0.3s ease;
}
.navbar nav ul li a:hover,
.navbar nav ul li a.active-link,
.nav-itms li a:hover,
.nav-itms li a.active-link {
    color: #005A55; 
    font-weight: 600; 
}
.navbar nav ul li a:hover::after,
.navbar nav ul li a.active-link::after {
    width: 100%; 
}

.navbar {
  padding-bottom: 30px;
}
/* Blog Dropdown */
.blog-dropdown{
    position: relative;
}
.blog-link{
    display: flex;
    align-items: center;
    gap: 5px;
}
.blog-menu {
    position: absolute;
    top: 100%;
    left: -35px;
    min-width: 180px;
    background-color: rgba(232,218,196,1);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}
.blog-menu a{
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: rgba(65,36,22,1);
    border-bottom: 1px solid rgba(65,36,22,0.1);
}
.blog-menu a:last-child{
    border-bottom: none;
}
.blog-menu a:hover{
    background-color: rgb(197, 187, 170);
    border-radius: 8px;
}
.blog-dropdown:hover .blog-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.call_icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(28, 123, 65, 1);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.call_icon a img{
  width: 24px;
  height: 24px;
}
.bnr_head{
  background-color: rgba(245, 237, 224, 1);
  padding: 36px 0 0 ;
  border-radius: 0 0 40px 40px;
}
.bnr_cnt {
  display: flex;
  flex-wrap: wrap;
  gap: 58px;
  padding-top: 204px;
}
.bnr_text {
  flex: 0 0 46%;
  max-width: 46%;
}
.bnr_text h1 {
  margin-bottom: 32px;
}
.bnr_text h1 span{
  color: rgba(2, 162, 95, 1);
  position: relative;
  display: inline-block;
  z-index: 1;
}
.bnr_text h1 span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px;
    width: 270px;
    height: 34px;
    background-image: url(../images/h1-span-after-img.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
.bnr_text p{
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 30px;
}
.bnr_links{
  display: flex;
  align-items: center;
  gap: 35px;
}
.get_started{
  background-color: rgba(246, 155, 3, 1);
  padding: 10px 22px;
  border-radius: 12px;
}
.get_started a{
  color: rgba(255, 255, 255, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.play_video img{
  width: 47px;
  height: 47px;
}
.play_video{
  display: flex;
  align-items: center;
  gap: 10px;
}
.play_video a{
  color: rgba(246, 155, 3, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.bnr-img {
  display: flex;
  flex: 0 0 49%;
  max-width: 49%;
  gap: 32px;
}
.cow_two_imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  flex: 0 0 46.5%;
  max-width: 47.5%;
}
.cow_two_imgs_round{
  flex: 0 0 275px;
  max-width: 275px;
  max-height: 275px;
}
.cow_two_imgs_square {
  flex: 0 0 275px;
  max-width: 275px;
  max-height: 300px;
}
.bnr_cow_two_imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cow_two_imgs_round,.cow_two_imgs_round img{
  border-radius: 50%;
}
.cow_two_imgs_square img{
  border-radius: 42px;
}
.cow_two_imgs_square {
  border-radius: 42px;
}
.cow_one_img {
  flex: 0 0 48%;
  max-width: 48%;
  border-radius: 140px;
}
.cow_one_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 140px;
}
.abt-success {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 105px;
  background-color: rgba(255, 255, 255, 1);
  padding: 42px 101.5px 54px;
  border-radius: 42px;
  box-shadow: 0 2px 8px rgb(205 205 205);
  position: relative;
  top: 92px;
  left: 96px;
  max-width: 82.9%;
}
.abt-success h3{
  padding-bottom: 12px;
}
.abt-success span {
  color: rgba(246, 155, 3, 1);
}
.abt-success p {
  color: rgba(32, 173, 114, 1);
  font-family: "Fraunces", serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

/* Header Annimations */
.cow_two_imgs_round, 
.cow_two_imgs_square, 
.cow_one_img {
  position: relative;
  overflow: hidden; 
}
/* .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 123, 65, 0.85); 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: inherit; 
} */

.img-overlay {
    position: absolute;
    inset: 10px; 
    background-color: rgba(28, 123, 65, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: inherit;
}
.img-overlay h4 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
  transform: translateY(15px);
  transition: transform 0.4s ease-in-out;
}
.img-overlay p {
  color: rgba(246, 155, 3, 1);
  font-size: 16px;
  margin: 0;
  font-family: "Poppins", sans-serif;
  transform: translateY(15px);
  transition: transform 0.4s ease-in-out;
}
/* Trigger animation on hover */
.cow_two_imgs_round:hover .img-overlay,
.cow_two_imgs_square:hover .img-overlay,
.cow_one_img:hover .img-overlay {
  opacity: 1;
}

/* Optional: Slight slide-up effect for text when overlay appears */
.cow_two_imgs_round:hover .img-overlay h4,
.cow_two_imgs_square:hover .img-overlay h4,
.cow_one_img:hover .img-overlay h4,
.cow_two_imgs_round:hover .img-overlay p,
.cow_two_imgs_square:hover .img-overlay p,
.cow_one_img:hover .img-overlay p {
  transform: translateY(0);
}

.bnr_text h1 span::after {
    clip-path: inset(0 100% 0 0);
    animation: drawUnderline 2s cubic-bezier(0.25, 1, 0.5, 1) infinite; 
}
@keyframes drawUnderline {
    0% {
        clip-path: inset(0 100% 0 0); 
    }
    50% {
        clip-path: inset(0 0 0 0); 
    }
    99.9% {
        clip-path: inset(0 0 0 0);
    }
    100% {
        clip-path: inset(0 100% 0 0); 
    }
}





/* Popup */
.video-modal{
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.75);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 99999;
}

.video-modal.active{
    opacity: 1;
    visibility: visible;
}

.video-overlay{
    position:absolute;
    inset:0;
}

/* Portrait video */
.video-wrapper{
    position:relative;
    z-index:2;
    width:360px;          /* Mobile style */
    max-width:90vw;
}

.video-wrapper video{
    width:100%;
    aspect-ratio:9/16;
    object-fit:cover;
    display:block;
    border-radius:14px;
    background:#000;
}

.video-close{
    position:absolute;
    top:-45px;
    right:0;
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:3;
}

.video-modal{
    visibility:hidden;
    opacity:0;
}




/* Header Section Style Ends Here */
/* About Section Style Starts Here */
.about {
  padding: 168px 0 38px 0;
}
.abt-cnt{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
}
.abt-txt {
  flex: 0 0 63%;
  max-width: 63%;
}
.abt-txt h4{
  color: rgba(0, 0, 0, 1);
  font-weight: 600;;
  margin-bottom: 20px;
}
.abt-txt p{
  color: rgba(0, 0, 0, 1);
  line-height: 150%;
}
.abt-txt p{
  padding-bottom: 30px;
}
.abt-txt h5{
  font-family: "Poppins", serif;
  font-weight: 600;
  padding-bottom: 26px;
}
.abt-txt ul {
  padding-left: 22px;
}
.abt-txt ul li{
  list-style-type: disc;
  line-height: 20px;
  font-family: "Poppins", serif;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 25px;
}
.abt-video {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative;
}
.abt-video .play_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
  animation: waveVibration 2s infinite; 
  border-radius: 50%;
  display: none;
}
.abt-video img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* About Section Style Ends Here */

/* Success Stories Style Starts Here */
.s_stories {
  background-image: url('../images/ss_img.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 112px 0 70px;
}
.ss_cnt{
  position: relative;
}
.ss_cnt h2 {
  text-align: center;
  width: 60%;
  margin: 0px auto;
  padding-bottom: 28px;
}
.ss_cnt::before {
  content: "";
  position: absolute;
  top: -28px;
  left: 226px;
  right: 0;
  bottom: 0;
  width: 59px;
  height: 54px;
  background-image: url('../images/Heart__Love.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.ss_cnt::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 7px;
  background-image: url('../images/Vector.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.ss_imgs{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 -41.5px;
}
.ss_imgs .ss_img{
  flex: 0 0 calc(100%/ 3 - 83px);
  margin: 24px 41.5px 0;
}
.ss_img img{
  width:100%;
  height: 100%;
  object-fit: cover;
  padding-bottom: 13px;
}
.ss_img h4{
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  padding-bottom: 14px;
}
.ss_img p {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

/* Success Stories Annimations */

.ss_img {
  cursor: pointer;
}
.ss_img .cow-img {
  height: 446px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  line-height: 0;
  isolation: isolate;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);

   transform: translateZ(0); 
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.cow-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.ss-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(28, 123, 65, 0.80); 
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 25px;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(110%);
  transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out;
  z-index: 2;
}
.ss-overlay p {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.ss_img:hover .cow-img {
  transform: rotate(-2.5deg) scale(1.02);
}
.ss_img:hover .cow-img img {
  transform: scale(1.1);
}
.ss_img:hover .ss-overlay {
  opacity: 1;
  transform: translateY(0);
}

/* Success Stories Style Ends Here */

/* Community Style Starts Here */
.top-row {
  display: flex;
  gap: 62px;
  margin-bottom: 22px;
}
.header-content {
  flex: 1.4;
}
.header-content h2 {
  margin-bottom: 12px;
}
.top-cards {
  flex: 1.5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.card {
  background-color: #005952;
  color: #fff;
  padding: 20px 22px 61px;
  border-radius: 18px;
}
.icon {
  background: #F29F05;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.card h4 {
  font-weight: 600;
  padding-bottom: 10px;
}
.card p {
  font-size: 20px;
  opacity: 0.8;
  line-height: 30px;
}
.bottom-row .card:last-child {
  background-color: transparent;
  border: 1px solid rgba(0, 90, 85, 1);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25),   /* Drop Shadow */
    inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); /* Inner Shadow */
}
.bottom-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.card-img {
  width: 166px;
  margin: 75px auto 0;
}
.card-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card a {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 42px;
  padding: 10.5px 65px;
  background-color: rgba(246, 155, 3, 1);
  color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  font-weight: 600;
  line-height: 20px; 
  font-family: "Inter", sans-serif;
}
.communites {
  padding: 144px 0 198px;
}
.header-content{
  position: relative;
}
.header-content::before {
  content: "";
  position: absolute;
  top: -116px;
  left: 17px;
  right: 0;
  bottom: 0;
  width: 118px;
  height: 107px;
  background-image: url('../images/cmmt_Vector_Big.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.header-content::after {
  content: "";
  position: absolute;
  top: -56px;
  left: 34px;
  right: 0;
  bottom: 0;
  width: 66px;
  height: 51px;
  background-image: url('../images/cmmt_Vector_small.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Community Style Ends Here */

/* Mini_Cow Style Starts Here */
.mini_cow {
  padding: 30px 0 116px;
}
.mini_cow_all_cnt,.mini_cow_imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 29px;
}
.mini_cow_imgs {
  gap: 32px;
  flex: 0 0 43%;
  max-width: 43%;
}
.mini_cow_img {
  position: relative;
  max-width: 246px;
  flex: 0 0 246px;
}
.mini_cow_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 140px;
}
.mini_cow_first_img {
  content: "";
  top: -70px;
}
.mini_cow_first_img::before {
  content: "";
  position: absolute;
  left: 185px;
  right: 0;
  bottom: -73px;
  width: 90px;
  height: 77px;
  background-image: url('../images/mini_cow_vector_big_star.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.mini_cow_first_img::after {
  content: "";
  position: absolute;
  left: 138px;
  right: 0;
  bottom: -85px;
  width: 56px;
  height: 34px;
  background-image: url('../images/mini_cow_vector_small_star.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.mini_cow_second_img::before {
  content: "";
  position: absolute;
  top: -78px;
  left: -48px;
  right: 0;
  bottom: -13px;
  background-image: url('../images/mini_cow_arrow_vector.png');
  background-size: 200px;
  background-position: top;
  background-repeat: no-repeat;
  z-index: 1;
}
.mini_cow_second_img {
  content: "";
  top: 0px;
}
.mini_cow_cnt {
  flex: 0 0 54.4%;
  max-width: 54.4%;
}
.mini_cow_details{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
	margin: 0px -9px;
}
.shltr {
	flex: 0 0 calc(100%/ 2 - 18px);
	margin: 42px 9px 0;
	display: flex;
	gap: 6px;
	align-items: self-start;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
              transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.mini_cow_head h2{
  padding-bottom: 24px;
}
.mini_cow_head p{
  color: rgba(36, 36, 36, 1);
  line-height: 30px;
}
.mini_cow_txt i {
  display: inline;
  background-color: rgba(246, 155, 3, 1);
  color: rgb(255, 255, 255);
  padding: 6px;
  border-radius: 50%;
  font-size: 11px;
}
.mini_cow_txt h5{
  color: rgba(18, 18, 18, 1);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;  
	padding-bottom: 12px;
}
.mini_cow_txt p{
  color: rgba(0, 0, 0, 1);
  line-height: 30px;
}

/* Mini_Cow Annimations */
.mini_cow.active .shltr {
  opacity: 1;
  transform: translateY(0);
}
.mini_cow.active .shltr:nth-child(1) { transition-delay: 0.2s; }
.mini_cow.active .shltr:nth-child(2) { transition-delay: 0.3s; }
.mini_cow.active .shltr:nth-child(3) { transition-delay: 0.4s; }
.mini_cow.active .shltr:nth-child(4) { transition-delay: 0.5s; }
/* Mini_Cow Style Endss Here */

/* Mini_Cow Homes Style Starts Here */
.f_homes {
  padding: 47px 0;
}
.f_homes_cnt{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.f_homes_head {
	flex: 0 0 51.4%;
	max-width: 51.4%;
}
.f_homes_head h2 {
  padding-bottom: 24px;
}
.f_homes_head p{
  color: rgba(105, 91, 91, 1);
  font-size: 18px;
  line-height: 30px;
  padding: 0 0px 24px 0;
  max-width: 84%;;
}
.f_home_all_points{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 42px;
  margin: 0px -12px;
}
.f_home_imgs .f_home_img{
  flex: 0 0 calc(100%/ 2 - 24px);
  margin: 12px 12px 24px;

  display: flex;
  flex-direction: column;
}
.f_home_points i {
  color: rgb(255, 255, 255);
  background-color: rgba(246, 155, 3, 1);
  border-radius: 50%;
  font-size: 13px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f_home_points p{
  color: rgba(18, 18, 18, 1);
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.f_homes_head a{
  color: rgba(255, 251, 251, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  background-color: rgba(246, 156, 4, 1);
  padding: 12px 13px;
  border-radius: 12px;
  display: inline-block;
}
.f_homes_head::after {
  content: "";
  position: absolute;
  left: 228px;
  right: 0;
  bottom: 185px;
  width: 203px;
  height: 144px;
  background-image: url('../images/f_home_arrow_vector.png');
  background-size: 200px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.f_home_imgs {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -12px;
  flex: 0 0 48%;
  max-width: 48%;
  align-items: stretch;
}
.f_home_all_points .f_home_points {
  display: flex;
  flex: 0 0  calc(100%/ 3 - 12px);
  align-items: start;
  margin: 0px 6px;
}
.f_home_points:nth-child(3){
  margin-left: -55px;
}
.cow-img{
  width: 100%;
  height: 100%;
  
}
.cow-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.f_home_img_name {
  background-color: rgba(255, 255, 255, 1);
  padding: 4px 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  border-radius: 12px 16px;
  /* position: absolute; */
  padding: 22px;
  margin-top: -92px;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  /* flex-grow: 1; */
}
.f_home_img_name h4{
  color: rgba(0, 0, 0, 1);
  font-family: "Inria Serif", serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 6px;
}
.f_home_img_name h5{
  color: rgba(0, 0, 0, 0.75);
  font-family: "Inria Serif", serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 6px;
}
.f_home_img_name p{
  color: rgba(0, 0, 0, 1);
  padding-bottom: 6px;
}

.f_home_img_name span{
  display: inline-block;
  background-color: rgba(243, 152, 4, 1);
  padding: 2px;
  border-radius: 50%;
  vertical-align: middle;
}

.f_home_img {
  position: relative;
  padding-bottom: 50px;
}

/* Mini Cow Annimations */
.f_home_img {
  position: relative;
  padding-bottom: 0px;
  transition: transform 0.3s ease-in-out; 
}

.f_home_img:hover {
  transform: scale(1.03);
}

/* Mini_Cow Homes Style Ends Here */




/* Support Style Starts Here */
.support {
  background-image: url("../images/support_background_img.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 159.5px 0 128.5px;
}
.support_cnt {
  text-align: center;
  width: 77.5%;
  margin: 0px auto;
}
.support_cnt h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 52px;
  text-align: center;
  padding-bottom: 19px;
}
.support_cnt p {
  color: rgba(18, 18, 18, 0.85);
  line-height: 30px;
  text-align: center;
  padding-bottom: 19px;
}
.support_cnt a{
  color: rgba(255, 255, 255, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  background-color: rgba(246, 155, 3, 1);
  padding: 10px 52px;
  border-radius: 12px;
	display: inline-block;
}

/* Support Style Ends Here */

/* Support Style Ends Here */

.articles{
  padding: 131.5px 0 51.5px 0;
}
.articles_head h2{
  text-align: center;
  font-size: 42px;
  line-height: 52px;
  padding-bottom: 12px;
}

.articles_head p{
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding: 0 0px 24px 0px;
}
.articles_cnt {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}
.articles_all_txt {
  display: flex;
  flex: 0 0  calc(100%/ 2 - 36px);
  margin: 0px 18px 32px 18px;
  align-items: center;
  gap: 12px;
}
.articales_cow_img {
  height: 208px;
  flex: 0 0 46.8%;
  max-width: 46.8%;
}
.articales_cow_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.articales_cow_txt a{
  color: rgba(255, 255, 255, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  background-color: rgba(0, 90, 85, 1);
  padding: 5px 22px;
  border-radius: 4px;
}
.articales_cow_txt p{
  color: rgba(0, 0, 0, 1);
  font-family: "Inria Serif", serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.articales_para{
  padding-top: 12px;
}
.articales_txt_date {
  display: flex;
  align-items: center;
  gap: 7px;
}
.articales_txt_date i{
  color: rgb(255, 255, 255);
  background-color: rgba(246, 155, 3, 1);
  border-radius: 50%;
  font-size: 13px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.articales_txt_date p {
  color: rgba(246, 155, 3, 1);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
}

/* Articales annimations */
.articales_cow_img {
  overflow: hidden;
  border-radius: 12px;
}
.articales_cow_img img {
  transition: transform 0.4s ease;
}
.articles_all_txt:hover .articales_cow_img img {
  transform: scale(1.08);
}

/* Support Style Ends Here */

/* Footer Style Ends Here */
.footer_top{
  background-color: rgba(0, 37, 35, 1);
  padding: 81px 0 0 0;
  border-radius: 80px 80px 0 0;
}
.footer_cnt{
  padding-bottom: 97px;
  border-bottom: 1px solid rgba(179, 172, 172, 1);
  margin-bottom: 42px;
  display: flex;
  justify-content: space-between;
}
.footer_logo{
  width: 118px;
  height: 133px;
}
.footer_logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news_letter {
  flex: 0 0 34%;
  max-width: 34%;
}
.news_letter h4{
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 17px;
}
.subscribe_form{
  display: flex;
  align-items: center;
  border: 1px solid rgba(189, 177, 177, 1);
  border-radius: 8px;
  overflow: hidden;
  padding: 9px 10px;
}
.subscribe_form input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: transparent;
}
.subscribe_form button{
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  background-color: rgba(246, 155, 3, 1);
  color: rgba(255, 255, 255, 1);
  padding: 16px 28px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
}
.subscribe_form input::placeholder{
  color: rgba(255, 255, 255, 0.45);
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.location h6{
  font-weight: 700;
  color: rgba(255, 255, 255, 1);
  padding-bottom: 16px;
}
.location a{
  display: block;
  font-size: 24px;
  line-height: 28px;
  color: rgba(246, 155, 3, 1);
  margin-bottom: 32px;
}
.location h5{
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: rgba(255, 255, 255, 1);
  padding-bottom: 16px;
}
.footer_icons i{
  font-size: 18px;
  color: rgba(246, 155, 3, 1);
  padding: 13px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
}
.footer_icons{
  display: flex;
  gap: 24px;
}
.footer_cnt_details{
  display: flex;
  justify-content: space-between;
}
.footer_link_help{
  display: flex;
  gap: 110px;
}
.link h3, .help h3{
  font-family: "Fraunces", serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: rgba(255, 255, 255, 1);
  padding-bottom: 24px;
}
.link ul li, .help ul li{
  font-family: "Poppins", serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 25px;
  list-style: none;
}
.link ul li:last-child,.help ul li:last-child {
  margin-bottom: 0;
}
.footer_cnt_details{
  padding-bottom: 60px;
}
.footer_bottom{
  background-color: rgba(0, 26, 24, 1);
  border: 1px solid rgba(0, 26, 24, 1);
}
.f_b_cnt{
  display: flex;
  justify-content: space-between;
  padding: 21px 25px;
}
.f_b_cnt p{
  font-family: "Poppins", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 1);
}

/* Footer Style Ends Here */




/* Animations Starts Here */


/* Header Annimations */

/* --- Video Button Container --- */
.get_started:hover{
  /* background-color: #f5ede0; */
  background-color: #d98602;
}


.play_video a {
  transition: color 0.3s ease;
}

/* --- The Animated Video Icon --- */
.play_video a img {
  width: 47px;
  height: 47px;
  background-color: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
  animation: waveVibration 2s infinite;
}

.play_video a:hover img {
  transform: scale(1.1);
  background-color: #ffffff; 
  

  /* filter: sepia(1) saturate(100) hue-rotate(15deg);   */
  opacity: 0.5; 
  

  animation: waveVibration 1s infinite;
}

/* --- Radar Wave / Vibration Animation --- */
@keyframes waveVibration {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(246, 155, 3, 0.7), 
                0 0 0 0 rgba(246, 155, 3, 0.4);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 12px rgba(246, 155, 3, 0), 
                0 0 0 24px rgba(246, 155, 3, 0);
  }
}

/* Smooth Hover Zoom Animation for Stats */
.abt-success-cnt {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
}

.abt-success-cnt:hover {
  transform: scale(1.06); /* Slidely zooms the element by 6% */
}
.abt-success-cnt .counter {
  color: #000000; 
}

/* Success Stories Animations */
/* Animated Heart Icon */
.ss_cnt::before {

  animation: heartBeat 2s infinite ease-in-out;
  transform-origin: center;
}

/* Animated Vector Icon */
.ss_cnt::after {

  animation: smoothFloat 2.5s infinite ease-in-out;
}

/* --- Animation Keyframes --- */

/* Heartbeat Effect: Soft double-pulse */
@keyframes heartBeat {
  0%, 100% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.12);
  }
  30% {
    transform: scale(1);
  }
  45% {
    transform: scale(1.08);
  }
  60% {
    transform: scale(1);
  }
}

/* Floating Effect: Gentle up and down drift */
@keyframes smoothFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px); /* Moves up by 6px at the peak */
  }
}

/* Community Animations */
.card {
  background-color: #005952;
  color: #fff;
  padding: 20px 22px 61px;
  border-radius: 18px;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
  cursor: pointer;
}

.card:hover {
  transform: translateY(-5px) scale(1.05); /* Smoothly lifts up and zooms by 5% */
}
.card a:hover {
  background-color: #d98602; /* Slightly darkens button color on link hover */
}

.header-content::before {
  animation: cmmtSwayBig 4s infinite ease-in-out;
  transform-origin: bottom left;
}

/* --- Animated Small Vector Element --- */
.header-content::after {
  animation: cmmtFloatSmall 3s infinite ease-in-out;
}

/* --- New Keyframe Animations --- */

/* Big Vector Sway: Rotates slightly and moves up/down */
@keyframes cmmtSwayBig {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(3deg);
  }
}

/* Small Vector Float: Moves at a different pace up/down to look organic */
@keyframes cmmtFloatSmall {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-12px) scale(1.03);
  }
}
/* Community Style Ends Here */

/* Minnicow animmations */
.mini_cow_first_img::before {
  animation: starTwinkleBig 4s infinite ease-in-out;
  transform-origin: center;
}

.mini_cow_first_img::after {
  animation: starTwinkleSmall 3s infinite ease-in-out;
  transform-origin: center;
}

.mini_cow_second_img::before {

  animation: arrowPoint 2.5s infinite ease-in-out;
}

/* --- New Keyframe Animations --- */

/* Big Star: Gentle pulse and slight rotation */
@keyframes starTwinkleBig {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.1) rotate(8deg);
    opacity: 0.85;
  }
}

/* Small Star: Faster pulse and opposite rotation to create depth */
@keyframes starTwinkleSmall {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.2) rotate(-12deg);
    opacity: 1;
  }
}

/* Arrow: A smooth diagonal nudge pointing toward the cow */
@keyframes arrowPoint {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-6px, 6px); /* Moves it slightly down and left */
  }
}

/* Minni-cow F-homes annimations */
/* Animated Arrow Vector pointing toward the images */
.f_homes_head a:hover{
  background-color: #d98602;
}
.f_homes_head::after {

  transform-origin: top left;
  animation: spiralNudge 3.5s infinite ease-in-out;
}

/* --- Keyframe Spiral Animation --- */
@keyframes spiralNudge {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(0.9);
    opacity: 0.4;
  }
  50% {
    /* Simulates a twisting path alignment following the vector curves */
    transform: translate(12px, 8px) rotate(-6deg) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) rotate(0deg) scale(0.9);
    opacity: 0.4;
  }
}



.support_cnt a:hover{
  background-color: #d98602;
}

/* Articles annimations */

.articales_cow_txt a:hover{
  background-color: rgb(0, 52, 48);
}

/* Footer Annimations */
.subscribe_form button:hover{
  background-color: #d98602;
}

/* Animations Ends Here */

/* Category Page Style Starts Here */

/* Different Cow names style Starts here */
.dif-cows-names{
  padding: 178px 0 16px 0;
}
.cow-menu ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cow-menu ul li{
  padding: 0 15px 0 10px;
  border-right: 3px solid #665959;
  transition: border-color 0.3s ease;
}
.cow-menu ul li:first-child {
  padding-left: 0;
}
.cow-menu ul li a{
  font-family: Poppins;
  font-weight: 600;
  font-size: 21px;
  line-height: 120%;
  color: #665959;
  text-transform: uppercase;
}
 .cow-menu ul li:hover,
.cow-menu ul li.active {
  border-right-color: #005A55;
}
.cow-menu ul li:hover a,
.cow-menu ul li.active a {
  color: #005A55; 
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px; 
}

/* Different Cow names style Ends here */

/* micro-miniature-cow Style Starts Here */

.micro-miniature-cow-cnt{
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  padding: 13.5px 6px;
  align-items: center;
}
.micro-miniature-cow-text h4{
  font-weight: 600;
  padding-bottom: 26px;
  position: relative;
  display: inline-block;
  color: #000;
}
.micro-miniature-cow-text h4 span{
  color: #1C7B41;
  font-size: 36px;
}
.cow-all-details .cow-details span{
  background-color: #F69B03;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 
    0px 4px 4px 0px rgba(0, 0, 0, 0.25), 
    inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.cow-all-details .cow-details span img{
  width: 47px;
  height: 47px;
  object-fit: contain;
} 
.cow-all-details .cow-details{
  display: flex;
  align-items: center;
  padding: 10px 94px 10px 20px;
  box-shadow: 
    0px 2px 2px 0px  #0000001F,
    inset 0px 2px 2px 0px #0000001F;
  border-radius: 12px;
  margin-bottom: 18px;
}
.cow-all-details .cow-details:last-child{
  margin-bottom: 0;
}
.cow-details .cow-details-text{
  padding-left: 14px;
}
.cow-details .cow-details-text h5{
  padding-bottom: 7px;
  font-weight: 500;
}
.cow-all-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
  margin-top: 38px;
}
.cow-icon span {
    width: 46px;
    height: 46px;
    margin: 0px auto 14px;
    display: flex;
}
.cow-icon span img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cow-icon b{
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  font-family: Poppins;
  padding-bottom: 2px;
  color: #000;
}
.cow-icon p{
  font-size: 18px;
  line-height: 25px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cow-icon{
  text-align: center;
  padding: 22.5px 12px;
  box-shadow: 
    0px 4px 4px 0px #00000014,
    inset 0px 4px 4px 0px #00000014
  ;
  flex: 0 0 calc(100% / 4 - 12px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cow-all-details{
  padding: 26px 0 0px 0;
}
.micro-miniature-cow-text {
  flex: 0 0 59%;
  max-width: 59%;
}
.micro-miniature-cow-text p {
  color: rgba(0, 0, 0, 0.9);
}
.micro-miniature-cow-img{
  flex: 0 0 37.4%;
  max-width: 37.4%;
  position: relative;
}
.micro-miniature-cow-img img{
  width: 100%;
  height: 100%;
  object-fit: none;
  filter: drop-shadow(0px 8px 8px #00000040);
}
.micro-miniature-cow-img .yellow-btn{
  position: absolute;
  display: flex;
  background-color: #F69B03;
  padding: 24.5px 59.25px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  margin: 0 auto;
  align-items: center;
  bottom: 53px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  font-family: Poppins;
}
.micro-miniature-cow-img .yellow-btn i{
  width: 30.5px;
  margin-right: 15px;
}
.m-m-cow-sec{
  padding-bottom: 42px;
  scroll-margin-top: 140px;
}
.micro-miniature-cow-text h4::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0px;
  bottom: 0;
  width: 61px;
  height: 58px;
  background-image: url('../images/cow-names-after-design.png');
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  z-index: 1;
}
.m-m-cow-sec:nth-child(even) .micro-miniature-cow-cnt{
  flex-direction: row-reverse;
}

/* micro-miniature-cow Style Ends Here */

/* frequently-asked Style Starts here */

.frequently-asked{
  background-color: #005A55;
  padding: 52px 0;
}
.frequently-asked-header h3{
  color: #FFFFFF;
  text-align: center;
  position: relative;
}
.frequently-asked-header h3::after {
    content: "";
    position: absolute;
    left: 310px;
    bottom: -10px;
    width: 100px;
    height: 7px;
    background-color: #FFFFFF;
    border-radius: 12px;
}
.frequently-asked-header{
  padding-bottom: 24px;
}
.frequently-asked-cnt{
  padding: 64.5px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: flex-start;
}
.frequently-asked-img {
    flex: 0 0 49%;
    max-width: 49%;
}
.frequently-asked-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.frequently-asked-text {
    flex: 0 0 43.1%;
    max-width: 43.1%;
}
.accordion-item .accordion-header h6{
  font-family: Poppins;
}
.accordion-item .accordion-header h6, .accordion-item .accordion-header i{
  font-size: 18px;
  color: #FFFFFF;
}
.accordion {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.accordion-item {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.accordion-item.active {
  border: none;
  border-radius: 0;
}
.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.accordion-item.active .accordion-header {
  background-color: #0B4744;
  border-radius:12px 12px 0px 0px ;
  padding: 13px 12px;
}
.accordion-item.active .accordion-header h6 {
  font-size: 20px;
  line-height: 24px;
}
.accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease-out;
}
.accordion-item.active .accordion-content {
  grid-template-rows: 1fr;
}
.accordion-content p {
  overflow: hidden;
  color: #e0e0e0;
  padding: 0 20px 0 5px;
  opacity: 0;
  transition: opacity 0.35s ease-out, padding 0.35s ease-out;
}
.accordion-item.active .accordion-content p {
  opacity: 1;
  padding: 24px 0px 10px 0px; 
  line-height: 24px;
}

/* frequently-asked Style Ends here */

/* c-gallery Style Starts here */

.c-gallery {
  padding: 63.5px 0 67px 0;
}
.c-gallery h3 {
  margin-bottom: 17.5px;
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 1);
}
.c-gallery h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 80px;
  height: 7px;
  background-color: #005A55;
  border-radius: 12px;
}
.c-gallery-cnt {
  padding: 0 57px; 
}
.c-gallery-cnt-details {
  padding: 22px 31px;
  text-align: center;
  outline: none;
}
.c-gallery-img{
  height: 372px;
}
.c-gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  border-radius: 6px 6px 0 0;
}
.c-gallery-text {
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 0 4px 4px #00000040;
  padding: 11px 0 11px 0; 
  border-radius: 0 0 6px 6px;
}
.c-gallery-text h4 {
  padding-bottom: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: rgba(0, 0, 0, 1);
}
.c-gallery-text span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.9);
}
/* Slick Slider Arrow Customization */
.c-gallery-cnt .slick-prev, .c-gallery-cnt .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 43px;
  z-index: 1;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 43px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-gallery-cnt .slick-prev {
  left: 15px;
  z-index: 2;
}
.c-gallery-cnt .slick-next {
  right: 15px; 
  z-index: 2; 
}
.c-gallery-cnt .slick-prev::before,
.c-gallery-cnt .slick-next::before {
  display: none ;
  content: none ;
}
/* c-gallery Style Ends here */

/* testimonial Style Starts here */

.testimonial{
  padding: 62px 0; 
  background: url('../images/testimonial-bg-img.png') center/cover no-repeat;
  margin-bottom: 4px;
}
.testimonial-card {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 34.5px 12px 21.5px 12px;
  box-shadow: 0px 4px 4px 0px #00000040,   
  inset 0px 4px 4px 0px #00000040;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.client-img {
  width: 103px;
  height: 103px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.client-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #005A55;
}
.client-details h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  font-family: Poppins;
  padding: 6px 0;
  color: rgba(0, 0, 0, 1);
}
.client-details p{
  font-size: 22px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.85);
}
.client-details{
  text-align: center;
}
.testimonial-slider {
  max-width: 677px;
  margin: 0 auto;
}
.testimonial-slider .slick-prev, 
.testimonial-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 43px;
  z-index: 10 !important;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 43px;      
  color: #ffffff;      
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-slider .slick-prev { 
  left: -176px; 
}
.testimonial-slider .slick-next { 
  right: -176px; 
}

.testimonial-slider .slick-prev::before,
.testimonial-slider .slick-next::before {
  display: none ;
  content: none ;
}

.testimonial-slider .slick-track {
  display: flex !important;
}
.testimonial-slider .slick-slide {
  height: inherit !important;
  display: flex !important;
}
.testimonial-slider .slick-slide > div {
  display: flex;
  width: 100%;
}
.testimonial-item {
  width: 100%;
  display: flex !important;
}
/* testimonial style ends here */

/* hospital intro section style starts here */

.hospital {
  position: relative;
  background: url('../images/hospital-in-video-bg-img.png') center/cover no-repeat;
  padding: 340px 0 123px 0;
  min-height: 450px;
  display: flex;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 3px;
}
.intro-text h3{
  padding-bottom: 10px;
  color: #FFFFFF;
}
.intro-text p{
  color: #FFFFFF;
}
.intro-text {
  max-width: 45.2%;
  padding-left: 22px;
  position: relative;
}
.intro-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px; 
  height: 104px; 
  width: 7px;
  background-color: #FFFFFF;
}
.hospital-intro{
  margin-left: 69px;
}
.play-btn {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translateX(-50%);
  width: 76px;
  height: 76px;
  background-color: #EBC88D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292929;
  font-size: 28px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.play-btn:hover {
  background-color: #c5a66a;
  transform: translateX(-50%) scale(1.05); /* Slight zoom on hover */
}

/* hospital intro section style ends here */





/* Annimations */

.cow-details {
  transition: transform 0.3s ease-in-out, background-color 0.3s ease
}
.cow-details:hover {
  transform: scale(1.05);
  cursor: pointer;
  background-color: #F5F5F5;
}
.cow-icon {
  transition: transform 0.3s ease-in-out;
}
.cow-icon:hover {
  transform: scale(1.05);
  cursor: pointer;
  background-color: #005A55;
  box-shadow: 
    0px 6px 8px 0px #005A5566, 
    inset 0px 4px 4px 0px #00302D;
}
.cow-icon:hover b,
.cow-icon:hover p {
  color: #FFFFFF;
  transition: color 0.3s ease; 
}
.cow-icon:hover img {
  filter: brightness(0) invert(1);
}
.micro-miniature-cow-img .yellow-btn {
  transition: background-color 0.3s ease, transform 0.3s ease; 
}
.micro-miniature-cow-img .yellow-btn:hover {
  background-color: #D48502; 
}

/* 1. Define the continuous animation */
@keyframes gentleFloat {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(4deg); } 
  100% { transform: translateY(0px) rotate(0deg); }
}

/* 2. Apply it to the existing ::after element */
.micro-miniature-cow-text h4::after {
  animation: gentleFloat 3s ease-in-out infinite; 
}


/* 1. Define the expanding animation */
@keyframes breatheLine {
  0%, 100% { width: 100px; }
  50% { width: 40px; } /* Shrinks down to 40px */
}

/* 2. Add it to your existing ::after element */
.frequently-asked-header h3::after {
  animation: breatheLine 3s ease-in-out infinite; 
}

/* 1. Define the breathing animation for the gallery */
@keyframes breatheGalleryLine {
  0%, 100% { width: 80px; }
  50% { width: 30px; } /* Shrinks down to 30px */
}

/* 2. Update your existing ::after element */
.c-gallery h3::after {
    animation: breatheGalleryLine 3s ease-in-out infinite;
}

/* Just a quick reminder: make sure your main h3 has relative positioning 
   so the line stays exactly where it should! */



@keyframes waveVibration {
  0% {
    /* Waves start at the edge of the button */
    box-shadow: 
      0 0 0 0 rgba(235, 200, 141, 0.7), 
      0 0 0 0 rgba(235, 200, 141, 0.7);
  }
  50% {
    /* First wave is further out, second wave is just starting */
    box-shadow: 
      0 0 0 15px rgba(235, 200, 141, 0.3), 
      0 0 0 30px rgba(235, 200, 141, 0.1);
  }
  100% {
    /* Waves expand fully and disappear, ready to loop */
    box-shadow: 
      0 0 0 30px rgba(235, 200, 141, 0), 
      0 0 0 60px rgba(235, 200, 141, 0);
  }
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translateX(-50%);
  width: 76px;
  height: 76px;
  background-color: #EBC88D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #292929;
  font-size: 28px;
  text-decoration: none;
  transition: all 0.3s ease;
  animation: waveVibration 2s infinite; 
}

/* Hover effect */
.play-btn:hover {
  background-color: #c5a66a;
  transform: translateX(-50%) scale(1.05); 
}
/* Category Page Style Ends Here */



html {
  scroll-behavior: smooth;
}

/* Video popup styles */
.video-pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
}
.video-content {
  position: fixed;
  width: 80%;
  max-width: 800px;
  height: 500px;
  background: #fff;
  padding: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video-content video {
  width: 100%;
  height: 100%;
  display: block;
}
.close-video {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
}
.footer_link_help ul li a{
  color: rgba(255, 255, 255, 1);
}

/* Default Styles */
.spacebar{
  padding: 360px 0 100px;
}
.default-styles p{
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  padding: 10px 0;
}
.default-styles h1{
  font-family: "Fraunces", serif;
  font-size: 86px;
  font-weight: 600;
  line-height: 90px;
  color: rgba(89, 87, 84, 1);
  padding-bottom: 20px;
}
.default-styles h2{
  font-family: "Fraunces", serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 75px;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 25px;
}
.default-styles h3{
  font-family: "Fraunces", serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 20px;
}
.default-styles h4{
  font-family: "Fraunces", serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 20px;
}
.default-styles h5{
  font-family: "Fraunces", serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 20px;
}
.default-styles h6{
  font-family: "Fraunces", serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 20px;
}
.default-styles ul li, .default-styles ol li, .default-styles ul li a, .default-styles ol li a{
  font-size: 16px;
  line-height: 24px;
}
.default-styles a{
  font-family: "Fraunces", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  /* padding-bottom: 20px; */
  /* margin: 20px 0; */
}