.dade-projects-grid, .dade-openings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.project-item, .opening-item {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.project-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.project-gallery img {
    max-width: 150px;
}
.dade-load-more {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background: #0073aa;
    color: #fff;
    border: none;
    cursor: pointer;
}
#dade-career-form {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto;
}
#dade-career-form input, #dade-career-form textarea, #dade-career-form select {
    margin-bottom: 10px;
    padding: 10px;
}
#dade-career-form button {
    padding: 10px;
    background: #0073aa;
    color: #fff;
    border: none;
}



/* 10-03-2026 */

html{scroll-behavior: smooth;}
body{margin: 0;padding: 0;}

.overlay{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;overflow: hidden;}

.project-container{margin: auto;/*padding: 0 15px;width: calc(100% - 30px);*/max-width: 1200px;}
.tax-project-container{margin: auto;/*padding: 0 15px;width: calc(100% - 30px);*/max-width: 1200px;padding: 60px 0;width: calc(100% - 30px);}

.project-listarea{/*margin-top: 148px;*/font-family: 'Montserrat', sans-serif;}
.project-listarea .row, #careerform .row{display: flex;flex-wrap: wrap;margin: -12px;}
/* .project-listarea .row>*{flex-shrink: 0;width: 100%;max-width: 100%;} */
.project-listarea .main-project,.project-listarea .col, #careerform .career-col{flex: 0 0 auto;margin-top: 24px;padding-inline: 12px;max-width: 100%;box-sizing: border-box;}

@media (max-width: 575px) {
  .project-container{padding: 0 10px;width: calc(100% - 20px);}
}





/*======================= Breadcrumb Area =======================*/
.breadcrumb-secn{padding: 60px 0;background: #1a202a;position: relative;z-index: 0;}
.breadcrumb-secn::before{content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background: var(--bg-image) no-repeat center center;background-size: cover;z-index: -1;opacity: 40%;}
.breadcrumb-secn .breadcrumb-contentarea{display: flex;justify-content: space-between;align-items: center;gap: 15px;}
.breadcrumb-secn .page-title{margin: 0;max-width: 50%;font-size: 50px;color: #fff;}
.breadcrumb-secn .breadcrumb-right{display: flex;flex-direction: column;align-items: flex-end;gap: 10px;}
.breadcrumb-secn .breadcrumb-right .breadcrumb-timing{margin: 0;font-size: 12px;color: rgb(255 255 255/80%);line-height: 1.25em;letter-spacing: 1px;}
.breadcrumb-secn .breadcrumb-right .breadcrumb-contact{font-size: 32px;color: rgb(255 255 255/90%);font-weight: 600;}

/*======================= Product Title Area =======================*/
.project-container .project-secntitle{margin: 0 0 20px;padding-bottom: 20px;font-size: 30px;font-weight: 700;color: rgb(26 26 26);line-height: 39px;position: relative;    text-transform: capitalize;}
.project-container .project-secntitle::after{content: '';position: absolute;bottom: 0;left: 0;width: 56px;height: 2px;background: #0C65ED;}
.project-container p{margin: 0 0 16px;font-size: 16px;color: #5a5a5a;line-height: 1.9;}
.project-container p:last-child{margin-bottom: 0;}

/*======================= Theme Btn =======================*/
.theme-btn{display: inline-block;padding: 12px 20px;width: fit-content;background: #dd1515;font-size: 12px;font-weight: 600;color: #fff;text-transform: uppercase;text-decoration: none;transition: 0.5s;}
.career-btn{display: inline-block;padding: 12px 20px;width: fit-content;background: #dd1515;font-size: 12px;font-weight: 600;color: #fff !important;text-transform: uppercase;text-decoration: none;transition: 0.5s;}
.theme-btn i, .career-btn i{margin-inline: 5px 10px;transition: 0.5s;}
.theme-btn:hover, .career-btn:hover{background: rgb(234, 35, 0);}
.theme-btn:hover i, .career-btn:hover i{margin-inline: 10px 5px;}

/*======================= Product Card Area =======================*/
.projects-card{padding: 15px 15px 20px 15px;border: 1px solid rgb(0 0 0 / 10%);position: relative;box-sizing: border-box;}
.projects-card .card-link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.projects-card .projects-card-content{display: flex;flex-direction: column;}
.projects-card .projects-cardimg{margin-bottom: 20px;width: 100%;aspect-ratio: 2/1.2;overflow: hidden;}
.projects-card .projects-cardimg img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.projects-card .projects-card-content h6{margin: 0 0 6px 0;font-size: 15px;font-weight: 500;color: #0c65ed;transition: 0.5s;}
.projects-card .projects-card-content h4{margin: 0 0 15px 0;font-size: 22px;line-height: 1.4;color: #1a1a1a;/*display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;*/transition: 0.5s;}
.projects-card .projects-card-content p{margin-top: 0;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;}
.projects-card .theme-btn{margin-top: 15px;}
/*----------------------------------------------*/
.projects-card:hover .projects-cardimg img{transform: scale(1.1);}
.projects-card:hover .projects-card-content h6{color: #1a1a1a;}
.projects-card:hover .projects-card-content h4{color: #0c65ed;}
.projects-card:hover .theme-btn{background: #ea2300;}
.projects-card:hover .theme-btn i{margin-inline: 10px 5px;}


/*======================= Product Listing =======================*/
/*.project-listarea{padding: 50px 0;}*/
.project-listarea .project-secntitle{margin-bottom: 0;}
/*.project-listarea #projectArea{margin-top: -50px;padding-top: 50px;}*/
/*.project-listarea .project-list-head{margin-top: 50px;}*/
.project-listarea .project-list-head .main-project:nth-child(1){width: 60%;}
.project-listarea .project-list-head .main-project:nth-child(2){width: 40%;}
.project-listarea .projects-cardarea .main-project{width: 50%;}
.project-listarea .projects-cardarea .projects-card{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.project-listarea .projects-cardarea .projects-card .projects-card-content h4{margin-bottom: 0;}
/*----------------------- Dropdown -----------------------*/
.select-menu{margin: 0 0 15px auto;max-width: 320px;position: relative;}
.select-menu .select-btn{display: flex;justify-content: space-between;align-items: center;padding: 15px 30px 15px 20px;background: #fff;border: 1px solid #EFF1F4;font-size: 14px;font-weight: 400;cursor: pointer;}
.select-menu .select-btn .arrow{width: 5px;height: 5px;background: transparent;border: 2px solid transparent;border-color: #1a1a1a #1a1a1a transparent transparent;position: absolute;top: calc(50% - 1px);right: 12px;transform: rotate(-45deg);transition: 0.3s; box-sizing: unset;}
.select-menu.active .select-btn .arrow{top: calc(50% - 6px);transform: rotate(135deg);}
/* .select-menu::before{content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;background: rgb(0 255 0/50%);} */
/*-----------------------*/
.select-menu .options{margin: 0;padding: 0;width: 320px;max-height: 295px;background: #fff;border: 1px solid #EFF1F4;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: absolute;z-index: 1;box-sizing: border-box;transition: 0.5s;/*overflow-y: auto;box-sizing: border-box;animation-name: fadeInDown;animation-duration: 0.35s;animation-fill-mode: both;-webkit-animation-name: fadeInDown;-webkit-animation-duration: 0.35s;-webkit-animation-fill-mode: both;*/}
.select-menu .options .option{display: flex;align-items: center;padding: 0 10px 0 20px;height: 45px;border-bottom: 1px solid rgb(0 0 0 / 10%);cursor: pointer;transition: 0.5s;}
.select-menu .options .option:last-child{border-bottom: 0;}
.select-menu .options .option .option-text{font-size: 14px;color: #333;}
/*-----------------------*/
.select-menu.active .options{display: block;/*opacity: 0;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;animation-fill-mode: both;-webkit-animation-fill-mode: both;*/clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.select-menu:not(.active) .options{clip-path: polygon(0 0,100% 0,100% 0,0 0);}
.select-menu .options .option:hover{padding: 0 5px 0 25px;background: #f2f2f2;}
/* @keyframes fadeInUp{
  from{transform: translate3d(0, 30px, 0);}
  to{transform: translate3d(0, 0, 0);opacity: 1;}
}
@keyframes fadeInDown{
  from{transform: translate3d(0, 0, 0);opacity: 1;}
  to{transform: translate3d(0, 20px, 0);opacity: 0;}
} */


/*======================= Product Details =======================*/
.project-details-area{padding: 50px 0;}
.project-details-area .col:nth-child(1){width: 70%;}
.project-details-area .col:nth-child(2){width: 30%;}
/*------------------------------------------------*/
.project-details-area .product-slider .product-img{width: 100%;aspect-ratio: 1.8/1;}
.project-details-area .product-slider .product-img img{width: 100%;height: 100%;object-fit:cover; }
.project-details-area .projects-card-head{margin-bottom: 30px;}
.project-details-area .projects-card-head h6{margin: 0 0 10px 0;font-size: 16px;font-weight: 500;color: #0c65ed;}
.project-details-area .projects-card-head h4{margin: 0;width: 90%;max-width: 830px;font-size: 34px;line-height: 1.2;color: #1a1a1a;}
.project-details-area .projects-card-content{margin-top: 30px;}
.project-details-area .projects-card-content p{margin-top: 0;}
.project-details-area .projects-card-content ul{margin: 20px 0;padding: 0;list-style: none;}
.project-details-area .projects-card-content ul li{margin-bottom: 10px;}
.project-details-area .projects-card-content ul li:last-child{margin-bottom: 0;}
.project-details-area .projects-card-content ul li p{line-height: 1.4;}
.project-details-area .projects-card-content ul li span,.project-details-area .projects-card-content ul li strong{margin-right: 10px;font-size: 95%;font-weight: 600;}
/*------------------------------------------------*/
.project-details-area .pro-details-right{}
.project-details-area .pro-details-right .row{margin-top: -24px;}
.project-details-area .pro-details-right .col{width: 100%;}
/*------------------------------------------------*/
.project-details-area .contact-area{padding: 60px 40px;background: url(../css/company-img.jpg) no-repeat center center;background-size: cover;position: relative;z-index: 0;}
.project-details-area .contact-area::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(26 26 26 / 80%);z-index: -1;}
.project-details-area .contact-area p{font-size: 16px;color: #fff;font-weight: 400;line-height: 1;}
.project-details-area .contact-area p span{display: block;margin-top: 2px;font-size: 180%;font-weight: 600;}
.project-details-area .contact-area ul{margin: 25px 0 0 5px;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 10px;}
.project-details-area .contact-area ul li a{display: inline-block;padding: 12px 15px 12px 20px;background: rgb(255 255 255 / 20%);border-radius: 2px;font-size: 15px;color: #fff;font-weight: 500;text-decoration: unset;position: relative;transition: 0.5s;}
.project-details-area .contact-area ul li a i{padding: 7px;width: 16px;height: 16px;background: #1a202a;border-radius: 50%;color: #fff;line-height: 16px;position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
.project-details-area .contact-area ul li a:hover{background: rgb(255 255 255 / 100%);color: #1a202a;}
/*------------------------------------------------*/
.project-details-area .tag-area{}
.project-details-area .tag-area h5{margin: 0 0 15px 15px;padding-bottom: 10px;width: 90%;position: relative;font-size: 16px;}
.project-details-area .tag-area h5::after{content: '';position: absolute;bottom: 0;left: 0;width: 56px;height: 2px;background: #0C65ED;}
.project-details-area .tag-area ul{display: flex;flex-direction: column;gap: 5px;margin: 0;padding: 0;max-height: 320px;list-style: none;overflow-y: auto;}
.project-details-area .tag-area ul li{border: 1px solid rgb(0 0 0 /10%);transition: 0.5s;}
.project-details-area .tag-area ul li a{padding: 10px 15px 10px 30px;display: block;position: relative;font-size: 16px;color: #1a1a1a;text-decoration: none;transition: 0.5s;}
.project-details-area .tag-area ul li a::before{content: '';position: absolute;top: calc(50% - 5px);left: 15px;width: 6px;height: 10px;background: #dd1515;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);transition: 0.5s;}
.project-details-area .tag-area ul:hover li{opacity: 60%;}
.project-details-area .tag-area ul li:hover{border-color: rgb(0 0 0 /50%);opacity: 100%;}
.project-details-area .tag-area ul li:hover a{padding-inline: 35px 10px;}
/*------------------------------------------------*/
.related-project{padding: 50px 0 30px;background: #EFF1F4;}
.related-project .project-secntitle{margin-top: 0;}
.related-project .projects-card{padding: 10px 10px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.related-project .projects-card .projects-card-content h4{margin-bottom: 10px;font-size: 16px;}
.related-project .projects-card .theme-btn{margin-top: 5px;padding: 8px 15px;font-size: 11px;}
.related-project .owl-carousel .owl-stage{display: flex;}
.related-project .owl-carousel .owl-item{display: flex;flex: 1 0 auto;}


/*======================= Career Page =======================*/
.career-page{padding: 50px 0;}
.career-page .project-container .project-secntitle{margin-top: 0;}
.career-desc-area .col{flex: unset;}
.career-desc-area .col:nth-child(1){width: 60%;}
.career-desc-area .col:nth-child(2){width: 40%;}
.career-desc-area .career-desc-content{padding: 30px 0;}
.career-desc-area .career-img{padding: 10px;width: 100%;height: 100%;border: 1px solid rgb(0 0 0 / 10%);box-sizing: border-box;position: relative;}
.career-desc-area .career-img img{width: calc(100% - 20px);height: calc(100% - 20px);object-fit: cover;position: absolute;}
/*----------------------- Career Accordion -----------------------*/
.theme-accordion{margin: 50px -10px 0 -10px}
.theme-accordion .accordion-item{margin-inline: auto;margin-bottom: 15px;width: 100%;}
.theme-accordion .accordion-item::details-content{height: 0;interpolate-size: allow-keywords;opacity: 0;overflow: hidden;transition: height 0.5s ease-in-out, content-visibility 0.5s ease-in-out, opacity 0.5s ease-in-out, scale 0.5s ease-in-out;transition-behavior: allow-discrete;}
.theme-accordion .accordion-item .accordion-header{position: relative;margin: 0 10px;padding: 15px 20px;border: 0px solid rgb(0 0 0 / 10%);border-width: 0 0 1px 0;font-size: 19px;line-height: 1.4;color: #1a1a1a;list-style: none;font-weight: 600;transition: all 0.5s ease-in-out;cursor: pointer;}
.theme-accordion .accordion-item .accordion-header:after{content: "+";position: absolute;right: 15px;width: 25px;height: 25px;background: transparent;border-radius: 50%;font-size: 28px;color: #dd1515;line-height: 25px;font-weight: 500;text-align: center;transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;}
.theme-accordion .accordion-item .accordion-body{margin: 0 10px 10px 10px;padding: 30px 40px;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
/*----------------------------------------------*/
.theme-accordion .accordion-item .accordion-body .head-list{display: flex;flex-wrap: wrap;gap: 5px 30px;list-style: none;margin: 0 0 20px 0;padding: 0;}
.theme-accordion .accordion-item .accordion-body .head-list li{position: relative;padding: 5px 0;}
.theme-accordion .accordion-item .accordion-body .head-list li::before{display: none;}
.theme-accordion .accordion-item .accordion-body .head-list li::after{content: '';position: absolute;top: 10%;right: -15px;width: 1px;height: 80%;background: #1a1a1a;}
.theme-accordion .accordion-item .accordion-body .head-list li:last-child:after{display: none;}
.theme-accordion .accordion-item .accordion-body .head-list p{font-weight: 600;}
.theme-accordion .accordion-item .accordion-body .head-list p span{margin-right: 8px;font-weight: 500;opacity: 90%;}
/*----------------------------------------------*/
.theme-accordion .accordion-item .accordion-body h5{margin: 20px 0 8px;font-size: 14px;font-weight: 600;text-transform: none;}
.theme-accordion .accordion-item .accordion-body ul{margin: 10px 0;padding: 0;list-style: none;}
.theme-accordion .accordion-item .accordion-body ul p{margin-bottom: 0;}
.theme-accordion .accordion-item .accordion-body ul li{position: relative;padding: 5px 0 5px 20px;}
.theme-accordion .accordion-item .accordion-body ul li::before{content: "";position: absolute;top: 11px;left: 0;width: 6px;height: 10px;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);background: rgb(221, 21, 21);transition: 0.5s;}
.theme-accordion .accordion-item .accordion-body ul li p{line-height: 1.5;}
/*----------------------------------------------*/
.theme-accordion .accordion-item[open]::details-content{height: auto;opacity: 1;}
.theme-accordion .accordion-item[open] > .accordion-header{padding-inline: 30px 10px;background: #EFF1F4;}
.theme-accordion .accordion-item[open] > .accordion-header:after{transform: rotate(45deg);}
/*----------------------- Career Form -----------------------*/
#careerform-area{margin-top: -50px;padding-top: 50px;}
.careerform-area{margin-top: 50px;padding: 35px 30px;background: #EFF1F4;border: 1px solid rgb(0 0 0 /10%);}
.careerform-area .career-col:nth-child(1){width: 50%;}
.careerform-area .career-col:nth-child(2){width: 50%;}
.careerform-area .career-col:nth-child(3){width: 50%;}
.careerform-area .career-col:nth-child(4){width: 50%;}
.careerform-area .career-col:nth-child(5){width: 100%;}
.careerform-area .career-col:nth-child(6){width: 100%;}
.careerform-area .career-col:nth-child(7){width: 100%;}
/*----------------------------------------------*/
.career-page .careerform-area .project-secntitle{margin-bottom: 30px;padding-bottom: 2px;font-size: 18px;font-weight: 600;}
.career-page .field{margin-bottom: 0px;}
.career-page .field label{display: block;margin-bottom: 8px;padding-left: 15px;font-size: 14px;font-weight: 600;}
.career-page .field label span{font-size: 90%;color: #dd1515;}
.career-page .field input[type="text"],
.career-page .field input[type="email"],
.career-page .field input[type="tel"],
.career-page .field textarea{padding: 15px;width: 100%;background: rgb(0 0 0 / 1%);border: 1px solid rgb(0 0 0 / 10%);border-radius: 0;font-size: 14px;box-sizing: border-box;transition: 0.5s;}
.career-page .field textarea{resize: none;height: 150px;}
.career-page .field input::placeholder,
.career-page .field textarea::placeholder{color: transparent;}
.career-page .field input:focus-visible,
.career-page .field textarea:focus-visible{outline: none;background: rgb(255 255 255 / 60%);box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 5%);}
.career-page .field .radio-area{display: flex;flex-direction: row;flex-wrap: wrap;}
.career-page .field .form-check-input[type=radio]{display: none;}
.career-page .field input[type=radio] + label{display: block;cursor: pointer;font-size: 16px;line-height: 1.4;font-weight: 400;}
.career-page .field input[type=radio] + label:before{content: "\2714";display: inline-block;margin-right: 8px;width: 18px;height: 18px;border: 1px solid rgb(0 0 0 / 50%);color: transparent;font-size: 14px;text-align: center;line-height: 18px;transition: .2s;}
.career-page .field input[type=radio]:checked + label:before{background-color: #0C65ED;border-color: #0C65ED;color: #fff;}
.career-page .field .form-check-inline:hover input[type=radio] + label:before{box-shadow: 3px 3px 7px 0 rgb(0 0 0 / 15%);}
.career-page .field .file_name_submit{position: relative;margin: 10px 0;}
.career-page .field .file_name_submit .submit_file{position: relative;display: inline-block;width: 100%;}
.career-page .field .file_name_submit .submit_file input, 
.career-page .field .file_name_submit .submit_file input:focus{cursor: pointer;width: 100%;height: 130px;opacity: 0;}
.career-page .field .file_name_submit .submit_file_text{position: relative;left: 0;right: 0;bottom: 0;pointer-events: none;padding: 0px 8px;min-height: 130px;border: 2px dashed rgb(0 0 0 / 15%);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.career-page .field .file_name_submit .submit_file_text img{height: 40px;opacity: 80%;}
.career-page .field .file_name_submit .submit_file_text p{margin-bottom: 0;font-size: 15px;text-align: center;}
.career-page .field .file_name_submit span{position: absolute;left: 15px;bottom: -20px;font-size: 12px;color: #444;font-weight: 600;}
/*----------------------------------------------*/
.career-page .form-footer{display: flex;flex-direction: row-reverse;align-items: center;margin-top: 20px;}
.career-page .theme-btn{margin-top: 15px;border: none;cursor: pointer;}
.career-page .theme-btn:hover{background: #ea2300;}






/* Media CSS */

@media (max-width: 1020px) {
    /*======================= Product Details =======================*/
    .project-details-area .contact-area{padding: 40px 20px;}
}
@media (max-width: 921px) {
    .project-listarea .row{margin: -8px;}
    .project-listarea .main-project{margin-top: 16px;}
    /*======================= Breadcrumb Area =======================*/
    .breadcrumb-secn{padding: 40px 0;}
    .breadcrumb-secn .page-title{font-size: 40px;}
    .breadcrumb-secn .breadcrumb-right .breadcrumb-contact{font-size: 24px;}
    .breadcrumb-secn .breadcrumb-right .breadcrumb-timing{font-size: 11px;}
    /*======================= Product Title Area =======================*/
    .project-container .project-secntitle{margin-bottom: 15px;padding-bottom: 15px;font-size: 25px;}
    .project-container p{font-size: 14px;}
    /*======================= Product Card Area =======================*/
    .projects-card{padding: 10px 10px 15px 10px;}
    .projects-card .projects-cardimg{margin-bottom: 15px;}
    .projects-card .projects-card-content h6{margin-bottom: 2px;font-size: 13px;}
    .projects-card .projects-card-content h4{margin-bottom: 10px;font-size: 16px;}
    .projects-card .theme-btn{margin-top: 10px;}
    /*======================= Product Listing =======================*/
    .project-listarea{padding: 30px 0;}
    .project-listarea .project-list-head{margin-top: 30px;}
    .project-listarea .project-list-head .col:nth-child(1),
    .project-listarea .project-list-head .col:nth-child(2){width: 100%;}
    .project-listarea .project-list-head .main-project:nth-child(1),
    .project-listarea .project-list-head .main-project:nth-child(2){width: 100%;}
    .select-menu{margin: 0 0 5px auto;max-width: 290px;}
    .select-menu .select-btn{padding: 10px 25px 10px 15px;font-size: 13px;}
    .select-menu .options{width: 290px;}
    .select-menu .options .option{padding: 0 8px 0 15px;height: 40px;}
    .select-menu .options .option .option-text{font-size: 13px;}
    /*======================= Product Details =======================*/
    .project-details-area{padding: 30px 0;}
    .project-details-area .projects-card-head{margin-bottom: 15px;}
    .project-details-area .projects-card-head h6{margin-bottom: 6px;font-size: 15px;}
    .project-details-area .projects-card-head h4{font-size: 26px;}
    .project-details-area .projects-card-content{margin-top: 20px;}
    .project-details-area .projects-card-content ul{margin: 15px 0;}
    .project-details-area .contact-area{padding: 30px 15px;}
    .project-details-area .contact-area p{font-size: 12px;}
    .project-details-area .contact-area ul{margin: 20px 0 0 0px;gap: 8px;}
    .project-details-area .contact-area ul li a{padding: 10px 10px 10px 18px;font-size: 13px;}
    .project-details-area .contact-area ul li a i{font-size: 12px;}
    .project-details-area .tag-area h5{margin: 0 0 12px 10px;padding-bottom: 8px;font-size: 15px;}
    .project-details-area .tag-area ul li a{padding: 8px 10px 8px 25px;font-size: 15px;}
    .project-details-area .tag-area ul li a::before{left: 10px;}
    .related-project{padding: 30px 0 15px;}
    .related-project .projects-card .projects-card-content h4{font-size: 14px;}
    /*======================= Career Page =======================*/
    .career-page{padding: 30px 0;}
    .career-page .row{margin: -8px;}
    .career-page .col{margin-top: 16px;}
    .careerform-area{margin-top: 30px;padding: 25px 20px;}
    .career-page .careerform-area .project-secntitle{margin-bottom: 20px;font-size: 16px;}
    .career-page .field label{padding-left: 10px;font-size: 13px;}
    .career-page .field input[type="text"], 
    .career-page .field input[type="email"], 
    .career-page .field input[type="tel"], 
    .career-page .field textarea{padding: 10px;font-size: 13px;}
    .career-page .field .file_name_submit{margin: 15px 0 10px 0;}
    .career-page .field .file_name_submit .submit_file input, 
    .career-page .field .file_name_submit .submit_file input:focus{height: 110px;}
    .career-page .field .file_name_submit .submit_file_text{min-height: 120px;border-width: 1px;}
    .career-page .field .file_name_submit .submit_file_text img{height: 35px;}
    .career-page .field .file_name_submit .submit_file_text p{font-size: 13px;}
    .career-page .field .file_name_submit span{left: 10px;bottom: -16px;font-size: 11px;}
    .career-page .theme-btn{margin-top: 8px;}
}
@media (max-width: 767px) {
    .project-listarea .row{margin-inline: -8px;}
    .project-listarea .main-project{padding-inline: 8px;}

    /*======================= Breadcrumb Area =======================*/
    .breadcrumb-secn{padding: 30px 0;}
    .breadcrumb-secn .page-title{font-size: 30px;}
    .breadcrumb-secn .breadcrumb-right .breadcrumb-contact{font-size: 22px;}
    .breadcrumb-secn .breadcrumb-right .breadcrumb-timing{font-size: 10px;}
    /*======================= Theme Btn =======================*/
    .theme-btn{padding: 10px 12px;font-size: 11px;}
    /*======================= Product Details =======================*/
    .project-details-area .col:nth-child(1),
    .project-details-area .col:nth-child(2){width: 100%;}
    .project-details-area .projects-card-head h4{width: 95%;}
    .project-details-area .product-slider .product-img{width: 100%;aspect-ratio: 2/1;}
    .project-details-area .pro-details-right{margin-top: 20px;}
    .project-details-area .contact-area{padding-inline: 20px;max-width: 360px;box-sizing: border-box;}
    .project-details-area .tag-area{max-width: 360px;box-sizing: border-box;}
    .related-project .projects-card{padding: 8px 8px;}
    .related-project .projects-card .theme-btn{padding: 8px 5px 8px 10px;font-size: 10px;}
    .related-project .projects-card .projects-card-content h4{font-size: 13px;}
    /*======================= Career Page =======================*/
    .career-page .row{margin-inline: -8px;}
    .career-page .col{padding-inline: 8px;}
}
@media (max-width: 575px) {
    /*======================= Breadcrumb Area =======================*/
    .breadcrumb-secn{padding: 20px 0;text-align: center;}
    .breadcrumb-secn::before{width: 100%;opacity: 20%;}
    .breadcrumb-secn .breadcrumb-contentarea{flex-direction: column;}
    .breadcrumb-secn .page-title{max-width: 90%;}
    .breadcrumb-secn .breadcrumb-right{align-items: center;gap: 6px;}
    /*======================= Product Listing =======================*/
    .project-listarea .projects-cardarea .main-project{width: 100%;}
    .project-listarea .project-list-head{margin-top: 0px;}
    .project-container .project-listarea .project-secntitle{margin-bottom: 5px;}
    /*======================= Product Details =======================*/
    .project-details-area .projects-card-content ul li{margin-bottom: 5px;}
    .project-details-area .projects-card-content ul li span,.project-details-area .projects-card-content ul li strong{margin-right: 5px;}
    /*======================= Career Page =======================*/
    .career-desc-area .col:nth-child(1),
    .career-desc-area .col:nth-child(2){width: 100%;}
    .career-desc-area .career-desc-content{padding: 0;}
    .career-desc-area .career-img{padding: 8px;width: 100%;aspect-ratio: 1.8/1;}
    .career-desc-area .career-img img{width: 100%;height: 100%;position: unset;}
    .theme-accordion{margin-top: 30px;}
    .theme-accordion .accordion-item{margin-bottom: 10px;}
    .theme-accordion .accordion-item .accordion-header{padding: 10px 15px;font-size: 16px;}
    .theme-accordion .accordion-item .accordion-header:after{right: 8px;width: 20px;height: 20px;font-size: 24px;line-height: 20px;}
    .theme-accordion .accordion-item .accordion-body{padding: 15px 20px;}
    .theme-accordion .accordion-item .accordion-body .head-list{gap: 6px 0;margin-bottom: 15px;flex-direction: column;}
    .theme-accordion .accordion-item .accordion-body .head-list li{padding: 3px 0;}
    .theme-accordion .accordion-item .accordion-body .head-list li::after{top: unset;right: unset;left: 0;bottom: -4px;width: 25%;height: 1px;opacity: 20%;}
    .theme-accordion .accordion-item[open] > .accordion-header{padding-inline: 25px 5px;}
    .careerform-area{margin-top: 20px;padding: 15px 10px;}
    .careerform-area .career-col:nth-child(1),
    .careerform-area .career-col:nth-child(2),
    .careerform-area .career-col:nth-child(3),
    .careerform-area .career-col:nth-child(4),
    .careerform-area .career-col:nth-child(5),
    .careerform-area .career-col:nth-child(6),
    .careerform-area .career-col:nth-child(7){width: 100%;}
    .career-page .theme-btn{margin-top: 0;}
}



ul#menu-menu {
    list-style: none;
    background-color: #fff;
}

.mobile-menu{
    display:none;
}




.mobile-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px;
border-bottom:1px solid #eee;
}

.mobile-logo img{
max-width:140px;
}

.mobile-close{
background:red;
color:#fff;
padding:6px 10px;
cursor:pointer;
font-size:18px;
}

.mobile-menu{
list-style:none;
padding:0;
margin:0;
}

.mobile-menu li{
border-bottom:1px solid #eee;
margin: -15px 0 0 0;
}

.mobile-menu li a{
display:block;
padding:14px 20px;
color:#333;
text-decoration:none;
font-size:16px;
}

.mobile-menu li a:hover{
background:#f5f5f5;
}

.mobile-menu-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
display:none;
z-index:9998;
}

.mobile-menu-overlay.active{
display:block;
}

.mobile-menu-btn{
font-size:22px;
background:none;
border:none;
cursor:pointer;
}


/* Desktop menu */
@media (min-width:1025px){

.ast-mobile-menu-buttons{
display:none !important;
}

.ast-main-header-bar-navigation{
display:block !important;
}

}

/* Mobile menu */
@media (max-width:1024px){

.ast-mobile-menu-buttons{
display:block;
}

.ast-main-header-bar-navigation{
display:none;
width:100%;
}

.ast-main-header-bar-navigation.toggled{
display:block;
}

}



/* ==== 13-03-2026 ===== */  
.dadeele-project .elementor-1868 .elementor-element.elementor-element-9ea1ded h6.elementor-heading-title.elementor-size-default, .dadeele-project section.page-banner .page-banner-container .office-time {
        text-transform: unset;
    margin: 0px 0px 7px 0px;
    letter-spacing: 2px;
    line-height: 1.25em;
    font-weight: 600;
    font-size: 12px;
    color: #D8DBE1;
    opacity: 1;
}
.dadeele-project .elementor-1868 .elementor-element.elementor-element-37bb56f .elementor-icon-list-icon i {
    color: #ffffff;
} 
.dadeele-project .select-menu .select-btn {
 line-height: 1;
}
.dadeelectric-project-main-page .elementor-1868 .elementor-element.elementor-element-0adcbd8 {
    padding: 50px 0px 0px 0px;
}
.dadeele-project .elementor-1868 .elementor-element.elementor-element-37bb56f .elementor-icon-list-item > .elementor-icon-list-text {
    font-size: 32px !important;
    line-height: 1.3;
} 
.dadeele-project .page-banner-overlay {
    height: unset;
    background: unset;
}
.dadeele-project .page-banner-container .banner-left{
    margin: 0px;
}
.dadeele-project .page-banner-container .banner-left h1 {
    margin-bottom: 0px;
    text-transform: unset;
    font-size: 50px;
} 
.dadeele-project section.page-banner .page-banner-container .banner-right i {
    color: #ffffff;
}
 
.dadeele-project .page-banner-container .banner-right{
    margin: 0px;
}
.dadeele-project .page-banner-container{
        padding: 54px 20px;
}
.dadeelectric-project-main-page header.entry-header {
    display: none;
}
.dadeele-project .elementor-top-section.elementor-element .elementor-container {
    align-items: center;
} 
.dadeele-project section.page-banner .page-banner-container span.phone {
    font-size: 32px;
    line-height: 1.3;
}
.dadeelectric-project-single-page .project-details-area .contact-area ul li a i{
    height: 30px;
    width: 30px;
}
.dadeelectric-project-single-page .project-details-area .contact-area ul li a{
    line-height: 1.3;
}
.dadeelectric-project-single-page .project-details-area .projects-card-head h6, .dadeelectric-project-single-page .project-details-area .projects-card-head h4{
    text-transform: unset;
}
.dadeelectric-project-single-page .tax-project-container {
    padding: 0 !important;
}
.dadeelectric-project-single-page .related-project {
    padding: 50px 0 40px;
} 
.dadeelectric-project-single-page .project-details-area .tag-area h5{
    text-transform: unset;
}
.dadeele-project .page-banner-container .banner-left h1{
    text-transform: uppercase !important;
}
.dadeele-project .page-banner-container {
    padding: 54px 25px;
    max-width: 1250px;
}
.dadeelectric-projects-taxonomy-page header#masthead {
    position: absolute;
    width: 100%;
    top: 0;
}
.dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
    padding: 200px 10px 56px 10px;
    background-size: 55% auto !important;
    background-position: 0px 20px !important;
}
.dadeele-project .page-banner-overlay, .dadeele-project .elementor-background-overlay {
    background: linear-gradient(90deg, rgb(26 32 42 / 50%) 35%, #1A202A 50%) !important;
}
.dadeele-project .page-banner { 
    padding: 148px 0px 0px 0px;
    margin: 0px;
    background-size: 55% auto !important;
        background-position: 0px 20px !important;
}

@media (max-width:1599px){
.dadeele-project section.page-banner .page-banner-container .office-time{
    font-size: 12px;
}
.dadeele-project .page-banner-container {
    padding: 56px 15px 57px;
}
.dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
    padding: 200px 10px 56px 10px;
    background-size: 64% auto !important;
    background-position: 0px 20px !important;
}
.dadeele-project .page-banner { 
    padding: 148px 10px 0px 10px;
    margin: 0px;
background-size: 64% auto !important;
    background-position: 0px 20px !important;
}
}
@media (max-width:1399px){
    .dadeele-project .tax-project-container {
        padding: 70px 0;
    }
    .dadeele-project .page-banner-overlay, .dadeele-project .elementor-background-overlay {
    background: linear-gradient(90deg, rgb(26 32 42 / 60%) 35%, #1A202A 50%) !important;
}
    .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: 66% auto !important;
        background-position: 0px 30px !important;
    }
    .dadeele-project .page-banner { 
    padding: 148px 0px 0px 0px;
 background-size: 66% auto !important;
        background-position: 0px 30px !important;
}
}
   
@media (max-width:1200px){
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-9ea1ded {
        margin: 0 !important;
    }
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-d0e3f30 > .elementor-element-populated {
        display: flex !important;
        align-content: center !important;
    }
    
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-0adcbd8 {
    padding: 50px 0px 20px 0px !important;
}
        .dadeele-project .tax-project-container {
        padding: 50px 0 65px;
    } 
    .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: 70% auto !important;
        background-position: 0px 60px !important;
        padding: 200px 10px 56px 10px;
    }
         .dadeele-project .page-banner {
        background-size: 68% auto !important;
        background-position: 0px 70px !important;
    }
}
@media (max-width:991px){
    
    .dadeele-project ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text{
        font-size: 24px !important;
    }
        .dadeele-project section.page-banner .page-banner-container .office-time {
        text-align: right;
    }
    .dadeele-project .project-listarea {
    margin-top: 40px;
}
.dadeele-project.dadeelectric-project-main-page .project-listarea {
    margin-top: 0;
}
.dadeelectric-project-single-page .project-listarea{
    margin-top: 0px;
} 
    .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: 66% auto !important;
        background-position: 0px 70px !important;
                padding: 180px 30px 36px 30px;
    }
      .dadeele-project .page-banner-container {
        padding: 36px 30px 37px;
    }
}
@media (max-width:921px){
.dadeele-project .project-listarea .project-list-head{
    margin-top: 0 !important;
}
.dadeele-project .project-listarea{
    padding-top: 0px;
}   
.dadeele-project .project-listarea .main-project {
        margin-top: 15px;
    }
.dadeele-project .project-listarea .main-project .project-filter-area {
    margin-bottom: 8px;
}
        .dadeele-project .elementor-1868 .elementor-element.elementor-element-9ea1ded h6.elementor-heading-title.elementor-size-default {
        margin: 0px 0px 7px 0px;
    }
    
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-37bb56f .elementor-icon-list-item > .elementor-icon-list-text {
    font-size: 24px !important;
    }
    .dadeele-project section.page-banner .page-banner-container span.phone {
    font-size: 24px;
    }
    .dadeele-project .page-banner-container .banner-left h1{
        font-size: 40px;
    }
        .dadeele-project .page-banner-container {
        padding: 36px 15px;
    }
        .dadeele-project .tax-project-container {
        padding: 35px 0 35px;
    }
    .dadeelectric-project-single-page .project-listarea {
    padding-top: 32px !important;
}
    .dadeele-project .elementor-widget-heading h1.elementor-heading-title {
        font-size: 30px !important;
    }
        .dadeele-project .elementor-1868 .elementor-element.elementor-element-37bb56f > .elementor-widget-container {
        margin: 0px 0px 0px 0px;
    }
    .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: 75% auto !important;
        padding: 175px 30px 50px 30px;
    }
        .dadeele-project .page-banner-overlay, .dadeele-project .elementor-background-overlay {
        background: linear-gradient(90deg, rgb(26 32 42 / 60%) 48%, #1A202A 60%) !important;
    }
        .dadeele-project .page-banner-container .banner-left h1 {
        font-size: 30px;
    }
        .dadeele-project .page-banner {
        padding: 120px 0px 0px 0px;
               background-position: 0px 90px !important;
        }
            .dadeele-project .page-banner-container {
        padding: 52px 25px;
    }
     
}
@media (max-width:767px){
    .dadeele-project .elementor-widget-heading h1.elementor-heading-title {
        font-size: 30px !important;
    }
        .dadeele-project ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text {
        font-size: 22px !important;
        padding: 0px !important;
    }
    .dadeele-project ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon{
        padding: 0 !important;
    }
    .dadeele-project .elementor-element h6.elementor-heading-title.elementor-size-default{
        margin-bottom: 8px !important;
    }
    .dadeele-project .elementor-element.elementor-element-5f8ca1df .elementor-widget-wrap {
        margin: 0px 0px 10px 0px !important;
    }
    .dadeele-project .elementor-widget-wrap>.elementor-element{
        max-width: fit-content !important;
    }
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-d0e3f30 > .elementor-element-populated {
           flex-direction: column !important;
        max-width: fit-content !important;
}
.dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df .elementor-column {
    max-width: fit-content;
    display: flex;
    justify-content: space-between;
}

.dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df .elementor-container {
    display: flex;
    gap: 0px 20px;
    justify-content: space-between;
}
   
        .dadeele-project .elementor-1868 .elementor-element.elementor-element-37bb56f .elementor-icon-list-item > .elementor-icon-list-text {
        font-size: 22px !important;
    }
        .dadeele-project .elementor-1868 .elementor-element.elementor-element-9ea1ded h6.elementor-heading-title.elementor-size-default {
        margin: 0px 0px 12px 0px !important;
    }
       .dadeele-project .page-banner-container .banner-left h1 {
        font-size: 30px; 
    }
        .dadeele-project section.page-banner .page-banner-container span.phone {
        font-size: 22px;
    }
        .dadeele-project section.page-banner .page-banner-container .office-time {
        margin-bottom: 7px;
    }

   .dadeele-project.dadeelectric-projects-taxonomy-page .project-listarea{
    margin-top: 0;
   }
   .dadeelectric-project-single-page .tax-project-container{
    width: calc(100% - 30px);
   }
       .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: 85% auto !important;
        padding: 155px 30px 30px 30px;
                background-position: 0px 61px !important;
    }
        .dadeele-project .page-banner {
        padding: 120px 0px 0px 0px;
        background-size: 85% auto !important;
        background-position: 0px 61px !important;
    }
    .dadeele-project .page-banner-container {
        padding: 41px 25px;
    }
}
@media (max-width:575px){
      .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df .elementor-container {
        display: flex;
        gap: 0px 20px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }  
     .dadeele-project .elementor-1868 .elementor-element.elementor-element-d0e3f30 > .elementor-element-populated {
            align-items: center !important;
}
    .dadeele-project .elementor-1868 .elementor-element.elementor-element-0adcbd8 {
        padding: 20px 0px 0px 0px !important;
    }
    .dadeele-project .elementor-widget-wrap>.elementor-element .elementor-widget-container p {
    font-size: 14px;
}
.dadeele-project .elementor-widget-wrap>.elementor-element .elementor-widget-container .project-container {
    width: calc(100% + 0px) !important;
    padding: 0 !important;
}
    .dadeele-project .page-banner-container {
        padding: 28px 20px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
     .dadeele-project .page-banner-container .banner-left h1 {
        font-size: 30px; 
        text-align: center;
        line-height: 1.3;
    }
        .dadeele-project .tax-project-container {
        padding: 28px 0 25px;
    }
    .dadeele-project section.page-banner .page-banner-container .banner-right i {
    font-size: 18px;
}
.dadeelectric-project-single-page.ast-separate-container #content .ast-container{
    padding-left: 0px;
    padding-right: 0px;
}
.dadeelectric-project-single-page .project-listarea .col{
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.dadeelectric-project-single-page .related-project {
    padding: 30px 0 25px;
}
    .dadeelectric-project-single-page .tax-project-container {
        width: calc(100% - 15px);
    }
        .dadeele-project .elementor-top-section.elementor-element.elementor-element-5f8ca1df {
        background-size: cover !important;
        padding: 110px 15px 10px;
        background-position: 0px 61px !important;
    }
    .dadeele-project .page-banner-overlay, .dadeele-project .elementor-background-overlay{
        background: linear-gradient(90deg, rgb(26 32 42 / 50%) 48%, rgb(26 32 42 / 57%) 60%) !important;
    }
        .dadeele-project .page-banner {
        padding: 95px 0px 0px 0px;
        background-size: cover !important;
        background-position: 0px 61px !important;
    }
        .dadeele-project .page-banner-container {
        padding: 30px 20px;
        }
} 

/* 18.03.2026 */
.entry-header{display: none;}

.dadeele-project .elementor-1946 .elementor-element.elementor-element-3b94ed3{padding-inline: 30px;background-position: bottom left;}

@media (max-width: 991px) {
    .dadeele-project .elementor-1946 .elementor-element.elementor-element-3b94ed3{background-size: 70% auto !important;}
}
@media (max-width: 767px) {
    .dadeele-project .elementor-column{width: fit-content;flex-direction: column;justify-content: center;}
    .dadeele-project .elementor-section .elementor-container{flex-direction: row;align-items: center;justify-content: space-between;}
    .dadeele-project .elementor-1946 .elementor-element.elementor-element-3b94ed3{background-size: 100% auto !important;padding: 155px 30px 30px 30px;background-position: bottom left;}
    .dadeele-project .elementor-1946 .elementor-element.elementor-element-3b94ed3 > .elementor-container > .elementor-column > .elementor-widget-wrap{flex-direction: column;margin-bottom: 0;}
}
@media (max-width: 575px) {
    .dadeele-project .elementor-1946 .elementor-element.elementor-element-3b94ed3{background-size: cover !important;}
    .dadeele-project .elementor-widget-heading h1.elementor-heading-title{margin-bottom: 10px;}
    .dadeele-project .elementor-section .elementor-container{flex-direction: column;}
}


.project-container-main {
    padding: 50px 0px 0px 0px;
    margin: auto;
    max-width: 1200px;
}







/* No Record */
.no-records {
    margin: 35px auto;
    text-align: center;
    position: relative;
    padding: 20px 20px;
}

.no-records ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    margin: 0px 0px;
    padding: 0px 0px;
    background: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-records ul li {display: inline-block;margin: 0px 10px;text-align: left;font-family: 'Montserrat', sans-serif;}
.no-records ul li i {
    background: #971515;
    width: 150px;
    height: 150px;
    font-size: 50px;
    color: #fff;
    text-align: center;
    border: 1px solid #efefef;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-records ul li h6 {
    font-size: 50px;
    color: #001c40;
    font-family: "Inter", sans-serif;
    line-height: 1;
    margin-bottom: 5px;
}
.no-records ul li small {
    font-size: 25px;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}
/* End No Record */


/* complete project css 02-04-2026 */

.container {
    max-width: 100%;
    margin: 0 auto;
}

.section-title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #1e293b;
    position: relative;
}

.section-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: #3b82f6;
    display: block;
    margin: 10px auto 0;
    border-radius: 2px;
}

.projects-section {
    padding: 40px 20px;
    font-family: Arial, sans-serif;
}

.projects-section h2 {
    font-size: 28px;
    margin-bottom: 25px;
}

/* Grid Layout */
.project-list-ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
	margin:0px;
	line-height:1.3;
	line-break:auto;
}

/* LI Box */
.project-list-ul li {
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    transition: 0.2s ease;
}

/* Hover */
.project-list-ul li:hover {
    background: #f5f5f5;
    border-color: #999;
}

/* Responsive */
@media (max-width: 992px) {
    .project-list-ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .project-list-ul {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 28px;
    }
}