.rental-title {

    font-size: 18px;
    font-weight: 300;   
}

.rental-margin {
    margin: 5px 0px;
    margin-top: 10px;
}

.x-list i {
    color: var(--main-color);
}

.x-list li {
    padding: 0px 0px;
    font-size: 14px;
    line-height: 23px;
}

.rental-row {
    background: #F5F5F5;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}

.br-10 {
    border-radius: 10px;
}

.rental-subtitle {
    font-size: 19px;
    font-weight: bold;
    margin: 20px 0px;
}

.rental-subtitle.red {
    color: #BF3C3C;
}

.rental-icon {
    width: 100px;
    height: 100px;
    font-size: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 11px;
}

.rental-icon.red {
    border: 5px solid #BF3C3C;

}

.rental-icon.blue {
    border: 5px solid #3C74CE;
}

.rental-row .blue {
    color: #3C74CE;
}

.rental-row .red {
    color: #BF3C3C;
}

.rental-row .yellow {
    color: #EFC12E;
}

.rental-row .green {
    color: #50B294;
}

.rental-icon.yellow {
    border: 5px solid #EFC12E;
}

.rental-icon.green {
    border: 5px solid #50B294;
}

.rental-icon.turq {
    border: 5px solid #55D6D2;
}

.rental-row .turq {
    color: #55D6D2;
}

.rental-icon.xpin {
    border: 5px solid #FB6767;
}

.rental-row .xpin {
    color: #FB6767;
}

.rental-icon.fusg {
    border: 5px solid #A1B400;
}

.rental-row .fusg {
    color: #A1B400;
}

.rental-icon.oblue {
    border: 5px solid #62C3ED;
}

.rental-row .oblue {
    color: #62C3ED;
}

.rental-icon.orange {
    border: 5px solid #F6871E;
}

.rental-row .orange {
    color: #F6871E;
}

.rental-h2 h2 {
    color: #4C3B4D;
    font-size: 30px;
}

.rental-hr {
    height: 9px;
    background: #FC5000;
    width: 210px;
    margin-top: 20px;
}

.rental-sss.mt-30 {
    background: #F3F5F6;
    padding: 49px;
}

h1.rental-h1 {
    color: #4C3B4D;
    margin-bottom: 13px;
    font-size: 38px;
}

.sell-cont-bg {
    background: #4C3B4D;
    margin: 30px 0px;
    padding: 30px;
    border-radius: 8px;
}

.x-timeline-1 {
    padding: 0px 180px;
}

.x-timeline-1-row {
    border-radius: 20px;
    background: #F3F3F3;
}

.x-timeline-1-top {
    height: 24px;
    background: linear-gradient(45deg, #FFBC34, #FF9F34);
}

.x-timeline-1-top {
    height: 24px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.x-timeline-1-row.step-orange .x-timeline-1-top {
    background: linear-gradient(45deg, #FFBC34, #FF9F34);

}

.x-timeline-1-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.x-timeline-1-middle {
    width: 600px;
    padding: 30px 0px;
}

.x-timeline-step {
    font-size: 40px;
    margin-left: -190px;
    background: linear-gradient(45deg, #FFBC34, #FF9F34);
    border-radius: 40px;
    padding: 14px 50px;
    font-weight: bold;
    position: relative;
}

.x-timeline-1-icon {
    background: linear-gradient(45deg, #FFBC34, #FF9F34);
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 75px;
    margin-right: -74px;
    color: #35354A;
    border-radius: 50%;
}

.x-timeline-step::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: #ffa234;
    right: -7px;
    top: 19px;
    transform: rotate(45deg);
}

.step-purple .x-timeline-step,
.step-purple .x-timeline-1-top,
.step-purple .x-timeline-1-icon {
    background: linear-gradient(45deg, #FCA4CF, #E17DCF);
}

.step-purple .x-timeline-step::after {
    background: #e482cf;
}

.step-haki .x-timeline-step,
.step-haki .x-timeline-1-top,
.step-haki .x-timeline-1-icon {
    background: linear-gradient(45deg, #ABD3A4, #8BC3A4);
}

.step-haki .x-timeline-step::after {
    background: #8BC3A4;
}

.step-green .x-timeline-step,
.step-green .x-timeline-1-top,
.step-green .x-timeline-1-icon {
    background: linear-gradient(45deg, #C2D846, #A4C646);
}

.step-green .x-timeline-step::after {
    background: #A4C646;
}

.step-xorange .x-timeline-step,
.step-xorange .x-timeline-1-top,
.step-xorange .x-timeline-1-icon {
    background: linear-gradient(45deg, #FFA05F, #FF7D5F);
}

.step-xorange .x-timeline-step::after {
    background: #FF7D5F;
}

.step-pink .x-timeline-step,
.step-pink .x-timeline-1-top,
.step-pink .x-timeline-1-icon {
    background: linear-gradient(45deg, #D5A9D2, #D5A9D2);
}

.step-pink .x-timeline-step::after {
    background: #D5A9D2;
}

.step-haki2 .x-timeline-step,
.step-haki2 .x-timeline-1-top,
.step-haki2 .x-timeline-1-icon {
    background: linear-gradient(45deg, #B9D5A9, #92C674);
}

.step-haki2 .x-timeline-step::after {
    background: #92C674;
}

.about-bg-raisin {
    background: #4C3B4D;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
}

.about-bg-gray {
    background: #F5F5F5;
    padding: 30px 25px;
    border-radius: 10px;
}

ul.ul-w-icon li {
    color: #4C3B4D;
    font-weight: 400;
    gap: 10px;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    align-items: center;
}

ul.ul-w-icon.text-white li {
    color: #FFF;
}

ul.ul-w-icon li i {
    color: #FD6119;
}
.about-bg-gray img {
    min-width: 320px;
    min-height: 320px;
    object-fit: cover;
    width: 320px;
    height: 320px;
}

.about-3-gray {
    background: #F5F5F5;
    padding: 33px 40px;
    border-radius: 10px;
    box-shadow: 0px 2px 7px #cecece;
    height: 100%;
}

.about-3-icon {
    font-size: 60px;
    color: #4C3B4D;
}

.about-3-gray h3 {
    font-size: 22px;
    color: #4C3B4D;
    margin-bottom: 9px;
    margin-top: 10px;
}

.about-wrap h3 {
    font-size: 22px;
    color: #4C3B4D;
    margin-bottom: 9px;
    margin-top: 10px;
}


.st-btm-div {
    text-align: center;
    padding: 40px 15px;
    font-size: 21px;
    font-weight: 600;
}

.st-btm-div.st-bg-purple {
    background: #D4DDFD;
}

.st-btm-div.st-bg-green {
    background: #71D8B7;
}

.st-btm-div.st-bg-red {
    background: #E48080;
}

.st-btm-div.st-bg-yellow {
    background: #F4E193;
}

.st-btm-div.st-bg-pink {
    background: #FCD3FF;
}

.why-us-gray {
    font-size: 21px;
    font-weight: 700;
    color: #4C3B4D;
}

.bkiralama-row {
    background: #F4E193;
    display: flex;
    padding: 30px 60px;
    border-radius: 10px;
    align-items: center;
    gap: 35px;
    margin-top: 20px;
}

.bkiralama-row i {
    font-size: 80px;
}

.bkiralama-row p {
    font-weight: 600;
    font-size: 23.3px;
    margin-top: 10px
}
.about-icon-list li{
    align-items: flex-start !important;
    margin-bottom: 10px;
}
.about-icon-list li i{

    margin-top: 5px;
}

@media screen and (min-width:768px) and (max-width:1440px) {
    .x-timeline-1-middle {
        width: 600px;
        padding: 14px 15px;
    }

    .blog-content p {
        font-size: 13px;
        line-height: 22px;
    }

    .x-timeline-step {
        font-size: 23px;
        padding: 14px 20px;
        text-align: center;
    }

    .x-timeline-step::after {
        width: 20px;
        height: 20px;
        right: -6px;
        top: 18px;
    }
}
@media screen and (max-width:1440px) {
    .about-3-gray {
        padding: 13px 19px;
    }
}
@media screen and (max-width:991px) {
 

.about-bg-gray img {
    min-width: 320px;
    min-height: 320px;
    object-fit: cover;
    width: 320px;
    height: 320px;
}
    .x-timeline-step {
        font-size: 23px;
        padding: 14px 20px;
        text-align: center;
        margin: 0;
        width: 100%;
        border-radius: 0;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
    .x-timeline-1-middle {
        width: auto;
        padding: 20px 20px;
    }
    .x-timeline-1-right {
        text-align: center;
        display: flex    ;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }
    .x-timeline-1-icon {
        margin: 0;
        font-size: 40px;
    }
    .x-timeline-1 {
        padding: 0px 10px;
    }

    .x-timeline-1-top {
        display: none;
    }

    .x-timeline-step::after {
        display: none;
    }

    .x-timeline-1-body {
        align-items: stretch;
        flex-direction: column;
    }
}
@media screen and (max-width:767px) {

    .rental-sss.mt-30 {
        background: #F3F5F6;
        padding: 13px;
    }
    .rental-blog .p-30 {
        padding: 10px;
    }
    .rental-h2 h2 {
        color: #4C3B4D;
        font-size: 26px;
        line-height: 32px;
    }
    .x-list li {
        padding: 5px 0px;
        font-size: 13px;
    }
    .rental-hr {
        height: 7px;
        margin-top: 10px;
    }
    .rental-margin {
        margin: 10px 0px;
        margin-top: 10px;
    }
   

    ul.ul-w-icon li {
        margin-bottom: 5px;
    }

    ul.ul-w-icon li {
        gap: 7px;
    }

    .iframe {
        margin-top: 20px;
        border-radius: 30px;
    }

    ul.ul-w-icon {
        margin-top: 10px;
    }

    h1.rental-h1 {
        font-size: 26px;
        line-height: 32px;
    }
    .bkiralama-row {
        padding: 20px 20px;
    }
    .bkiralama-row i {
        font-size: 50px;
    }
    .bkiralama-row     h2 {
        font-size: 15px;
        line-height: 19px;
    }
}

@media screen and (max-width:575px) {

    .why-us-gray,
    .st-btm-div {
        font-size: 14px;
    }

    .about-bg-gray {
        padding: 20px 29px;
    }

    .about-bg-gray img {
        width: 290px;
        height: 290px;
        object-fit: cover;
    }
}