.hero .title-fix-appoint{
    font-size:50px;
    background: linear-gradient(90.75deg, #f1e8e8 6.43%, rgb(124 104 104 / 64%) 86.66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:800
}
.hero .title-para-fix-appoint{
    font-size:20px;
    background: linear-gradient(90.75deg, #ffffff 6.43%, rgb(211 230 243 / 83%) 86.66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align:justify
}

.custom-btn-appointment{
    background:linear-gradient(145deg, rgba(231, 64, 235, 0.6), rgba(59, 25, 156, 0.7));
    color:#fff;
    transition: color 0.3s ease;  
   }

.custom-btn-appointment:hover{
color:rgb(245,222,179);
}
.heading-appointment{
    text-align:right;
    font-size:38px;
    font-weight:700;
    background: linear-gradient(90.75deg, #800080, #e891a0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sub-head-appointment{
    text-align:right;
    font-size:15px;
    color:#450696
}
.custom-label{
    font-size:15px;
    font-weight:600;
    display:flex;
    justify-content:left
}
.custom-input{
    font-size:15px;
}
.contact-appointment-card{
    background: linear-gradient(5deg, rgb(82 92 196 / 13%) 4.13%, rgba(255, 255, 255, 0.6) 80.29%);
    border: 0;
    backdrop-filter: blur(19px);
    /* box-shadow: 0px 34px 40px 0px #4A55BC23; */
    box-shadow: 0px 16px 5px 0px #b868b623;
    border-radius: 30px;
    padding:2.1rem;
    border-bottom:4px solid purple;
    border-left:4px solid purple;
    /* border-right:4px solid purple; */
   }
.custom-card-contain{
    /* background: linear-gradient(135deg, rgb(255 255 255 / 60%), rgb(114 185 208 / 22%), rgb(221 160 221 / 26%), rgb(255 255 255 / 39%)); */
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5), inset 0 0 20px rgba(173, 216, 230, 0.5);
    /* padding:1.5rem; */
    border-radius: 30px;
    border:0;
    background-color:    rgb(248,248,255);
    border-top:3px solid purple;
    border-bottom:3px solid purple;
}
.scrumlin{
    background: linear-gradient(90.75deg, #351fae, #b583c4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 800;
}
.scrumlin-sub{
    background: linear-gradient(90.75deg, #800080, #e891a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight:600;
    margin-top:-14px

}
.img-app{
    width:8rem
}
.img-app-carasoul{
    width:12rem
}
.card-title-appointment{
    background: linear-gradient(90.75deg, #351fae, #b583c4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:15px;
    font-weight:600
}
.card-sub-title-appointment{
    color: #472C4C;
    font-size:13px;
}

.fix-cards{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 4.13%, rgba(255, 255, 255, 0.6) 80.29%);
    border: 1px solid purple;
    /* backdrop-filter: blur(19.027973175048828px); */
    box-shadow: 0px 34px 40px 0px #4A55BC23;
    border-radius: 32px;
    transition: transform 0.3s ease;
    height:100%;
    text-align: center;
}
.fix-cards:hover{
    transform: scale(1.05);
}
.offer{
    background: linear-gradient(90.75deg, #800080, #e891a0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:28px;
font-weight:800;
text-align:left
}

.list-appoint{
    padding:0
}
.fix-icon{
    font-size: 19px;
    font-weight:800
}

.list-appoint .ul .li{
    list-style-type:disc;
    font-size:15px;
    font-weight:500;
    color:rgb(183,65,14);
    padding-top:12px;
    text-align:left
}

.fix-appointment-carasoul{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 4.13%, rgba(255, 255, 255, 0.6) 80.29%);
    border:0
}
.r-section {
    position: sticky;
    top: 0; /* Adjust this value if you have a fixed header */
    /* height: 100vh; Make it full height of the viewport */
    overflow-y: auto; /* Allow scrolling if content exceeds viewport height */
}

.r-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px;
    flex-direction: row;
    align-content: space-around;

    position: sticky;
    top: 0;
    height: 120vh;
    overflow-y: auto;
}

.para-text-appoint{
    color:#351fae;
    font-size:16px;
    text-align:left
}
.partner-img{
    width:10rem
}
.vincent-card{
    /* background: linear-gradient(90.75deg, #A770EF, #CF8BF3,#FDB99B); */
    background: linear-gradient(5deg, rgb(107 76 193 / 45%) 4.13%, rgb(254 251 255) 80.29%);
    border:0;
    border-radius:90px;
    border-bottom:4px solid purple;
    border-right:4px solid purple;
    /* padding:2.1rem; */
}
.vincent-head{
    font-size:36px;
    background: linear-gradient(90.75deg, #800080, #e891a0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.vincent-title{
    font-size:18px;
    color:#450696;
    text-align:justify
}
.capp-img{
    width:20rem
}
/* Adjust font sizes for extra small, small, and medium devices */
@media (max-width: 576px) { /* Extra small devices */
    .hero .title-fix-appoint {
        font-size: 30px; /* Adjusted for extra small */
    }
    .hero .title-para-fix-appoint {
        font-size: 16px; /* Adjusted for extra small */
    }
    .custom-btn-appointment {
        font-size: 14px; /* Adjusted for extra small */
    }
    .heading-appointment {
        font-size: 28px; /* Adjusted for extra small */
    }
    .sub-head-appointment {
        font-size: 12px; /* Adjusted for extra small */
    }
    .custom-label, .custom-input {
        font-size: 14px; /* Adjusted for extra small */
    }
    .scrumlin {
        font-size: 24px; /* Adjusted for extra small */
    }
    .card-title-appointment {
        font-size: 12px; /* Adjusted for extra small */
    }
    .card-sub-title-appointment {
        font-size: 11px; /* Adjusted for extra small */
    }
}

@media (min-width: 577px) and (max-width: 768px) { /* Small devices */
    .hero .title-fix-appoint {
        font-size: 40px; /* Adjusted for small */
    }
    .hero .title-para-fix-appoint {
        font-size: 18px; /* Adjusted for small */
    }
    .custom-btn-appointment {
        font-size: 16px; /* Adjusted for small */
    }
    .heading-appointment {
        font-size: 32px; /* Adjusted for small */
    }
    .sub-head-appointment {
        font-size: 14px; /* Adjusted for small */
    }
    .custom-label, .custom-input {
        font-size: 15px; /* Adjusted for small */
    }
    .scrumlin {
        font-size: 28px; /* Adjusted for small */
    }
    .card-title-appointment {
        font-size: 14px; /* Adjusted for small */
    }
    .card-sub-title-appointment {
        font-size: 12px; /* Adjusted for small */
    }
}

@media (min-width: 769px) { /* Medium devices and up */
    .hero .title-fix-appoint {
        font-size: 50px; /* Original size for medium */
    }
    .hero .title-para-fix-appoint {
        font-size: 20px; /* Original size for medium */
    }
    .custom-btn-appointment {
        font-size: 18px; /* Original size for medium */
    }
    .heading-appointment {
        font-size: 38px; /* Original size for medium */
    }
    .sub-head-appointment {
        font-size: 15px; /* Original size for medium */
    }
    .custom-label, .custom-input {
        font-size: 15px; /* Original size for medium */
    }
    .scrumlin {
        font-size: 30px; /* Original size for medium */
    }
    .card-title-appointment {
        font-size: 18px; /* Original size for medium */
    }
    .card-sub-title-appointment {
        font-size: 13px; /* Original size for medium */
    }
}