/* over ride boostrap color */
 .bg-primary {
     background-color: #a81010 !important;
 }

 .list-unstyle {
     list-style: none;
 }

 .fs-14 {
     font-size: 14px;
 }

 .text-primary {
     color: #a81010 !important;
 }

 .btn-primary {
     background-color: #a81010 !important;
     color: #ffffff !important;
     border-color: #a81010 !important;
 }

 .btn-outline-primary {
     color: #a81010 !important;
     border-color: #a81010 !important;
 }

 .btn-outline-primary:hover {
     color: #ffffff !important;
     background-color: #a81010 !important;
 }


 .btn-check:focus+.btn-primary,
 .btn-primary:focus {

     box-shadow: 0 0 0 .25rem #a8101d80 !important;
 }

 .btn-primary:hover {
     transform: translateY(-0.15em);
 }

 .row {
     --bs-gutter-x: 0 !important;
 }

 html,
 a,
 p,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 div,
 span {
     font-family: 'Public Sans', sans-serif !important;
 }

 .heading-highlight {
     position: relative;
 }

 .heading-highlight:before {
     position: absolute;
     content: "";
     left: 4px;
     top: -7px;
     width: 55px;
     height: 2px;
     background: red;
     border-radius: 4px;
 }

 .z-2 {
     z-index: 2;
 }

 .section {
     padding: 3rem !important;
 }

 /* header */
 .logo-img {
     padding-right: 8px;
 }

 .logo-img img {
     width: 250px
 }

 .logo-text {
     border-left: 3px solid #E2E2E2;
     padding: 8px 8px;
 }

 .logo-text h3 {
     font-size: 2rem;
     font-weight: 600;
     padding: 0;
     margin: 0;
 }

 /* technolog list style */
 .connect {
     display: block;
     position: absolute;
     width: 0;
     margin: 0 auto;
     z-index: 1;
     font-size: 60px;
     border-right: 0 !important;
     border-style: dashed;
     border-color: #BCBCBC;
     border-width: 1px;
     left: 2.2px;
     right: calc(100% - 45px);
     top: calc(var(--icon-size, 20px) / 2);
     height: calc(100% + var(--space-between, calc(15px / 2)));
 }

 .tech-list li a {
     text-decoration: none;
     color: #000;
 }

 .tech-list li a:hover {
     color: #c00404;
 }

 .tech-list li a:hover::before {
     content: "\f061";
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     color: #c00404;
     font-size: 1em;
     margin-right: 8px;
     transition: ease .5s;
     display: inline-block;
 }

 .tech-list li a:before {
     /* position: relative;
    content: "";
    transition: ease .5s;
    color: #333;
    font-size: 0em;
    content: "\f061";
    font-family: "Font Awesome 7 Free"; */
     content: "\f061";
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     color: #000000;
     font-size: 1em;
     margin-right: 8px;
     transition: ease .5s;
     display: inline-block;
 }

 .tech-icon {
     width: 14px;
     height: 14px;
     display: block;
     background: #a81010;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     border-radius: 1px;
     ;
 }

 .counter-section-container {
     text-align: center;
     justify-content: center;
     gap: 15px;
 }

 .counter-section {
     border: 2px solid #f8f9fa;
     text-align: center;
     gap: 5px;
     flex-direction: column;
     display: flex;
     padding: 5px;
 }

 /* PreLoader  */
 .preloader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 /* gallery page */
 .own-gallery {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: center;
 }

 .gallery-item {
     position: relative;
     width: 300px;
     height: 180px;
     overflow: hidden;
     border-radius: 5px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
 }

 .gallery-item img {
     width: 100% 250px;
     height: 100%;
     object-fit: fill;
     transition: transform 0.3s ease;
 }

 .own-gallery .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgb(0 0 0 / 60%);
     opacity: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     transition: opacity 0.3s ease;
 }

 .own-gallery .overlay a {
     color: #fff;
     font-size: 20px;
     background: rgba(255, 255, 255, 0.2);
     padding: 12px 16px;
     border-radius: 50%;
     transition: background 0.3s ease;
     text-decoration: none;
 }

 .gallery-item:hover .overlay {
     opacity: 1;
 }

 /* screen  */

 .mx-cover {
     min-height: 472px;
 }

 .mx-cover-2 {
     min-height: 488px;
 }

 /* technologies search  */
 .own-search-box {
     border: 1px solid #e4eaef;
     border-radius: 4px;
     width: 300px;
     padding: 6px 12px;
     box-shadow: 0px 0px 2px rgb(0 0 0 / 31%);
     cursor: pointer;
 }

 .own-search-box i {
     color: #a810107a;
     cursor: pointer;
 }

 .own-search-box span {
     color: #8b8b8b;
     display: inline-flex;
     cursor: pointer;
     white-space: nowrap;
     overflow: hidden;
     border-right: 2px solid;
     width: 0;
     animation: typing 8s steps(22) infinite, blink 0.8s step-end infinite;
 }


 @keyframes typing {
     0% {
         width: 0;
     }

     60% {
         width: 17ch;
     }

     80% {
         width: 17ch;
         /* Hold the full text for a moment */
     }

     100% {
         width: 0;
         /* Slowly reset */
     }
 }

 @keyframes blink {
     50% {
         border-color: transparent;
     }
 }

 /* Industry Collaboration */
 .consultancy-container {
     gap: 25px;
     justify-content: center;
     align-items: center
 }

 .consultancy-container .consultancy-content {
     border: 1.5px dashed #e78f8f;
     padding: 20px 10px;
     border-radius: 10px;
     min-height: 240px;
     transition: 0.3s
 }

 .consultancy-container .consultancy-content p {
     padding: 10px;
 }

 .consultancy-container .consultancy-content:hover {
     background: #ffaeae1c;
     transform: translateY(-2px)
 }

 /* .tech-list-container ul {
    list-style: none;

}

.tech-list-container ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: #a81010;
    font-size: 1em;
    margin-right: 8px;
    transition: ease .5s;
    display: inline-block;
} */

 .industrial-content {
     color: #000;
     background: #ffffff;
     border-radius: 7px;
     padding: 16px 10px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-left: 3px solid #a81010;
     margin-bottom: 10px;
 }

 .industrial-content a {
     text-decoration: none;
     color: #000;
     font-size: 18px;
     font-weight: 400;
 }

 .industrial-content:hover {
     transform: translateY(-3px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
     border-left: 5px solid #a81010;
 }

 .own-project-container ul {
     padding-left: 5rem;
 }

 .own-project-container strong {
     font-weight: 600;
 }


 /* client logo tab slider  */
 .own-slider {
     background-color: #fff;
     box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
     padding: 0.75rem;
     justify-content: center;
     border-radius: 99px;
     align-items: center;
 }

 .own-slider .nav-link {
     color: #000;
     font-weight: 600;
     transition: color 0.15s ease-in;
     border: none !important;
 }

 .own-slider .nav-link.active {
     color: #a81010;
     background: #a8101024;
     border-radius: 99px;
 }

 /* Cilent Logo  */
 .client-container {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     justify-content: center;
 }

 .client-logo-slider {
     width: 200px;
     min-height: 150px;
     padding: 6px 4px;
     background: #ffffff;
     text-align: center;
     border-radius: 4px;
     box-shadow: 0px 0px 2px rgba(0.30, 0.30, 0.30, 0.50) !important;
     display: flex !important;
     justify-content: center;
     align-items: center;
 }

 .client-logo-slider:hover {
     box-shadow: 0px 0px 4px rgb(168, 16, 16) !important;
     transform: scale(1.05);
     transition: all 0.3s ease-in-out;
 }


 .tech-item {
     text-decoration: none;
     display: flex;
     align-items: center;
     padding: 6px 8px;
     margin-bottom: 10px;
     background: white;
     border-radius: 10px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-left: 5px solid #a81010;
 }

 .tech-item:hover {
     transform: translateY(-3px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
     border-left: 5px solid #2c3e50;
 }

 .idf-number {
     background: #ffe6e6;
     color: #a81010;
     padding: 8px 15px;
     border-radius: 20px;
     font-weight: 600;
     min-width: 140px;
     text-align: center;
     margin-right: 20px;
 }

 .tech-title {
     font-size: 1.2rem;
     color: #2c3e50;
     flex: 1;
 }

 .tech-actions {
     display: flex;
     gap: 10px;
 }

 .dropdown-toggle::after {
     display: inline-block;
     margin-left: unset;
     vertical-align: unset;
     content: "";
     border-top: none;
     border-right: none;
     border-bottom: none;
     border-left: none;
 }

 .own-link {
     text-decoration: none;
     cursor: pointer !important;
     color: var(--bs-body-color);
 }

 /* data table style */
 .own-datatable-container {
     background: white;
     border-radius: 0 0 10px 10px;
     overflow: hidden;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
     margin-bottom: 2rem;
     padding: 15px;
     margin-top: 13px;
 }

 .own-datatable-container .dt-paging-button {
     padding: 6px 14px !important;
     border: 1px solid #6c757d !important;
     border-radius: 6px !important;
     color: #6c757d !important;
     background: transparent !important;
     margin-right: 2px !important;
 }

 .own-datatable-container .dt-paging-button.current {
     color: #a81010 !important;
     border: 2px solid #a81010 !important;
 }

 .own-datatable-container .table {
     --bs-table-border-color: #e0e8ef !important;
 }

 .own-datatable-container table th {
     background-color: #e8e8e8 !important;
 }

 .own-datatable-container .dataTables_wrapper {
     max-height: 0;
     /* minimum table height */
 }

 .own-datatable-container .records-info span {
     color: #e74c3c;
     font-weight: 600;
 }

 /* Non licensed */

 .department {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 8px;
     gap: 25px;
     /* border: 1px solid #e7e7ea !important;
     border-radius: 12px !important; */
 }

 .department-container {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }


 @media (max-width: 768px) {
     .tech-item {
         flex-direction: column;
         text-align: center;
         gap: 15px;
     }

     .idf-number {
         margin-right: 0;
     }

     .tech-actions {
         justify-content: center;
     }


 }

 .own-list {
     list-style: none;
     margin-left: -10px;
 }

 .own-list li::before {
     content: "\f00c";
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     color: #a81010;
     font-size: 1em;
     margin-right: 8px;
     transition: ease .5s;
     display: inline-block;
     list-style: none;
 }

 #tech-search .modal.show .modal-dialog {
     padding-top: 166px !important;
 }

 #tech-search .modal-content {
     border-radius: 4px;
     /* overflow: hidden; */
     border: 1px solid #a81010;
 }

 #tech-search select {
     outline: none;
     border: none;
     text-align: center;
     background: #edf2fa;
 }

 #tech-search input {
     width: 100%;
     height: 40px;
     text-decoration: none;
     outline: none;
     border: none;
     padding-left: 15px;
     border-left: 2px solid #edf2fa;
 }

 #tech-search button {
     border: none;
     background: #a81010;
     color: #ffffff;
     padding: 8px 20px;
     font-weight: 700;
     outline: none;
 }

 .tech-search-list {
     border-bottom: 2px solid #edf2fa;
     padding: 10px;

     text-decoration: none;
     color: black;
 }

 .tech-search-list:hover {
     background-color: #edf2fa;
     border-radius: 6px;
 }

 .tech-search-list p {
     font-size: 16px;
     margin-bottom: 0.5rem !important;
 }

 .tech-search-list .lab {
     background: #8b8b8b26;
     border-radius: 4px;
     padding: 2px 14px;
     color: #8b8b8b;
     font-size: 14px;
     font-weight: 600;
 }

 .tech-search-list .lab span {
     font-weight: 400;
 }

 .tech-search-list .idf-details {
     align-items: center;
     display: flex;
     width: 18%;
 }

 .tech-search-list .idf-details span {
     background: #ffe6e6;
     color: #a81010;
     padding: 6px 12px;
     border-radius: 20px;
 }

 .tech-search-list .col-9 {
     margin-left: -25px;
 }

 .tech-search-loader {
     position: absolute;
     background: white;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     display: none;
     align-items: center;
     justify-content: center;
 }

 .tech-search-result {
     gap: 10px;
     max-height: 500px;
     overflow-y: auto;
 }

 #tech-search-form .awesomplete {
     width: 100%;
 }


 .text-sub-title {
     color: #6c757d !important;
     font-weight: 600;
 }

 .own-cate-hightlighter {
     position: relative;
 }

 .own-cate-hightlighter:before {
     /* content: "";
    position: absolute;
    left: -8px;
    top: -8px;
    background: #c00404;
    width: 4px;
    height: 43px; */
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgb(255 255 255 / 89%) !important;
 }

 .navbar-nav {
     gap: 10px
 }

 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .show>.nav-link {
     color: #E5B233 !important;
     font-weight: 700;
     position: relative;
 }

 .own-menu .nav-link.active:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 3px;
     bottom: 0;
     left: 0;
     background: #E5B233 !important;
     border-radius: 20px;
 }

 .text-indent-2em {
     text-indent: 2em;
     text-align: justify;
 }

 .content-cover {
     min-height: 580px;
 }

 /* Own Table */
 .own-table .records-info {
     font-size: 16px;
     color: #2c3e50;
     font-weight: 500;
     background: white;
     padding: 10px 16px;
     border-radius: 8px;

 }

 .own-table .records-info span {
     color: #e74c3c;
     font-weight: 600;
 }

 .own-table .search-box {
     position: relative;
     width: 300px;
 }

 .own-table .search-box input {
     width: 100%;
     padding: 10px 15px 10px 40px;
     border: 1px solid #dce1e5;
     border-radius: 8px;
     font-size: 14px;
     outline: none;
     transition: border-color 0.3s;
 }

 .own-table .search-box input:focus {
     border-color: #a81010;
     box-shadow: 0 0 0 2px rgb(168 16 16 / 20%);
 }

 .own-table .search-box i {
     position: absolute;
     left: 15px;
     top: 50%;
     transform: translateY(-50%);
     color: #7f8c8d;
 }

 .own-table .search-container {
     border-bottom: 1px solid #eaecef;
     margin-bottom: 20px;
 }

 .own-table .own-table-buttons {
     gap: 4px;
     display: flex;
 }

 .own-table .own-table-buttons button {
     padding: 6px 14px;
     border: 1px solid #6c757d;
     border-radius: 6px;
     color: #6c757d;
     background: transparent;
 }

 .own-table .own-table-buttons button:disabled {
     color: #a81010;
     border: 2px solid #a81010;
 }

 .own-table .own-table-buttons button:hover:not:disabled {
     color: #a81010;
     border: 1px solid #a81010;
 }

 .own-table .pagination-btn {
     padding: 8px 15px;
     margin: 0 5px;
     background: #f8f9fa;
     border: 1px solid #dce1e5;
     border-radius: 5px;
     color: #2c3e50;
     cursor: pointer;
     font-weight: 500;
     transition: all 0.2s;
 }

 .own-table .pagination-btn:hover {
     color: #a81010;
     border-color: #a81010;
 }

 .own-table .pagination-btn.active {
     background: #2c3e50;
     color: white;
     border-color: #2c3e50;
 }

 .own-table .per-page {
     display: flex;
     align-items: center;
 }

 .own-table .per-page label {
     margin-right: 10px;
     color: #2c3e50;
     font-weight: 500;
 }

 .own-table .per-page select {
     padding: 8px 12px;
     border: 1px solid #dce1e5;
     border-radius: 5px;
     background: white;
     color: #2c3e50;
     font-weight: 500;
     cursor: pointer;
 }

 .own-table .own-table-buttons button:disabled:last-child,
 .own-table .own-table-buttons button:disabled:first-child,
 .dt-paging-button.disabled {
     background-color: rgba(0, 0, 0, .03) !important;
     border: 1px solid rgba(0, 0, 0, .125) !important;
     color: #6c757d !important;
 }

 table.dataTable thead th {
     text-align: center !important;
 }

 .dt-container .dt-paging .dt-paging-button:not(.current):hover {
     color: #ba4040 !important;
     border: 1px solid #ba4040 !important;
 }

 .dt-paging-button.current {
     color: #a81010 !important;
 }

 /* phone validation */
 .iti.iti--allow-dropdown {
     width: 100%;
 }

 .phone-invalid {

     border-color: red !important;

 }

 .phone-invalid:focus {
     border-color: var(--bs-form-invalid-border-color) !important;
     box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25) !important;
 }


 .form-control.is-invalid,
 .was-validated .form-control:invalid,
 .form-control.is-valid,
 .was-validated .form-control:valid {
     background-image: none !important;
 }

 /* excellence */
 .own-popup-link-btn {
     background: #4c92d3;
     padding: 10px 14px;
     text-decoration: none;
     border-radius: 4px;
     color: #ffffff;
 }

 .own-popup-link-btn:before {
     font-family: "Font Awesome 5 Brands";
     content: "\f08c";
     padding-right: 6px;
 }

 .own-popup-link-btn:hover {
     background: #3b7ac6;
     color: #ffffff;
     transition: all 0.3s ease-in-out;
     transform: scale(1.05);
 }

 .client-logo-slider img {
     object-fit: contain;
     transform: scale(1.2);
     object-position: center;
 }


 .footer-copyright {
     background: #7b0606;
     text-align: center;
     color: #ffffff;
     padding: 9px 4px;
 }

 .accordion {
     width: 90%;
     max-width: 1000px;
     margin: 2rem auto;
 }

 .accordion-item {
     background-color: #f1f1f1;
     color: #111;
     margin: 0.5rem 0;
 }

 .accordion-item-header {
     padding: 0.5rem 3rem 0.5rem 1rem;
     min-height: 3.5rem;
     line-height: 1.25rem;
     font-weight: bold;
     display: flex;
     align-items: center;
     position: relative;
     cursor: pointer;
 }

 .accordion-item-header::after {
     content: "\002B";
     font-size: 2rem;
     position: absolute;
     right: 1rem;
 }

 .accordion-item-header.active::after {
     content: "\2212";
 }

 .accordion-item-body {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
 }

 .accordion-item-body-content {
     padding: 1rem;
     line-height: 1.5rem;
     border-top: 1px solid;
     border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
 }

 .accordion-item-body-content {
     background-color: white;
 }

 .accordion-item-header.active {
     background: #444;
     color: #ffffff;
 }


 div:where(.swal2-container).swal2-backdrop-show,
 div:where(.swal2-container).swal2-noanimation {
     background: rgb(0 0 0 / 72%) !important;
 }


 /* industry-collaboration */
 /* Keep Bootstrap tab classes the same */
 .own-tabs .nav-tabs {
     border: none;
     width: fit-content;
     margin-bottom: 20px;
     padding: 5px;
     border: 1px solid #e7e7ea !important;
     border-radius: 12px !important;
 }

 .own-tabs .nav-item {
     margin: 0 5px;
 }

 .own-tabs .nav-link {
     border-radius: 12px !important;
     padding: 12px 20px;
     color: #495057;
     font-weight: 500;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .own-tabs .nav-link:hover {
     color: #a81010 !important;
     border: none;
 }

 .own-tabs .nav-link.active {
     border: none;
     /* border: 1px dashed #a81010 !important; */
     background: #ffaeae1c !important;
     color: #a81010 !important;
     position: relative;
 }

 /* Custom prefixed classes */
 .own-tabs .own-tab-progress {
     height: 100%;
     background: #a8101014 !important;
     position: absolute;
     content: "";
     left: 0;
     top: 0;
     width: 0%;
     border-radius: 2px;
     transition: width 8s linear;
 }

 .own-tabs .own-tab-content {
     background: white;
     border-radius: 12px;
     padding: 30px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     min-height: 150px;
     max-width: 80%;
     position: relative;
     border: 1.5px dashed #e78f8f;
 }

 .own-tabs .own-tab-pane {
     animation: fadeIn 0.5s ease-in-out;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .own-tabs .own-loading-indicator {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 14px;
     color: #2ab6d2;
     display: none;
 }

 .own-tabs .nav-link.active .own-loading-indicator {
     display: block;
 }

 .own-tabs .own-tab-icon {
     margin-right: 8px;
     font-size: 16px;
 }

 .own-tabs .own-content-header {
     font-weight: 600;
     color: #2ab6d2;
     margin-bottom: 15px;
     font-size: 1.5rem;
 }

 .own-tabs .own-content-body {
     line-height: 1.6;
     color: #495057;
 }

 .own-tabs .own-controls {
     display: flex;
     justify-content: center;
     margin-top: 20px;
 }

 .own-tabs .own-btn-control {
     margin: 0 10px;
     border-radius: 8px;
     padding: 8px 20px;
 }

 .own-tabs .own-pulse {
     animation: pulse 1.5s infinite;
 }

 @keyframes pulse {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0.5;
     }

     100% {
         opacity: 1;
     }
 }

 #project-list .tech-title {

     padding: 6px 10px;

 }

 /* Industrial project */
 .own-project-container h5 {
     position: relative;
     color: #6c757d !important;
     font-weight: 600;
 }

 .own-project-container p {
     text-indent: 2em;
     text-align: justify;
 }

 /*HOME Page*/
 .own-home-carousel {

     height: 354px;

 }

 /* copy right prodect */
 #overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.9);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     z-index: 999999;
     flex-direction: column;
     text-align: center;
     padding: 30px;
 }

 #overlay a {
     margin-top: 20px;
     padding: 10px 20px;
     border: none;
     background: #ff4444;
     color: white;
     font-size: 16px;
     cursor: pointer;
     border-radius: 5px;
     text-decoration: none;
 }

 #overlay a:hover {
     background: #ff2222;
 }

 /* Warning page styles */
 #warning-page {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.95);
     z-index: 1000;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding: 20px;
 }

 .warning-modal {
     background: white;
     border-radius: 8px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
     max-width: 500px;
     width: 100%;
     position: relative;
     overflow: hidden;
     animation: shake 0.5s;
 }



 .warning-modal-content {
     padding: 50px 40px 30px;
     text-align: center;

 }

 .warning-warning-icon {
     width: 80px;
     height: 70px;
     margin: 0 auto 20px;
     position: relative;
 }

 .warning-icon svg {
     width: 100%;
     height: 100%;
 }

 .warning-title {
     color: #ff6b6b;
     font-size: 40px;
     font-weight: 700;
     margin-bottom: 20px;
     letter-spacing: 2px;
 }

 .warning-text {
     color: #666;
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 30px;
 }

 .warning-button-group {
     display: flex;
     gap: 10px;
 }

 .warning-btn {
     flex: 1;
     padding: 15px 30px;
     font-size: 16px;
     font-weight: 500;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: all 0.3s;
 }



 .warning-btn-action {
     background: #ff6b6b;
     color: white;
 }

 .warning-btn-action:hover {
     background: #ff5252;
 }

 .warning-stripe-pattern {
     height: 30px;
     background: repeating-linear-gradient(45deg,
             #ff6b6b,
             #ff6b6b 10px,
             white 10px,
             white 20px);
 }

 @keyframes shake {

     0%,
     100% {
         transform: translateX(0);
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         transform: translateX(-10px);
     }

     20%,
     40%,
     60%,
     80% {
         transform: translateX(10px);
     }
 }

 .select2-container .selection {
     --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
     display: block;
     width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: var(--bs-body-color);
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--bs-body-bg);
     background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
     background-repeat: no-repeat;
     background-position: right .75rem center;
     background-size: 16px 12px;
     border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-border-radius);
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 .select2-container--default .select2-selection--single {

     border: none !important;

 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 36px;
     position: absolute;
     top: 1px;
     right: 1px;
     width: 20px;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #444;
     line-height: inherit !important;
 }

 .select2-container .select2-selection--single {

     height: auto !important;

 }

 /* Tablet */
 @media (max-width: 992px) {
     body {
         font-size: 16px;
     }

     .navbar .container {
         justify-content: end;
     }

     .own-menu .nav-link.active:after {
         width: 160px;
     }
 }

 /* Mobile */
 @media (max-width: 576px) {
     body {}

     .section {
         padding: 1.5rem !important;
     }

     /* header  */
     .logo-text h3 {
         font-size: 1.4rem;
     }

     .logo-img img {
         width: 200px
     }

     .logo-sub-title {
         font-size: 1.2rem;
     }

     /* Own Table */
     .own-table .own-table-buttons button {
         padding: 4px 10px;

     }

     .ml-n30 {
         margin-left: -30px;
     }

     /*   gallery */
     .container,
     .container-fluid,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         padding-right: 5px;
         padding-left: 5px;

     }

     .gallery-item {
         width: 335px;
     }

     .client-logo-slider {
         width: 160px;

     }

     /* Tech search Modal */
     .idf-details {
         width: 100% !important;
     }

     .tech-search-list {
         padding: 9px;
         font-size: 0.8rem;
         gap: 6px;
         color: black;

     }

     .tech-search-list .idf-details span {
         padding: 2px 9px;
         border-radius: 1px;
     }

     .navbar .container {
         justify-content: end;
     }

     .own-menu .nav-link.active:after {
         width: 160px;
     }

     .own-tabs .own-tab-content {
         max-width: 100%;
     }
 }


 html,
 a,
 p,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 div,
 span {
     font-family: 'Public Sans', sans-serif !important;

 }

 .own-hover {
     color: #0066cc;
     text-decoration: none;
     display: inline-block;
     transition: all 0.3s ease;
     opacity: 0.9;
 }

 .own-hover:hover {
     color: #003366;
     transform: scale(1.04) translateY(-1px);
     opacity: 1;
     font-weight: 500;
     text-decoration: underline;
     text-decoration-color: #003366;
     text-underline-offset: 2px;
 }

 .own-red-hover {
     color: #a81010;
     text-decoration: none;
     display: inline-block;
     transition: all 0.3s ease;
     opacity: 0.9;
 }

 .own-red-hover:hover {
     color: #a81010;
     

     text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    opacity: 0.9;

 }

 .own-black-hover {
     color: #000c;
     text-decoration: none;
     display: inline-block;
     transition: all 0.3s ease;
     opacity: 0.9;
 }

 .own-black-hover:hover {


     color: #000c;
     transform: scale(1.04) translateY(-1px);
     opacity: 1;
     font-weight: 500;
     text-decoration: underline;
     text-decoration-color: #000c;
     text-underline-offset: 2px;

 }