*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    /* background-color: black; */
}
body{
    height:min-content;
    width: 100%;
    /* position: relative; */
    background-image: url("bg2.jpg");
    background-size: cover;
}
.bdy
{
    height: 100%;
    width: 100%;
    background-color:rgba(0, 0, 0, 0.779);
}
marquee
{
 padding: 10px;
 color: white;
 font-size: 22 px;
}
a
{
    text-decoration: none;
}
.full-body
{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content:center ;
    position: relative;
 
}
.inner 
{
height: 100%;
width: 98%;
}
.inner img 
{
height: 100%;
width: 100%;
}

.btn
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;

}
@keyframes example
{
    from{background-color: white;}
    to{background-color: black;}
}
@keyframes example2
{
    from{color: black;}
    to{color: white;}
}
.btn-click
{
    height:70px;
    width: 200px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 30px;
    margin: 10px;
    animation-name: example;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;



}
.btn-click h2
{
color: black;
/* background-color: white; */
animation-name: example2;
animation-duration: 0.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
}
.btn-click p
{
    color:rgb(10, 205, 10);
    /* background-color: white; */
}

.foot
{
    height: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.foot a
{
  text-align: center;
  color: white
}

.image2
{
    height: 130px;
    width: 130px;
    /* border-radius: 50%; */
    position:absolute;
    top: 15px;
    left:0px;
}

.domain-section{
    padding:40px 20px;
    text-align:center;
    background:#f5f5f5;
    display:none;
}

.section-title{
    font-size:28px;
    margin-bottom:10px;
}

.section-desc{
    max-width:600px;
    margin:auto;
    margin-bottom:30px;
    color:#555;
}

.card-container{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.card{
    background:white;
    padding:20px;
    width:260px;
    border-radius:12px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}

.card:hover{
    transform:translateY(-5px);
}

.card h3{
    margin-bottom:10px;
}

.card p{
    font-size:14px;
    color:#666;
    margin-bottom:15px;
}

.card-btn{
    display:inline-block;
    padding:10px 15px;
    background:#25D366;
    color:white;
    text-decoration:none;
    border-radius:8px;
    font-weight:bold;
}