.subpage {position: relative; display: block;  z-index: 0;}
.subpage .title h1,.subpage .title h2 {font-size: 42px;}
.subpage_banner {background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); /* padding-top: 210px; */ padding-bottom: 50px; position: relative; z-index: 0; min-height: 330px; height: 100%; display: flex; align-items: flex-end; }
.subpage_banner:before {content: ''; background: url(../images/slide_overlay.jpg); background-size:cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: luminosity; opacity: 0.3; z-index: -1; }
.subpage_banner .subbanner_content {width: 100%; position: relative; }
.subpage_banner .subbanner_content h1 {font-weight: 200; font-size: 60px; margin-bottom: 0; color: unset; white-space: pre-line; color: #12684C }
.subpage_banner .subbanner_content .breadcrumb {margin: 0; padding: 13px 18px; align-items: center; display: inline-flex; background: rgb(18 104 76 / 9%); border-radius: 7px; }
.subpage_banner .subbanner_content .breadcrumb a {color: unset;}
.subpage_banner .subbanner_content .breadcrumb a img {width: 16px; }
.subpage_banner .subbanner_content .breadcrumb .breadcrumb-item {font-weight: 600; color: #444444; font-size: 15px; }
.subpage_banner .subbanner_content .breadcrumb .breadcrumb-item+.breadcrumb-item:before {opacity: 0.7; font-weight: 300; }
/******************* CONTACT US PAGE *******************/
.contact_details {display: block; position: relative; background: #12684c; padding: 40px; border-radius: 10px; }
.contact-form-section {display: block; position: relative; }
.contact-form-section .title p {margin: 0 auto; font-weight: 400; font-size: 24px; line-height: 1.3; margin-top: 10px; }
.contact_details .row>*+div {border-right: 1px solid rgb(255 255 255 / 22%); }
.contact_details .row>*:last-child {border: none; }
.contact_details .contact_detail_box {position: relative; padding: 40px 20px; text-align: center; background: rgb(255 255 255 / 8%); border-radius: 10px; }
.contact_details .row>*:first-child .contact_detail_box {padding: 10px 25px 40px 25px; background: transparent; }
.contact_details .row>*:last-child .contact_detail_box {border-radius: 0px 0px 10px 0px; }
.contact_details .row>*:nth-child(2) .contact_detail_box {border-radius: 0px 0px 0px 10px; }
.contact_details .contact_detail_box h5 {font-weight: 700; text-transform: uppercase; font-size: 15px; color: rgb(255 255 255 / 58%); margin-bottom: 10px; letter-spacing: 2.5px; }
.contact_details .contact_detail_box .get_direction.ct_button.bdr_btn {padding: 14px 15px; font-size: 13px; font-weight: 600; margin: 0; }
.contact_details .contact_detail_box .get_direction.ct_button.bdr_btn:hover {padding-left: 18px; padding-right: 12px; }
.contact_details .contact_detail_box p,.contact_details .contact_detail_box a {white-space: pre-line;margin-bottom: 25px;color: #ffffff;font-size: 19px;font-weight: 300;}
.contact_details .contact_detail_box p strong {font-weight: 500;font-size: 20px;}
.contact_details .contact_detail_box a {font-weight: 400; }
.contact_details .contact_detail_box img {width: 45px; height: 45px; filter: invert(1); margin-bottom: 15px; object-fit: contain; }
.common_form .form-group {position: relative;height: 100%;width: 100%;}
.common_form .form-group .form-control {background-color: transparent; border-radius: 10px; padding: 26px 25px 5px 20px; color: #444444; height: 70px; box-shadow: none; font-weight: 500; outline: none; font-size: 15px; border: 1px solid rgb(18 104 76 / 31%); position: relative; }
.common_form .form-group label {position: absolute; top: 10px; font-size: 13px; left: 22px; font-weight: 600; color: rgb(18 104 76 / 80%); }
.common_form .form-group textarea.form-control {height: 180px; resize: none; padding-top: 31px; }
.common_form .form-group .form-control::-webkit-input-placeholder,.common_form .form-group .form-control:-ms-input-placeholder,.common_form .form-group .form-control::placeholder {color: rgba(0,0,0,0.45); font-weight: 500; }
.common_form .form-group > .form-control:valid,.common_form .form-group .form-control:focus {border-color: rgb(18 104 76 / 80%); }
.common_form .form-group input.file {width: 100%; }
.common_form .form-group.upload_resume .input-group {border: 2px dashed rgb(0 0 0 / 12%); text-align: center; padding: 12px 30px 12px 30px; cursor: pointer; flex-direction: column; border-radius: 10px; background: rgba(16, 97, 72, 0.05); height: 100%; display: flex; justify-content: flex-start; }
.common_form .form-group.upload_resume .form-control.attachment {border: none; background: transparent; width: 100%; text-align: center; font-size: 13px; height: 45px; padding: 3px 10px; }
.common_form .form-group.upload_resume .input-group button.custom-file-control {border: none; background: transparent; font-size: 14px; font-weight: 700; color: #444444; padding: 5px 0 5px 0; text-align: center; display: block; width: 100%; text-transform: uppercase; letter-spacing: 1px; }
.common_form .form-group.upload_resume .input-group button.custom-file-control img {width: 30px; display: block; margin: 0 auto 5px auto; opacity: 0.7; }
.common_form .form-group:has(select.form-control):before {content: ''; border-top: 2px solid black; border-right: 2px solid black; transform: rotate(135deg) translateY(-50%); position: absolute; top: 50%; right: 18px; width: 7px; height: 7px; }
.contact_map {background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); }
.contact_map iframe {display: flex; height: 560px; mix-blend-mode: multiply; }
/******************* CAREER PAGE *******************/
.job_opening_box {display: block; position: relative; border-radius: 10px; background: #d4e4df; padding: 60px 20px 60px 30px; height: 100%; transition: 0.5s all; }
.job_opening_box a {color: unset; }
.job_opening_box h4 {font-size: 20px; font-weight: 600; margin-bottom: 18px; color: #12684c; }
.job_opening_box p {font-size: 15px; line-height: 1.5; margin-bottom: 5px; }
.job_opening_box ul.career_properties {margin-bottom: 15px; }
.job_opening_box ul.career_properties li {padding: 13px 0; font-size: 14px; position: relative; font-weight: 500; display: flex; justify-content: flex-start; align-items: center; }
.job_opening_box ul.career_properties li strong {font-weight: 600; margin-right: 4px; color: rgb(0 0 0); }
.job_opening_box ul.career_properties li img {margin-right: 15px; width: 30px; height: 35px; }
.job_opening_box ul.career_properties li+li {border-top: 1px solid rgb(0 0 0 / 11%); }
.job_opening_box .ct_button.bdr_btn::before {background-color: #d4e4df; }
.modal.right_modal .modal-dialog {margin: 0 0 0 auto; max-width: 800px; width: 90%; height: calc(100% - 0rem); transform: translate(80px,0); }
.modal.right_modal.show .modal-dialog {transform: none; }
.modal.right_modal .modal-dialog .modal-content {border-radius: 0; height: 100%; border: none; }
.modal.right_modal .modal-dialog .modal-body {padding: 30px 5% 40px 7%; text-align: left; background: #ffffff; }
.job_content_modal .modal-dialog .modal-body h3 {font-size: 27px; font-weight: 600; color: #10624a; }
.job_content_modal .career_info_box {display: block; position: relative; margin-bottom: 25px; }
.job_content_modal .career_info_box h5 {font-size: 17px; font-weight: 700; margin-bottom: 20px; color: #10624a; text-transform: uppercase; letter-spacing: 1.5px; position: relative; padding-bottom: 5px; border-bottom: 1px solid rgb(16 98 74 / 18%); }
ul.listing {position: relative; margin-bottom: 20px; }
ul.listing li {display: flex; flex-direction: column; padding: 4px 0 4px 35px; font-weight: 500; line-height: 1.5; position: relative; }
ul.listing li:before {content: ''; position: absolute; width: 14px; height: 9px; background: #12684c; border-radius: 50px; left: 5px; border: 3px solid #ffffff; top: 12px; outline: 1px solid #12684c; }
.job_content_modal .career_info_box ul li h5 {font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 3px; }
.job_content_modal ul.career_properties {margin-bottom: 35px; display: block; }
.job_content_modal ul.career_properties li {padding: 13px 0; font-size: 14px; text-transform: uppercase; position: relative; font-weight: 500; display: flex; justify-content: flex-start; align-items: center; }
.job_content_modal ul.career_properties li strong {font-weight: 700; margin-right: 4px; }
.job_content_modal ul.career_properties li img {margin-right: 15px; width: 30px; height: 35px; }
.job_content_modal ul.career_properties li+li {border-top: 1px solid #f3f3f3; }
.career_form_scssn {display: block; position: relative; background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); }
.career_form_scssn .ct_button::before {background-color: #eef0e4; }
/******************* BLOG LIST PAGE *******************/
.blog_box {display: block; position: relative; padding: 35px 10px; }
.blog_box+.blog_box {border-top: 1px solid rgb(18 104 76 / 18%); }
.blog_box .blog_img {height: 100%; aspect-ratio: 1/0.6; width: 100%; }
.blog_box .blog_img img {height: 100%; width: 100%; object-fit: cover; }
.blog_box .blog_list_content {display: block; position: relative; height: 100%; padding: 5px 0; }
.blog_box .blog_list_content a {color: unset; display: block; margin-bottom: 15px; }
.blog_box .blog_list_content a h4 {font-size: 25px; font-weight: 600; color: #12684c; }
.blog_box .blog_list_content p {font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.blog_top {display: flex; gap: 12px; margin-bottom: 25px; }
.blog_top li {font-size: 13px; font-weight: 600; color: rgb(0 0 0 / 69%); border-radius: 25px; border: 1px solid rgb(18 104 76 / 6%); background: rgb(18 104 76 / 7%); padding: 0px 20px; display: flex; align-items: center; line-height: 36px; }
.blog_top li sup {margin-right: 5px;margin-left: 2px;}
.blog_top li img {margin-right: 7px; width: 22px; }
/*custom dropdown*/
/*.dropdown-wrapper {display: flex;gap: 12px;justify-content: flex-end;padding: 0 1%;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid rgb(18 104 76 / 18%);}
.custom-dropdown {position: relative;max-width: 220px;user-select: none;width: 90%;}
.custom-dropdown .selected {background: #fff;padding: 10px 15px;border-radius: 8px;border: 1px solid rgb(18 104 76 / 20%);cursor: pointer;position: relative;transition: all 0.3s ease;background: rgb(18 104 76 / 10%);font-size: 16px;}
.custom-dropdown .selected:hover {border-color: #777; }
.custom-dropdown .selected::after {content: '';position: absolute;right: 16px;top: 46%;transform: translateY(-50%) rotate(45deg);font-size: 14px;color: #555;pointer-events: none;transition: 0.5s all;width: 8px;height: 8px;border-right: 2px solid #444444;border-bottom: 2px solid #444444;}
.custom-dropdown .options {background: #fff;border: 1px solid rgb(18 104 76 / 18%);border-radius: 8px;margin-top: 4px;opacity: 0;visibility: hidden;max-height: 0;font-size: 16px;overflow: hidden;transition: all 0.3s ease;position: absolute;width: 100%;z-index: 5;padding: 0 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
.custom-dropdown .option {padding: 8px 3px;cursor: pointer;transition: background 0.2s ease;}
.custom-dropdown .option+.option {border-top: 1px solid rgb(18 104 76 / 18%); }
.custom-dropdown .option:hover {color: rgb(18 104 76 / 100%); }
.custom-dropdown.active .selected::after {transform: translateY(-50%) rotate(225deg);top: 54%;}
.custom-dropdown.active .options {opacity: 1; visibility: visible; max-height: 300px; }
.custom-dropdown.active .selected {background: transparent; border-color: rgb(18 104 76 / 80%); }*/
.dropdown-wrapper {display: flex;gap: 12px;justify-content: flex-end;padding: 0 1%;padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px solid rgb(18 104 76 / 18%);}
.custom-dropdown {position: relative;max-width: 220px;user-select: none;width: 90%;}
.custom-dropdown .selected {background: #fff;padding: 10px 15px;border-radius: 8px;border: 1px solid rgb(18 104 76 / 20%);cursor: pointer;position: relative;transition: all 0.3s ease;background: rgb(18 104 76 / 10%);font-size: 16px;}
.custom-dropdown .selected:hover {border-color: #777; }
.custom-dropdown .selected::after {content: '';position: absolute;right: 16px;top: 46%;transform: translateY(-50%) rotate(45deg);font-size: 14px;color: #555;pointer-events: none;transition: 0.5s all;width: 8px;height: 8px;border-right: 2px solid #444444;border-bottom: 2px solid #444444;}
.custom-dropdown .options {background: #fff;border: 1px solid rgb(18 104 76 / 18%);border-radius: 8px;margin-top: 4px;opacity: 0;visibility: hidden;max-height: 0;font-size: 16px;overflow: hidden;transition: all 0.3s ease;position: absolute;width: 100%;z-index: 5;padding: 0 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
.custom-dropdown .option,.custom-dropdown .options li {padding: 8px 3px;cursor: pointer;transition: background 0.2s ease;}
.custom-dropdown .option+.option,.custom-dropdown .options li+li {border-top: 1px solid rgb(18 104 76 / 18%); }
.custom-dropdown .option:hover,.custom-dropdown .options li a:hover {color: rgb(18 104 76 / 100%); }
.custom-dropdown .options li a{ color:#444444; }
.custom-dropdown.active .selected::after {transform: translateY(-50%) rotate(225deg);top: 54%;}
.custom-dropdown.active .options {opacity: 1; visibility: visible; max-height: 300px; }
.custom-dropdown.active .selected {background: transparent; border-color: rgb(18 104 76 / 80%); }
/******************* BLOG DETAIL PAGE *******************/
.subpage .blog_detail_top .title h2 {font-size: 40px; }
.blog_details {display: block; position: relative;}
.blog_details .blog_content ul {position: relative; margin-bottom: 20px; }
.blog_details .blog_content ul li {display: flex; flex-direction: column; padding: 4px 0 4px 35px; font-weight: 500; line-height: 1.5; position: relative; }
.blog_details .blog_content ul li:before {content: ''; position: absolute; width: 14px; height: 9px; background: #12684c; border-radius: 50px; left: 5px; border: 3px solid #ffffff; top: 12px; outline: 1px solid #12684c; }
.blog_details .highlight {border-left: 3px solid #12684c; background: rgb(18 104 76 / 7%);  margin: 30px 0; padding: 30px 20px 30px 30px;}
.blog_details .highlight p {font-size: 20px;font-weight: 400;font-style: italic;color: #12684c;}
.blog_details .blog_content h5,.blog_details .blog_content h4,.blog_details .blog_content h3,.blog_details .blog_content h6 {color: #12684c;}
.blog_details .blog_content h5 {font-size: 20px; font-weight: 600; }
.share_box {display: block; position: sticky; text-align: center; padding: 20px 10px; top: 80px;  }
.share_box h6 {font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 25px; color: #12684c; }
.share_box ul {display: grid; width: 100%; margin: 0 auto; max-width: 200px; justify-content: center; grid-template-columns: auto auto auto; gap: 11px; }
.share_box ul li {text-align: center;display: block;}
.share_box ul li a {width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 50%; background: #eef4f2; margin: auto; }
.share_box ul li a img {width: 65%; height: 65%; opacity: 0.6;}
/******************* NEWS & EVENTS PAGE *******************/
.event_box {display: block; position: relative; border: 1px solid rgb(18 104 76 / 25%); border-radius: 15px; overflow: hidden; padding: 25px; background: rgb(18 104 76 / 2%); color: unset; height: 100%; }
.event_box .event_img {display: block; position: relative; z-index: 0; aspect-ratio: 1/0.5; border-radius: 10px; overflow: hidden; }
.event_box .event_img .event_status {position: absolute; right: 10px; top: 10px; background: #ffffff; padding: 5px 15px; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 1px; color: #12684c; }
.event_box .event_img:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #12684c; z-index: -1; }
.event_box .event_img img {width: 100%;height: 100%;object-fit: cover;}
.event_box .event_caption {display: block; position: relative; padding: 0px 15px 25px 25px; }
.event_box .event_caption  h4 {font-size: 23px; font-weight: 600; color: #12684c; margin: 0; line-height: 1.4; }
.event_topbar {display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0px; margin-bottom: 15px; border-bottom: 1px solid rgb(18 104 76 / 15%); }
.event_topbar li {display: flex;align-items: center;padding: 0 15px;position: relative;font-size: 14px;font-weight: 600;color: rgb(0 0 0 / 69%);text-transform: uppercase;}
.event_topbar li img {width: 21px; margin-right: 6px; }
.event_topbar li sup {margin-right: 5px; text-transform: lowercase; }
.event_topbar li:first-child {padding-left: 0; }
.event_topbar li+li:before {content: ''; position: absolute; left: -4px; top: 7px; width: 7px; height: 7px; background: #12684c; border-radius: 6px; }
/******************* NEWS & EVENTS DETAIL PAGE *******************/
.subpage .event_detail_top .title h2 {font-size: 40px; }
.event_detail h5,.event_detail h4,.event_detail h3,.event_detail h6 {color: #12684c;}
.event_detail h5 {font-size: 20px; font-weight: 600; }
.event_detail h4 {font-size: 22px; font-weight: 600; }
.event_detail h6 {font-size: 18px; font-weight: 600; }
.gal_box {display: block;position: relative;height: 100%;z-index: 0;overflow: hidden;background: #12684c;border-radius: 10px;}
.gal_box img {max-height: 300px; width: 100%; height: 100%; transition: 0.5s all; transform: scale(1);  object-fit: cover;}
.gal_box:before,.gal_box:after {content: '';position: absolute;left: 50%;top: 50%;opacity: 0;mix-blend-mode: normal;transition: 0.5s all;z-index: 1;width: 50px;height: 2px;background: #ffffff;transform: translate(-50%, -50%) rotate(45deg);}
.gal_box:hover:before,.gal_box:hover:after {opacity: 1; transform: translate(-50%,-50%) rotate(0); }
.gal_box:after {content: '';transform: translate(-50%, -50%) rotate(225deg);}
.gal_box:hover:after {opacity: 1;transform: translate(-50%, -50%) rotate(270deg);}
.gal_box:hover img {transform: scale(1.05); opacity:0.55 }
/******************* COMPANY PROFILE PAGE *******************/
.company_profile_scssn {display: block;position: relative;z-index: 0;overflow: hidden;}
.company_profile_scssn:before {content: ''; position: absolute; left: -70%; width: 100%; height: 100%; background-image: url('../images/bg_pattern.svg'); background-size: 100%; z-index: -1; background-repeat: no-repeat; transform: rotate(45deg) translateX(0%); bottom: -22%; transform-origin: right bottom; opacity: 0.07; background-attachment: fixed; }
.company_profile_img {border-radius: 50% 0 0 0;height: 100%;overflow: hidden;}
.company_profile_img img {height: 100%;width: 100%;object-fit: cover;object-position: right;}
.management_team_scssn {display: block; position: relative; background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%);}
.management_block {position: relative; display: block; }
.management_head {position: relative; display: flex; }
/* .management_head:before {content: ''; position: absolute; top: 55%; right: 0; width: 100%; height: 2px; border-bottom: 1px solid #b4b7ad; transform: translateY(-50%); } */
.management_head h3 {margin: 0; position: relative; padding: 0 10px 0 0; z-index: 0; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: 2px; color: #126864; }
.management_head h3:before {content: ''; position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 100%; height: 2px; background: #eef1e5; z-index: -1; }
.management_inner {display: block; width: 100%; margin-bottom: 3rem; margin-top: -8px; }
/* .management_inner>div {justify-content: end; } */
.management_inner>div>div {margin: -1px 0 0px -1px; }
.management_block .team_box {display: block;position: relative;height: 100%;width: 100%;border: 1px solid #b4b7ad;padding: 0;text-align: center;transition: 0.5s all;align-items: center;border-radius: 0;background: transparent;}
.management_block .team_box a {display: flex; flex-direction: column; align-items: center; flex-direction: column; gap: 25px; padding: 35px; }
.management_block .team_box a[aria-expanded="true"] {background: #ffffff;}
.management_block .team_box a:hover {background: #ffffff;}
.management_block .team_box .team_img {width: 80%;padding: 5px;border-radius: 50%;overflow: hidden;border: 1px solid #b4b7ad;transition: 0.5s all;transform: scale(1);transform-origin: top;}
.management_block .team_box .team_img img {aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; }
.management_block .team_box .team_caption {text-align: center; }
.management_block .team_box .team_caption h4 {font-weight: 600; font-size: 25px; color: #444444; margin-bottom: 3px; }
.management_block .team_box .team_caption span {font-weight: 700; font-size: 13px; color: #12684C; margin-bottom: 17px; text-transform: uppercase; }
.management_block.other_team {margin-top: 5rem; }
.management_block.other_team .management_inner {margin-top: 0; }
/* .management_block.other_team .management_head::before{display: none; } */
.management_block.other_team .management_head, .management_block .management_head {margin-bottom: 20px; }
/* .management_head:before {
    bottom: -20px;
    transform: unset;
    top: auto;
    left: 3px;
    width: calc(100% - 3px);
} */
.management_block .management_inner{
	margin-top: 0;
}
.management_block.other_team .team_box .team_img {width: 70%; }
.management_block.other_team .team_box .team_caption h4 {font-size: 20px; }
.management_block.other_team .team_box .team_caption span {font-size: 12px; letter-spacing: 0.5px; }
.management_block .team_box .accordion-collapse {position: absolute;z-index: 1;left: 0;right: 0;border-radius: 0;box-shadow: 0px 15px 20px -4px rgb(0 0 0 / 20%);background: #ffffff;transform: translateY(0px);transition: 0.5s all;}
.management_block .team_box .accordion-body {padding: 0 23px 20px 23px; background: #ffffff; }
.management_block .team_box a[aria-expanded="true"] .team_img {transform: scale(0.85); }
.management_block .team_box:has(a[aria-expanded="true"]) .accordion-collapse {transform: translateY(-30px); transition: 0.5s all; }
/* Sustainability Scssn */
.sustainability_scssn {display: block;position: relative;background: rgb(18 104 76 / 8%);background: -moz-linear-gradient(180deg, rgb(255 255 255) 0%, rgb(18 104 76 / 8%) 35%);background: -webkit-linear-gradient(180deg, rgb(255 255 255) 0%, rgb(18 104 76 / 8%) 35%);background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(18 104 76 / 8%) 35%);}
.sustainability_content {display: flex; flex-direction: column; justify-content: center; height: 100%; }
.sustain_img {display: block; max-width:550px; }
.sustain_img img {width: 100%; filter: drop-shadow(-10px -5px 27px rgb(18 104 76 / 10%)); }
/* Our Values Scssn */
.our_values_scssn {position: relative; display: block; }
.our_values_scssn .values_content {position: sticky; top: 50px; display: block; }
.our_values_scssn .values_box {position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 25px; height: 100%; border-radius: 20px; border: 2px solid rgb(18 104 76 / 24%); }
.our_values_scssn .values_box img {max-width: 60px; margin-bottom: 20px; } 
.our_values_scssn .values_box h5 {font-size: 17px; font-weight: 600; line-height: 1.4; white-space: pre-line; margin: 0; }
/* Milestones scssn */
.milestones_scssn {display: block; position: relative; background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%);}
.milestones_scssn .timeline_title_box {position: relative; top: auto; padding: 0 0 3rem 0; width: calc(80%); }
.milestones_scssn .timeline_title_box strong {color: #D2D2D2; font-size: 20px; font-weight: 500; }
.milestones_scssn .milestones_scssn_slides .swiper-slide p,.milestones_scssn .milestones_scssn_slides .swiper-slide ul li {color: rgb(68 68 68 / 78%);font-size: 19px;font-weight: 400;margin-bottom: 20px;transition: 0.5s all;position: relative;}
.milestones_scssn .milestones_scssn_slides .swiper-slide h3 {font-size: 50px;font-weight: 100;color: rgb(18 104 76);position: relative;margin-bottom: 50px;transition: 0.5s all;position: relative;padding-bottom: 30px;}
.milestones_scssn .milestones_scssn_slides .swiper-slide h3:before {content: '';position: absolute;left: 0;width: calc(100% + 50px);height: 1px;background: rgb(18 104 76 / 28%);bottom: 0;}
.milestones_scssn .milestones_scssn_slides .swiper-slide h3:after {content: '';position: absolute;left: 14px;bottom: -12px;width: 25px;height: 25px;background: rgb(133 175 156);border-radius: 50%;z-index: 1;transition: 0.5s all;}
.milestones_scssn .milestones_scssn_slides .swiper-wrapper:hover .swiper-slide.swiper-slide-active p,.milestones_scssn .milestones_scssn_slides .swiper-wrapper:hover .swiper-slide.swiper-slide-active ul li{color: #444444; }
.milestones_scssn .milestones_scssn_slides .swiper-slide:hover h3:after, .milestones_scssn .milestones_scssn_slides .swiper-slide.swiper-slide-active h3:after{background: #12684c;}
.milestones_scssn .milestones_scssn_slides .swiper-wrapper:hover > .swiper-slide.swiper-slide-active:hover h3:after{background: #12684c;}
.milestones_scssn .swiper-button-white {width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 50%;margin: 0;top: 0%;right: 0;transition: 0.5s all;left: auto;opacity: 1;background: transparent;border: 1px solid #12684c;}
.milestones_scssn .swiper_btn {position: relative;display: flex;justify-content: flex-end;align-items: center;top: 0;gap: 9px;}
.milestones_scssn .swiper-button-white img {transform: rotate(90deg);opacity: 1;transition: 0.5s all;}
.milestones_scssn .swiper-button-white:after {display: none; }
.milestones_scssn .swiper-button-next img {transform: rotate(-90deg); }
.milestones_scssn .milestones_scssn_slides .swiper-slide ul li {padding-left: 15px;}
.milestones_scssn .milestones_scssn_slides .swiper-slide ul li:before {content: '-'; position: absolute; left: 0; top: 0; }
/******************* R&D PAGE *******************/
.r_n_d_page .rnd_overview h4 {font-size: 22px; margin-bottom:15px; font-weight:600; }
.r_n_d_page .rnd_overview_scssn .rnd_img {border-radius: 5px; overflow: hidden; max-width: 500px;}
.r_n_d_page .product_list {display: block; position: relative; background: rgb(18 104 76 / 8%);}
.r_n_d_page .product_list_item {font-size: 16px; font-weight: 600; color: #444444; background: #fff; position: relative; padding: 24px 14px 24px 58px; border-radius: 0 14px 0; height: 100%; margin: 0; box-shadow: 0 3px 14px 0 rgba(0,0,0,.05); }
.r_n_d_page .product_list_item:before {content: ''; position: absolute; top: 0; left: 0; width: 45px; height: 100%; background: #fff; text-align: center; border-radius: 0 14px 0; border-right: solid 2px #ecf3f1; } 
.r_n_d_page .product_list_item:after {content: ''; position: absolute; top: 15px; left: 5px; width: 35px; height: 45px; background-image:url('../images/down.svg'); background-size: 10px; background-repeat: no-repeat; background-position: center; transform:rotate(-90deg); }
/******************* CSR PAGE *******************/
.csr_page .csr_img {border-radius: 50% 0 0 50%;height: auto;overflow: hidden;position: sticky;top: 0;aspect-ratio: 1/0.9;}
.csr_page .csr_img img {height: 100%;width: 100%;object-fit: cover;object-position: right;}
.csr_page .csr_content h4 {font-size: 22px;font-weight: 600;color: #12684c;margin-bottom: 20px;margin-top: 25px;display: block;}
.csr_page .csr_content ul {display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.csr_page .csr_content ul li {padding: 25px 35px; background: rgb(18 104 76 / 6%); border-radius: 20px; width:100%; }
.csr_page .csr_content ul li h5 {font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.2px;color: #12684c;margin: 0 0 10px 0;padding-bottom: 8px;border-bottom: 1px solid rgb(18 104 76 / 15%);}
/******************* EXPORTS PAGE *******************/
.exports_page h4 {font-size: 22px; font-weight: 600; color: #12684c; margin-bottom: 20px; margin-top: 3rem; display: block; }
.exports_page .country_box {padding: 0px 10px 25px 10px;background: rgb(18 104 76 / 6%);border-radius: 20px;text-align: center;margin-top: 40px;}
.exports_page .country_box img {width: 80px;border: 3px solid #ffffff;border-radius: 50%;box-shadow: 0px 6px 15px 0px rgb(0 0 0 / 14%);margin-bottom: 20px;margin-top: -45px;}
.exports_page .country_box h5 {font-size: 20px; font-weight: 600; text-align: center; margin: 0 auto; }
/******************* PRODUCTS PAGE *******************/
.product_grid_scssn {display: block; position: relative; }
.main_product_box {display: block;position: relative;background: rgb(199 225 216);padding: 40px 40px;border-radius: 15px;overflow: hidden;z-index: 0;height: 100%;}
.main_product_box h4 {font-size: 25px;font-weight: 600;color: #12684c;margin-bottom: 15px;display: block;}
.main_product_box .main_pro_icon img {width: 70px;margin-bottom: 25px;}
.main_product_box img.main_pro_bg {position: absolute; right: 0; top: 0; width: 30%; z-index: -1; opacity: 0.04; transform: translateX(25px); transition: 0.4s all; }
.main_product_box:hover img.main_pro_bg {transform: translateX(0); }
.main_product_box .ct_button {padding: 14px 25px; font-size: 13px; font-weight: 600; margin: 10px 0 0; }
.main_product_box:hover .ct_button {padding-left: 28px; padding-right: 22px;  background: transparent; color: #12684c;}
.main_product_box:hover .ct_button:before {left: -12px; opacity: 1; }
.product_overview {background: rgb(18 104 76 / 8%); display: block; position: relative;}
/******************* CORTICO-STEROID PAGE *******************/
.cs_api_box {display: flex;position: relative;height: 100%;flex-direction: column;padding: 25px;background: rgb(18 104 76 / 5%);border-radius: 10px;border: 2px solid rgb(18 104 76 / 10%);align-items: flex-start;justify-content: space-between;}
.cs_api_box h4 {font-size: 20px;font-weight: 600;margin-bottom: 15px;min-height: 60px;}
.cs_api_box ul li {font-size: 15px;padding: 10px 0 12px 0;}
.cs_api_box ul li strong {color: #12684c;text-transform: uppercase;font-size: 90%;display: block;margin-bottom: 1px;}
.cs_api_box .ct_button {padding: 12px 18px;padding-top: 12px;padding-bottom: 12px;margin-top: 15px;font-size: 12px;}
.cs_api_box .ct_button:before {background-color: #f3f7f6;width: 22px;height: 15px;background-size: 12px;left: -24px;}
.cs_api_box .ct_button:hover {padding-left: 23px; padding-right: 13px; }
.cs_api_box .ct_button:hover:before {left: -12px; }
/******************* SERVICES PAGE *******************/
.whyus_scssn {display: block;position: relative;}
.whyus_scssn .whyus_box {position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 25px; height: 100%; border-radius: 20px; border: 2px solid rgb(18 104 76 / 24%); background: #ffffff;}
.whyus_scssn .whyus_box img {max-width: 70px; margin-bottom: 20px; } 
.whyus_scssn .whyus_box h5 {font-size: 19px; font-weight: 600; line-height: 1.4; white-space: pre-line; margin: 0; }
/*collaborate scssn*/
.collaborate_scssn {position: relative; background: url('../images/collaborate_img.jpg'); background-size: cover; background-attachment: fixed; display: block; z-index: 0;}
.collaborate_scssn .collaborate_content {position: relative; display: block; padding: 5rem 44px 5rem 44px; background: rgb(255 255 255 / 80%); backdrop-filter: blur(50px) brightness(2); border-radius: 5px; max-width: 600px; box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 13%); }
.collaborate_scssn .collaborate_content .title h2 {white-space: pre-line; font-size: 50px; }
.collaborate_scssn .collaborate_content p {font-size: 16px;margin-bottom: 25px;}
.collaborate_scssn .collaborate_content .ct_button.bdr_btn {padding-bottom: 18px;; padding-top: 18px;}
.modal.collaborate_popup.right_modal .modal-dialog {max-width: 700px;}
.modal.collaborate_popup.right_modal .modal-dialog .modal-body {padding: 3rempx 5% 3rempx 7%; text-align: left; background: #ffffff; }

/******************* REGULATORY FILINGS PAGE *******************/
.regulatory_topbar {position: relative; display: block; background: rgb(18 104 76 / 7%); padding: 45px 30px; margin-bottom: 1rem; }
.regulatory_topbar .custom-dropdown {max-width: 100%; }
.regulatory_topbar .custom-dropdown #pro_cat {background-color: transparent; border-radius: 10px; padding: 26px 25px 5px 20px; color: #444444; height: 70px; box-shadow: none; font-weight: 500; outline: none; font-size: 15px; display: flex; border: 1px solid rgb(18 104 76 / 31%); position: relative; align-items: center; }
.regulatory_topbar .custom-dropdown #pro_cat::after {top: 60%; }
.regulatory_topbar .search_product_group {display: flex; }
.regulatory_topbar .search_product_group .form-control {border-radius: 10px 0 0 10px; }
.regulatory_topbar .search_product_group button{border-radius: 0 10px 10px 0; background: #10624A; color: #ffffff; border: 2px solid #10624A; padding: 0px 28px; display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.8px; position: relative; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all; }
.regulatory_topbar .search_product_group a{border-radius: 0 10px 10px 0; background: #10624A; color: #ffffff; border: 2px solid #10624A; padding: 0px 28px; display: flex; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.8px; position: relative; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all;justify-content: center;flex-direction: column; }
.regulatory_topbar .search_product_group button:hover,.regulatory_topbar .search_product_group a:hover {background: transparent; color: #10624a; }

.product_detail_table {display: block; position: relative; padding: 25px; background: #ffffff; box-shadow: 0px 5px 40px -5px rgb(0 0 0 / 15%); }
.product_detail_table tbody tr:nth-child(odd)>* {--bs-table-striped-color: transparent !important; --bs-table-bg-type: rgb(255 255 255 / 100%) !important; }
.product_detail_table table thead tr th {padding: 20px 30px 20px 20px;font-size: 17px;color: #ffffff;font-weight: 600;border: 1px solid rgb(255 255 255 / 15%);text-align: left;background: #12684c;line-height: 22px;width: 450px;white-space: nowrap;text-transform: uppercase;letter-spacing: 1px;}
.product_detail_table table tbody tr td {padding: 10px 20px;font-size: 16px;color: #444;border: 1px solid rgb(226 226 226);white-space: pre-line;vertical-align: middle;text-align: left;background: rgb(18 104 76 / 2%);width: 21%;}
.product_detail_table table tbody tr td:first-child {font-weight: 600; width: 40%; }
.pagination {display: flex; position: relative;}
.pagination ul {display: flex; gap: 5px;}
.pagination ul li a,.pagination ul li span {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 15px; color: #444444; border-radius: 5px; border: 1px solid rgb(18 104 76 / 65%); transition: 0.5s all;}
.pagination ul li a:hover,.pagination ul li span:hover {background:rgb(18 104 76 / 100%); color:#ffffff; }
.pagination ul li.nav_icon img,.pagination ul li .next img,.pagination ul li .prev img {transform: rotate(90deg); width: 10px; transition: 0.5s all;}
.pagination ul li.nav_icon:hover img,.pagination ul li .next:hover img {filter: invert(1) brightness(3);}
.pagination ul li.nav_icon.right img,.pagination ul li .next img {transform: rotate(-90deg);}

.certification_scssn {position: relative; display: block; }
.certification_scssn>div {border-bottom: 1px solid #E4EBEE;border-top: 1px solid #E4EBEE;} 
.certification_scssn .cert_title h4 {color: #12684C; font-size: 20px; white-space: pre-line; font-weight: 600; line-height: 1.35; }
.certification_scssn .cert_slider:before {content: ''; position: absolute; right: 0; width: 5px; height: 100%; background: #ffffff; top: 0; z-index: 2; }
.certification_scssn .cert_slider .swiper-slide {text-align: center;display: flex;align-items: center;justify-content: center;height: auto;border-right: 1px solid #E4EBEE;transition: 0.5s all;padding: 30px 0;}
.certification_scssn .cert_slider .swiper-slide.swiper-slide-duplicate-prev {border-right-color: transparent; }

/******************* QUALITY PAGE *******************/
.qc_laboratory_scssn {display: block; position: relative; background: rgb(226, 238, 224); background: -moz-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: -webkit-linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); background: linear-gradient(54deg, rgba(226, 238, 224, 1) 0%, rgba(254, 244, 235, 1) 25%, rgba(226, 238, 224, 1) 52%, rgba(254, 243, 237, 1) 100%); }
.qc_lab_content ul.listing li {display: inline-flex; width: 49%; padding-top: 6px; padding-bottom: 6px; }
.qc_lab_content ul.listing li::before {top: 15px; border-color: #e6efe2; }
.qc_lab_content .mini_content {display: block; position: relative; padding-top: 5px; }
.qc_lab_content .mini_content h4 {font-size: 22px; font-weight: 600; color: #12684c; margin-bottom: 13px; display: block; }
.qc_lab_content .mini_content p {margin-bottom: 12px; }
.qc_laboratory_scssn .qc_img {border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 32px 0px rgb(0 0 0 / 10%); position: sticky; top: 60px; }


/******************* THANKS AND 404 PAGE *******************/
.thanks_page {position: relative; display: block; }
.thank-you-inr {padding: 4vh 0 }
.subpage.thanks_page h2 {transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83); font-size: 94px; text-transform: uppercase; white-space: pre-line; color: #12684c; line-height: 1.15; }
.thanks_page .error_inr h2 {font-size: 150px; }
.thank-you-inr p {max-width: 800px; margin: 0 auto; font-size: 19px; width: 90%; padding: 5px 0 25px 0; }
.thanks_page .error_inr p {padding-bottom: 30px; }
.thanks_page .error_inr h4 {text-transform: uppercase; font-size: 25px; font-weight: 600; letter-spacing: 1px; color: #12684c; }


/******************* SITEMAP PAGE *******************/
.sitemap_box {border-radius: 10px; padding: 45px 45px; position: relative; height: 100%; display: flex; flex-direction: column; background: rgb(18 104 76 / 5%); }
.sitemap_box a {color: unset; }
.sitemap_box h4 {font-weight: 200; font-size: 45px; letter-spacing: 1px; color: #12684c; margin-bottom: 30px; }
.sitemap_box ul {position: relative; display: block; border-left: 1px solid rgb(18 104 76 / 31%); height: 100%; margin-left: 8px; }
.sitemap_box ul li {padding: 7px 0; padding-left: 20px; position: relative; }
.sitemap_box ul li a {font-size: 19px; font-weight: 500; }
.sitemap_box ul li:before {content: ''; position: absolute; width: 13px; height: 13px; background: #81a79d; border-radius: 50px; left: -7px; border: 3px solid #ffffff; top: 16px; outline: 1px solid rgb(18 104 76 / 31%); }
.join-social-link {display: flex;}
.join-social-link p{margin: 5px 8px 5px 0;font-size: 17px;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;color: #12684c;}
.join-social-link a{position: relative;margin: 0 7px 0px 0;width: 45px;height: 45px;border: 1px solid #AEAEAE;border-radius: 8px;font-size: 22px;color: #444444;display: flex;justify-content: center;align-items: center;overflow: hidden;z-index: 0;transition: 0.4s;}
.join-social-link a::before{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 0;background: #12684c;border-radius: 50%;z-index: -1;transition: 0.4s;}
.join-social-link a:hover{color: #fff;}
.join-social-link a:hover::before{width: 100%;height: 100%;top: 0;right: 0;bottom: auto;left: auto;}






.main_product_box .ct_button::before {background-color: #c7e1d8;}
.job_content_modal .career_info_box p.blod_text {margin: 7px 0;}
.job_content_modal .career_info_box li p.blod_text {font-size: 16px; margin: 10px 0 5px;}
.career_page .job_opening_box p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
ul.listing li ol {margin-top: 5px;}
ul.listing li ol li {padding-left: 25px; font-size: 16px;}
.job_content_modal .career_info_box ul.listing li ol li:before {height: 8px;width: 8px;border: 2px solid #ffffff;border-radius: 100%;}
.management_block .team_box p a {
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #444444;
    line-height: 1.54;
    margin-bottom: 2px;
}
.management_block .team_box p>br {
    display: none;
}