/* Primary Design Related Project Section */
.design-primary .slider-item {width: 100%;max-width: 100%; display: grid;grid-template-columns: 1fr 1fr;gap: 30px;align-items: center;}
.design-primary .project-list {display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap; margin-top: 24px;padding-top: 24px;border-top: 1px solid #25395C1A}
.design-primary .project-list .project-item {min-width: 190px;}
.design-primary .project-list .project-item span {display: block;font-size: 20px;line-height: 28px;color: #35373B;}
.design-primary .project-list .project-item b {font-size: 20px;line-height: 28px;font-weight: 700 !important;}
.design-primary .slide-count{display: none;}
.design-primary .count-number{display: block;font-size: 20px;line-height: 28px;color: #191919;opacity: 40%;}
.design-primary .count-number.active{opacity: 1;}
.design-primary .slider-wrapper {display: flex;gap: 60px;will-change: transform;}
.design-primary .related-project-slider {position: relative;overflow: hidden;}
.design-primary .slider-item .content-block p {max-width: 610px;}
.design-primary .slider-item-01 .project-logo img {max-width: 150px;}
.design-primary .slider-item-02 .project-logo img {max-width: 200px;}
.design-primary .slider-item-03 .project-logo img {max-width: 50px;}
.design-primary .slider-item-04 .project-logo img {max-width: 50px;}
.design-primary .slider-item-05 .project-logo img {max-width: 100px;}
.design-primary .slider-item .img-block {width: 650px;}


/* Global */
.related-project-wrapper .title-wrapper {max-width: 750px; margin-inline: auto; text-align: center;}
.related-project-wrapper .title-wrapper .animated-title { font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.related-project-wrapper .title-wrapper .animated-title::before {content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);}


/* Secondary Design Related Project Section */
.design-secondary .project_group {display: grid; grid-template-columns: 1fr 1fr; gap: 30px; font-size: 20px; line-height: 28px;}
.design-secondary .project_left_panel {display: flex; flex-direction: column; gap: 30px;}
.design-secondary .project_top_panel, .project_right_panel {border: 1px solid #25395C1A;}
.design-secondary .project_top_panel {padding: 24px; border-radius: 16px;}
.design-secondary .project_top_panel p {margin-bottom: 24px;}
.design-secondary .project_badge {display: inline-block; padding: 4px 14px; border-radius: 30px; background-color: #F2A8431A; color: var(--color-black);}
.design-secondary .project_title {margin: 12px 0px;} 
.design-secondary .project_btn {display: inline-flex; align-items: end; gap: 10px;}
.design-secondary .project_btn span {display: inline-block; border-bottom: 1px solid var(--color-black);}
.design-secondary .project_btn, .design-secondary .project_btn * {transition: all ease-in-out 0.3s;}
.design-secondary .project_btn:hover span {border-color: var(--primary);}
.design-secondary .project_btn:hover svg path {fill: var(--primary);}
.design-secondary .project_btn:hover svg { transform: rotate(45deg);}
.design-secondary .project_bottom_panel {margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.design-secondary .project_bottom_panel>div, .design-secondary .project_right_panel>div {background-color: #00A8A81A; border-radius: 16px; display: flex; align-items: end; justify-content: center;}
.design-secondary .project_right_panel {padding: 10px; border-radius: 12px;}
.design-secondary .project_right_panel .project_img {height: 100%; background-image: url(../../images/new-services/elearning-software-development-services/project_img_3_bg.webp); background-position: right top; background-size: cover; background-repeat: no-repeat;}
.design-secondary .slider-item-02 .project_bottom_panel>div, .design-secondary .slider-item-02 .project_right_panel>div {background-color: #FFA7041A;}
.design-secondary .slider-item-02 .project_right_panel .project_img {background-image: url(../../images/new-services/elearning-software-development-services/project_img_2_bg.webp); background-size: 100%;}
.design-secondary .slider-item-03 .project_bottom_panel>div, .design-secondary .slider-item-03 .project_right_panel>div {background-color: #25395C1A;}
.design-secondary .slider-item-03 .project_right_panel .project_img {background-image: url(../../images/new-services/elearning-software-development-services/project_img_03_bg.webp); background-size: 100%;}
.design-secondary .slider-item-04 .project_bottom_panel>div, .design-secondary .slider-item-04 .project_right_panel>div {background-color: #FEF7ED;}
.design-secondary .slider-item-04 .project_right_panel .project_img {background-image: url(../../images/new-services/elearning-software-development-services/project_img_4_bg.webp); background-size: auto; background-position: left top;}
.design-secondary .slider-item-05 .project_bottom_panel>div, .design-secondary .slider-item-05 .project_right_panel>div {background-color: #2955971A;}
.design-secondary .slider-item-05 .project_right_panel .project_img {background-image: url(../../images/new-services/elearning-software-development-services/project_img_5_bg.webp); background-size: 100%;}
.design-secondary .related-project-slider .slider-wrapper {gap: 30px;}
.design-secondary .related-project-slider {overflow: hidden;}
.design-secondary .slider-wrapper {will-change: transform;}



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

    /* Primary Design Related Project Section */
    .design-primary .slider-item .img-block {width: 550px;}

    /* Secondary Design Related Project Section */
    .design-secondary .project_group {font-size: 18px;}
}

@media screen and (max-width : 1199px) {
    
    /* Secondary Design Related Project Section */
    .design-secondary .project_group {font-size: 16px;}
    .design-secondary .project_top_panel p {margin-bottom: 15px;}
}

@media screen and (max-width : 991px) {
    /* Primary Design Related Project Section */
    .design-primary .slider-item{display: flex;flex-direction: column-reverse;}
    .design-primary .slider-item .img-block {width: 100%;}
    .design-primary .project-list .project-item{min-width: auto;}
}

@media screen and (max-width : 768px) {    
    /* Secondary Design Related Project Section */
    .design-secondary .project_group {grid-template-columns: 1fr;}
}
@media screen and (max-width : 576px) {    
    
    /* Primary Design Related Project Section */
    .design-primary .slider-item{grid-template-columns: 1fr;}
    .design-primary .slider-item .img-block {width: 100%;}

    /* Secondary Design Related Project Section */
    .design-secondary .project_group, .design-secondary .project_left_panel, .design-secondary .project_bottom_panel {gap: 24px;}
}