.ddServicesSeoArea {
    background: var(--dark-wcolor, var(--white));
    padding: 35px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.ddServicesSeoContent {
    max-height: 400px;
    overflow: hidden;
    padding-bottom: 50px;
}
.ddServicesSeoContent.show {
    max-height: 100%;
}

.ddServicesSeoContent p {
    margin-bottom: 20px;
    color: var(--soft-text);
    font-weight: 400;
    line-height: 22px;
}
.ddServicesSeoContent :is(h1, h2, h3, h4, h5) {
    color: var(--main-text);
    margin-bottom: 10px;
}

.ddServicesSeoContent ul{
    margin-left: 15px;
    margin-bottom: 15px;
    list-style:circle;
    margin-top:15px;
}
.ddServicesSeoContent ul li{
    margin-bottom:12px;
}
.ddServicesSeoContent ol{
    margin-left: 15px;
    margin-bottom: 15px;
    list-style:circle;
    margin-top:15px;
}
.ddServicesSeoContent ol li{
    margin-bottom:12px;
}
.ddServicesSeoContent table{
    width:100%;
    margin-bottom:10px;
}
.ddServicesSeoContent table thead{
    background: #f0f1f9;
}
.ddServicesSeoContent table thead tr th{
    padding:10px 0;
}
.ddServicesSeoContent table tbody tr td{
    padding:10px 0;
    text-align:center;
}
.ddServicesSeoContent table tbody tr:nth-child(even) td{
    background:#f1f1f1;
}
.ddServicesSeoMore {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 2;
    background: var(--dark-bg, var(--bg));
    padding: 15px 35px;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--dark-input-text, var(--soft-text));
    font-weight: 500;
    border-radius: 20px 20px 0 0;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}
.ddServicesSeoArea::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, var(--dark-wcolor, var(--white)) 30%, transparent);
    height: 200px;
    z-index: 1;
    border-radius: 0 0 22px 22px;
}
#ddServiceStats {
    background:var(--main-color);
    padding:30px 0;
}
#ddServiceStats .ddServiceStatsIcon {
    min-width:86px;
    height:86px;
    width:86px;
    border-radius:20px;
}
#servicesBeginning{
    padding: 70px 0;
}
.servicesBeginningContent{
    display: grid;
    grid-template-columns: 350px auto;
    gap: 15px;
}
.servicesBeginningContentImage img{
    width:100%;
    height: auto;
}
.servicesBeginningContentText{
    display: grid;
    align-items: center;
    align-content: center;
    padding: 25px;
}
html[data-theme="dark"] .servicesBeginningContentText{
    background: var(--dark-wcolor);
    color: var(--dark-input-text)!important;
}
html[data-theme="dark"] #page .card{
    background: var(--dark-wcolor);
}
html[data-theme="dark"] .card .page--body{
    color: var(--dark-input-text)!important;
}
.servicesBeginningContentText a{
    border-radius: 12px;
    background: var(--main-color);
    height: 46px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-items: center;
    float: left;
    width: fit-content;
    padding: 0 30px;
}
.servicesBeginningContentText a img{
    margin-right:8px;
}
.servicesBeginningContentText h1,
.servicesBeginningContentText h2,
.servicesBeginningContentText h3,
.servicesBeginningContentText h4,
.servicesBeginningContentText h5,
.servicesBeginningContentText h6,
.servicesBeginningContentText p{
    margin-bottom: 15px;
}
#formSonuc{
    display: grid;
    margin-top: 20px;
}
#serviceForm{
    padding: 70px 0;
    padding-bottom: 0;
}
#serviceForm .card{
    padding: 30px 20px;
}
#serviceForm form{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 150px;
    gap: 15px;
} 
#serviceForm form button{
    width: 100%;
    justify-content: center;
}
#serviceForm .form-floating{
    margin-bottom: 0;
}
.serviceFormTop p{
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left;
}
@media (max-width:800px){
    #serviceForm form{
        grid-template-columns: 1fr 1fr;
    } 
}
@media (max-width:560px){
    #serviceForm form{
        grid-template-columns: 1fr;
    } 
    .serviceFormTop p{
        text-align: center;
    }
}
@media (max-width:820px){
    .servicesBeginningContent{
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
@media (max-width:1024px) {
    .ddServiceStatsList {
        grid-template-columns:1fr 1fr;
        gap:12px !important;
    }
    .ddServiceStatsList>div.d-flex {
        background:#ffffff10;
        padding:12px;
        border-radius:20px;
        border:1px solid #ffffff30;
    }
    #ddServiceStats .ddServiceStatsIcon {
        min-width:74px;
        width:74px;
        height:74px;
        border-radius:12px;
        font-size: 34px !important;
    }
    .ddServicesSeoMore{
        padding: 15px 20px;
    }
}
@media (max-width: 500px) {
    .ddServiceStatsList {
        grid-template-columns: auto;
        gap: 10px !important;
    }
    .ddServiceStatsList > div.d-flex {
        padding: 8px;
    }
    ##ddServiceStats .ddServiceStatsIcon {
        min-width: 60px;
        width: 60px;
        height: 60px;
        font-size: 24px !important;
    }
}
.ddServiceDetailsContent .ddServiceDetailsContentPro {
    display:grid;
    grid-template-columns: 1fr;
    gap:12px;
}
.ddServiceDetailsContent .ddServiceDetailsContentPro .ddServiceDetailImage {
    position:sticky;
    top:85px;
}
.ddServiceDetailsContent .ddServiceDetailsContentPro .ddServiceDetailImage img{
    border-radius: 20px;
}
.ddServiceDetailsContentArea .ddServiceDetailImage {
    height:fit-content;
}
.ddServiceDetailsContentArea .ddServiceDetailImage img {
    width:100%;
    height:auto;
    border-radius:20px;
}
.ddServiceDetailsContentHow {
    background:var(--dark-wcolor,var(--white));
    padding:30px;
    border-radius:20px;
    height:fit-content;
    position:relative;
    z-index:1;
}
.ddServiceDetailsContentHow .head {
    margin-bottom:20px;
}
.ddServiceDetailsContentHow .head h2 {
    margin-bottom:3px;
    color:var(--dark-white,var(--main-text));
}
.ddServiceDetailsContentHow .head p {
    color:var(--dark-input-text,var(--soft-text));
}
.ddServiceDetailsContentHow .bottom {
    margin-top:20px;
}
.ddServiceDetailsContentHow .bottom h2 {
    margin-bottom:3px;
    color:var(--dark-white,var(--main-text));
}
.ddServiceDetailsContentHow .bottom p {
    color:var(--dark-input-text,var(--soft-text));
}
.ddServiceDetailsContentHowList {
    position:relative;
}
.ddServiceDetailsContentHowList ul {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem {
    display:flex;
    align-items:center;
    padding:5px;
    border:2px solid var(--dark-loft-color,var(--bg));
    border-radius:18px;
    gap:15px;
    position:relative;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .icon {
    min-width:80px;
    width:80px;
    min-height:100px;
    border-radius:12px;
    background:var(--p,var(--main-color));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    color:var(--white);
    position:relative;
    z-index:1;
    padding-bottom:8px;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .icon::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    border-radius:25px;
    background:url(<?=$link_url?>svg/path-3.webp);
    background-size:112px;
    opacity:0.1;
    z-index:-1;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .icon span.count {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:5px;
    font-size:12px;
    background:#ffffff40;
    border:1px solid #ffffff40;
    padding:1px 12px;
    border-radius:12px;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .text {
    padding-right:15px;
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .text span {
    font-size:18px;
    font-weight:600;
    color:var(--dark-white,var(--main-text));
}
.ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem .text p {
    color:var(--dark-input-text,var(--soft-text));
    font-weight:400;
}
@media (max-width:1250px) {
    .ddServiceDetailsContent .ddServiceDetailsContentPro {
        grid-template-columns:1fr;
    }
}
@media (max-width:1100px) {
    .ddServiceDetailsContent .ddServiceDetailsContentPro {
        grid-template-columns:auto;
    }
    .ddServiceDetailsContent .ddServiceDetailsContentPro .ddServiceDetailImage {
        position:relative;
        top:0;
    }
    .ddServiceDetailsContentArea .ddServiceDetailImage img {
        height:450px;
        object-fit:cover;
    }
}
@media (max-width:768px) {
    .ddServiceDetailsContentHowList ul {
        grid-template-columns:auto;
    }
}
@media (max-width:600px) {
    .ddServiceDetailsContentArea .ddServiceDetailImage img {
        height:auto;
    }
    .ddServiceDetailsContentHow {
        padding:22px;
    }
    .ddServiceDetailsContentHow .head h2 {
        font-size:22px;
    }
    .ddServiceDetailsContentHowList .ddServiceDetailsContentHowListItem {
        padding: 8px;
    }
}
section#advantage{
    background: var(--dark-wcolor, #ecedf5);
    padding: 70px 0;
}
.ddShowMoreFaqs{
    border-radius: 12px;
    background: var(--main-color);
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
    transition: 0.2s;
    padding: 0 25px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.ddServicesFaqList {
    margin-top:60px;
}
.ddServicesFaqListContent {
    margin:0 auto;
    margin-top:20px;
    max-width:var(--container);
    padding:0 15px;
}
.ddServicesFaqListContentAreaa.show {
    display:block;
}
.accordion {
    position:relative;
}
.accordion .item {
    background:var(--dark-loft-color,var(--dwhite));
    border-radius:20px;
    height:fit-content;
}
.accordion .item .head {
    padding:18px;
    position:relative;
    display:flex;
    align-items:center;
    min-height:78px;
    gap:15px;
    cursor:pointer;
    color:var(--dark-input-text,var(--dark-text));
}
.accordion .item .head::before {
    content:"";
    display:inline-block;
    width:40px;
    height:40px;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23765ee2"><path d="M12 17V16.9929M9.13733 9C9.51961 7.84083 10.6567 7 12 7C12.3507 7 12.6873 7.05731 13.0001 7.16262M11.9999 14.8571C11.9999 11.6429 14.9999 12.3571 14.9999 9.85714C14.9999 9.55851 14.9518 9.27058 14.8625 9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size:40px 40px;
    background-repeat:no-repeat;
    align-items:center;
    vertical-align:middle;
}
.accordion .item .body {
    padding:25px;
    border-top:1px solid var(--dark-input-color,var(--bg));
    color:var(--dark-input-text);
    display:none;
    font-size:17px;
    line-height:24px;
}
.sectionTitle {
    color:#181c29;
    font-size:28px;
    font-weight:700;
    text-align:center;
    width:fit-content;
    margin:0 auto;
    position:relative;
}
html[data-theme="dark"] .sectionTitle{
    color: var(--dark-input-text);
}
html[data-theme="dark"] .sectionDesc{
    color: var(--dark-input-text);
}
html[data-theme="dark"] .sectionTitle::before{
    background: var(--dark-input-text);
}
html[data-theme="dark"] .sectionTitle::after{
    background: var(--dark-input-text);
}
.sectionDesc {
    max-width:640px;
    margin:0 auto;
    margin-top:12px;
    text-align:center;
    font-size:20px;
    margin-bottom:50px;
    color:#25283b;
}
.sectionTitle::before {
    content:"";
    position:absolute;
    right:-50px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:4px;
    border-radius:var(--radius);
    background:#181c29;
}
.sectionTitle::after {
    content:"";
    position:absolute;
    left:-50px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:4px;
    border-radius:var(--radius);
    background:#181c29;
}
@media (max-width:768px) {
    .tacenter {
        text-align:center !important;
    }
    .m0a {
        margin:0 auto !important;
    }
}
@media (max-width:600px) {
    .sectionDesc {
        text-align:left;
        font-size:16px;
    }
    .sectionTitle {
        font-size:22px;
        text-align:left;
        margin: 0;
    }
}