.service-image{margin-bottom:30px;width: 100%;}
.grid-row{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:30px;}
.grid-treatment-card{padding:30px;border-radius:20px;border:1px solid #ccc;}
.grid-treatment-lastcard{grid-column:1/-1;}
.card-border-bottom{border-bottom: 6px solid #ccc;}
.custom-ul-style{color:var(--text-color);line-height: 1.7em;list-style:none;}
.custom-ul-style li::before{content: "\f101";font-family: 'FontAwesome';color: var(--primary-color);padding-right: 10px;}
.custom-ol-style{color:var(--text-color);line-height: 1.7em;}
.ttm-service-description a{color:var(--primary-color);}
.ttm-service-description strong{color:#181818;}
.ttm-service-description h2{font-size: 26px;}
.ttm-service-description h3{font-size: 25px;}
.ttm-service-description h4{color: #181818 !important;font-size: 20px;}
.accordion .toggle.ttm-style-befault .toggle-title a{font-family: "Onest", sans-serif !important;font-size:17px !important;text-transform: inherit !important;color: var(--primary-dark-color) !important;}
.tablecontainer {overflow-x: auto;width: 100%;color: var(--text-color);}
table, th, td {border: 1px solid #ddd;padding: 8px;text-align: left;}
table {border-collapse: collapse;width: 100%;}
table th {background-color: var(--primary-color);color: #fff;}
tr:nth-child(odd) {background-color: #f2f2f2;}
.procedure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;margin-bottom:40px;}
.procedure-card{padding:20px;border-radius:20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.procedure-card p{margin-top:30px;}
.procedure-card .count-style{display:flex;justify-content:flex-end;align-items:center;/*gap:15px;*/}
.procedure-card .span-number{
    color: #fff;
    background-color: var(--primary-color);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    border-radius: 25px;
}
.procedure-card .span-line{border:1px solid var(--primary-color);width:45%;}
.procedure-card-bg{background-color:var(--primary-color);padding:20px;border-radius:20px;display: flex;flex-direction: column;justify-content: center;gap: 10px;align-items: center;}
.procedure-card-bg i{color:#fff;font-size:24px;}
.procedure-card-bg p{
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.5em;
}
.treatment-options-card {background-color: #f7f7f7;border: 1px solid #bbb;height:100%;}
.treatment-options-img img{width:100%;}
.treatment-options-content {padding: 20px;}
.ul-flex {display: flex;flex-wrap: wrap;gap: 20px;list-style:inside;margin-top: 25px;padding-left:0px;}
.ul-flex li{padding: 10px 15px;background-color: #f7f7f7;border-radius: 10px;text-align: center;border: 1px solid #ccc;}
.menopause-grid{display:grid;grid-template-columns:repeat(2,1fr);/*gap:30px;*/}
.menopause-grid-card{padding:20px;border:1px solid #ccc;/*border-radius:20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/}
.menopause-grid-last-card{grid-column:1/-1;}
.side-appointment-img img{width:100%;margin-bottom: 25px;}
.side-appointment-content p{margin:10px 0 15px 0;}
.side-appointment-btn {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.side-appointment-btn:hover{background-color:#8205b5;color:#fff !important;}
.embryology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.embryology-grid-card{padding:20px;}
.embryology-grid-card-border{border-bottom: 4px solid #ccc !important;border: 1px solid #ccc;border-radius: 15px;}
.embryology-grid-card-border:hover{border-bottom: 4px solid var(--primary-color) !important;transition:all 0.3s ease;}
.ivf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.ivf-last-card{grid-column:1/-1;}
.ivf-card{position:relative;padding:35px;background: #f5f5f5;border-radius: 15px;border: 1px solid #ccc;}
.ivf-step{position:absolute;left: -18px;background-color: var(--primary-color);width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 25px;top: 42%;color: var(--text-white);transition:all 0.4s ease;}
.ivf-step-content p{margin-bottom:0px;}
.ivf-card:hover{background-color:var(--primary-color);border:1px solid var(--primary-color);}
.ivf-card:hover h4,.ivf-card:hover p{color:var(--text-white) !important;}
.ivf-card:hover .ivf-step{transform:translateY(-20px);transition:all 0.4s ease;}

@media (max-width:600px){
  .grid-row,.procedure-grid,.menopause-grid,.embryology-grid,.ivf-grid{grid-template-columns:repeat(1,1fr);}
  .count-style-mobile{justify-content: flex-start!important;}
}

@media (min-width:768px) and (max-width:991px){
.procedure-grid{display:grid;grid-template-columns:repeat(2,1fr);}
.side-appointment-btn{width:35%;}
}