body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
        /* background: linear-gradient(
    180deg,
    #e9dccb 0%,
    #dcc7ad 50%,
    #d3bfa6 100%
); */

    background: linear-gradient(180deg, #ffffff 5%, #90806b 50%, #edeae6 100%);
/* background: radial-gradient(circle at center, #c8c2ba, #b4ada3); */
}
.artwise-xd-01-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 100px 20px;
    font-family: 'poppins' , sans-serif;
    margin-top: 70px;
    padding-bottom: 20px;


}

.artwise-xd-title {
    font-size: 5rem;
    font-weight: 100;
    margin: 0;
    margin-bottom: 35px;
    line-height: 1.1;

}

.artwise-xd-breadcrumb {
    margin-top: 20px;
    font-size: 1.4rem;
    color: #333333;
}



.artwise-xd-divider {
    border: 0;
    border-top: 6px solid #000000;
    margin: 20px 0 10px 0;
}


/* Mobile Responsiveness */
@media (max-width: 768px) {
    .artwise-xd-title { font-size: 3rem; }
    .artwise-xd-slider-track { height: 200px; }
}
@media (max-width: 425px) {
.artwise-xd-breadcrumb {
    font-size: 1rem;
}
}
/* Container & Background */
.artwise-mt-career-section {
     /* Matches the light green-to-white gradient */
    padding: 0px 20px;
    font-family: 'poppins', sans-serif;
    color: #000;
}

.artwise-mt-career-container {
    max-width: 1300px;
    margin: 0 auto;
}

/* Header Styling */
.artwise-mt-career-main-title {
    font-size: 7rem;
    line-height: 1.2;
    margin-bottom: 40px;
    font-weight: 300;
    max-width: 1000px;
}

/* Flexbox Layout for Mobile-First */
.artwise-mt-career-content-wrapper {
    display: flex;
    flex-direction: row; /* Stacked for mobile */
    align-items: flex-start;
    gap: 60px;
}
 
/* Text Styling */
.artwise-mt-career-subtext {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 20px;
}

.artwise-mt-career-description {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    color: black;
}

/* Image Scaling */
.artwise-mt-career-image-box {
    width: 100%;
}

.artwise-mt-career-img {
    width: 100%;
    height: auto;
    border-radius: 4px; /* Subtle rounding often used in modern web */
}

/* Tablet & Desktop Adjustments */
@media (max-width: 768px) {
    .artwise-mt-career-main-title {
        font-size: 4rem;
    }
    
    .artwise-mt-career-subtext {
        font-size: 1.8rem;
    }
}
@media (max-width: 425px) {
.artwise-mt-career-content-wrapper {
  flex-direction: column;
}
.artwise-mt-career-main-title {
        font-size: 2rem;
    }
     .artwise-mt-career-subtext {
        font-size: 1.3rem;
    }
    .artwise-mt-career-description {
    font-size: 1.2rem;

}

}
@media (min-width: 1024px) {
  

    .artwise-mt-career-text-box {
        flex: 1;
    }

    .artwise-mt-career-image-box {
        flex: 1;
    }
}

:root {
    --artwise-text-white: #ffffff;
    --artwise-glass: rgba(255, 255, 255, 0.15);
}

.artwise-career-mt-auth-container {
    
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px;
    font-family: 'poppins', sans-serif; 
    color: var(--artwise-text-white);
}

/* Nav Tabs */
.artwise-career-mt-auth-nav {
    display: flex;
    gap: 150px;
    margin-bottom: 80px;
}

.artwise-career-mt-tab {
    cursor: pointer;
    font-size: 20px;
    font-weight: 900;
    opacity: 0.6;
    position: relative;
    transition: 0.3s;
}

.artwise-career-mt-tab.active {
    opacity: 1;
}

.artwise-career-mt-tab .dot {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    margin: 8px auto 0;
}

/* Layout */
.artwise-career-mt-auth-layout {
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: space-between;
    align-items: flex-start;
}

.artwise-career-mt-auth-sidebar .auth-mt-main-title {
    font-size: 72px;
    line-height: 1.5;
    font-weight: 500;
}

/* Glass Card */
.artwise-career-mt-form-card {
    background: var(--artwise-glass);
    backdrop-filter: blur(10px);
    border-radius: 40px;
    padding: 50px;
    width: 530px;
    border: 1px solid rgba(255,255,255,0.2);
}

.artwise-career-mt-form-box {
    display: none;
}

.artwise-career-mt-form-box.active {
    display: block;
}

/* Inputs */

.artwise-career-tm-input{
  outline: none;
  box-shadow: none;
}




.artwise-career-mt-row {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
}

.artwise-career-mt-form-btn {
    border-radius: 20px;
    padding: 8px 18px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid white;
}

.artwise-career-mt-form-btn.outline {
     background: none; color: white;
     }
.artwise-career-mt-form-btn.outline:hover { 
     background: black; color: white; border-color: black; 
}
.artwise-career-mt-submit-btn {
    width: 100%;
    background: rgba(255,255,255,0.3);
    border: 1px solid white;
    padding: 12px;
    border-radius: 25px;
    color: white;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.artwise-career-mt-submit-btn:hover {
    background: white;
    color: black;
    border-color: white;

}


.artwise-career-mt-browse-btn {
    margin-top: 80px;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 30px 100px;
    border-radius: 50px;
    font-size: 24px;
    color: white;
    cursor: pointer;
        transition: all 0.3s ease;
}
.artwise-career-mt-browse-btn:hover {
    background: white;
    color: black;
    border-color: white;

}
/* Base Style (Jo aapne di hai) */
.artwise-career-mt-input-group .artwise-career-tm-input {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 12px 6px;
    margin-bottom: 15px;
    color: white; /* Default color white */
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}

/* 1. Jab mouse hover kare to placeholder black ho jaye */
.artwise-career-mt-input-group .artwise-career-tm-input:hover::placeholder {
    color: black;

    transition: color 0.3s ease;
}

/* 2. Jab click kare (Focus) ya kuch type kare to text color black ho jaye */
.artwise-career-mt-input-group .artwise-career-tm-input:focus,
.artwise-career-mt-input-group .artwise-career-tm-input:not(:placeholder-shown) {
    color: black;
    border-bottom: 1px solid black; /* Optional: border bhi black ho jayegi focus par */
}

/* Default Placeholder Color (White) */
.artwise-career-mt-input-group .artwise-career-tm-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.3s ease;
}
/* --- TABLET VIEW (Max-width: 768px) --- */
@media screen and (max-width: 768px) {
    .artwise-career-mt-auth-nav {
        gap: 30px; /* Nav spacing kam kar di */
        margin-bottom: 50px;
    }

    .artwise-career-mt-auth-layout {
        flex-direction: column; /* Title aur Form ek ke niche ek aa jayenge */
        align-items: center;
        gap: 40px;
    }

    .artwise-career-mt-auth-sidebar {
        text-align: center;
    }

    .artwise-career-mt-auth-sidebar .auth-mt-main-title {
        font-size: 56px; /* Title size thoda chota */
    }

    .artwise-career-mt-form-card {
        width: 90%; /* Card width screen ke hisaab se adjust hogi */
        max-width: 480px;
        padding: 30px;
    }

    .artwise-career-mt-browse-btn {
        padding: 20px 60px;
        font-size: 18px;
        margin-top: 50px;
    }
}

/* --- MOBILE VIEW (Max-width: 425px) --- */
@media screen and (max-width: 425px) {
    .artwise-career-mt-auth-container {
        padding: 40px 15px;
    }

    .artwise-career-mt-auth-nav {
        gap: 15px;
        flex-wrap: wrap; /* Tabs agar screen se bahar jayein toh wrap ho jayenge */
        justify-content: center;
    }

    .artwise-career-mt-tab {
        font-size: 14px;
    }

    .artwise-career-mt-auth-sidebar .auth-mt-main-title {
        font-size: 40px; /* Mobile ke liye title aur chota */
    }

    .artwise-career-mt-form-card {
        width: 100%;
        padding: 20px;
        border-radius: 25px;
    }

    .artwise-career-mt-row {
        flex-direction: column; /* OTP buttons input ke niche aa jayenge */
        align-items: stretch;
    }

    .artwise-career-mt-form-btn {
        width: 100%;
        text-align: center;
    }

    .artwise-career-mt-row-space {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .artwise-career-mt-browse-btn {
        width: 100%;
        padding: 15px 20px;
        font-size: 16px;
        border-radius: 30px;
    }
}
/* Wrapper to keep code and input together */
.artwise-career-tm-tel-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.5); /* Single line bottom border */
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

/* Country Code Select Box */
.artwise-career-tm-country-code {
    background: none;
    border: none;
    color: white;
    font-size: 14px;
    padding: 12px 4px;
    cursor: pointer;
    outline: none;
    appearance: none; /* Default arrow hatane ke liye */
    -webkit-appearance: none;
}

/* Jab likhna shuru karein ya hover karein to dropdown black ho jaye */
.artwise-career-tm-tel-wrapper:focus-within .artwise-career-tm-country-code,
.artwise-career-tm-tel-wrapper:hover .artwise-career-tm-country-code {
    color: black;
}

/* Input Field Style (Aapka original style modified) */
.artwise-career-mt-input-group .artwise-career-tm-input {
    width: 100%;
    background: none;
    border: none;
    padding: 12px 6px;
    color: white;
    font-size: 14px;
     border-bottom: 1px solid rgba(255,255,255,0.5);
    outline: none;
}

/* Focus and Type Effects for the whole wrapper */
.artwise-career-tm-tel-wrapper:focus-within {
    border-bottom: 1px solid black;
}

.artwise-career-tm-tel-wrapper:focus-within .artwise-career-tm-input,
.artwise-career-tm-input:not(:placeholder-shown) {
    color: black;
}

/* Placeholder color on hover */
.artwise-career-tm-input:hover::placeholder {
    color: black;
}

/* Dropdown options color (Taaki list white background me dikhe) */
.artwise-career-tm-country-code option {
    color: black;
    background: white;
}
/* Container jo select aur arrow ko sambhalta hai */
.artwise-career-tm-select-container {
    position: relative;
    display: flex;
    align-items: center;
}

/* Select Box ka style */
.artwise-career-tm-country-code {
    background: transparent;
    border: none;
    color: white;
    font-size: 14px;
    padding: 12px 12px 12px 6px; /* Right padding arrow ke liye */
    cursor: pointer;
    outline: none;
    -webkit-appearance: none; /* Default arrow hatane ke liye */
    -moz-appearance: none;
    appearance: none; 
    z-index: 2;
    transition: color 0.3s ease;
}

/* Dropdown ke andar jo Options khulenge unka style */
.artwise-tm-option {
    background-color: #ffffff; /* Dropdown khulne par background white rahega */
    color: #333333;           /* Text color dark grey/black */
    padding: 10px;
    font-size: 14px;
}

/* Custom Minimalist Arrow */
.artwise-tm-select-arrow {
    position: absolute;
    right: 5px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
    pointer-events: none; /* Arrow click handle nahi karega, select karega */
    transition: color 0.3s ease;
}

/* Hover aur Focus states */
.artwise-career-tm-tel-wrapper:hover .artwise-tm-select-arrow,
.artwise-career-tm-tel-wrapper:focus-within .artwise-tm-select-arrow {
    color: black;
}

.artwise-career-tm-tel-wrapper:hover .artwise-career-tm-country-code,
.artwise-career-tm-tel-wrapper:focus-within .artwise-career-tm-country-code {
    color: black;
}

/* Chrome/Safari mein dropdown options ko thoda clean dikhane ke liye */
select:-internal-list-box {
    border-radius: 8px;
    padding: 5px;
}


.artwise-career-mt-policy-section {
    background: transparent;
    min-height: 60vh;
    padding: 80px 10%;
    font-family: 'poppins', sans-serif; 
    color: white;
    width: 100%;
}

.artwise-career-mt-policy-item {
    margin-bottom: 40px;
}

.artwise-career-mt-policy-header {
    cursor: pointer;
    position: relative;
    transition: opacity 0.3s;
}

.artwise-career-mt-policy-header h2 {
    font-size: 64px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 5px;
}

.artwise-career-mt-line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.8);
}

.artwise-career-mt-policy-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.3s ease;
    display: flex;
    justify-content: flex-end; /* Matches the right-aligned text in screenshot */
}

.artwise-career-mt-policy-content p {
    width: 100%; /* Limits width like the screenshot */
    font-size: 18px;
    line-height: 1.6;
    padding-top: 20px;
    opacity: 0.9;
}

/* State for active dropdown */
.artwise-career-mt-policy-item.active .artwise-career-mt-policy-content {
    max-height: 1500px;
    transition: max-height 1s ease-in-out;
}
/* --- TABLET VIEW (Max-width: 768px) --- */
@media screen and (max-width: 768px) {
    .artwise-career-mt-policy-section {
        padding: 60px 5%; /* Side padding kam ki taaki text ke liye jagah mile */
    }

    .artwise-career-mt-policy-header h2 {
        font-size: 48px; /* Bade headers ko tablet par thoda chota kiya */
    }

    .artwise-career-mt-policy-content p {
        width: 70%; /* 50% tablet par bahut narrow lagega, isliye width badha di */
        font-size: 16px;
    }
}

/* --- MOBILE VIEW (Max-width: 425px) --- */
@media screen and (max-width: 425px) {
    .artwise-career-mt-policy-section {
        padding: 40px 20px;
        min-height: auto;
    }

    .artwise-career-mt-policy-header h2 {
        font-size: 32px; /* Mobile par headings ko readable banaya */
        letter-spacing: -1px;
    }

    .artwise-career-mt-policy-content {
        justify-content: flex-start; /* Mobile par right-align text padhna mushkil hota hai */
    }

    .artwise-career-mt-policy-content p {
        width: 100%; /* Mobile par full width text */
        font-size: 14px;
        padding-top: 15px;
        text-align: justify; /* Text ko clean dikhane ke liye */
    }

    .artwise-career-mt-policy-item {
        margin-bottom: 30px; /* Spacing thodi tight ki */
    }
}
.terms-privacy-mt{
    font-size: 14px;
    text-decoration: underline;
}
.artwise-career-mt-terms-qd {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 20px 0;
}

.checkbox-wrapper-31-qd {
  position: relative;
  display: inline-block;
  width: 30px; /* Size adjusted for better alignment */
  height: 30px;
  border: 1px solid white;
  border-radius: 50%;
}

.checkbox-wrapper-31-qd .background-qd {
  fill: rgba(255, 255, 255, 0.1);
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31-qd .stroke-qd {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31-qd .check-qd {
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5px;
  stroke-dashoffset: 22;
  stroke-dasharray: 22;
  transition: ease all 0.6s;
  -webkit-transition: ease all 0.6s;
}

.checkbox-wrapper-31-qd input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
  -webkit-appearance: none;
}

/* Hover Effect */
.checkbox-wrapper-31-qd:hover .check-qd {
  stroke-dashoffset: 0;
  opacity: 0.5;
}

/* Checked State */
.checkbox-wrapper-31-qd input[type=checkbox]:checked + svg .background-qd {
  fill: #ffffff; /* Success Green */
}

.checkbox-wrapper-31-qd input[type=checkbox]:checked + svg .stroke-qd {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-31-qd input[type=checkbox]:checked + svg .check-qd {
  stroke-dashoffset: 0;
  opacity: 1;
}

.label-qd {
  font-family: 'poppins', sans-serif; 
  font-size: 14px;
  color: white;
  cursor: pointer;
  user-select: none;
}

/* Container ko relative rakhein taaki elements sahi se align hon */
.artwise-career-mt-policy-header {
    position: relative;
    cursor: pointer;
    overflow: hidden; /* Ye text ko niche se chhupane ke liye zaroori hai */
    padding-bottom: 5px; /* Thoda space line ke liye */
}

/* Heading ki default state (Adha chhupa hua) */
.artwise-career-mt-policy-header h2 {
    margin: 0;
    transition: transform 0.4s ease; /* Smooth movement ke liye */
    transform: translateY(25px); /* Isse text niche chala jayega aur chhup jayega */
    position: relative;
    z-index: 1; /* Line ke peeche ya barabar rakhne ke liye */
}

/* Line ki styling */
.artwise-career-mt-line {
    height: 2px;
    background-color: #000; /* Apne hisab se color badlein */
    width: 100%;
    position: relative;
    z-index: 2; /* Ye line ko text ke upar dikhayega */
}

/* Active State: Jab item open ho ya hover karein */
/* Agar aap JS se 'active' class add kar rahe hain: */
.artwise-career-mt-policy-item.active h2,
.artwise-career-mt-policy-header:hover h2 {
    transform: translateY(0); /* Text wapas upar aa jayega */
}
.artwise-career-mt-policy-header {
    position: relative;
    cursor: pointer;
    /* 1. Header ki height itni rakhein ki sirf adha text dikhe */
    height: 50px; 
    /* 2. Isse niche ka extra part kat jayega */
    overflow: hidden; 
    display: flex;
padding-top: 20px; 
    padding-bottom: 0;
    flex-direction: column;
    justify-content: flex-end; /* Text ko niche se align karne ke liye */
}

.artwise-career-mt-policy-header h2 {
    margin: 0;
    font-size: 50px;
    line-height: 1;
    transition: transform 0.4s ease;
    /* 3. Text ko thoda niche push karein taaki adha chhup jaye */
    transform: translateY(20px); 
    margin-top: 40px;
}

.artwise-career-mt-line {
    height: 3px;
    background-color: #ffffff;
    width: 100%;
    /* 4. Line ko text ke upar fix rakhein */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

/* Active State: Jab click ho ya hover ho */
.artwise-career-mt-policy-item.active h2,
.artwise-career-mt-policy-header:hover h2 {
    /* 5. Text poora upar aa jayega */
    transform: translateY(0px); 
}

/* Header container ki height bhi active hone par thodi badh sakti hai */
.artwise-career-mt-policy-item.active .artwise-career-mt-policy-header {
    height: auto;
    overflow: visible;
}
.artwise-career-mt-policy-content {
    /* Content ki styling */
    padding: 15px 0;
}
/* --- Desktop & Base Styles --- */


.artwise-career-mt-policy-header h2 {
    margin: 0;
    font-size: 50px; /* Desktop size */
    transition: transform 0.4s ease-out;
    transform: translateY(22px); /* Adha chhupa hua default mein */
}

.artwise-career-mt-line {
    height: 3px;
    background-color: #000;
    width: 100%;
    position: relative;
    z-index: 2;
    background: white; 
    border-top: 2px solid rgb(255, 255, 255);
}

/* Active State Styles */
.artwise-career-mt-policy-item.active .artwise-career-mt-policy-header h2 {
    transform: translateY(0); /* Poora bahar aa jayega */
}

.artwise-career-mt-policy-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
    padding: 0 20px;
}

.artwise-career-mt-policy-item.active .artwise-career-mt-policy-content {
    height: 500px;
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 30px;
    overflow: auto;
    width: 100%;
    scrollbar-width: none;
}

.artwise-career-mt-subtitle {
    margin-bottom: 12px;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 5px 0px;
}
.artwise-career-mt-list-subtitle{
     margin-bottom: 6px;
    font-size: 0.95rem;
    font-weight: 500;
    margin: 5px 0px;
}

.artwise-career-mt-description {
    line-height: 1.7;
    font-size: 1rem;
    text-align: justify;
    margin: 10px 0;
}

/* --- Responsive Media Queries --- */

/* Tablet & Mobile (Below 768px) */
@media (max-width: 768px) {
    .artwise-career-mt-policy-header h2 {
        font-size: 1.5rem; /* Tablet par font thoda chhota */
        transform: translateY(18px); /* Height ke hisab se adjustment */
    }
    
    .artwise-career-mt-policy-content {
        padding: 0 15px; /* Side padding kam kar di */
    }
    
    .artwise-career-mt-subtitle {
        font-size: 1.15rem;
    }
}

/* Small Mobile (Below 480px) */
@media (max-width: 480px) {
    .artwise-career-mt-policy-header {
        padding-top: 25px;
    }

    .artwise-career-mt-policy-header h2 {
        font-size: 1.75rem; /* Mobile par font aur chhota */
        transform: translateY(14px);
    }

    .artwise-career-mt-description {
        font-size: 0.95rem; /* Chhoti screen par readable text */
        line-height: 1.6;
        text-align: left; /* Mobile par justify kabhi kabhi ajeeb lagta hai */
    }
}

/* Headings Class */
.artwise-career-mt-subtitle {
    font-size: 1.25rem;
    color: #ffffff;
    margin: 25px 0 12px 0;
    font-weight: 700;
}
/* List Classes */
.artwise-career-mt-list {
    margin: 10px 0 20px 20px;
    padding: 0;
}

.artwise-career-mt-list-item {
    font-size: 0.95rem;
    color: #ffffff;
    margin-bottom: 8px;
    list-style: disc;
    line-height: 1.5;
}
/* --- Desktop & Default (30px) --- */
.checkbox-wrapper-31-qd {
  width: 30px; 
  height: 30px;
  flex-shrink: 0; /* Isse checkbox flex container mein dabega nahi */
}

/* --- Tablet Devices (Below 768px) --- */
@media (max-width: 768px) {
  .checkbox-wrapper-31-qd {
    width: 26px;
    height: 26px;
  }
}

/* --- Mobile Devices (Below 480px) --- */
@media (max-width: 480px) {
  .checkbox-wrapper-31-qd {
    width: 22px; /* Mobile par clean dikhne ke liye chhota size */
    height: 22px;
  }
  
  /* Mobile par SVG stroke ko thoda manage karne ke liye */
  .checkbox-wrapper-31-qd .check-qd {
    stroke-width: 3px; /* Chhoti screen par check mark saaf dikhe */
  }
}

/* --- Alignment Helper (Optional) --- */
/* Agar aapka checkbox text ke saath hai, to ise parent container par lagayein */
.checkbox-parent-container {
  display: flex;
  align-items: center; /* Checkbox aur text ko ek line mein laane ke liye */
  gap: 10px;
}