/* top pro-1 */
.cine-logo {
    position:relative !important;
    width:240px !important;
    height:auto;
    object-fit:contain;
}
.cine-logo2 {
    position:relative !important;
    width:290px !important;
    height:auto;
    object-fit:contain;
}
@media(max-width:768px){
.cine-card {
    height: 685px !important;
}

.cine-content {
    bottom: 21px !important;
}

.zero-dual-glass .zdg-panel:last-child {
    grid-column: 1 !important;
}

}
/* top pro-1 */


/* top sec */
.para-text {
    font-size: 14px;
}
/* top sec end  */


.td-logo{
    max-width:235px;
}

.img-text-center {
    text-align: end;
}

.text-custome {
    text-align: end;
    margin-right: 55px;
}

/* Mobile Responsive */

@media (max-width:768px){
.text-custome {
    text-align: end;
    margin-right: 121px;
}
.img-text-center {
    text-align: center;
}
.td-logo{
    max-width:200px;
    margin-top:30px;
}

}

.text-zerokart {
     font-family: "Lato", sans-serif;
}

/* @media (max-width:768px){
    .text-zerokart {
       text-align: center;
    }
}

.text-zerokart {
  text-align: right;
} */


/* animation */
.logo-fade-anim {
  animation: logoFadeMove 2s ease-in-out infinite alternate;
}

@keyframes logoFadeMove {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: .88;
    transform: translateY(0);
  }
}
/* animation end */


/*  Start  */

/* 📱 Mobile View */
/* 📱 Mobile View */
@media (max-width:768px){

     .node-col-left,
  .node-col-right {
    display: flex;
    flex-direction: column;
    gap: 70px;
  }

.icon-wrap{
    position: absolute !important;
    left: 25px !important;
    top: -40px !important;
    transform: translateX(-50%) !important;
    width: 70px !important;
    height: 70px !important
}

.node-card{
padding-top:60px;
text-align:center;
}



.node-card{
position:relative;
padding:60px 20px 25px 20px;
text-align:center;
}

.node-icon-circle {
    position: absolute !important;
    left: 81% !important;
    top: 4px !important;
    transform: translateX(-50%);
    width: 70px !important;
    height: 70px !important;
    margin: 0;
}

.icon-zero{
width:35px;
}

}

.icon-zero {
    width: 50px;
}

.node-card{
position:relative;
padding:30px 40px;
background:#f5f5f5;
border-radius:16px;
box-shadow:0 4px 20px rgba(0,0,0,0.08);
}

/* icon circle */
.icon-wrap{
position:absolute;
right:-35px;
top:50%;
transform:translateY(-50%);
width:80px;
height:80px;
background:#eee;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

/* icon */
.icon-zero{
width:40px;
}

/*  */

.node-card{
position:relative;
padding:30px 40px 30px 70px;
background:#f5f5f5;
border-radius:16px;
box-shadow:0 4px 20px rgba(0,0,0,0.08);
}

/* icon circle */
.node-icon-circle{
position:absolute;
left:-35px;
top:50%;
transform:translateY(-50%);
width:80px;
height:80px;
background:#eee;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

/* icon */
.icon-zero{
width:40px;
}

/*  end  */








/* Footer top */
.closing-note {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
              url("../img/footer-top.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 20px;
  text-align: center;
  color: white;
}
/* Footer top end  */

/* Modal pop Css */
/* modal background */
.zero-modal .modal-content{
background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
color:#fff;
border-radius:18px;
border:none;
box-shadow:0 20px 60px rgba(0,0,0,0.4);
}

/* input style */
.zero-input{
background:rgba(255,255,255,0.08);
border:none;
color:#fff;
border-radius:10px;
padding:12px;
}

.zero-input::placeholder{
color:#bbb;
}

/* role selection */
.role-select{
display:flex;
gap:15px;
}

.role-box{
display:flex;
align-items:center;
gap:8px;
padding:10px 15px;
border-radius:10px;
background:rgba(255,255,255,0.08);
cursor:pointer;
transition:.3s;
}

.role-box input{
accent-color:#19c37d;
}

.role-box:hover{
background:#19c37d;
color:#fff;
}

/* submit button */
.zero-submit{
background:#19c37d;
border:none;
padding:12px;
border-radius:12px;
font-weight:600;
}

.zero-submit:hover{
background:#13a567;
}
/* Modal pop Css end */


/* text add right icon  */
.bs-head{
display:flex;
align-items:center;
gap:10px;
}

.bs-title{
font-style:italic;
color:var(--green);
margin:0;
}

.bs-icon{
width: 61px;
height:auto;
}
/* text add right icon end  */

/* buuton  */
.coming-soon-btn {
    display: inline-block;
    margin-top: 24px;
    padding: 17px 71px;
    border: 1px solid rgba(126, 203, 168, 0.4);
    font-family: 'DM Mono', monospace;
    font-size: 0.75rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #7ECBA8;
    background: rgba(126, 203, 168, 0.08);
    border-radius: 8px;
    text-decoration: none; /* remove underline */
    transition: all 0.3s ease;
}

.coming-soon-btn:hover {
    background: rgba(126, 203, 168, 0.18);
    border-color: #7ECBA8;
    transform: translateY(-2px);
}
/* buuton end */