@font-face {
    font-family: 'Myriad Pro';
    src: url('../Fonts/MyriadPro-Bold.eot');
    src: url('../Fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../Fonts/MyriadPro-Bold.woff') format('woff'),
        url('../Fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../Fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../Fonts/MyriadPro-Regular.eot');
    src: url('../Fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../Fonts/MyriadPro-Regular.woff') format('woff'),
        url('../Fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../Fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../Fonts/MyriadPro-Semibold.eot');
    src: url('../Fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../Fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../Fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('../Fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../Fonts/MyriadPro-Light.eot');
    src: url('../Fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../Fonts/MyriadPro-Light.woff') format('woff'),
        url('../Fonts/MyriadPro-Light.ttf') format('truetype'),
        url('../Fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



body { font-family: 'Myriad Pro'; font-weight: normal; background-color: #f1f2f2; font-size: 19px; color: #58595b; }
img { max-width: 100%; }
h2 { font-size: 30px; font-weight: normal; color: #0058a9; margin-bottom: 30px;  }
h3 { font-size: 24px; font-weight: normal; color: #0058a9; }
p { font-size: 19px; color: #58595b; margin-bottom: 30px; line-height: 30px; }
p:last-child { margin-bottom: 0; }
.container {max-width: 1202px; padding: 0 15px;}
.container-large { max-width: 1362px; }
.container-productlist { max-width: 1382px; }

.row {margin-inline: -15px;}
.row > [class*="col-"] {padding-inline: 15px; }
.btn { font-size: 22px; line-height: 28px; border-radius: 40px; padding: 5px 30px;text-align: center; }
.btn-primary { background-color: transparent; border: 1px solid #0058a9; color: #0058a9; }
.btn-primary:hover,
.btn-primary:active { background-color: #03b5ff !important; color: #fff; border-color: #03b5ff !important; }
.btn-primary.btn-primary-md { min-width: 180px; font-size: 18px; line-height: 24px; }
.btn-secondary { font-size: 18px; color: #fff; line-height: 24px; background-color: #0058a9; border: 1px solid #0058a9; }
.btn-secondary:hover,
.btn-secondary:active { font-size: 18px; color: #fff !important; line-height: 24px; background-color: #03b6ff !important; border: 1px solid #03b6ff !important; }

.header-wrapper { background-color: #fff; }
.header-wrapper .top-nav { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-bottom: 10px; }
.header-wrapper .navbar { padding: 15px 0 0 0; }
.header-wrapper .site-logo img { width: auto; height: 125px;}

.social-media-listinng > ul { padding: 0; margin: 0 0 6px 0; display: flex; flex-wrap: wrap; gap: 6px; }
.social-media-listinng > ul > li { padding: 0; margin: 0; list-style: none; }
.social-media-listinng > ul > li > a img { max-width: 34px; }

.header-wrapper .top-right-nav { display: flex; flex-direction: column; align-items: flex-end; position: relative; }
.search-group { position: relative; min-width: 440px; }
.search-group .form-control { width: 100%; border: 1px solid #e6e7e8; outline: none; border-radius: 10px; padding: 6px 100px 6px 12px; height: 34px; }
.search-group .form-control:focus { box-shadow: none; }
.search-group .submit-btn { background-image: url(../Images/search-icon.svg); background-position: center left; background-repeat: no-repeat; font-size: 14px;
    color: #939598; width: 66px; height: 34px; border: none; background-color: transparent; box-shadow: none; position: absolute;
    right: 20px; top: 0; padding: 0; text-align: right;
}
.search-group .form-group { position: relative; }
.search-icon { display: none;}
.nav-section { width: 100%;}
.navbar-nav { flex-direction: row; justify-content: space-between; padding: 10px 0; }
.navbar-nav > li { font-size: 20px; line-height: 30px; }
.navbar-nav > li > a { display: inline-flex; text-decoration: none; color: #0058a9; position: relative; }
.navbar-nav > li > a:after { position: absolute; content: ''; width: 0; height: 2px; left: 50%; bottom: 0; background-color: #0058a9; transition: all 0.3s ease; }
.navbar-nav > li > a.active:after,
.navbar-nav > li > a:hover:after { width: 100%; left: 0; }

.twocol-section { padding: 40px 0 20px 0; }
.twocol-section .row { margin-inline: -13px; }
.twocol-section .row > [class*="col-"] { padding-inline: 13px; }
.twocol-section .content { padding-top: 24px; margin-bottom: 40px; }

.img-card .image { width: 100%; height: 420px; border-radius: 12px; overflow: hidden; display: block; }
.img-card .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.img-card .text { padding: 16px 0; }
.img-card .btn-primary { min-width: 220px; }

.video-col { width: 100%; max-width: 728px; height: auto; margin: 0 auto 50px auto; border-radius: 12px; overflow: hidden; }
.video-col img { width: 100%; height: auto; object-fit: cover;  }

.image-column { width: 100%; max-width: 728px; height: auto; margin: 0 auto; border-radius: 12px; overflow: hidden; position: relative; }
.image-column img { width: 100%; height: 100%; object-fit: cover;  }
.image-column .title { position: absolute; left: 0; bottom: 0; right: 0; font-size: 24px; font-weight: normal; color: #fff; text-align: left; padding: 14px 25px; }

.contact-infoblock { margin: 0 120px; padding: 35px 0px 0px 0px; }
.contact-infoblock .row { align-items: flex-end; }
.contact-infocol h5 { font-size: 18px; font-weight: 700; color: #0058a9; margin-bottom: 4px; }
.contact-infocol p { font-size: 14px; color: #0058a9; line-height: 20px; }
.contact-infocol p a { color: #0058a9; text-decoration: none; }
.contact-infocol p a:hover { text-decoration: underline; }
.contact-infocol p strong { font-weight: 700; }

.footer-wrapper { background-color: #0058a9; position: relative; padding: 25px 0; color: #fff; }
.footer-wrapper:after { background-image: url(../Images/footer-shape.svg); width: 123px; height: 60px; background-position: left top; background-repeat: no-repeat; content: '';
    position: absolute; left: 0; top: 10px;
}
.footer-wrapper .container { z-index: 1; position: relative;}
.footer-nav > ul { padding: 0; margin: 0; display: flex; justify-content: center; }
.footer-nav > ul > li { padding: 0 8px; list-style: none; position: relative; font-size: 14px; line-height: 20px; }
.footer-nav > ul > li > a { color: #fff; display: inline-block; text-decoration: none; }
.footer-nav > ul > li:not(:last-child):after { position: absolute; content: '·'; right: -2px; top: 0; font-size: 20px; }

.product-grid .img-card .image { height: 324px; }
.product-grid .img-card .btn-primary.btn-primary-md { min-width: 180px; }
.product-grid .row { gap: 18px 0px; margin-inline: -18px; }
.product-grid .row > [class*="col-"] { padding-inline: 18px; }
.product-grid .img-card .text { padding: 22px 0; }


.breadcrumbs ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 10px 0; }
.breadcrumbs ul li { list-style: none; font-size: 16px; line-height: 20px; }
.breadcrumbs ul li a { color: #58595b;}
.breadcrumb-item+.breadcrumb-item { padding-left: 4px; }
.breadcrumb-item+.breadcrumb-item:before { padding-right: 4px; color: #58595b; }
.breadcrumb-item.active { color: #58595b; }


.twocol-list { display: flex; flex-flow: column; gap: 45px 0; margin-bottom: 55px; }
.twocol-list .text h5 { font-weight: bold; font-size: 20px; color: #0058a9; margin-bottom: 20px;}
.twocol-list .img-col { border-radius: 12px; overflow: hidden; }
.twocol-list .img-col img { width: 100%; height: 100%; }
.twocol-list .text-col { width: 52%; }
.twocol-list .text-col .text { padding-right: 49px; }
.twocol-list .text-col .text ul { padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, auto); justify-content: start; gap: 24px; }
.twocol-list .text-col .text ul li { padding: 0 0 0 50px; font-size: 20px; margin: 0; position: relative; list-style: none; }
.twocol-list .text-col .text ul li:before { background-image: url(../Images/blue-arrow.svg); width: 31px; height: 31px; background-position: left top;
  background-repeat: no-repeat; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
.twocol-list .text-col .text ul li span {display: block; }
.twocol-list .image-col { width: 48%; }
.twocol-list .image-col .img-col { min-height: 340px;display: grid; }
.twocol-list .image-col .img-col img { width: 100%; height: 100%; object-fit: cover; }
.twocol-list .row:nth-child(even) { flex-direction: row-reverse; } 
.twocol-list .row:nth-child(even) .text-col .text { padding-left: 49px; padding-right: 0; }

.product-section { padding: 20px 0 40px 0; }
.product-section .heading { margin-left: 338px; }
.services-section { padding: 20px 0; }
.product-listsection .row { margin-inline: -10px; }
.product-listsection .row > [class*="col-"] { padding-inline: 10px; }

.product-listsection .left-columns { width: 21.14%; }
.product-listsection .right-columns { width: 78.86%; }

.product-listsection .right-columns .row { margin-inline: -5px; }
.product-listsection .right-columns .row > [class*="col-"] { padding-inline: 5px; }

.left-sidebar { background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 15px 20px; }
.left-sidebar h5 { font-size: 18px; line-height: 24px; color: #0058a9; font-weight: normal; margin-bottom: 6px; border-bottom: 1px solid #0058a9; padding-bottom: 5px; }
.left-sidebar .btn-row { text-align: center; padding: 2px 0; }

.filter-col { border-bottom: 1px solid #939598; padding: 5px 0; }
.filter-col .title { font-size: 14px; color: #0058a9; font-weight: normal; line-height: 20px; margin-bottom: 2px; position: relative; }
.filter-col .title.gray-text { color: #58595b; }
.filter-col .select-box .select-style { font-size: 14px; color: #58595b; width: 100%; height: 26px; border-radius: 0;
    border: 1px solid #939598; padding: 2px 4px; outline: none; vertical-align: top;
}
.filter-col .filter-list > ul { margin: 0; padding: 0; }
.filter-col .filter-list > ul > li { margin: 0; padding: 2px 0; list-style: none; }
.filter-col .filter-list .checkbox-col { position: relative; }
.filter-col .filter-list .checkbox-col input[type="checkbox"] { opacity: 0; position: absolute; left: 0; top: 2px; right: 0; bottom: 2px; z-index: 1; cursor: pointer; }
.filter-col .filter-list .checkbox-col label { cursor: pointer; position: relative; padding: 0px 30px 0px 0px; line-height: 20px; font-size: 14px; top: 0; left: 0; color: #58595b; font-weight: normal; display: block; }
.filter-col .filter-list .checkbox-col label:before { height: 14px; width: 14px; border: 1px solid #939598; right: 0px; top: 3px; position: absolute; content: ""; background-color: #fff; border-radius: 20px; }
.filter-col .filter-list .checkbox-col label:after { height: 10px; width: 10px; opacity: 0; right: 2px; top: 5px; position: absolute; content: ""; background-color: #0058a9; border-radius: 20px; }
.filter-col .filter-list .checkbox-col input[type="checkbox"]:checked + label:after { opacity: 1; }
.filter-col .filter-list .choose-colour .checkbox-col label:before,
.filter-col .filter-list .choose-colour .checkbox-col label:after { display: none; }

.filter-col .filter-list .color-icon { background-repeat: no-repeat; background-position: center center; width: 14px; height: 14px;
    border: 1px solid #939598; position: absolute; right: 0; top: 5px; border-radius: 20px; cursor: pointer;
}
.filter-col .filter-list .choose-colour .checkbox-col input[type="checkbox"]:checked + label { font-weight: 600; }
.filter-col .filter-list .choose-colour .checkbox-col input[type="checkbox"]:checked + label + .color-icon { background-image:url(../Images/check-on.png) !important; }
.filter-col:last-of-type { border-bottom: 0; }



.product-rightcol .row { gap: 25px 0; }
.product-col { background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 10px 14px; position: relative; }
.product-col .product-img { height: 271px; padding-bottom: 6px; text-align: center; }
.product-col .product-img img { height: 100%;  object-fit: cover; }
.product-col .product-text{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;padding-top:11px;}
.product-col .product-text h6{flex:1 1 auto;margin:0;font-size:14px;line-height:16px;color:#58595b;white-space:normal;}
.product-col .product-text .view-detail{margin-left:auto;position:relative;padding-right:24px;color:#0058a9;font-size:14px;line-height:16px;text-decoration:none;}
.product-col .product-text .view-detail:after{content:'';position:absolute;right:6px;top:50%;transform:translateY(-50%);width:14px;height:33px;background:url(../Images/link-arrow.svg) no-repeat right center;}
.product-col .product-text .view-detail:hover { font-weight: bold;}
.product-col .color-option { position: absolute; right: 15px; top: 15px; flex-direction: column; gap: 8px; }
.product-col .color-option .radio-col { width: 16px; height: 16px; }
.product-col .color-option .radio-col label:after { height: 18px; width: 18px; }



.pagination { padding: 0; justify-content: center; margin-top: 50px; }
.pagination li { font-size: 18px; padding: 0 5px; }
.pagination li a { color: #58595b; text-decoration: none; }
.pagination li.active a { text-decoration: underline; }

.range-box { padding-top: 13px; padding-bottom: 8px; }
.range-box .slider {position: relative;width: 100%; height: 5px; background: #ddd; }
.range-box .slider input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: transparent; position: absolute; top: 0; left: 0; pointer-events: none; }
.range-box .slider input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: all; width: 18px; height: 18px; background: #fff; border-radius: 50%; border: 1px solid #939598; cursor: pointer; }
.range-box .slider input[type="range"]::-webkit-slider-thumb:active { background: #fff; cursor: pointer; }
.range-box .slider input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; background: #fff; border: 1px solid #939598; border-radius: 50%; cursor: pointer; }
.range-box .range-color {position: absolute;height: 5px;background: #0058a9;border-radius: 4px;top: 0;}
.range-box input[type=range] {position: absolute;width: 100%;height: 5px;appearance: none;background: none;pointer-events: none;}
.range-box input[type=range]::-webkit-slider-thumb {pointer-events: all;appearance: none;height: 16px;width: 16px;background: #fff;border: 2px solid #3b82f6;border-radius: 50%;cursor: pointer;}
.range-box .range-inputrow { display: flex; justify-content: space-between; padding-top: 15px; }
.range-box .range-inputrow .input-col { width: 100%; max-width: 88px; position: relative; }
.range-box .range-inputrow .input-col .input-field { outline: none; -moz-appearance: none; text-align: right; width: 100%; height: 22px; border-radius: 4px; border: 1px solid #939598; font-size: 14px; color: #58595b; font-weight: normal; padding: 2px 6px; }
.range-box .range-inputrow .input-col label { position: absolute; left: 4px; top: 0; font-size: 9px; font-weight: normal; background-color: #fff; padding: 0 4px; line-height: 10px; }
.range-box .range-inputrow .input-col .input-field[type=number]::-webkit-inner-spin-button,
.range-box .range-inputrow .input-col .input-field[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.product-detail-modal .modal-dialog { max-width: 850px; padding: 0 15px; }
.product-detail-modal .btn-close { background-image: url(../Images/modal-close.svg); width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; position: absolute; right: 16px; top: 13px; opacity: 1; padding: 0; z-index: 1; box-shadow: none; background-size: contain; border-radius: 0; }
.product-detail-modal .modal-content { border-radius: 12px; border: none; box-shadow: none; }
.product-detail-modal .modal-body { padding: 46px 55px 34px 30px; }
.product-detail-modal .pro-detailrow { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 35px; }
.product-detail-modal .pro-detailrow .image-columns { position: relative; flex: 0 0 306px; }
.product-detail-modal .pro-detailrow .image-columns .image-col { text-align: center; height: 320px; }
.product-detail-modal .pro-detailrow .image-columns .image-col img { height: 100%; object-fit: cover; }
.product-detail-modal .pro-detailrow .description { flex: 1; }
.product-detail-modal .description h5 { font-weight: normal; color: #0058a9; font-size: 22px; line-height: 26px; margin-bottom: 35px; }
.product-detail-modal .data-content h6 { font-size: 14px; line-height: 18px; color: #0058a9; margin-bottom: 0px; }
.product-detail-modal .data-content .link { font-size: 14px; line-height: 18px; color: #58595b; text-decoration: none; display: inline-block; }
.product-detail-modal .request-product h6 { font-size: 14px; line-height: 18px; color: #0058a9; max-width: 306px; text-align: right; margin-bottom: 20px; }
.product-detail-modal .color-option { margin-top: 8px; }


.product-destable { margin-bottom: 50px; }
.product-destable .table { margin-bottom: 0; }
.product-destable .table tbody tr td { border: none; padding: 0; font-size: 14px; line-height: 18px; padding: 3px 8px; color: #58595b; }
.product-destable .table tbody tr td:last-child { text-align: right;}
.product-destable .table tbody tr:nth-of-type(odd)>* { background-color: #d1d3d4; }
.request-form .form-group { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 7px; }
.request-form .form-group label { flex: 0 0 306px; text-align: right; font-size: 14px; color: #58595b; font-weight: normal; padding: 5px 0; line-height: 18px;}
.request-form .form-group .field { flex: 1; }
.request-form .form-group.checkcol { padding-left: 321px; margin-top: 30px; }
.request-form .form-group.submit-btncol { margin-top: -46px; margin-bottom: 0; }
.request-form .form-group.submit-btncol label { padding: 0 15px 0 0; }
.request-form .form-control { height: 28px; border-radius: 4px; box-shadow: none; border: 1px solid #d1d3d4; font-size: 14px; padding: 4px 8px; }
.request-form textarea.form-control { height: 135px; resize: none; }
.request-form .checkbox-col { position: relative; display: block; }
.request-form .checkbox-col input[type="checkbox"] { opacity: 0; position: absolute; left: 0; top: 2px; z-index: 1; cursor: pointer; height: 16px; width: 16px; }
.request-form .checkbox-col label { position: relative; width: 100%; padding: 0px 0 0px 30px; line-height: 18px; font-size: 14px; top: 0; left: 0; color: #58595b; white-space: normal; text-align: left; }
.request-form .checkbox-col label:before { height: 16px; width: 16px; border: 1px solid #939598; left: 0px; top: 2px; position: absolute; content: ""; }
.request-form .checkbox-col label:after { height: 5px; width: 10px; border-left: 2px solid; border-bottom: 2px solid; left: 3px; top: 7px; content: ''; opacity: 0; position: absolute; transform: rotate(-45deg); }
.request-form .checkbox-col input[type="checkbox"]:checked + label:after { opacity: 1; }

.color-option { display: flex; justify-content: center; gap: 10px; }
.color-option .radio-col { position: relative; width: 20px; height: 20px; }
.color-option .radio-col input[type="radio"] { opacity: 0; position: absolute; left: 0; top: 0px; right: 0; bottom: 0px; z-index: 1; cursor: pointer; }
.color-option .radio-col label { font-size: 14px; line-height: 16px; cursor: pointer; position: relative; padding: 0; top: 0; left: 0; color: #58595b; font-weight: normal; display: block; }
.color-option .radio-col label:after { height: 22px; width: 22px; opacity: 0; left: -1px; top: -1px; position: absolute; content: ""; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); }

.color-option .radio-col input[type="radio"]:checked + label:after { opacity: 1; }
.color-option .radio-col .color-icon { background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%;
     position: absolute; right: 0; top: 0px; border-radius: 20px; cursor: pointer;
}
.color-option .radio-col input[type="radio"] + label + .color-icon { border: 1px solid #939598; border-radius: 20px; }
.color-option .radio-col label span { transform: translateX(-50%); position: absolute; top: 28px; left: 50%; opacity: 0; visibility: hidden; }
.color-option .radio-col input[type="radio"]:checked + label span { opacity: 1; visibility: visible; }


/*28-01-2025*/
.twocol-list .text-col .text.normal-list ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
    display: block;
}
.twocol-list .text-col .text.normal-list ul li {
    list-style: disc;
    padding: 0;
}
.twocol-list .text-col .text.normal-list ul li:before {
    content: '';
    background-image: none;
}
/*28-01-2025*/
/*27-01-2025*/
.color-option .radio-col input[type="radio"]:checked + label:after {
    opacity: 0;
}
.modal .modal-content .modal-body .color-option .radio-col input[type="radio"]:checked + label:after {
    opacity: 1;
}
.product-section .heading.header-margin {
    margin-left: 90px !important;
}
.color-option .radio-col input[type="radio"] {
    cursor: auto; 
}
.modal .modal-content .modal-body .color-option .radio-col input[type="radio"] {
    cursor: pointer; 
}
/*27-01-2025*/

@media (min-width: 768px) {
    .search-group { display: block !important; }
    .filter-col .filter-list { display: block !important; }
}

@media (min-width: 992px) {
    .nav-section { display: block !important; }
}

@media (max-width: 1199px) {
  .contact-infoblock { margin: 0; }
  .img-card .image { height: 360px; }
  .product-grid .img-card .image { height: 280px; }
  .twocol-list .text-col .text { padding-right: 30px; }
  .twocol-list .row:nth-child(even) .text-col .text { padding-left: 30px; }
  .product-listsection .left-columns { width: 25%; }
  .product-listsection .right-columns { width: 75%; }
  .product-section .heading { margin-left: calc(25% + 5px); }
}

@media (max-width: 991px) {
  .nav-toggle { border-radius: 3px; background-color: #0058a9; margin: 6px 0 0 0; padding: 0; width: 35px; height: 35px; cursor: pointer; z-index: 9; position: relative; }
  .nav-toggle span,
  .nav-toggle span:after,
  .nav-toggle span:before { position: absolute; width:24px; height:2px; transition-timing-function: ease; background-color: #fff; transition-duration: .3s; transition-property: transform; border-radius: 5px; left: 0; right: 0; margin: auto; }
  .nav-toggle span { transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 300ms; left: 0; top: 50%; display: block; margin-top: -2px; }
  .nav-toggle span:after,
  .nav-toggle span:before { display: block; content: ""; }
  .nav-toggle span:before { top: -7px; transition: top 300ms ease .15s,opacity 300ms ease; }
  .nav-toggle span:after { bottom: -7px; transition: bottom 300ms ease .15s,transform 300ms cubic-bezier(.55,.055,.675,.19); }
  .menu-open .nav-toggle span { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
  .menu-open .nav-toggle span:before { top: 0; transition: top 300ms ease,opacity 300ms ease .15s; opacity: 0; }
  .menu-open .nav-toggle span:after { bottom: 0; transition: bottom 300ms ease,transform 300ms cubic-bezier(.215,.61,.355,1) .15s; transform: rotate(-90deg); }

  .header-wrapper .nav-section { display: none; position: absolute; width: 100%; z-index: 11; left: 0; top: 100%; overflow: auto; padding: 15px; background-color: #fff; }
  .navbar-nav { flex-direction: column; padding: 0;}
  .navbar-nav > li { padding: 4px 0;}
  .search-group { min-width: 350px;}
  .header-wrapper .top-nav { margin-bottom: 0; }
  .header-wrapper .navbar { padding: 10px 0; }
  .img-card .image { height: 320px; }
  .product-listsection .left-columns { width: 32%; }
  .product-listsection .right-columns { width: 68%; }
  .product-section .heading { margin-left: calc(32% + 5px); }
}

@media (max-width: 767px) {
  .search-group { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 1; padding: 15px; background-color: #fff; width: 100%; min-width: inherit; }
  .search-group .submit-btn { width: 60px; right: 10px;}
  .search-group .form-control { padding: 6px 80px 6px 12px; }
  .header-wrapper .site-logo img { height: 100px;}
  .search-icon { border-radius: 3px; cursor: pointer; background-color: #0058a9; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }
  .header-wrapper .top-right-nav { flex-direction: row; gap: 6px; align-items: flex-start; position: static; }
  .social-media-listinng > ul { margin-bottom: 0;}
  .nav-toggle { margin-top: 0; }
  .img-card .image { height: auto;}
  .video-col { height: auto;}
  .image-column { height: auto;}
  .image-column .title { padding: 10px 15px; }
  .contact-infoblock .row { gap: 20px;}
  .product-grid .img-card .image { height: auto; }
  
  .twocol-list .row { gap: 20px 0; }
  .twocol-list .text-col{ width: 100%; }
  .twocol-list .image-col { width: 100%; }
  .twocol-list .image-col .img-col{min-height: inherit; }
  .twocol-list .text-col .text { padding-right: 0px; }
  .twocol-list .row:nth-child(even) .text-col .text { padding-left: 0px; }
  .twocol-list .text-col .text ul { grid-template-columns: repeat(1, auto); gap: 14px;}
  .product-listsection .left-columns { width: 100%; margin-bottom: 30px; }
  .filter-col .filter-list { display: none; }
  .product-listsection .right-columns { width: 100%; }
  .filter-col .title:after { transition: all 0.3s ease; position: absolute;content: '';right: 2px;top: 4px;width: 8px;height: 8px;border-right: 1px solid #0058a9;border-bottom: 1px solid #0058a9;transform: rotate(45deg);}
  .filter-col .title.show:after { transform: rotate(225deg); top: 9px;}
  .product-section .heading { margin-left: 0; }
  .product-detail-modal .modal-body { padding: 46px 20px 20px 20px; }
  .product-detail-modal .pro-detailrow .image-columns { flex: auto; width: 100%; }
  .product-detail-modal .pro-detailrow .image-columns .image-col { width: 100%; max-width: 306px; margin: 0 auto; }
  .product-detail-modal .description h5 { margin-bottom: 15px; }
  .product-destable { margin-bottom: 20px; }
  .product-detail-modal .pro-detailrow { margin-bottom: 30px; gap: 30px; }
  .request-form .form-group label { flex: 0 0 200px; }
  .product-detail-modal .request-product h6 { max-width: 200px;}
  .request-form .form-group.checkcol { padding-left: 216px; }
  .product-detail-modal .btn-close { top: 12px; right: 12px; }
}

@media (max-width: 575px) {
  .header-wrapper .social-media-listinng { display: none; }
  .product-rightcol .row { gap: 15px 0; }
  .request-form .form-group label { width: 100%; flex: auto; text-align: left; }
  .request-form .form-group { gap: 0;}
  .request-form .form-group.checkcol { padding-left: 0; margin: 15px 0 10px 0; }
  .request-form .form-group.submit-btncol { margin-top: 0;}
  .product-detail-modal .request-product h6 { max-width: 100%; text-align: left; }
  .product-col .product-img {height: auto;}
}


.text-danger{
    font-size: 14px;
}


.darkblue {
    color: #0058a9;
    text-decoration: none;
}

.darkblue:hover {
    color: #0058a9; /* slightly darker */
    text-decoration: underline;
}


/* changes */

.filter-col .filter-list .filter-checkboxes .checkbox-col input[type="checkbox"]:checked + label { font-weight: 600; }

/*--- 18/12/2025 ---*/
.image-embed-item {height:auto;}
.contact-infocol {min-width: 275px;}

/*--- 23/12/2025 ---*/
.select2-container--default .select2-selection--single {
    border: var(--bs-border-width) solid var(--bs-border-color);
    height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    width: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 7px 0 7px;
    margin-left: -8px;
    margin-top: -4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background:#0058a9}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 7px 8px 7px;}
.powermail_form .form-label {margin-bottom: 0;}
.powermail_form .form-control {margin-bottom: 0.5rem;}
.powermail_form .select2-container {margin-bottom: 0.5rem;}

/*--- 29/12/2025 ---*/
a {color:#0058a9}

/*-- 31/12/2025 --*/
@media (min-width: 1199px) {
  .frame-headermargin h3 {margin: 0 120px 0.5rem;}
}
.frame-contactImage figure.image { height: auto; }

/*-- 12/01/2025 --*/
.frame-type-textpic .image { border-radius: 12px; overflow: hidden;}
.header-margin {margin-left: 4.9rem !important;}
/*-- 27/01/2025 --*/
.ce-bodytext p { margin-bottom: 1rem; }

/*-- 06/02/2025 --*/
.om-cookie-panel { width: 100% !important; }
.om-cookie-panel h3 { text-align: center !important; }
.om-cookie-panel .cookie-panel__checkbox:checked + label::before { background-color: #004f9c !important; }
.om-cookie-panel .cookie-panel__checkbox + label::before { border: 2px solid #004f9c !important; }
.om-cookie-panel .cookie-panel__button--color--green { background-color: #004f9c !important; }
.om-cookie-panel .cookie-panel__attribution {display: none; }
.om-cookie-panel .cookie-panel__description p { font-size: 16px; line-height: 1.42857143; }
.om-cookie-panel .cookie-panel__link a { text-decoration: none; }
.product-detail-modal .data-content .btn-secondary{
    font-size: 14px;
    line-height: 18px;
    position: relative;
}
.product-detail-modal .data-content .btn-secondary:after{
    position: absolute;
    right: 15px;
    top: 7px;
    content: '';
    background-image: url(../Images/down-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 11px;
    height: 12px;
}

.left-sidebar h3 {
    font-size: 16px;
    line-height: 22px;
    color: #58595b;
    font-weight: normal;
    margin-bottom: 6px;
    border-bottom: 1px solid #58595b;
    padding-bottom: 5px;
}

.tx-srfreecap-cant-read {
    display: none;
}

.contact-infoblock .contact-infocol .ce-textpic .ce-gallery {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-template-rows: 1fr repeat(20, min-content);
  justify-content: start;
  column-gap: 8px;
  overflow: visible;
  align-items: baseline;
}

.contact-infoblock .contact-infocol .ce-textpic .ce-gallery > .ce-row:first-child {
  grid-column: 1;
  grid-row: 1 / -1;
  margin: 0;
}

.contact-infoblock .contact-infocol .ce-textpic .ce-gallery > .ce-row:not(:first-child) {
  grid-column: 2;
  margin: 0 0 4px 0;
}
.contact-infoblock .contact-infocol .ce-textpic .ce-gallery {
  align-items: end;
}

.contact-infoblock .contact-infocol .ce-textpic .ce-gallery img {
  display: block;
}

.contact-infoblock .contact-infocol .ce-textpic .ce-gallery > .ce-row:not(:first-child) {
  grid-column: 2;
  margin: 4px 0px 0px 0px;
}