/* HERO */

.tickorder-services-hero{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f0fdf4
    );

    padding:80px 50px;

    border-radius:30px;

    overflow:hidden;

    margin-bottom:70px;

}


/* TEXT */

.services-hero-text h1{

    font-size:58px;

    line-height:1.1;

    margin-bottom:25px;

    color:var(--dark);

}


.services-hero-text p{

    font-size:20px;

    line-height:1.8;

    color:var(--gray);

    margin-bottom:35px;

}


/* BUTTON */

.services-btn{

    display:inline-block;

    background:var(--primary-green);

    color:#ffffff;

    padding:16px 30px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s ease;

}


.services-btn:hover{

    transform:translateY(-4px);

}


/* VISUAL */

.services-hero-visual{

    position:relative;

    height:500px;

}


/* CIRCLES */

.service-circle{

    position:absolute;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

}


/* ICON */

.service-circle span{

    font-size:40px;

}


/* MAIN */

.main-circle{

    width:220px;

    height:220px;

    top:100px;

    left:120px;

}


/* OTHERS */

.circle-two{

    width:120px;

    height:120px;

    top:20px;

    right:40px;

}


.circle-three{

    width:140px;

    height:140px;

    bottom:40px;

    right:80px;

}


.circle-four{

    width:110px;

    height:110px;

    bottom:80px;

    left:20px;

}


/* MOBILE */

@media(max-width:991px){

    .tickorder-services-hero{

        grid-template-columns:1fr;

        text-align:center;

    }


    .services-hero-text h1{

        font-size:40px;

    }


    .services-hero-visual{

        height:350px;

    }

}


/* SERVICES INFO */

.tickorder-services-info{

    display:grid;

    grid-template-columns:
    repeat(auto-fit, minmax(280px,1fr));

    gap:30px;

    margin-top:70px;

}


/* CARD */

.service-info-card{

    background:#ffffff;

    padding:40px 30px;

    border-radius:24px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.06);

    transition:0.3s ease;

}


.service-info-card:hover{

    transform:translateY(-8px);

}


/* ICON */

.service-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:20px;

    background:#dcfce7;

    font-size:34px;

    margin-bottom:25px;

}


/* TITLE */

.service-info-card h2{

    font-size:26px;

    margin-bottom:18px;

    color:var(--dark);

}


/* TEXT */

.service-info-card p{

    color:var(--gray);

    line-height:1.8;

    font-size:16px;

}









/* LEGAL PAGE */

.tickorder-legal-page{

    max-width:1100px;

    margin:auto;

}


/* HEADER */

.legal-header{

    text-align:center;

    margin-bottom:50px;

}


.legal-header h1{

    font-size:58px;

    margin-bottom:15px;

    color:var(--dark);

}


.legal-header p{

    color:var(--gray);

    font-size:18px;

}


/* CARD */

.legal-card{

    background:#ffffff;

    padding:40px;

    border-radius:24px;

    margin-bottom:30px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

}


/* TITLES */

.legal-card h2{

    font-size:30px;

    margin-bottom:20px;

    color:var(--dark);

}


/* TEXT */

.legal-card p{

    color:var(--gray);

    line-height:1.9;

    margin-bottom:15px;

}


/* LIST */

.legal-card ul{

    padding-left:20px;

}


.legal-card li{

    margin-bottom:12px;

    color:var(--gray);

}


/* CONTACT CARD */

.contact-card{

    background:linear-gradient(
        135deg,
        #16a34a,
        #15803d
    );

}


.contact-card h2,
.contact-card p{

    color:#ffffff;

}

/* CONTACT LINKS */

.contact-card a{

    color:#ffffff;

    text-decoration:none;

    font-weight:600;

}


.contact-card a:hover{

    text-decoration:underline;

}


/* MOBILE */

@media(max-width:768px){

    .legal-header h1{

        font-size:40px;

    }


    .legal-card{

        padding:25px;

    }


    .legal-card h2{

        font-size:24px;

    }

}