*{margin:0px; box-sizing: border-box;}

.detail_page_container{max-width: 1300px; margin:auto;}
.detail_page_title{font-size: 40px; line-height: 48px; font-weight: 500; text-align: center; margin:0px 0px; text-transform: uppercase; color: #000000;}

/* Feature Highlights CSS */

.feature_highlights_bg{background-image: url(../images/feature_highlights_bg.jpg); background-repeat:no-repeat; background-size: cover; background-position: center;}
.feat_heighlights_inner{padding:90px 0px 70px; box-sizing: border-box;}

.feat_highlights_carousel .feat_highlights_detail{display: flex;}
.feat_highlights_detail .feat_highlights_block.img_block{width: 55%;}
.feat_highlights_detail .feat_highlights_block{width: 45%; position: relative;}
.feat_highlights_block .feat_info_img img{max-width: 100%;}
.feat_highlights_block .feat_content_block{background-color:#ffffff; padding:120px 60px; box-sizing: border-box; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%); position:absolute; top:50%; transform:translateY(-50%); left:-40px; width: 100%;}
.feat_highlights_block .feat_content_block .feat_content_title{font-size: 30px; line-height: 38px; font-weight: 500; color: #000000; margin:0px; text-align: initial;}
.feat_highlights_block .feat_content_block .feat_content_detail{padding:0px 0px; list-style: none;}
.feat_highlights_block .feat_content_block .feat_content_detail ul{padding:0px 0px; list-style: none;}
.feat_highlights_block .feat_content_block .feat_content_detail ul li{font-size: 16px; line-height: 28px; color: #242424; padding-top:25px; text-align: initial;}
.feat_highlights_block .feat_content_block .feat_content_detail ul li:first-child{padding-top: 0px;}
.feat_highlights_block .feat_content_block .feat_content_detail{ display:block; font-size: 16px; line-height: 28px; color: #242424; padding-top:25px; text-align: initial;}
/* Feature Highlights Carousel CSS */

.feat_highlights_carousel.owl-carousel{width: 94%; margin:auto; margin-top:60px;}

.feat_highlights_carousel.owl-carousel .owl-nav{position:absolute; top:47%; transform: translateY(-50%); width: 100%;}
.feat_highlights_carousel.owl-carousel .owl-nav .owl-prev{position: absolute; left:-70px; outline: unset;}
.feat_highlights_carousel.owl-carousel .owl-nav .owl-next{position: absolute; right:-70px; outline: unset;}
.feat_highlights_carousel.owl-carousel .owl-nav .owl-prev img,
.feat_highlights_carousel.owl-carousel .owl-nav .owl-next img{max-width: 100%; width:15px;}
.feat_highlights_carousel.owl-carousel .owl-nav .owl-prev.disabled{opacity: .7;}
.feat_highlights_carousel.owl-carousel .owl-nav .owl-next.disabled{opacity: .7;}
.feat_highlights_carousel.owl-carousel .owl-dots{text-align: center; margin-top:30px;}
.feat_highlights_carousel.owl-carousel .owl-dots .owl-dot span{display: inline-block; width: 16px; height:16px; border-radius: 50%; border:1px solid #000000; background-color: transparent; margin:0px 4px; box-sizing: border-box; transition: .3s ease-in-out;}
.feat_highlights_carousel.owl-carousel .owl-dots .owl-dot.active span{background-color: #000000; border-color: #000000;}
.feat_highlights_carousel.owl-carousel .owl-dots .owl-dot:hover span{background-color: #000000; border-color: #000000;}

/* Arabic Section */
.rtl .feat_highlights_block .feat_content_block{left:unset; right:-40px;}


/* Media Queries */

@media screen and (min-width:200px) and (max-width:1024px){
    .detail_page_container{max-width: 100%; padding:0px 15px; box-sizing: border-box;}
    .detail_page_title{font-size: 22px; line-height: 30px;}
    
    
    /* Feature Highlights CSS */
    .feat_heighlights_inner{padding:40px 0px 30px}
    .feat_highlights_carousel.owl-carousel{margin-top:20px; width:100%;}
    .feat_highlights_carousel .feat_highlights_detail{flex-direction: column;}
    .feat_highlights_detail .feat_highlights_block.img_block{width: 100%;}
    .feat_highlights_detail .feat_highlights_block{width:100%;}
    .feat_highlights_block .feat_content_block{position: static; transform: unset; padding:30px 20px; margin-top:20px; box-shadow:unset;}
    .feat_highlights_block .feat_content_block .feat_content_title{font-size: 20px; line-height: 28px;}
    .feat_highlights_block .feat_content_block .feat_content_detail li{font-size: 14px; line-height: 24px; padding-top:15px;}
    .feat_highlights_block .feat_content_block .feat_content_detail{font-size: 14px; line-height: 24px; padding-top:15px;}
    /* Feature Highlights Carousel */
    .feat_highlights_carousel.owl-carousel .owl-nav{display: none;}
    .feat_highlights_carousel.owl-carousel .owl-dots{margin-top:15px;}
    .feat_highlights_carousel.owl-carousel .owl-dots .owl-dot span{width:12px; height:12px;}

}

@media screen and (min-width:768px) and (max-width:1024px){
    
    .detail_page_title{font-size: 26px; line-height: 32px;;}
    /* Feature Highlights */
    .feat_heighlights_inner{padding:50px 0px 40px;}
    .feat_highlights_carousel .feat_highlights_detail{flex-direction: row;}
    .feat_highlights_detail .feat_highlights_block.img_block{width:55%;}
    .feat_highlights_detail .feat_highlights_block{width:45%;}
    .feat_highlights_block .feat_content_block{margin-top:0px; position:absolute; transform: translateY(-50%); left:-20px;}
    .feat_highlights_block .feat_content_block{padding:30px 30px; box-shadow: 0px 0px 10px 1px rgb(0 0 0/10%);}
    .feat_highlights_block .feat_content_block .feat_content_title{font-size: 22px; line-height:30px;}
    .feat_highlights_block .feat_content_block .feat_content_detail li{font-size: 15px; line-height: 24px;}
    .feat_highlights_block .feat_content_block .feat_content_detail ul li{font-size: 15px; line-height: 24px; padding-top:12px;}
    .feat_highlights_block .feat_content_block .feat_content_detail{font-size: 15px; line-height: 24px; padding-top:12px;}
    .feat_highlights_carousel.owl-carousel{width:94%; margin-top:30px;}
    .feat_highlights_carousel.owl-carousel .owl-nav{display: block;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-prev{left:-22px;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-next{right:-22px;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-prev img,
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-next img{width:12px;}

    .rtl .feat_highlights_block .feat_content_block{right:-20px;}

}

@media screen and (min-width:900px) and (max-width:1024px){
    .feat_highlights_block .feat_content_block{padding:70px 40px;}
}

@media screen and (min-width:1025px) and (max-width:1320px){
    .detail_page_container{padding:0px 15px; box-sizing: border-box;}
    .detail_page_title{font-size: 34px; line-height:42px;}

    /* Feature Highlights */
    .feat_heighlights_inner{padding:60px 0px 50px;}
    .feat_highlights_block .feat_content_block .feat_content_title{font-size: 26px; line-height: 34px;}
    .feat_highlights_block .feat_content_block .feat_content_detail li{padding-top:18px;}
    .feat_highlights_block .feat_content_block{padding:90px 50px; left:-30px;}
    .feat_highlights_carousel.owl-carousel{margin-top:40px; width:96%;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-prev{left:-20px;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-next{right:-20px;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-prev img, 
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-next img{width:14px;}

} 

@media screen and (min-width:1321px) and (max-width:1420px){
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-prev{left:-40px;}
    .feat_highlights_carousel.owl-carousel .owl-nav .owl-next{right:-40px;}
}