section.image-to-spec-section {
    padding: 50px 0;
}
.image-to-spec {
    float: left;
    width: 100%;
}
.image-to-spec.image-to-spec-fullwidth .container-md {
    width: 100%;
    max-width: 100%;
}
.image-to-spec-left, .image-to-spec-right {
    float: left;
    width: 50%;
    height: 400px;
    position: relative;
}
.image-to-spec-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.image-to-spec-right-in {
    padding: 0 10%;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 85%;
    overflow-y: auto;
    width: 100%;
}
.image-to-spec-right-in p {
    margin-bottom: 20px;
    font-family: Arada-Light;
}
.image-to-spec-right-in p strong{
    font-family: Arada-Bold;
}
.image-to-spec-right-in ul {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.image-to-spec-right-in li {
    padding-left: 20px;
    width: 50%;
    float: left;
    font-family: Arada-Light;
    margin-bottom: 12px;
    background-image: url(../../images/bullet.svg);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-right: 10px;
}
.image-to-spec-right-in li:nth-child(2n+1) {
    clear: left;
}
.image-to-spec-right-in .button-style-1 {
    float: right;
    font-size: 20px;
    font-family: 'Arada-Bold';
    /*width: 165px;*/
    text-align: center;
}
.btn-outer {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    flex-wrap: wrap;
}
.button-style-1-green {
    background-color: #A2A568;
    border-color: #A2A568;
    color: #fff;
}
.property-spec-loop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}
.property-spec-each-loop{
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
    text-align: center;
    color: #fff;
    font-family: 'Arada-Bold';
    justify-content: flex-start;
}
.button-style-1-green {
    padding: 0 15px;
}
.rtl .image-to-spec-right-in .button-style-1 {
    font-family: 'Cairo-Light';
}
.rtl span.item-value{
    font-family: 'Cairo-Bold';
    align-items: center;
}
.rtl span.item-value p,.rtl span.item-name {
    font-family: 'Cairo-Bold';
}
img.item-icon {
    width: 65px;
    margin: 0 auto;
    height: 65px;
}
span.item-value p{
    font-size: 16px;
    margin: 0;
    font-family: 'Arada-Regular';
}
span.item-value {
    font-size: 30px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: baseline;
    letter-spacing: 1px;
    gap: 5px;
}
.button_to_centre .btn-outer {
    justify-content: center;
}

.image-to-spec-left .lSSlideOuter,
.image-to-spec-left .lSSlideOuter .lSSlideWrapper,
.image-to-spec-left .lSSlideOuter .lightSlider, 
.image-to-spec-left .lSSlideOuter .lightSlider .lslide{
    height: 100% !important;
}

.image-to-spec-left .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.image-to-spec-left .lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #082244;
}
.image-to-spec-left .lSSlideOuter .lSPager.lSpg>li a {
    background-color: #a7a2a2;
}
.image-to-spec-right-in h3,.image-to-spec-right-in h2,.image-to-spec-right-in h4,.image-to-spec-right-in h5,.image-to-spec-right-in h6{
    color: #fff;
    font-weight: 400;
}

.image-to-spec-left .itps-slider {
    margin: 0;
    padding: 0;
}
.image-to-spec-left .itps-slider li{
    list-style: none;
}
.image-to-spec-left .itps-slider .slick-slide div li {
    float: left;
    width: 100%;
}
.image-to-spec-left .itps-slider,
.image-to-spec-left .itps-slider .slick-slide,
.image-to-spec-left .itps-slider .slick-track,
.image-to-spec-left .itps-slider .slick-list,
.image-to-spec-left .itps-slider .slick-slide li, 
.image-to-spec-left .itps-slider .slick-slide div {
    height: 100%;
}
body .image-to-spec-left .itps-slider ul.slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
}


ul.itps-slider.itt-slider-light-mode {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}
ul.itps-slider.itt-slider-dark-mode {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.dark-mode ul.itps-slider.itt-slider-dark-mode {
    z-index: 2;
}


@media (max-width:1440px) {
    .image-to-spec-left, .image-to-spec-right {
        height: 450px;
    }
}

@media (max-width:1366px) {
    .image-to-spec-left, .image-to-spec-right {
        height: 400px;
    }
}
@media only screen and ( max-width: 1199px) {
    .image-to-spec-right-in li {
        width: 100%;
    }
}
@media only screen and ( max-width: 961px) {
    .image-to-spec-left, .image-to-spec-right {
        height: 360px;
    }
}

@media only screen and ( max-width: 768px) {
    section.image-to-spec-section {
        padding: 30px 0;
    }
    .image-to-spec.image-to-spec-fullwidth .container-md {
        max-width: 95%;
    }
    .image-to-spec-left, .image-to-spec-right {
        width: 100%;
        height: auto;
    }
    .image-to-spec-left img {
        float: left;
        height: 300px;
    }
    .image-to-spec {
        margin-bottom: 20px;
    }
    .image-to-spec-right-in {
        position: static;
        transform: none;
        max-height: 100%;
        padding: 30px 5%;
    }
    .btn-outer {
        justify-content: center;
        gap: 10px;
    }
    span.item-value {
        font-size: 22px;
    }
    span.item-value p {
        font-size: 16px;
    }
    .property-spec-each-loop {
        gap: 10px;
        flex: auto;
        justify-content: space-between;
        padding-bottom: 0;
        width: calc(50% - 20px);
        flex-wrap: wrap;
    }
    img.item-icon{
        width: auto;
        margin: 0 auto;
    }
    .image-to-spec-right-in .button-style-1{
        margin-top: 0;
        font-size: 18px;
    }
}

@media only screen and ( max-width: 560px) {
}



/* RTL Styling Start */
body.rtl .image-to-spec-left, 
body.rtl .image-to-spec-right {
    float: right;
}
body.rtl .image-to-spec-right-in li {
    padding-left: 10px;
    padding-right: 20px;
    background-position: right 12px;
}