.elementor-4962 .elementor-element.elementor-element-5719af1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:1;--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-5719af1a:not(.elementor-motion-effects-element-type-background), .elementor-4962 .elementor-element.elementor-element-5719af1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://voltaegypt.com/volta_con/uploads/2025/11/teamwork-manager-portrait-diversity-office-team-happy-about-hr-collaboration-we-are-hiring-about-us-company-our-vision-working-group-standing-proud-with-smile-corporate-success_590464-156905-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4962 .elementor-element.elementor-element-5719af1a::before, .elementor-4962 .elementor-element.elementor-element-5719af1a > .elementor-background-video-container::before, .elementor-4962 .elementor-element.elementor-element-5719af1a > .e-con-inner > .elementor-background-video-container::before, .elementor-4962 .elementor-element.elementor-element-5719af1a > .elementor-background-slideshow::before, .elementor-4962 .elementor-element.elementor-element-5719af1a > .e-con-inner > .elementor-background-slideshow::before, .elementor-4962 .elementor-element.elementor-element-5719af1a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(230deg, #FFFFFF73 0%, var( --e-global-color-3c5248b ) 100%);}.elementor-4962 .elementor-element.elementor-element-4a3928b4{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-1809e85d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-4962 .elementor-element.elementor-element-75d1ddc4{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-617c090a .react-heading .title-inner .sub-text{color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-4962 .elementor-element.elementor-element-617c090a .react-heading .title-inner .sub-text.custom{background:var( --e-global-color-96f3802 );}.elementor-4962 .elementor-element.elementor-element-555e0686 .page-title{color:#FFFFFF;margin:0px 0px 0px 0px;}.elementor-4962 .elementor-element.elementor-element-2e97297e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-434b17f8{text-align:right;}.elementor-4962 .elementor-element.elementor-element-434b17f8 .elementor-heading-title{color:#F5F5F7;}.elementor-4962 .elementor-element.elementor-element-6945c45e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-fb994fc > .elementor-widget-container{margin:20px 0px -48px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:100% 100% 100% 100%;}.elementor-4962 .elementor-element.elementor-element-fb994fc .elementor-icon-wrapper{text-align:center;}.elementor-4962 .elementor-element.elementor-element-fb994fc.elementor-view-stacked .elementor-icon{background-color:#234982;}.elementor-4962 .elementor-element.elementor-element-fb994fc.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-fb994fc.elementor-view-default .elementor-icon{color:#234982;border-color:#234982;}.elementor-4962 .elementor-element.elementor-element-fb994fc.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-fb994fc.elementor-view-default .elementor-icon svg{fill:#234982;}.elementor-4962 .elementor-element.elementor-element-fb994fc .elementor-icon{font-size:36px;}.elementor-4962 .elementor-element.elementor-element-fb994fc .elementor-icon svg{height:36px;}.elementor-4962 .elementor-element.elementor-element-3af04bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4962 .elementor-element.elementor-element-7367568{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-ff0f9f8{--display:flex;}.elementor-4962 .elementor-element.elementor-element-c1b2963{--icon-box-icon-margin:15px;}.elementor-4962 .elementor-element.elementor-element-c1b2963.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-c1b2963.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-c1b2963.elementor-view-default .elementor-icon{fill:var( --e-global-color-3c5248b );color:var( --e-global-color-3c5248b );border-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-331eb07{--display:flex;}.elementor-4962 .elementor-element.elementor-element-8bc09b2{--icon-box-icon-margin:15px;}.elementor-4962 .elementor-element.elementor-element-8bc09b2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-8bc09b2.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-8bc09b2.elementor-view-default .elementor-icon{fill:var( --e-global-color-3c5248b );color:var( --e-global-color-3c5248b );border-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-9b5ab48{--display:flex;}.elementor-4962 .elementor-element.elementor-element-2a4ee65{--icon-box-icon-margin:15px;}.elementor-4962 .elementor-element.elementor-element-2a4ee65.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-2a4ee65.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-2a4ee65.elementor-view-default .elementor-icon{fill:var( --e-global-color-3c5248b );color:var( --e-global-color-3c5248b );border-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-00d5fd9{--display:flex;}.elementor-4962 .elementor-element.elementor-element-eed17b3{--icon-box-icon-margin:15px;}.elementor-4962 .elementor-element.elementor-element-eed17b3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-eed17b3.elementor-view-framed .elementor-icon, .elementor-4962 .elementor-element.elementor-element-eed17b3.elementor-view-default .elementor-icon{fill:var( --e-global-color-3c5248b );color:var( --e-global-color-3c5248b );border-color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-c825145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4962 .elementor-element.elementor-element-f81b3fa{--display:flex;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a{width:var( --container-widget-width, 49.146% );max-width:49.146%;--container-widget-width:49.146%;--container-widget-flex-grow:0;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .react-heading{text-align:center;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .image-heading{justify-content:center;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .react-heading .title-inner .sub-text{color:#FFFFFF;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .react-heading .title-inner .sub-text.custom{background:var( --e-global-color-96f3802 );}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .react-heading .description p,.description{font-size:18px;font-weight:400;line-height:32px;letter-spacing:-0.2px;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a .react-heading .description p{margin:0px 0px 0px 0px;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a  .description{margin:0px 0px 0px 0px;}.elementor-4962 .elementor-element.elementor-element-7a8ff07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-094fd49{--display:flex;}.elementor-4962 .elementor-element.elementor-element-b879346{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-da1f23a{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-3c5248b );--border-color:var( --e-global-color-3c5248b );--border-radius:12px 12px 12px 12px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4962 .elementor-element.elementor-element-da1f23a:hover{box-shadow:0px 0px 10px 0px rgba(102, 102, 102, 0.5);}.elementor-4962 .elementor-element.elementor-element-b1b9de5 .elementor-heading-title{font-size:26px;color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-49f1e71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-8c5467d .elementor-button{background-color:var( --e-global-color-3c5248b );border-radius:12px 12px 12px 12px;}.elementor-4962 .elementor-element.elementor-element-8c5467d .elementor-button:hover, .elementor-4962 .elementor-element.elementor-element-8c5467d .elementor-button:focus{background-color:var( --e-global-color-96f3802 );}.elementor-4962 .elementor-element.elementor-element-f3ed455{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-3c5248b );--border-color:var( --e-global-color-3c5248b );--border-radius:12px 12px 12px 12px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4962 .elementor-element.elementor-element-f3ed455:hover{box-shadow:0px 0px 10px 0px rgba(102, 102, 102, 0.5);}.elementor-4962 .elementor-element.elementor-element-731eee7 .elementor-heading-title{font-size:26px;color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-d54f929{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-e1e1fec .elementor-button{background-color:var( --e-global-color-3c5248b );border-radius:12px 12px 12px 12px;}.elementor-4962 .elementor-element.elementor-element-e1e1fec .elementor-button:hover, .elementor-4962 .elementor-element.elementor-element-e1e1fec .elementor-button:focus{background-color:var( --e-global-color-96f3802 );}.elementor-4962 .elementor-element.elementor-element-706ee82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-f22842a{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-3c5248b );--border-color:var( --e-global-color-3c5248b );--border-radius:12px 12px 12px 12px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4962 .elementor-element.elementor-element-f22842a:hover{box-shadow:0px 0px 10px 0px rgba(102, 102, 102, 0.5);}.elementor-4962 .elementor-element.elementor-element-ce9d049 .elementor-heading-title{font-size:26px;color:var( --e-global-color-3c5248b );}.elementor-4962 .elementor-element.elementor-element-88fbab2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-89a1a89 .elementor-button{background-color:var( --e-global-color-3c5248b );border-radius:12px 12px 12px 12px;}.elementor-4962 .elementor-element.elementor-element-89a1a89 .elementor-button:hover, .elementor-4962 .elementor-element.elementor-element-89a1a89 .elementor-button:focus{background-color:var( --e-global-color-96f3802 );}.elementor-4962 .elementor-element.elementor-element-ad53e48{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4962 .elementor-element.elementor-element-838d52c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4962 .elementor-element.elementor-element-07d5567{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-1f5a100{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 35px;--row-gap:20px;--column-gap:35px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-4962 .elementor-element.elementor-element-fbaf1f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4962 .elementor-element.elementor-element-2d09996 p{margin-block-end:0px;}@media(min-width:768px){.elementor-4962 .elementor-element.elementor-element-fbaf1f9{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4962 .elementor-element.elementor-element-75d1ddc4{--width:30%;}.elementor-4962 .elementor-element.elementor-element-2e97297e{--width:70%;}}@media(min-width:1025px){.elementor-4962 .elementor-element.elementor-element-5719af1a:not(.elementor-motion-effects-element-type-background), .elementor-4962 .elementor-element.elementor-element-5719af1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-4962 .elementor-element.elementor-element-434b17f8 .elementor-heading-title{font-size:20px;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}}@media(max-width:767px){.elementor-4962 .elementor-element.elementor-element-434b17f8{text-align:left;}.elementor-4962 .elementor-element.elementor-element-434b17f8 .elementor-heading-title{font-size:16px;}.elementor-4962 .elementor-element.elementor-element-e3d1c5a{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}}/* Start custom CSS for react-page-heading, class: .elementor-element-4fcc79ac *//*.breadcrumbs-title{*/
/*    color: #234982;*/
/*}*/
/*.breadcrumbs-title span {*/
/*    color: red !important;*/
/*    font-weight: 600;*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13baefd *//* Custom style for the modal button */
#modalButton, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButton:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: -275px !important;

}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30d55a7 *//* Custom style for the modal button */
#modalButton, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButton:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: -275px !important;

}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fa1442 *//* Custom style for the modal button */
#modalButtonQualityDept, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButtonQualityDept:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: -275px !important;  /* Center it vertically with a top margin */
}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f4eb1d *//* Custom style for the modal button */
#modalButton, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButton:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  top: 50%; /* Center vertically */
  transform: translateY(-50%); /* Adjust for perfect vertical centering */
}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15eabb4 *//* Custom style for the modal button */
#modalButton, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButton:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  top: 50%; /* Center vertically */
  transform: translateY(-50%); /* Adjust for perfect vertical centering */
}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17d2fd1 *//* Custom style for the modal button */
#modalButtonQualityDept, #applyButton, .btn-secondary {
  background-color: #234982; /* Blue background */
  color: white;
  border-radius: 12px; /* Rounded corners */
  border: 2px solid #234982; /* Matching border */
  padding: 6px 16px; /* Smaller padding */
  transition: background-color 0.3s ease, border-color 0.3s ease;
  text-align: center; /* Center the text */
  display: inline-block;
  box-sizing: border-box;
  width: auto; /* Allow the buttons to fit their content */
  margin-right: 10px; /* Add space between the buttons */
}

/* Hover effect for the buttons */
#modalButtonQualityDept:hover, #applyButton:hover, .btn-secondary:hover {
  background-color: #D11E02; /* Red background when hovered */
  border-color: #D11E02; /* Red border when hovered */
}

/* Centering the modal */
.modal-dialog.modal-dialog-centered {
  max-width: 90%; /* Modal width */
  height: auto;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-top: -275px !important;  /* Center it vertically with a top margin */
}

.modal-content {
  height: 65vh; /* Set the modal height to 65% of the viewport */
  border-radius: 10px; /* Rounded corners for the modal */
}

.modal-body {
  max-height: calc(65vh - 120px); /* Ensure content fits within the modal */
  overflow-y: auto; /* Add scroll if content overflows */
}

/* Ensure modal backdrop covers the full screen */
.modal-backdrop.show {
  z-index: 1050; /* Ensure the backdrop covers the modal correctly */
}

/* Fix button size */
.modal-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
}/* End custom CSS */