/* hero or banner section start */
.image_part{
    position: relative;
    
    height: auto;
}
.sample_carosel_section{
    height: 100px;
    width: 100%;
    background: #ffffff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(93, 48, 138) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    width: 100%;
    top: 30%;
}
.image_part .carosel_container{
    width: 100%;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
}
.image_part .carosel_container .arrow_icons{
    width: 100%;
    display: flex;
    position: absolute;
    top: 40%;
    left: 0;
}
.image_part .carosel_container .arrow_icons .arrow{
    width: 100%;
}
.image_part .carosel_container .arrow_icons .right_arrow{
    display: flex;
    align-items: right;
    justify-content: right;
}
.image_part .carosel_container .arrow_icons .arrow i{
    font-size: 35px;
    cursor: pointer;
    color: white;
}
.image_part .carosel_container .arrow_icons .arrow i:hover{
    color: rgb(2, 86, 212);
}


.image_part .carosel_container .contain {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.image_part .carosel_container .item {
    align-items: center;
    background-color: rgba(254, 254, 254, 0.62);
    color: white;
    display: flex;
    height: 250px;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    transition: transform 0.3s ease-in-out;
}
.image_part .carosel_container .item:hover {
    transform: scale(1.05);
}

.image_part .carosel_container .item ._df_button{
    height: 100%;
    border: none;
    width: 100% !important;
}
.image_part .carosel_container .item ._df_button .thumbnail{
    height: 100%;
    width: 100% !important;
}
.image_part .carosel_container .item ._df_button .thumbnail img{
    height: 100%;
    width: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}



/* hero or banner section end */
.service_page .hero_section .all_sample_btn{
    
    display: flex;
    align-items: center;
    justify-content: center;
}
.service_page .hero_section .all_sample_btn button{
    border: 1px solid var(--primery-color);
    color: white;
    background-color: var(--primery-color);
    border-radius: 50px;
    padding: 7px 20px;
    font-weight: 600px;
    font-size: 15px;
    cursor: pointer;
}
.service_page .hero_section .all_sample_btn button:hover{
    background-color: transparent;
    color: var(--primery-color);
}


.services .search .search_box{
    display: flex;
    padding: 0;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding:10px 20px;
    border-radius: 50px;
}
.services .search .search_box input{
    background-color: transparent;
}
.services .search .search_box i{
    margin: auto;
    margin-left: 5px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.531);
    cursor: pointer;
}
.services .search .search_box i:hover{
    color: black;
}
.services .search input{
    width: 100%;
    border: none;
    outline: none;
}
.service_page .text_section ul{
    padding: 0;
}
.service_page .text_section ul li{
    margin-bottom: 15px;
}
.service_page .text_section ul li a{
    font-size: 20px;
    color: aliceblue;
}
.service_page .text_section ul li a i{
    margin-right: 10px;
    color: var(--primery-color-light);
}
.service_page .text_section ul li a span{
    color: var(--primery-color-light);
    margin-right: 5px;
}
.service_page .text_section ul li:hover a{
    color: rgb(250, 94, 67);
}


.service_list>div img{
    border-radius: 10px;
    height: 250px; 
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    width:100%;
}
.service_list .list_heading{
    color: var(--primery-color);
}

.services a button,
.services a{
    text-decoration:none;
    margin-top: 25px;
}
.services a button{
    border:2px solid var(--primery-color);
}
.services a button:hover{
    background:transparent;
    color:rgb(255, 255, 255);
    background-color: var(--primery-color);
}

.service_page .text_section h1{
    font-size: 35px !important;
    text-align: center;
    color: white;
    font-weight: 600;
}



@media (max-width: 800px){
    .image_part .carosel_container{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .image_part .carosel_container .arrow_icons{
        display: none;
    }
}
@media (max-width: 500px) {
    .sample_carosel_section{
        height: 50px;
        top: 30%;
    }

    .hero_section{
        height: 500px !important;

    } 

    .service_page .text_section h1{
        font-size: 18px !important;
    }
    .service_page .text_section ul li{
        margin-bottom: 10px;
    }
    .service_page .text_section ul li a{
        font-size: 13px;
    }    
    /* .image_part .card_section .book-3d .book-3d__inner img{
        height: 50px !important;
        width: 120px;
    } */
    .hero_section {
        height: auto !important;
        
    }

    .image_part .carosel_container .item {
        height: 150px;
        padding: 5px;
        border-radius: 5px;
    }
}