/*
transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;
*/
:root {  --primary-color: #0a8f42;
 --secondary-color: #2c2c2c;
 --title-font: 'Lato', Arial, sans-serif;
 --content-font: 'Maison Neue Ext', Arial, sans-serif;
 --content-font-size: 15px;
 --content-color: #2c2c2c;
 --white: #ffffff;
 --black: #000000;
 --line-height24: 24px;
 --line-height30: 30px;
 --line-height36: 36px;
} 
@font-face { font-family: 'Maison Neue Ext'; src: url('../fonts/MaisonNeueExt-Thin.eot'); src: url('../fonts/MaisonNeueExt-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Thin.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Thin.woff') format('woff'),  url('../fonts/MaisonNeueExt-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Maison Neue Ext'; src: url('../fonts/MaisonNeueExt-Light.eot'); src: url('../fonts/MaisonNeueExt-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Light.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Light.woff') format('woff'),  url('../fonts/MaisonNeueExt-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Maison Neue Ext'; src: url('../fonts/MaisonNeueExt-Medium.eot'); src: url('../fonts/MaisonNeueExt-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Medium.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Medium.woff') format('woff'),  url('../fonts/MaisonNeueExt-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Maison Neue Ext'; src: url('../fonts/MaisonNeueExt-Bold.eot'); src: url('../fonts/MaisonNeueExt-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Bold.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Bold.woff') format('woff'),  url('../fonts/MaisonNeueExt-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Maison Neue Ext'; src: url('../fonts/MaisonNeueExt-Black.eot'); src: url('../fonts/MaisonNeueExt-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Black.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Black.woff') format('woff'),  url('../fonts/MaisonNeueExt-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Maison Neue Ext Book'; src: url('../fonts/MaisonNeueExt-Book.eot'); src: url('../fonts/MaisonNeueExt-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaisonNeueExt-Book.woff2') format('woff2'),  url('../fonts/MaisonNeueExt-Book.woff') format('woff'),  url('../fonts/MaisonNeueExt-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
html { font-size: var(--content-font-size); }
body { font-family: var(--content-font); font-size: var(--content-font-size); line-height: 1.42857143; color: var(--content-color); font-weight: 300 }
body>div { position: fixed }
body>div.wrappermain { position: static; overflow: hidden }
body header+div, body .wrappermain>div { position: relative; }
.noscript { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-top: 1px solid var(--primary-color); bottom: 0; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; top: auto; width: 100%; z-index: 99999; color: var(--white) }
.noscript .noscript-img { display: inline; height: 36px; margin: 0 auto; width: 34px; }
a:focus, a:hover { text-decoration: none; outline: none; }
a { color: var(--content-color); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: none }
p, ul, ol { margin-bottom: 15px; }
ul>li { list-style: none; }
.text-center ul, .text-center ol { text-align: left }
ul>li, ol>li { word-wrap: break-word; position: relative; }
ul>li::before { content: ""; position: absolute; left: -20px; top: 5px; background: var(--primary-color); border-radius: 3px; width: 10px; height: 10px; }
ul>li>ul>li::before { content: ""; position: absolute; left: -20px; top: 10px; border: 2px solid var(--primary-color); background: transparent; border-radius: 50%; width: 10px; height: 10px; }
ol>li:before, ul>li>ol>li:before { display: none }
ol>li, ul>li>ol>li { list-style: decimal; list-style-position: outside; }
ol>li>ol>li { list-style-type: lower-alpha; }
ol>li:not(:last-child), ul>li:not(:last-child) { margin-bottom: 10px; }
ol ol, ol ul, ul ol, ul ul { margin-top: 10px; }
button:focus { outline: none; }
.wrappermain { position: relative; overflow: hidden;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 10px; color: var(--content-color); font-weight: bold; }
div>h1, div>.h1, div>h2, div>.h2, div>h3, div>.h3, div>h4, div>.h4, div>h5, div>.h5, div>h6, div>.h6 { margin-top: 0 !important; }
.cms-area { padding: 100px 0; }
.cms-area ul, .cms-area ol { overflow: hidden; }
#home_banner { display: block; }
.wpcf7-form-control-wrap { display: block; }
label.error, .wpcf7-form label.error, .recaptcha-error-message { color: #f00 !important; float: none; font-size: 13px !important; left: 0; padding-left: 0px !important; position: static; top: 100%; line-height: normal; margin: 4px 0 0; }
.mc4wp-alert.mc4wp-error p, .mc4wp-alert.mc4wp-notice p { background: #e68d8d; color: var(--black); padding: 0 20px; margin: 15px 0 0 0; }
.mc4wp-alert.mc4wp-success p { background: #8ac18c; color: var(--black); padding: 0 20px; margin: 15px 0 0 0; }
.mc4wp-alert.mc4wp-success p a, .mc4wp-alert.mc4wp-error p a, .mc4wp-alert.mc4wp-notice p a { color: var(--black); text-decoration: underline; }
.mCSB_scrollTools * { border-radius: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { width: 5px; background: #dbdbdb !important; }
.mCSB_scrollTools .mCSB_dragger { background: var(--primary-color) !important; }
.mCSB_scrollTools .mCSB_draggerRail { width: 5px; background: var(--primary-color) !important; }
.mCSB_scrollTools { width: 5px; }
.mCSB_draggerRail { display: none; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: transparent !important; }
 @-webkit-keyframes progress-bar-stripes {  from {
 background-position: 2rem 0
}
to { background-position: 0 0 }
}
 @keyframes progress-bar-stripes {  from {
 background-position: 2rem 0
}
to { background-position: 0 0 }
}
div.wpcf7 .ajax-loader:before, div.wpcf7 .wpcf7-spinner:before { display: none; }
div.wpcf7 .ajax-loader, div.wpcf7 .wpcf7-spinner { position: absolute; left: 0; border-radius: 0 !important; background-color: transparent; top: 0; margin: 0 !important; pointer-events: none; width: 100% !important; height: 100% !important; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent) !important; background-size: 2rem 2rem !important; -webkit-animation: progress-bar-stripes 1s linear infinite !important; animation: progress-bar-stripes 1s linear infinite !important; }
.grecaptcha-badge { bottom: 90px !important; z-index: -5; opacity: 0; right: 100% !important; }
.owl-carousel { padding: 30px 0 0; }
.owl-carousel img { width: 100%; }
.owl-carousel .owl-nav { position: absolute; left: 0; right: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.owl-carousel button svg { stroke: #f00 }
.owl-carousel button { position: absolute; top: 50%; transform: translateY(-50%); }
.owl-carousel button.owl-prev { left: 0; }
.owl-carousel button.owl-next { right: 0; }
.owl-carousel .owl-dots { text-align: center; margin-top: 30px; }
.owl-carousel button.owl-dot span { background: #ccc; width: 10px; height: 10px; display: block; border-radius: 50%; }
.owl-carousel button.owl-dot { margin: 0 10px; }
.owl-carousel button.owl-dot.active span { background: var(--black); }
.owl-carousel .owl-item { backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; -webkit-backface-visibility: visible !important; }
a, button, ::after, ::before { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.white { color: var(--white) !important; }
 select::-ms-expand {
 display: none !important;
}
.select_box { position: relative; }
.select_arrow i, .select_arrow svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; background-position: -10px -15px; width: 12px; height: 12px; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.section_padding { padding: 100px 0 }

header { position: absolute; top: 0; width: 100%; z-index: 999; padding: 47px 0 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
header.sticky { position: fixed; background-color: var(--primary-color); padding: 10px 0; -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3); box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3); }
header nav ul { list-style: none; margin: 0; padding: 0 }
header .container { position: relative }
header a.logobox { display: inline-block; padding: 0 }
header a.logobox img { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.heart-icon { display: inline-block; margin: 0 0 0 8px; }
header .primary { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
header .navbar { background: none; border: 0 none; margin: 0; padding: 0; display: block }
header .navbar nav { margin: 0 0px 0 0; }
header .navbar-collapse { padding: 0; position: relative }
header .navbar-collapse ul.nav>li:before,  header .navbar-collapse .nav .sub li:before, ul.header_cta li:before, .social-main ul li:before { display: none; }
header .navbar-nav { margin: 0; position: relative; }
header .navbar-nav .parent { position: relative }
header .navbar-nav .parent:hover>.sub { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s }
header .navbar-nav>li:not(:last-child) { margin-right: 38px }
header .navbar-nav>li:after { background: none; }
header .navbar-nav>li:before,  header .navbar-nav .sub li:before { display: none; }
header .navbar-nav>li { padding: 0; position: relative; margin-bottom: 0 }
header .navbar-nav>li { }
header .navbar-nav>li>a { background: none; color: var(--white); line-height: 20px; padding: 0 !important; position: static; text-shadow: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 901; font-size: 14px; text-transform: capitalize; font-weight: normal; margin: 0; letter-spacing: 0.025em; }
.no-touch header .navbar-nav>li>a:hover, .no-touch header .navbar-nav>li>a:focus { color: var(--white) !important; }

header .navbar-nav>li.parent.megamenu>a { position: relative }
header .navbar-nav>li.parent.megamenu:hover>a:after { left: 0; right: 0 }
header .navbar-nav>li.parent .parent>a:after { border-left: 5px solid #909090; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .navbar-nav a>i { margin-right: 2px; opacity: .8; filter: alpha(opacity=80); text-align: center; width: 15px }
header .navbar-nav .sub { background: var(--white) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display: none; line-height: var(--line-height24); margin: 0; padding: 0; position: absolute; z-index: 905; border-radius: 0px 10px 10px 10px; top: 100%; }
header .navbar-nav .sub li { font-size: 13px; line-height: var(--line-height24); margin: 0 !important; padding: 0; }
header .navbar-nav .sub li:after { background: none }
header .navbar-nav .sub li a { color: #606060; display: block; font-size: 13px; font-weight: 500; padding: 10px 15px; text-decoration: none; text-transform: capitalize; width: 230px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
header .navbar-nav .sub li.selected>a { color: var(--white); background: var(--primary-color); }
header .navbar-nav .sub .sub { left: 100%; top: 0 }
header .navbar-nav .sub .sub .sub .parent>a { background: none !important }
header .navbar-nav .sub .sub .sub .parent>a:after { display: none }
header .navbar-nav .sub .sub .sub .sub { background: none; border: 0 none; box-shadow: none; display: block; left: 0; padding: 0 0 0 10px; position: relative; -webkit-animation: fadeIn 0; animation: fadeIn 0 }
header .navbar-nav .megamenu>.sub { border-radius: 0px 10px 10px 10px; left: 0;padding: 0; width: 886px; z-index: 900 }
header .navbar-nav .megamenu>.sub a { width: 100% }

.m-t-0 { margin-top: 0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-r-0 { margin-right: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-r-30 { margin-right: 30px !important; }
.p-t-0 { padding-top: 0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-r-0 { padding-right: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-r-30 { padding-right: 30px !important; }
.m-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.p-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.m-x-0 { margin-left: 0px !important; margin-right: 0px !important; }
.m-x-10 { margin-left: 10px !important; margin-right: 10px !important; }
.m-x-20 { margin-left: 20px !important; margin-right: 20px !important; }
.m-x-30 { margin-left: 30px !important; margin-right: 30px !important; }
.p-x-0 { padding-left: 0px !important; padding-right: 0px !important; }
.p-x-10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-x-20 { padding-left: 20px !important; padding-right: 20px !important; }
.p-x-30 { padding-left: 30px !important; padding-right: 30px !important; }
img.ajax-loader { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f7e700; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-mail-sent-ng { border: 2px solid var(--primary-color); clear: both; color: var(--primary-color); margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-mail-sent-ok { border: 2px solid #47a547; clear: both; color: #47a547; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
.wpcf7 form.sent .wpcf7-response-output { background: #cbe9ce; text-align: center; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #fbb9b9; text-align: center; }
.my_pagination .pagination li:before { display: none }
.my_pagination .pagination li a, .my_pagination .pagination li span { background-color: #f0f0f0; position: relative; border: medium none; margin: 0; border-radius: 50% !important; display: block; padding: 0; font-size: 14px; color: #999999; text-align: center !important; width: 40px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; height: 40px; font-weight: 700; line-height: 40px; }
.my_pagination .pagination li { padding: 0 10px 0 0; float: none; display: inline-block; vertical-align: top; margin-bottom: 0 }
.my_pagination .pagination li:last-child { padding: 0; }
.my_pagination .pagination li a span.sr-only, .my_pagination .pagination li span span.sr-only { display: none; }
.my_pagination .pagination li.active span, .my_pagination .pagination li.active a, .my_pagination .pagination li.selected span, .my_pagination .pagination li.selected a { background-color: var(--primary-color) !important; color: var(--white); }
.my_pagination .pagination { clear: both; border-radius: 0 !important; text-align: center; display: block; font-size: 0; margin: 0 }
.my_pagination { display: block; float: none; margin: 20px auto 0; text-align: center; }
.my_pagination .pagination>li.disabled>a, .my_pagination .pagination>li.disabled>span, .my_pagination .pagination>li.disabled>a:hover, .my_pagination .pagination>li.disabled>span:hover { display: none; }
.my_pagination .pagination li a i, .my_pagination .pagination li span i { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.my_pagination .pagination li a.prev:before, .my_pagination .pagination li span.prev:before { content: ""; background: url(../images/pagination_left_arrow.svg) scroll no-repeat; width: 15px; height: 15px; margin: 0 auto; position: absolute; left: -3px; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: 15px 15px; }
.my_pagination .pagination li a.next:before, .my_pagination .pagination li span.next:before { content: ""; background: url(../images/pagination_right_arrow.svg) scroll no-repeat; width: 15px; height: 15px; margin: 0 auto; position: absolute; left: 0; right: -3px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: 15px 15px; }
.my_pagination .pagination li a.prev:hover:before, .my_pagination .pagination li span.prev:hover:before { background: url(../images/pagination_left_arrow_hvr.svg) scroll no-repeat; background-size: 15px 15px; }
.my_pagination .pagination li a.next:hover:before, .my_pagination .pagination li span.next:hover:before { background: url(../images/pagination_right_arrow_hvr.svg) scroll no-repeat; background-size: 15px 15px; }
ul.nav-tabs { margin: 0; padding: 0 0 0 0; overflow: visible; border: 0 }
ul.nav-tabs>li.nav-item { margin: 0; padding: 0; border: none; position: relative }
ul.nav-tabs>li.nav-item:before { display: none }
ul.nav-tabs>li.nav-item:not(:last-child) { margin-right: 55px; margin-bottom: 0 }
ul.nav-tabs>li.nav-item>a.nav-link { border: none; padding: 15px 0; font-size: 24px; color: #999999; font-weight: 700; }
ul.nav-tabs>li.nav-item>a.nav-link:before { content: ""; background: #f23030; position: absolute; left: auto; right: 0; width: 0; bottom: -1px; height: 3px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
ul.nav-tabs>li.nav-item>a.nav-link.active { color: #202020 }
ul.nav-tabs>li.nav-item>a.nav-link.active:before { right: auto; left: 0; width: 100%; }
ul.nav-tabs>li.nav-item>a.nav-link>svg { display: none; pointer-events: none; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
ul.nav-tabs+.tab-content { padding: 30px 0; }
 @media (max-width:767px) {
ul.nav-tabs { border: 0; }
ul.nav-tabs>li.nav-item { margin-left: 0 !important; display: block; width: 100%; margin-top: 20px !important; }
ul.nav-tabs>li.nav-item .tab-pane { display: none; padding: 15px 0; }
ul.nav-tabs>li.nav-item .tab-pane.active { display: block; }
ul.nav-tabs>li.nav-item>a.nav-link { border: 1px solid #ddd; border-radius: 0; padding: 10px 20px; }
ul.nav-tabs>li.nav-item>a.nav-link:before { display: none }
ul.nav-tabs>li.nav-item>a.nav-link.active { border: 1px solid #f23030 !important; }
ul.nav-tabs>li.nav-item>a.nav-link>svg { display: block; width: 18px; position: absolute; right: 15px; top: 20px; }
ul.nav-tabs>li.nav-item>a.nav-link>svg>path { fill: #ddd }
ul.nav-tabs>li.nav-item>a.nav-link.active>svg { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webki-transform: rotate(-180deg); }
ul.nav-tabs>li.nav-item>a.nav-link.active>svg>path { fill: #f23030 }
}
.search_main { top: 45px; display: none; min-width: 440px; padding: 20px; position: absolute; right: 0px; z-index: 999; background-color: var(--white); box-shadow: 0px 3px 10px rgb(0 0 0 / 40%); }
.search_main::before { border-bottom: 8px solid var(--white); border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: -8px; width: 0; }
.search_main .form-control { background-color: transparent; background-image: none; border: 1px solid #ddd; border-radius: 0; box-shadow: none; color: var(--black); display: block; font-size: 15px; height: 50px; line-height: 1.42857; padding: 6px 55px 6px 15px; width: 100%; }
 .search_main input::-webkit-input-placeholder {
 color: #333;
 opacity: 1;
}
 .search_main input:-moz-placeholder {
 color: #333;
 opacity: 1;
}
 .search_main input::-moz-placeholder {
 color: #333;
 opacity: 1;
}
 .search_main form input:-ms-input-placeholder {
 color: #333;
 opacity: 1;
}
.search_main .btn_search { cursor: pointer; background: var(--primary-color); border: medium none; height: 50px; position: absolute; right: 20px; top: 20px; width: 50px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; color: #52baab; padding: 0 }
.search_main .btn_search i,  .search_main .btn_search svg { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; fill: var(--white); }
.header_search { display: block; height: 35px; text-align: center; width: 35px; }
.searchicon i, .searchicon svg { position: absolute; left: 0; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto }
.header_info_wrap { background: #f0f0f0 }
.header_detail { margin: 0px 0 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.header_detail>ul { padding: 0; margin: 0; }
.header_detail>ul li { display: inline-block; padding: 0 0 0 16px; vertical-align: middle; margin-bottom: 0 }
.header_detail>ul li:before { display: none; }
.header_detail>ul li:first-child { padding-left: 0; }
.header_detail>ul li a { display: block }
.header_detail>ul li a svg { width: 24px; height: 24px; fill: #666; }
ul.header_cta { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
ul.header_cta { padding: 0; transition: all 0.4s ease 0s; margin: 0; }
ul.header_cta li:first-child { padding: 0 }
ul.header_cta li { display: inline-block; margin: 0; padding: 0 0 0 25px; vertical-align: middle; }
ul.header_cta li a { position: relative; }
ul.header_cta span { display: inline-block; vertical-align: middle; }
ul.header_cta .header_email { color: var(--content-color); font-size: 16px; font-weight: 400; padding: 0 0 0 0; }
ul.header_cta .header_call { color: var(--content-color); font-size: 16px; font-weight: 400; padding: 0 0 0 0; }
ul.header_cta li a svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; fill: var(--primary-color); }
ul.header_cta li a.header_call svg { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,  .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background-color: var(--white); border-color: var(--white); }
.wrappermain .btn { width: 270px; height: 60px; line-height: 60px; font-size: 16px; font-weight: 700; text-transform: uppercase; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn:focus, .wrappermain .btn.focus { box-shadow: none; outline: none }
.wrappermain .btn:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn:after { content: ""; z-index: -1; position: absolute; right: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn-primary { color: var(--white); background: var(--primary-color); }
.wrappermain .btn-primary:before, .wrappermain .btn-primary:after { background: #303030 }
.wrappermain .btn-secondary { color: #303030; background: var(--white); }
.wrappermain .btn-secondary:before, .wrappermain .btn-secondary:after { background: #303030 }
 @media (min-width:1081px) {
.wrappermain .btn:hover:before,  .wrappermain .btn:hover:after { width: 50%; }
.wrappermain .btn-primary:hover { color: var(--white) !important; }
.wrappermain .btn-secondary:hover { color: var(--white); }
}
.wrappermain .btn-o { width: 270px; height: 60px; line-height: 60px; font-size: 16px; font-weight: 700; text-transform: uppercase; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn-o:focus, .wrappermain .btn-o.focus { box-shadow: none; outline: none }
.wrappermain .btn-o:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn-o:after { content: ""; z-index: -1; position: absolute; right: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.wrappermain .btn-primary-o { color: var(--primary-color); background: transparent; border: 2px solid var(--primary-color) }
.wrappermain .btn-primary-o:before, .wrappermain .btn-primary-o:after { background: var(--primary-color); }
.wrappermain .btn-secondary-o { color: var(--white); background: transparent; border: 2px solid var(--white) }
.wrappermain .btn-secondary-o:before, .wrappermain .btn-secondary-o:after { background: var(--white); }
 @media (min-width:1081px) {
.wrappermain .btn-o:hover:before,  .wrappermain .btn-o:hover:after { width: 50%; }
.wrappermain .btn-primary-o:hover { color: var(--white); }
.wrappermain .btn-secondary-o:hover { color: #303030; }
}
.carousel-caption { left: 0; right: 0; padding: 0; bottom: auto; top: 50%; z-index: 1; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 1170px; margin: 0 auto; width: 100%; }
.hero_section .item::before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 1 }
.hero_section .owl-carousel { display: block; }
.hero_section .owl-carousel>.item+.item { display: none; }
.hero_caption p { color: var(--white); font-size: 18px; font-weight: 500; line-height: normal; margin: 0 0 24px; text-shadow: none; }
.contact_detail { margin-bottom: 100px; }
.footer-top-content .accordion-toggle ul li.selected a { color: var(--primary-color); }
.scroll-content {
    max-height: 380px;
    position: relative;
    overflow: hidden;
}






.testimonial-bx{padding: 25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;    background: #fff;     margin: 50px 10px; border-radius: 10px; min-height: 370px;    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.testimonial .testimonial-bx span img{    height: 90px;  width: 90px; border-radius: 50%;  margin: 0 0 20px;}
.testimonial-data-left h6{ margin: 0;     width: 50%;  font-size: 16px; line-height: 25px; color: #1E2532; font-weight: 500; }
.testimonial-bx .star_detail {  display: flex; flex-wrap: wrap;justify-content: space-between;    margin: 0;border-top: 1px solid #ccc;  padding-top: 20px;}
.testimonial-bx p {  overflow: hidden;}
.testomonial_review { margin: 0;}
.testomonial_review .starrr i.fa-star {   height: 23px;}
.testomonial_review .starrr i.fa-star { display: inline-block;    vertical-align: middle;}
.testomonial_review .starrr i.fa-star svg {    width: 23px;    height: 23px;}
.testomonial_review .starrr i.fa-star svg path {    stroke-width: 2px;    stroke: #4dc07e;    fill: #4dc07e;}
.testimonial-data-left h6 span { width: 100%; display: block;    font-size: 12px; line-height: 16px; margin: 6px 0 0;}
.qoute{margin:0 0 20px;    display: inline-block;}
.qoute svg path { fill: #16974b; }
.qoute svg { height: 50px; width: 50px;}

.testimonial-bx:hover{ background:#16974b; }
.testimonial-bx:hover p{ color:#fff;}
.testimonial-bx:hover .starrr i.fa-star svg path { stroke: #fff;    fill: #fff;}
.testimonial-bx:hover .qoute svg path { fill: #fff; }
.testimonial-bx:hover .testimonial-data-left h6{ color:#fff;}
.testimonial_page .title-main { margin: 0;}


.new_rcd_center_img.renew_rcd img {    height: 150px;    width: auto;}
.new_rcd_center_img.renew_rcd {    max-width: 100%;    justify-content: center;}
.new_rcd_center_img.renew_rcd .calc_img {    margin-left: 50px;}




.faqs {background: #f1f2f3; padding: 70px 0;}
.faqs .title_main { margin: 0 0 30px;}
.faqs .accordion-item { margin-bottom: 15px; border: 1px solid rgba(0, 0, 0, .125) !important; border-radius: 4px; overflow: hidden;}
.faqs .accordion-header .accordion-button:not(.collapsed) {background: #fff; color: #0a8f42; }
.faqs .accordion-button{text-transform: capitalize; font-size: 20px !important ; align-items: flex-start; line-height: 20px;    padding: 20px !important;}
/*.faqs .accordion-button:after{ color: #fff; background-image: none; content: "\f106";font-size: 20px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}*/
/*.faqs .accordion-button.collapsed:after { color: #000; background-image: none; content: "\f106";font-size: 20px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}*/
.faqs .accordion-button:focus { box-shadow: none; }










/*** 001 RESPONSIVE ***/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) }
}
 @media (max-width: 1229px) {
.wrappermain .container { max-width: 100%; padding-left: 15px; padding-right: 15px; }
}
 @media (min-width: 1230px) {
.wrappermain .container { max-width: 1592px; padding-left: 15px; padding-right: 15px; }
}
@media (min-width:1921px) {
.owl-carousel .owl-item img,  .inner-banner_img_main img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; }
}
 @media (max-width:1440px) {
}

/* For 150*/
@media (min-width: 1200px) and (max-width: 1399px) {
.testimonial-bx { min-height: 400px;}

}


 @media (max-width:1199px) {
.carousel-caption { left: 20px; right: 20px; max-width: inherit; width: auto; }
.testimonial-bx { min-height: 420px;}

}
 @media (min-width: 1081px) and (max-width: 1199px) {
header .navbar-nav .megamenu>.sub { margin: -1px 0 0 -37px; width: 832px }
header .navbar-nav>li:not(:last-child) { margin-right: 16px; }
}


 @media (min-width: 1081px) {
.menumobileview { height: auto !important; }
header .navbar-nav .sub li+li { border-top: 1px dashed rgba(0, 0, 0, 0.2); }
header .navbar-nav .sub li.selected a:after,  header .navbar-nav .sub li a:hover:after { border-left: 5px solid var(--white); }
header .navbar-nav>li>a:before { content: ''; position: absolute; height: 2px; width: 0%; background: var(--white) !important; left: 0; top: 100%; }
header .navbar-nav>li.selected>a:before, header .navbar-nav>li:hover>a:before { width: 100%; }
header .navbar-nav .sub li a:hover,  header .navbar-nav .sub li a:focus { color: var(--white) !important; background: var(--primary-color); }
.my_pagination .pagination li span:hover,  .my_pagination .pagination li a:hover { background-color: var(--primary-color) !important; color: var(--white); }
.overly-get-quote { cursor: url(../images/closeicon.png) 15 15, pointer; }
.no-touch a:hover,  .no-touch a:focus { color: var(--primary-color) !important; }
}
 @media (min-width: 1081px) {
header .navbar-nav .megamenu>.sub { width: 540px; vertical-align: top; }
header .navbar-nav .sub { width: 230px; }
header .navbar-nav .megamenu>.sub li { display: inline-block; width: 49%; vertical-align: top; border-right: 1px solid #ccc; }
header .navbar-nav .megamenu>.sub li:nth-child(2n + 2) { border-right: 0px solid #ccc; }
}
@media (max-width: 1080px) {
.footer-top-content .f-col h3:before, .footer-top-content .f-col .h3:before { transition: none !important; }
.overly { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(0, 0, 0, 0.95); width: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.overly:before { content: ""; width: 20px; height: 20px; position: fixed; right: 510px; top: 25px; opacity: 0; pointer-events: none; display: block !important; font-size: 36px; color: var(--white); background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
body.menuoverly .overly:before { right: 382px; opacity: 1; pointer-events: auto; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; }
body.menuoverly { overflow: hidden; }
body.menuoverly .overly { width: calc(100% - 360px); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; }
.menumobileview { height: 100vh; }
.menumobileview .mCSB_inside>.mCSB_container { margin-right: 0; }
header .navbar-nav .parent>a { position: relative }
header .navbar-nav .open-sub span { position: absolute; left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .navbar-nav .open-sub span+span { left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .navbar-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; padding-bottom: 0; visibility: visible !important; }
header .navbar-collapse.collapse.show { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); }
header .navbar-collapse { border: 0 none; box-shadow: none; left: auto; margin: 0; background: var(--white); max-height: inherit; max-width: 360px; overflow: hidden !important; padding: 0; position: fixed; right: 0; top: 0; height: auto !important; width: 100%; z-index: 919; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform: translateX(360px); -moz-transform: translateX(360px); -ms-transform: translateX(360px); -o-transform: translateX(360px); -webkit-transform: translateX(360px); }
.wrappermain>header,  .wrappermain>section,  .wrappermain>footer,  .wrappermain>.cms-area { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
body.menuoverly .wrappermain>header,  body.menuoverly .wrappermain>section,  body.menuoverly .wrappermain>footer,  body.menuoverly .wrappermain>.cms-area { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
header .navbar-collapse.collapsing { transition: none; }
header .primary { display: inline-block; float: right; margin: 26px 0px 0 0; text-align: left; vertical-align: top; z-index: inherit }
header ul.navbar-nav>li { margin: 0 !important; }
header ul.navbar-nav>li { border-bottom: 1px dashed rgb(0 0 0 / 10%); }
header ul.navbar-nav>li:last-child { border-bottom: none; }
header .mobile_black_menu .navbar-collapse { background: #333; }
header .mobile_black_menu .navbar-nav>li>a { color: var(--white); }
header .mobile_black_menu ul.navbar-nav>li { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); }
header .mobile_black_menu .navbar-nav .sub,  header .mobile_black_menu .parent .sub,  header .mobile_black_menu .parent:hover>.sub { background: rgba(0, 0, 0, 0.2); }
header .mobile_black_menu .navbar-nav .sub li a { color: var(--white); }
header .mobile_black_menu .navbar-nav .sub li:first-child { border-top: 1px dashed rgba(255, 255, 255, 0.1); }
header .mobile_black_menu .navbar-nav .sub li { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); }
header .mobile_black_menu .navbar-nav .selected .open-sub span,  header .mobile_black_menu .navbar-nav>.parent.selected.active>a .open-sub span,  header .mobile_black_menu .navbar-nav .selected .selected .open-sub span,  header .mobile_black_menu .navbar-nav .open-sub span,  header .mobile_black_menu .navbar-nav>.parent.active>a .open-sub span,  header .mobile_black_menu .navbar-nav .parent .parent>a .open-sub span,  header .mobile_black_menu .navbar-nav .megamenu .title .open-sub span { background: var(--white) !important; }
header .navbar-nav .selected .open-sub span,  header .navbar-nav>.parent.selected.active>a .open-sub span,  header .navbar-nav .selected .selected .open-sub span,  header .navbar-nav .open-sub span,  header .navbar-nav>.parent.active>a .open-sub span,  header .navbar-nav .parent .parent>a .open-sub span,  header .navbar-nav .megamenu .title .open-sub span { background: var(--content-color); }
header .navbar-nav .selected .parent .open-sub span { background: var(--secondary-color) none repeat scroll 0 0 !important; }
header .navbar-nav>li.selected>a::after { background: none; }
header .navbar-nav>li.selected>a { border-bottom: none !important; border-radius: 0 !important; color: var(--primary-color) !important; }
header .navbar-nav li>a:before { content: ""; background: var(--primary-color); position: absolute; left: -30px; top: 20px; width: 20px; height: 10px; opacity: 0; }
header .navbar-nav li.selected>a:before { opacity: 1; }
header .navbar-nav .sub li.selected>a { color: var(--primary-color); background: transparent; }
header .navbar { margin: 0; min-height: inherit; position: static }
header .navbar-toggler { background: var(--primary-color); border: none; border-bottom: 0 none; border-radius: 0; box-shadow: none; height: 48px; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 99; width: 48px; right: 15px; top: 0px; display: block !important }
header .navbar-toggler:focus { outline: 0; box-shadow: none; }
header .navbar-toggler:before { bottom: 8px; content: ""; display: none; left: -1px; position: absolute; top: 7px }
header .navbar-toggler.collapsed:before { display: block }
header .navbar-toggler .navbar-toggler-icon { width: 25px; height: 3px; position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 50; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .navbar-toggler .navbar-toggler-icon:before { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; top: -8px; }
header .navbar-toggler .navbar-toggler-icon:after { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; bottom: -8px; }
header .navbar-toggler .navbar-toggler-icon,  header .navbar-toggler .navbar-toggler-icon:before,  header .navbar-toggler .navbar-toggler-icon:after { background: var(--white); }
header .navbar-nav { background: transparent; border: medium none; border-radius: 0 !important; float: none; padding: 30px 30px; display: block }
header .navbar-nav>li { float: none; margin: 0 0 3px; padding: 0 }
header .navbar-nav>li>a { padding: 15px 50px 15px 0 !important; color: var(--content-color); }
header .navbar-nav>li.parent .parent>a:after { display: none }
header .navbar-nav .open-sub { bottom: 0; right: 0; position: absolute; top: 0; width: 50px }
header .navbar-nav .open-sub span { display: block; height: 2px; margin: 17px 0 0 15px; position: absolute; width: 16px }
header .navbar-nav .open-sub span+span { height: 16px; margin: 10px 0 0 22px; width: 2px }
header .navbar-nav .parent .parent>a .open-sub span { height: 2px; margin: 14px 0 0 18px; position: absolute; width: 16px; }
header .navbar-nav .parent .parent>a .open-sub span+span { height: 16px; margin: 9px 0 0 23px; width: 2px }
header .navbar-nav>li.parent:hover>a:after { display: none }
header .navbar-nav .sub,  header .parent .sub,  header .parent:hover>.sub { background: rgba(0, 0, 0, 0.02); border: 0 none; border-radius: 0; box-shadow: none; display: none; font-size: 13px; left: 0; line-height: var(--line-height24); margin-top: 0; margin-bottom: 0; padding: 0; position: relative; margin-left: 0 !important }
header .navbar-nav .parent.active>a .open-sub span+span { display: none }
header .navbar-nav .parent:hover>.sub { -webkit-animation: fadeIn 0; animation: fadeIn 0; display: none }
header .navbar-nav .sub li { line-height: 22px; border-bottom: 1px dashed rgb(0 0 0 / 10%); }
header .navbar-nav .sub li:first-child { border-top: 1px dashed rgb(0 0 0 / 10%); }
header .navbar-nav .sub li:last-child { border-bottom: none; }
header .navbar-nav .sub li a { background: none; color: var(--content-color); padding: 15px 50px 15px 15px; text-decoration: none; width: auto !important }
header .navbar-nav .sub .sub li a { padding: 15px 50px 15px 30px; }
header .navbar-nav li a>i { color: #1e1e1e }
header .navbar-nav .sub .sub { left: 0; margin-left: 10px }
header .navbar-nav .megamenu>.sub { left: 0; padding: 6px 0 5px; width: 100% }
.overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) }
header .navbar-nav .sub li:last-child { border-bottom: 0 !important; }
}
 @media (max-width:991px) {
     
.testimonial-bx { min-height: 510px; margin-bottom:20px;}   

.faqs .accordion-header button.accordion-button:after { right: 20px;}
.faqs .accordion-header button.accordion-button { font-size: 17px !important; padding: 20px 40px 20px 20px !important;}
     
}
 @media (min-width: 768px) {
}
 @media (max-width:767px) {
.my_pagination .pagination li+li { padding-left: 0px !important; }
.breadcrumb { display: none !important }
.cms-area { padding: 40px 0; }
.testimonial-bx {  min-height: inherit;}
.new_rcd_center_img.renew_rcd img { height:70px;}
}
 @media (max-width:639px) {
.main-content img { width: 100%; }
.home .blog-box { margin-top: 20px; }
ul.header_cta li { padding: 0 0 0 15px; }
.header_cta .header_email>span,  .header_cta .header_call>span { display: none; }
}
 @media (max-width: 600px) {
header .navbar-toggler { padding-left: 5px; padding-right: 5px }
}
 @media (max-width:575px) {
.overly-get-quote:before { right: 370px; }
}
 @media (max-width: 480px) {
body.menuoverly .overly { width: calc(100% - 290px) !important; }
header .navbar-collapse { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); max-width: 290px; }
body.menuoverly .overly:before { right: 295px !important; top: 8px !important; }
.overly-get-quote:before { right: 296px !important; transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; -webkit-transform-origin: right top; }
}
 @media (max-width:479px) {
.search_main { min-width: 295px; }
}

 @media (max-width:350px) {
.new_rcd_center_img.renew_rcd .calc_img { margin-left: 10px;}
}

:focus { outline: none !important; }
input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { background: var(--white); border-radius: 6px; background-clip: padding-box; border: 1px solid #dddddd; font-size: 13px; height: 45px; line-height: 1.42857143; padding: 0 10px 0 19px; vertical-align: baseline; width: 100%; box-sizing: border-box; color: #bdbdbd; }
select { background: var(--white) url(../images/down-arrow.svg) no-repeat calc(100% - 20px) center; background-size: 11px 6px; border-radius: 6px; border: 1px solid #dddddd; font-weight: normal; font-size: 13px; height: 45px; line-height: 1.42857143; padding: 5px 35px 4px 19px; vertical-align: baseline; width: 100%; box-sizing: border-box; color: #575757; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
textarea { background: var(--white); background-clip: padding-box; border-radius: 6px; border: 1px solid #dddddd; font-weight: normal; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px 10px 10px 19px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: none; }
.action-btn { width: 100%; max-width: 270px; height: 46px; text-align: center; background: linear-gradient(to right, #055627 0%, #02933f 50%, #0a8f42 100%); background-size: 300% 100%; border: 0 none; color: var(--white); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-family: 'Maison Neue Ext'; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; padding: 0 10px; border-radius: 4px; vertical-align: middle; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.no-touch .action-btn:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: var(--white) !important; }
.title-main { color: var(--content-color); font-size: 50px; margin: 0 0 15px; letter-spacing: 2px; }
.title-main p { text-align: center; }

.enquire_now { display: inline-flex; align-items: center; }
.enquire_now .enquirenow-btn { width: 175px; height: 48px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; text-transform: uppercase; font-weight: 500; color: var(--primary-color); background-color: var(--white); border-radius: 4px; }
.enquire_now .enquirenow-btn:hover { background-color: var(--content-color); color: var(--white) !important; }
.enquire_now .call-btn { margin: 0 5px 0 0; width: 48px; height: 48px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; text-transform: uppercase; font-weight: 500; color: var(--primary-color); background-color: var(--white); border-radius: 4px; }
.enquire_now .call-btn svg { width: 26px; height: 26px; }
.enquire_now .call-btn:hover { background-color: var(--content-color); }
.enquire_now .call-btn:hover svg path { fill: var(--white); }

.banner_main { height: 1021px; background: url(../images/banner-bg.png) no-repeat center center; background-size: cover; border-radius: 0 0 130px 130px; overflow: hidden; padding-top: 130px; }
.banner_main .container { position: relative; height: 100%; display: inherit !important; }
.banner_main .container .banner_content { height: 100%; align-items: center; }
.banner_content_left { overflow: hidden; }
.banner_content_left h2, .banner_content_left .h2 { letter-spacing: 2.25px; font-size: 90px; color: var(--white); line-height: 1.2; margin: 0 0 10px; }
.banner_content_left h3, .banner_content_left .h3 { letter-spacing: 0.675px; font-size: 27px; color: var(--white); margin: 0 0 25px; }
.banner_content_left p { font-size: 18px; line-height: 25px; color: var(--white); max-width: 536px; margin: 0 0 39px; }
.banner_content_right { display: flex; height: 100%; align-items: end; justify-content: flex-end; }
.home .banner_content_right .banner-img { display: none; }
.touch .home .banner_content_right .banner-img, .no-touch .home .banner_content_right .banner-img { display: block; }
.banner_main .slick-list,  .banner_main .slick-track,  .banner_main .slick-slide,  .banner_main .slick-slide>div { height: 100%; }
.banner_content_left>* { opacity: 0; -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); transform: translateY(100px) }
.slick-active .banner_content_left>* { opacity: 1; transform: none; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: all .5s ease }
.slick-active .banner_content_left> :first-child { -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s }
.slick-active .banner_content_left> :nth-child(2) { -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s }
.slick-active .banner_content_left> :nth-child(3) { -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s }

@media (min-width: 1560px) {
.no-touch .banner_content_right img { position: relative; right: -53px; }
}
.see_ourprojects { display: inline-flex; width: 240px; font-size: 14px; font-weight: 500; justify-content: space-between; align-items: center; color: var(--white); background-color: var(--content-color); border-radius: 6px; padding: 0 20px; height: 57px; }
.no-touch .see_ourprojects:hover { color: var(--primary-color) !important; background: var(--white); }
.no-touch .see_ourprojects:hover svg polygon { fill: var(--primary-color); }

.our_specialize { padding: 93px 0 101px; }
.our_specialize .title-main { margin: 0 0 5px; }
.our_specialize .container>p { margin: 0 0 65px; }
.proficiency_grid { overflow: hidden; border-radius: 6px; position: relative; margin: 0 0 30px; }
.proficiency_grid a { display: block; position: relative; }
.proficiency_grid a .img-box { overflow: hidden; border-radius: 0 0 0 10px; }
.proficiency_grid a:before { content: ""; width: 100%; height: 100%; background-color: rgba(10, 143, 66, 0.8); position: absolute; left: 0; top: 100%; z-index: 1; }
.proficiency_grid .img-box img { width: 100%; }
.proficiency_grid .proficiency-content { position: absolute; left: 0; right: 10px; bottom: 0; padding: 22px 24px; background-color: var(--white); border-radius: 0 6px 0 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.proficiency-content h5, .proficiency-content .h5 { font-size: 18px; color: var(--black); margin: 0 0 12px; letter-spacing: 0.7px; height: 44px; overflow: hidden; }
.proficiency-content p { font-weight: normal; font-size: 12px; margin: 0 0 14px; line-height: 21px; height: 63px; overflow: hidden; }
.proficiency-content .learn_more { font-size: 12px; font-weight: normal; padding-right: 13px; position: relative; display: inline-block; color: var(--primary-color); }
.proficiency-content .learn_more:after { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(10, 143, 66, 0); border-left-color: var(--primary-color); border-width: 6px; margin-top: -6px; }
.seeour_expertise { margin: 93px 0 0; text-align: center; }
.proficiency_grid a:after { content: "Learn more"; font-size: 18px; font-weight: normal; color: var(--white); padding: 96px 0 0; background: url(../images/hoverarrow.png) no-repeat center top; position: absolute; width: 100%; left: 0; top: -100%; z-index: 2; transform: translateY(-50%); text-align: center; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; }
.no-touch .proficiency_grid a:hover:before { top: 0; }
.no-touch .proficiency_grid a:hover:after { top: 50%; }
.no-touch .proficiency_grid a:hover .proficiency-content { opacity: 0; visibility: hidden; }

.crafting_main { padding: 74px 0 67px; background: var(--content-color); }
.crafting_content p { font-size: 14px; color: #969696; line-height: 22px; margin-bottom: 67px; font-weight: 500; }
.crafting_icon { height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.crafting_icon h5, .crafting_icon .h5 { margin: 26px 0 0 !important; font-size: 14px; font-weight: normal; color: var(--white); text-align: center; }
.crafting_icon .icon-img { height: 91px; display: flex; justify-content: center; align-items: center; }
.crafting_right { position: relative; }
.crafting_right:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 1px; height: 100%; background: var(--content-color); }
.crafting_right:after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 1px; background: var(--content-color); }
.crafting_right .col-md-4 { border-left: 1px solid #454545; border-top: 1px solid #454545; }
 @media (min-width: 992px) {
.crafting_left { width: 49%; }
.crafting_right { width: 51%; }
}

.why_partnerbg { height: 450px; background: url(../images/aboutbg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.extron_services { background: var(--white); padding: 39px 0; border-radius: 6px; margin-top: -95px; text-align: center; }
.extron_services .title-main { margin: 0 0 14px; }
.extron_services>p { font-size: 14px; line-height: 22px; margin: 0 auto 75px; max-width: 1028px; }
.extron_conntent { height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-left: 1px solid #cfcfcf; }
.extron_services .row :first-child div { border: 0; }
.extron_conntent h5, .extron_conntent .h5 { margin: 26px 0 0 !important; font-size: 14px; font-weight: normal; color: var(--black); }
.extron_conntent .icon-img { height: 83px; display: flex; justify-content: center; align-items: center; }

.discover_design { padding: 92px 0; }
.discover_design .row { align-items: center; }
.discover_design .popup_video_wrap { width: 100%; max-width: 602px; float: right; }
.discover_design .discover_content { width: 100%; max-width: 572px; }
.discover_title h2, .discover_title .h2 { font-size: 50px; color: var(--content-color); text-transform: uppercase; margin: 0 0 10px; line-height: 70px; }
.discover_title h2 strong, .discover_title .h2 strong { font-size: 70px; font-weight: bold; background: linear-gradient(to right, var(--primary-color) 0%, var(--content-color) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.tag-line { color: #5c5c5c; font-size: 25px; margin: 0 0 20px; }
.scroll-content { margin: 0 0 60px; }
.scroll-content p { font-size: 15px; line-height: 25px; color: var(--content-color); margin: 0 0 25px; }
.scroll-content :last-child { margin: 0; }
.discover_content .link-arrow { color: var(--content-color) !important; font-size: 14px; }
.discover_content .link-arrow:after { background: url(../images/black-arrow.png) no-repeat 0 0; top: 2px; }
.no-touch .discover_content .link-arrow:hover { color: var(--content-color) !important; }
.discover_content .link-arrow:before { background-color: var(--primary-color); }
.popup_video_wrap { position: relative; overflow: hidden }
.popup_video_wrap img { position: relative; left: 50%; pointer-events: none; width: 100%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.popup_video_wrap .popup_video { margin: 0; }
.popup_video_wrap .popup_video .popup_video_play { bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 8; }
.popup_video_wrap .popup_video .popup_video_play>* { pointer-events: none; }
.popup_video_wrap .popup_video .popup_video_play span { display: inline-block; background: rgba(10, 143, 66, 0.8) url(../images/videobtn-arrow.png); background-position: center center; background-repeat: no-repeat; display: block; position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; border-radius: 100%; height: 80px; }
.popup_video_wrap .popup_video .popup_video_play span svg { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 36px; height: 44px; transform: translateY(-50%); }
.video_container { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: none; z-index: 9999 }
.video_container .video_close { position: absolute; right: 15px; top: 15px; z-index: 8888; }
.video_container .video_close:before { content: ""; background: url(../images/closeicon.png); width: 16px; height: 16px; display: block; position: absolute; right: 0; top: 0; cursor: pointer; background-size: 100%; background-repeat: no-repeat; }
.video_container .video-main .video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px; background: transparent; }
.video_container .video-main .video iframe { border: none }
.video_container .video-main .video iframe { height: 725px; width: 1290px; }
.video_container .video-main .video span { position: absolute; right: 0; font-size: 14px; height: 20px; width: 20px; text-align: center; line-height: 20px; border-radius: 0; background: #EB1C22; color: var(--white); cursor: pointer; top: 0px }
.project-template-default .cms-content, .page-template-service-listing .cms-content, .page-template-service-listing .innerpage_content { font-size: 0; }
.cms-content-left { display: inline-block; width: 70%; vertical-align: top; padding-right: 50px; }
.cms-content-left p { font-size: var(--content-font-size); }
.cms-content-right { display: inline-block; width: 30%; vertical-align: top; overflow: hidden; border-radius: 5px; }
.project-template-default .cms-content .cms-content-left { font-size: var(--content-font-size); }
.innerpage_content_right { display: inline-block; width: 70%; vertical-align: top; padding-left: 50px; }
.innerpage_content_right p { font-size: var(--content-font-size); }
.innerpage_content_left { display: inline-block; width: 30%; vertical-align: top; overflow: hidden; border-radius: 5px; }
.our_specialize.services .allview_link.text-center { display: inline-block; width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 10px; margin-top: 20px; }
.our_specialize.services .learn_more.load-more { font-size: 16px; font-weight: bold; position: relative; display: inline-block; width: auto; padding: 0 0 0 30px; }
.our_specialize.services .learn_more.load-more:before { position: absolute; content: ""; background: url(../images/loader.svg); width: 20px; height: 100%; display: block; left: 0; top: 0; cursor: pointer; background-size: 100%; background-repeat: no-repeat; }
 @media (max-width:1440px) {
.video_container .video-main .video iframe { height: 578px; width: 1030px; }
}
 @media (max-width:1200px) {
.cms-content-left, .innerpage_content_right { width: 100%; padding: 0; }
.cms-content-right { padding-top: 20px; text-align: center; width: 100%; display: none; }
.innerpage_content_left { padding-bottom: 20px; text-align: center; width: 100%; display: none; }
.main-content .cms-content-right img, .main-content .innerpage_content_left img { width: auto; }
}
@media (max-width:1080px) {
.video_container .video-main .video iframe { height: 528px; width: 940px; }
.innerpage_content { padding: 40px 0; }
}
 @media (max-width:991px) {
.video_container .video-main .video iframe { height: 410px; width: 730px; }
}
 @media (max-width:767px) {
.video_container .video-main .video iframe { height: 305px; width: 540px; }
.popup_video_wrap .popup_video .popup_video_play span { width: 60px; border-radius: 10px; height: 60px; }
.popup_video_wrap .popup_video .popup_video_play span svg { width: 23px; height: 27px; }
}
 @media (max-width:575px) {
.video_container .video-main .video iframe { height: 256px; width: 456px; }
}
 @media (max-width:479px) {
.video_container .video-main .video iframe { height: 166px; width: 296px; }
}

.our_projects { padding: 78px 0 0; }
.our_projects .container { max-width: 1370px; }
.our_projects .container p { text-align: center; margin: 0 0 33px; }
.our_projects .container h3, .our_projects .container .h3 { margin: 0 0 2px; text-align: center; }
.our_projects .row.second { margin-top: 21px; }
.projects_cont { position: relative; overflow: hidden; border-radius: 10px; }
.projects_cont img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.project-name { position: absolute; right: 25px; bottom: 25px; left: 25px; text-align: right; z-index: 1; }
.project-name h5, .project-name .h5 { margin: 0; color: var(--white); font-size: 18px; letter-spacing: 1px; padding-right: 27px; position: relative; display: inline-block; text-align: left; }
.project-name h5:before, .project-name .h5:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 18px; background: url(../images/btn-arrow.svg) no-repeat 0 0; background-size: 100%; }
.col-md-5 .projects_cont { margin-top: 20px; }
.col-md-5 .projects_cont:nth-child(1) { margin-top: 0; }
.projects_cont a { display: block; position: relative; }
.projects_cont a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.2);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.projects_cont a:hover:before { background-color: rgba(10, 143, 66, 0.9); opacity: 1; visibility: visible; }
.projects_cont a:hover img { transform: scale(1.1); }
.projects_cont a:hover h5:before, .projects_cont a:hover .h5:before { right: 5px; }
.seeour_project { margin-top: 60px; text-align: center; }
 @media (min-width: 768px) {
.our_projects .col-md-7 { width: 57%; }
.our_projects .col-md-5 { width: 43%; }
}

.main-content img { max-width: 100%; width: auto; border-radius: 6px; }
.talkour_team { padding: 162px 0 128px; }
.talkour_team .col-md-4>div { border-radius: 10px; overflow: hidden; }
.about-project { position: relative; border-radius: 6px; overflow: hidden; }
.about-project:before { content: ""; background: rgba(44, 44, 44, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.about-project-content { position: absolute; left: 0; right: 0; bottom: 30px; padding: 0 30px; z-index: 2; }
.about-project-content h3,  .talkto_team h3, .about-project-content .h3,  .talkto_team .h3 { font-size: 50px; line-height: 50px; color: var(--white); letter-spacing: 2px; }
.dot:after { content: "."; color: var(--primary-color); }
.link-arrow { font-size: 14px; color: var(--white) !important; padding: 0 0 8px; position: relative; display: inline-block; font-weight: 500; letter-spacing: 0.56px; }
.no-touch .link-arrow:hover { color: var(--white) !important; }
.link-arrow:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--white); }
.link-arrow:after { content: ""; position: absolute; right: -32px; top: 0; width: 20px; height: 18px; background: url(../images/btn-arrow.svg) no-repeat 0 0; background-size: 100%; }
.no-touch .link-arrow:hover:before { width: 0px; opacity: 0; visibility: hidden; color: var(--white); }
.no-touch .link-arrow:hover:after { right: -25px; }
.talkto_team { background: var(--content-color); padding: 40px 35px; height: 100%; border-radius: 6px; overflow: hidden; }
.talkto_team p { font-size: 15px; font-weight: 300; margin: 0 0 20px; color: var(--white); }
.form-main .field-box { margin: 10px 0 0; line-height: 0; }
.form-main .field-box input { padding: 0 15px 0 28px; background-color: #444444; height: 69px; font-weight: 300; color: var(--white); border: 0; font-size: 15px; }
.finput input::placeholder, .form-main .field-box ::placeholder {
 color: var(--white);
}
.form-main .field-box select { background: #444444 url(../images/white-arrow.svg) no-repeat calc(100% - 30px) center; height: 69px; font-weight: 300; color: var(--white); border: 0; background-size: 18px; padding: 0 50px 0 28px; font-size: 15px; }
.form-main .field-box textarea { background-color: #444444; height: 159px; font-weight: 300; color: var(--white); border: 0; padding: 25px 10px 10px 28px; font-size: 15px; }
.form-main .btn-box { margin: 32px 0 0; position: relative; }
.form-main .btn-box .action-btn { width: 100%; max-width: 100%; }
.blog-box { background-color: var(--primary-color); position: relative; height: 100%; border-radius: 6px; overflow: hidden; }
.blogimg img { width: 100%; }
.blog-content { padding: 30px; }
.blog-content p { color: var(--white); height: 65px; overflow: hidden; }
.blog-content h4, .blog-content .h4 { font-size: 24px; color: var(--white); margin-bottom: 20px; height: 87px; overflow: hidden; }

.component_main { margin-top: -104px; background-color: #e4e4e4; border-radius: 10px; position: relative; padding: 10px 28px 10px 36px; height: 220px; display: flex; justify-content: space-between; align-items: center; }
.component-title h3, .component-title .h3 { margin: 0; font-size: 40px; line-height: normal; }
.component-title h3 span, .component-title .h3 span { color: var(--primary-color) }
.component-button { width: 270px; }
.component-img img { position: relative; left: -56px; top: 6px; }
.crafting_content { width: 100%; max-width: 560px; }
.crafting_content h3, .crafting_content .h3 { color: var(--white); }

.footer-main ul { margin: 0; padding: 0; list-style: none; }
.footer-main ul>li::before { display: none; }
.footer-main { width: 100%; display: inline-block; padding: 0; position: relative; background: var(--content-color); color: #bdbdbd; margin: 130px 0 0; content-visibility: visible !important; }
.footer-main p { margin: 0 0 15px; }
.footer-top-content { font-size: 0; margin: 182px 0 0; }
.footer-top-content>div { display: inline-block; vertical-align: top; padding-right: 15px; font-size: 14px; }
.footer-top-content .f-col p { font-size: 14px; font-weight: normal; color: #969696; }
.footer-top-content .f-col.col-left { width: 34.4%; }
.footer-top-content .links { width: 13.8%; }
.footer-top-content .projects { width: 20.6%; }
.footer-top-content .expertise { width: 17.7%; }
.footer-top-content .information { width: 13.5%; padding-right: 0; }
.footer-top-content .f-col.col-left p { margin: 20px 0 30px; max-width: 342px; }
.footer-top-content .col-center>div { width: 50%; display: inline-block; vertical-align: top; }
.footer-top-content h3, .footer-top-content .h3 { font-size: 17px; font-weight: bold; color: #fefefe; position: relative; margin-bottom: 20px; }
.footer-top-content h4, .footer-top-content .h4 { font-size: 17px; font-weight: bold; color: #fefefe; position: relative; margin-bottom: 10px; text-align: left; }
.footer-top-content .accordion-toggle ul li { margin-bottom: 15px; }
.footer-top-content .accordion-toggle ul li a { font-size: 14px; font-weight: normal; color: #969696; display: inline-block; position: relative; }
.no-touch .footer-top-content .accordion-toggle ul li a:hover,  .footer-top-content .accordion-toggle ul li.active a { color: var(--primary-color); font-weight: 500; padding-left: 5px; }
.stay_connect { width: 100%; max-width: 405px; }
.finput { position: relative; }
.finput input { width: 100%; background: #414141; height: 63px; font-size: 15px; font-weight: 300; border: 0; color: var(--white); padding: 0 70px 0 22px; }
.finput .submit-btn { width: 63px; height: 63px; position: absolute; right: 0; top: 0; z-index: 1; border: 0; border-radius: 0 6px 6px 0; background-color: transparent; padding: 0; }
.finput .submit-btn svg { width: 17px; }
.finput .submit-btn svg polygon { fill: var(--primary-color); }
.footer-top-content .information .accordion-toggle { font-size: 18px; color: var(--white); font-weight: 300; }
.footer-top-content .information .accordion-toggle>div { margin-bottom: 20px; }
.footer-top-content .information .accordion-toggle a { color: #969696; word-break: break-all; }
.no-touch .footer-top-content .contact-us .accordion-toggle a:hover { color: var(--primary-color); }
.footer_bottom_main { border-top: 1px solid #414141; padding: 74px 0 40px; margin-top: 50px; }
.fbottom_content { display: flex; justify-content: space-between; align-items: center; }
.ftblink-left p { margin: 0; }
.ftblink-left p a { color: #969696; font-weight: normal; font-size: 14px; display: inline-block; margin: 0 0 0 22px; }
.ftblink-left p a:first-child { margin: 0; }
.footer_bottom_main .social-link ul li { display: inline-block; vertical-align: top; margin: 0 8px 0 0; }
.footer_bottom_main .social-link ul li:last-child { margin: 0; }
.footer_bottom_main .social-link ul li a { width: 39px; height: 39px; line-height: 45px; display: inline-flex; border: 1px solid #737373; justify-content: center; align-items: center; border-radius: 6px; }
.footer_bottom_main .social-link ul li.social-facebook a svg { width: 8px; height: 16px; }
.footer_bottom_main .social-link ul li.social-instagram a svg { width: 16px; height: 16px; }
.footer_bottom_main .social-link ul li.social-linkedin a svg { width: 17px; height: 17px; }
.footer_bottom_main .social-link ul li a svg { display: inline-block; vertical-align: middle; transition: .8s; }
.no-touch .footer_bottom_main .social-link ul li a:hover { border: 1px solid var(--white); background-color: var(--white); }
.page-template-blog-page .blog-box { background-color: #e4e4e4; }
.page-template-blog-page .blog-content h4, .page-template-blog-page .blog-content .h4 { color: var(--content-color); height: 80px; font-size: 22px; }
.page-template-blog-page .blog-content p { color: var(--content-color); }
.page-template-blog-page .link-arrow { color: var(--content-color) !important; }
.page-template-blog-page .link-arrow:hover { color: var(--content-color) !important; }
.page-template-blog-page .link-arrow:before { background-color: var(--content-color); height: 1px; }
.page-template-blog-page .link-arrow:after { background: url(../images/btn-arrow-blank.svg) no-repeat 0 0; background-size: cover; }
 @media (max-width:1366px) {
.footer_bottom_main { padding: 30px 0; margin-top: 30px; }
.footer-top-content { margin: 50px 0 0; }
}
@media (max-width:1023px) {
.footer-top-content .f-col h3:after, .footer-top-content .f-col h3:before, .footer-top-content .f-col .h3:after, .footer-top-content .f-col .h3:before{ transition: none !important; }
.footer-main { padding: 30px 0 0; }
.accordion-toggle { display: none; padding: 20px 0; }
.footer-top-content h3, .footer-top-content .h3 { font-size: 20px; position: relative; margin: -1px 0 0 !important; padding: 15px 0; border-top: solid 1px #414141; border-bottom: solid 1px #414141; }
.footer-top-content .f-col h3:before, .footer-top-content .f-col .h3:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 2px; background: #fff; pointer-events: none; }
.footer-top-content .f-col h3:after, .footer-top-content .f-col .h3:after { content: ''; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); width: 2px; height: 16px; background: #fff; pointer-events: none; }
.footer-top-content .f-col.active h3:after, .footer-top-content .f-col.active .h3:after { opacity: 0; }
.footer-main .footer-top-content>div,  .footer-top-content .f-col.col-left { width: 100%; padding: 0; }
.footer-top-content .f-col.col-left {margin: 0 0 30px; }
.stay_connect { max-width: 100%; }
.footer-top-content .accordion-toggle ul li { margin: 15px 0; }
.footer-top-content .f-col.col-left .f-logo,  .footer-top-content .f-col.col-left p { margin: 15px 0; text-align: center; display: none; }
.footer-top-content .social-link { margin-bottom: 20px; }
.footer-top-content .contact-us .accordion-toggle>div { margin: 15px 0; }
.footer-border-top { margin: 25px auto 15px; }
.footer-top-content .f-col .f-logo { margin-bottom: 10px; }
.footer-border-top .grey-color { display: none; }
}
 @media (max-width:767px) {
.fbottom_content { display: block; text-align: center; }
.fbottom_content .ftblink-left { margin: 0 0 15px; }
.fbottom_content .copyright_main { margin: 0 0 15px; }
.footer_bottom_main { padding: 15px 0; margin-top: 0; }
.footer-top-content .information h3, .footer-top-content .information .h3 { border-bottom: 0; }
.finput input[type="text"] { height: 50px; padding: 0 70px 0 22px; }
.finput .submit-btn {}
.form-main .btn-box { margin: 15px 0 0; }
}

.innerbaner { height: 400px; background: url(../images/banner-bg.png) no-repeat center center; background-size: cover; border-radius: 0 0 130px 130px; overflow: hidden; padding-top: 130px; margin: 0 0 60px; }
.innerbaner .page-title { font-size: 50px; color: var(--white); line-height: 50px; text-align: center; margin: 0 0 20px; display: block; }
.innerbaner .breadcrumb { justify-content: center; list-style: none; }
.innerbaner .breadcrumb li { list-style: none; color: var(--white); margin: 0; padding: 0; }
.innerbaner .breadcrumb li a { color: var(--white); }
.innerbaner .breadcrumb li a:hover { color: var(--content-color) !important; }
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: var(--white); content: "/"; }
.innerbaner .container { height: 100%; }
.innerbaner .row { height: 100%; align-items: center; }

.site-content { padding: 0 0 40px; }
.cms-content p:last-child { margin: 0; }
.cms-content strong { font-weight: bold; }
.img-content { margin-top: 50px; }
.img-content .img-box { border-radius: 10px; overflow: hidden; }
.talkour_team.inner { padding-top: 60px; }
.discover_design.aboutus .discover_content { max-width: 100%; }
.our_specialize.services { padding: 0 0 60px; }
.blog_list { padding: 0 0 100px; }
.blog_list .row > div { margin: 0 0 25px; }
.blog_list .pagination { justify-content: center; margin: 0; }
.blog_list nav { margin: 30px 0 0; }
.blog_list nav li { list-style: none; }
.blog_list nav li:before { display: none; }
.blog_list .page-link { padding: 10px 15px; color: var(--content-color); font-weight: bold; }
.blog_list .page-link:hover { z-index: 2; color: var(--white) !important; background-color: var(--primary-color); border-color: var(--primary-color); }
.blog_list .blog-content { padding: 20px 15px; }
.blogimg { overflow: hidden; }
.blogimg img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.no-touch .blog-box:hover .blogimg img { transform: scale(1.2); }
.left_contact-icon {margin: 0; font-size: 0; }
.left_contact-icon svg { width: 30px; height: 30px; }
.left_contact-icon svg path { fill: var(--primary-color); }
.left_contact-icon p { font-size: 16px; font-weight: 500; position: relative; padding-left: 45px; }
.left_contact-icon span { display: inline-block; width: 50%; vertical-align: top; }
.left_contact-icon p>span { position: absolute; left: 0; top: 50%; transform: translateY(-50%);width: auto; }
.left_contact-icon .contact_number {margin-top: 30px;}
.map-contact { display: block; overflow: hidden; margin-top: 50px; }
.map-contact iframe { border: 0; display: block; width: 100% !important; }
.our_specialize.services .blog_list { padding: 0; }
.our_specialize.projects { padding: 0; }
.discover_design.aboutus { padding: 0 0 50px; }
.innerpage_content .container :last-child { margin: 0; }
.innerpage_content { margin: 0 0 60px; }
.innerpage_content p a { color: var(--primary-color); }
.innerpage_content { padding: 70px 0; background: var(--content-color); color: var(--white); }
.innerpage_content .innerpage_content h1, .innerpage_content .h1, .innerpage_content h2, .innerpage_content .h2, .innerpage_content h3, .innerpage_content .h3, .innerpage_content h4, .innerpage_content .h4, .innerpage_content h5, .innerpage_content .h5, .innerpage_content h6, .innerpage_content .h6 { color: var(--white); }
.innerpage_content p { color: var(--white); }

.main-content .innerpage_content ul { padding: 0; }
.main-content .innerpage_content ul>li { padding-left: 20px; }
.main-content .innerpage_content ul>li::before { left: 0; top: 6px; }
.wpcf7 form.spam .wpcf7-response-output { color: #f56e28; }
.privacy-policy h5, .privacy-policy .h5 { margin-top: 50px !important; margin-bottom: 10px; }
.wp-block-heading h2, .wp-block-heading .h2 { margin-top: 10px !important; margin-bottom: 10px; }
.wp-block-heading h3, .wp-block-heading h4, .wp-block-heading h5,
.wp-block-heading .h3, .wp-block-heading .h4, .wp-block-heading .h5{ margin-top: 30px !important; margin-bottom: 10px; }

@media (max-width:1300px) {
header { padding: 10px 0 0; }
.talkour_team { padding: 50px 0; }
.seeour_project { margin-top: 50px; }
.seeour_expertise { margin: 50px 0 0; }
.our_specialize { padding: 50px 0; }
.crafting_main { padding: 50px 0; }
.discover_design { padding: 50px 0; }
.our_projects { padding: 50px 0 0; }
.component_main { padding: 25px;}
.component-title h3, .component-title .h3 { font-size: 26px; }
.component-img img { max-width: 300px; left: -30px; top: 0; }
.banner_main { height: auto; padding: 100px 0 0px !important;border-radius: 0 0 50px 50px; }
.innerbaner { height: auto; padding: 100px 0 50px !important; border-radius: 0 0 30px 30px; }
.banner_content_left h2, .banner_content_left .h2 { font-size: 50px; }
.banner_content_left h3, .banner_content_left .h3 { font-size: 24px; }
.banner_content_left p { font-size: 16px; }
.title-main { font-size: 40px; }
.innerbaner .page-title { font-size: 40px; }
}
 @media (max-width:1200px) {
.about-project-content { padding: 0 20px; }
.about-project-content h3,  .talkto_team h3, .about-project-content .h3,  .talkto_team .h3 { font-size: 30px; line-height: 30px; }
.talkto_team { padding: 20px; }
.component-img img { max-width: 300px; left: -30px; }
.discover_title h2, .discover_title .h2 { font-size: 30px; line-height: 50px; }
.discover_title h2 strong, .discover_title .h2 strong { display: block; font-size: 50px; }
.tag-line { font-size: 20px; }
.scroll-content { margin: 0 0 30px; }
}
@media (min-width:640px) and (max-width:991px) {
.talkour_team .row > div:nth-child(1), .talkour_team .row > div:nth-child(2) { width: 50%; margin-bottom: 20px; }
.talkour_team .about-project, .talkour_team .about-project { height: 100%; }
.talkour_team .about-project-img img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: auto; height: auto; max-width: 100%; min-height: 100%; object-fit: cover; transform: translateY(-50%); }
.talkour_team .blog-box { font-size: 0; background-color: transparent; display: flex; vertical-align: middle; flex-wrap: wrap; }
.talkour_team .blog-box .blogimg { width: 40%; display: inline-block; vertical-align: middle; }
.talkour_team .blog-box .blog-content { width: 60%; display: inline-block; vertical-align: middle; font-size: var(--content-font-size); background-color: var(--primary-color); }
}
 @media (max-width:1180px) {
.our_specialize, .crafting_main, .extron_services, .discover_design, .our_projects, .talkour_team { padding: 30px 0 }
.our_specialize .container>p { margin: 0 0 30px; }
.seeour_expertise { margin: 30px 0 0; }
.title-main { font-size: 36px; }
.crafting_content p { margin-bottom: 50px; }
.extron_conntent h5, .extron_conntent .h5 { margin: 20px 0 0 !important }
.extron_services>p { margin: 0 auto 50px; }
.discover_title h2 strong, .discover_title .h2 strong { display: inline-block; }
.footer_bottom_main { padding: 15px 0; }
.project-name h5, .project-name .h5 { font-size: 16px; }
}
@media (max-width:1080px) {
.enquire_now { padding-right: 48px; }
.title-main { font-size: 36px; }
.extron_services { padding: 25px 0; }
.extron_services .title-main { margin-bottom: 4px; }
.extron_services>p { padding: 10px; margin: 0 auto 30px; }
.extron_conntent h5, .extron_conntent .h5 { margin: 15px 0 0 !important }
.our_specialize, .discover_design, .talkour_team { padding: 25px 0 }
.our_projects .container p { margin: 0 0 25px }
.seeour_project { margin-top: 25px; }
.our_specialize .container>p { margin: 0 0 40px; }
}
 @media (max-width:1023px) {
.discover_title h2, .discover_title .h2 { font-size: 26px; }
.component_main { height: 100px; }
.component-img { display: none; }
.our_specialize .container>p { margin: 0 0 30px; }
.seeour_expertise { margin: 30px 0 0; }
.banner_content_left h2, .banner_content_left .h2 { font-size: 30px; line-height: 32px; }
.banner_content_left h3, .banner_content_left .h3 { font-size: 20px; }
.banner_content_left p { font-size: 14px; }
.see_ourprojects { width: 200px; height: 40px; }
.about-project-content h3, .talkto_team h3, .about-project-content .h3, .talkto_team .h3 { font-size: 24px; line-height: 1.2; }
.blog-content h4, .blog-content .h4 { font-size: 20px; height: 70px; }
}
 @media (max-width:991px) {
.blog-content h4, .blog-content .h4 { font-size: 18px; }
.crafting_content { max-width: 100%; text-align: center; margin: 0 0 40px; }
.crafting_content h3, .crafting_content .h3 { font-size: 30px; }
.crafting_content p { margin: 0 0 30px; }
.extron_services .row :nth-child(3) div { border: 0; }
.about-project { margin: 0 0 20px; }
.talkto_team { margin: 0 0 20px;}
.blog_list { padding-bottom: 0; }
.contact_detail { margin-bottom: 50px; }
.left_contact-icon { margin: 50px 0 20px 0 !important; }
.map-contact { margin: 0 !important; }
.privacy-policy h5,  .wp-block-heading h4,  .wp-block-heading h5,
.privacy-policy .h5,  .wp-block-heading .h4,  .wp-block-heading .h5{ margin-top: 30px !important; }
}
 @media (max-width:767px) {
.left_contact-icon { margin: 30px 0 10px 0 !important; }
.enquire_now .call-btn { width: 40px; height: 40px; }
header .navbar-toggler { width: 40px; height: 40px; }
header a.logobox img { max-width: 100px; }
.title-main { font-size: 26px; }
.innerbaner .page-title { font-size: 30px; }
.crafting_content h3, .crafting_content .h3 { font-size: 26px; }
.about-project-content h3,  .talkto_team h3, .about-project-content .h3,  .talkto_team .h3 { font-size: 20px; }
.discover_design .discover_content { max-width: 100%; margin: 0 0 30px; }
.discover_design .popup_video_wrap { float: none; max-width: 100%; }
.component_main { display: block; height: auto; text-align: center; }
.footer-top-content { margin: 30px 0 0; }
.component-title { margin: 0 0 15px; }
.component-button { margin: 0 auto; width: 100%; }
.action-btn { max-width: 100%; }
.component-title h3, .component-title .h3 { font-size: 20px; display: inline-block; padding-right: 10px; }
.why_partnerbg { height: 250px; }
.our_projects .row.second { margin-top: 0; }
.projects_cont { margin-top: 15px; }
.col-md-5 .projects_cont:nth-child(1) { margin-top: 15px; }
.our_projects .container p { margin: 0 0 20px; }
.discover_design { padding: 0; }
.our_specialize { padding: 30px 0; }
.crafting_main { padding: 30px 0; }

.seeour_project { margin-top: 30px; }
.enquire_now .enquirenow-btn { display: none; }
.blog-content { padding: 20px; }
.extron_services .col-6 { margin: 20px 0 0; }
.extron_services .col-6:nth-child(1),  .extron_services .col-6:nth-child(2) { margin-top: 0; }
.banner_main { padding: 80px 0 0 !important; border-radius: 0 0 30px 30px; }
.banner_content_left h3, .banner_content_left .h3 { font-size: 18px; }
.banner_content_left p { display: none; }
.innerbaner { margin: 0 0 30px; }
.innerbaner .page-title { font-size: 26px; }
.talkour_team.inner { padding: 30px 0 0px 0; }
.site-content { padding: 0; }
.img-content { margin-top: 30px; }
.img-content>div { margin: 15px 0; }
.map-contact { margin: 0; }
.map-contact iframe { height: 250px; }
.discover_design.aboutus .popup_video_wrap { margin: 0 0 30px; }
.proficiency-content h5, .proficiency-content .h5 { font-size: 16px; height: 40px; }
.proficiency_grid .proficiency-content { padding: 15px; }
}
 @media (max-width:577px) {
.banner_content_left { text-align: center; margin: 0 0 20px; }
.left_contact-icon p { width: 100%; }
.footer-main { margin: 84px 0 0; }
.left_contact-icon span { width: 100%; }
}

@media (min-width:992px) {
.about-project, .about-project-img { height: 100%; }
.about-project-img img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: auto; height: auto; max-width: 100%; min-height: 100%; object-fit: cover; transform: translateY(-50%); }
}










/* 10/4/2024 */

.discover_design .popup_video_wrap .popup_video .popup_video_play {display: none;}
.header_logo_40 {width: 100px;height: 100px;display: inline-block;}
.header_logo_40 img {display: block;width: 100%;height: 100%;object-fit: contain;}
.banner_content_right {display: flex;height: 100%;align-items: center;justify-content: center;}
.no-touch .banner_content_right img {right: 0;height: 400px;width: auto;object-fit: contain;}
.banner_main{height: 900px;}




.years_logo {background: url(https://www.extrondesign.com.au/wp-content/uploads/2024/04/footer-award-img1.png)no-repeat center;background-size: contain;width: 125px;height: 125px;}
header::before {content: '';position: absolute;right: 0px;top: 0px;background: url(https://www.extrondesign.com.au/wp-content/uploads/2024/04/footer-award-img1.png)no-repeat center #0c9144;width: 125px;height: 125px;background-size: calc(100% - 15px);padding: 10px;border-radius:5px;display: none;}



























.animal_deterrent_img {
    height: 100%;
    display: block;
}

.animal_deterrent_img img {
    height: 100%;
    object-fit: cover;
}

.animal_deterrent_content {
    padding-right: 50px;
}

.animal_deterrent_content h2 {
    margin-bottom: 25px;
    margin-top: 0px;
}

.animal_deterrent_page .row:nth-child(even) {
    margin-bottom: 0px;
}

.animal_deterrent_page .row:nth-child(even) .animal_deterrent_content {
    padding-right: 0px;
    padding-left: 50px;
}

.animal_deterrent_page .row {
    margin-bottom: 60px;
}

.animal_deterrent_page .row:last-child {
    margin-bottom: 0px;
}

.postid-23 .site-content {
    padding-bottom: 0px;
}

.animal_deterrent_page .animal_deterrent_content span {
    display: inline-block;
    width: 300px;
    height: auto;
}

.animal_deterrent_page .animal_deterrent_content span img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.accordion-header button.accordion-button {
    color: var(--content-color);
    font-weight: 700;
    font-size: 1.5rem;
    padding: 20px 0px;
}

.acco_box .accordion-item {
    margin-bottom: 30px;
}

.acco_box .accordion-button:not(.collapsed),.accordion-button:focus {
    color: unset;
    background-color: unset;
    box-shadow: unset;
}
.acco_box .accordion-body p {margin-bottom: 0px;line-height: 30px;}











@media (max-width:1280px) {
    .header::before {display: none;}
    .banner_main {height: auto;}
    
}


@media (max-width:991px) {
.accordion-header button.accordion-button {font-size: 17px;padding-right: 30px;line-height: 25px;}
.accordion-header button.accordion-button:after {position: absolute;right: 0;}
.accordion-item:last-child {margin-bottom: 0px;}


}


@media (max-width:991px) {
    .banner_main {height: auto;}
    
.animal_deterrent_content {padding-right: 0px;margin-bottom: 30px;}
.animal_deterrent_page .row:nth-child(2n) {flex-direction: column-reverse;}
.animal_deterrent_page .row:nth-child(2n) .animal_deterrent_content {padding: 0px;}
.animal_deterrent_page .row {margin-bottom: 0px;}
}

















/*17_9_2024*/
.recd_top_box {display: flex;flex-wrap: wrap;}
.recd_top_box .rcd_left_img {width: 25%;}
.recd_top_box .rcd_left_img img {width: 100%;object-fit: cover;}
.recd_top_box .rcd_left_content {width: 75%;padding-left: 22.50px;}
.recd_top_box .rcd_left_content span.rcd_measure_safe {display: inline-block;width: 500px;margin-top: 10px;}
.recd_top_box .rcd_left_content span.rcd_measure_safe img {width: 100%;object-fit: contain;}

.crafting_main.rcd_crafting_section .icon-img img {width: 70px;height: 70px;object-fit: contain;}
.recd_top_section {padding-bottom: 60px;}
.rcd_safety_right {
    display: block;
    width: 100%;
}

.rcd_safety_right ul {
    display: flex;
    padding: 0px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 25px 0px;
}

.rcd_safety_right li::before {
    display: none;
}

.rcd_safety_right ul li {margin-bottom: 0px;display: flex;width: 33.33%;align-items: center;}


.rcd_safety_right ul li span {
    text-align: left;
}

.rcd_safety_right ul li picture {
    width: 90px;
    height: 90px;
}

.rcd_safety_right ul li span {
    width: calc(100% - 90px);
    padding: 0px 15px;
    color: #0a8f42;
    font-weight: 600;
}

.rcd_safety_right ul li picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.rcd_safety_left {display: block;width: 100%;}
.rcd_safety_section {padding-top: 60px;}
.new_rcd_center_img {display: flex;justify-content: flex-start;margin: 30px 0px;max-width: 500px;}





.testimonial_slider .scroll-content{max-height: 300px;height: 300px;}



.new_hiring_left {
    display: block;
    width: 100%;
    text-align: center;
}

.new_hiring_left p {
    max-width: 950px;
    margin: 0 auto;
}






.hiring_key_left {
    height: 100%;
    display: block;
    width: 100%;
}

.hiring_key_left img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.hiring_key_right ul:last-child {
    margin-bottom: 0px;
}

section.new_hring_keys {
    padding: 74px 0 67px;
    background: var(--content-color);margin-bottom: 60px;
}

.hiring_key_right {
    display: block;
    width: 100%;
}

.hiring_key_right h3 {
    color: #fff;
}

.hiring_key_right ul {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.hiring_key_right ul li {
    color: #fff;
    margin-bottom: 15px;
}


.new_hiring_section {
    padding-bottom: 70px;
}
.hiring_choose_section {}

.hiring_choose_box {
    background-color: var(--primary-color);
    padding: 30px 50px;
    border-radius: 6px;
}

.hiring_choose_box h3 {
    color: #fff;
}

.hiring_choose_box ul li,.hiring_choose_box p {
    color: #fff;
}

.hiring_choose_box p a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

.hiring_choose_box ul li::before {
    background-color: #fff;
}

.hiring_choose_box p {
    margin-bottom: 0px;
}


.footer-signature a {color:#fff;}

@media (max-width:991px) {


.recd_top_box .rcd_left_img {width: 100%;margin-bottom: 30px;}
.recd_top_box .rcd_left_content {width: 100%;padding-left: 0px;}
.recd_top_box .rcd_left_content p, .recd_top_box .rcd_left_content ul li,.rcd_safety_right p {font-size: 14px;line-height: 25px;}
.new_rcd_center_img {max-width: 100%;margin-bottom: 0px;}
.recd_top_section {padding-bottom: 30px;}
.rcd_safety_section {padding-top: 30px;}
.rcd_safety_section .rcd_safety_left {margin-bottom: 25px;}
.rcd_safety_right ul {flex-wrap: wrap;margin-bottom: 0px;}
.rcd_safety_right ul li {width: 100%;margin-bottom: 15px;}
.rcd_safety_right ul li picture {width: 50px;height: 50px;}
.rcd_safety_right ul li span {width: calc(100% - 50px);}
.rcd_safety_right ul li:last-child {margin-bottom: 0px;}
.testimonial_slider .scroll-content{max-height: 385px;height: unset;}

}









/*13/5/2026*/


    /* ─────────────────────────────────────────
       CARD WRAPPER
    ───────────────────────────────────────── */
    .catalogue-card {
      background: #ffffff;
      border: 1px solid #d4d4d4;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
      width: 100%;
      max-width: 1060px;
    }

    /* ─────────────────────────────────────────
       TABLE
    ───────────────────────────────────────── */
    .product-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    /* ─────────────────────────────────────────
       COLGROUP – fixed column widths
    ───────────────────────────────────────── */
    .product-table col.col-image            { width: 80px;  }
    .product-table col.col-family-part      { width: 230px; }
    .product-table col.col-part-number      { width: 250px; }
    .product-table col.col-description      { width: 500px;  }
    .product-table col.col-supplier         { width: 150px; }
    .product-table col.col-qty              { width: 150px; }
    .product-table col.col-date-code        { width: 150px; }

    /* ─────────────────────────────────────────
       THEAD
    ───────────────────────────────────────── */
    .product-table thead tr {
      background-color: #f5f5f5;
    }

.product-table thead th {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #2C2C2C;
    border-bottom: 1.5px solid #d4d4d4;
    border-right: 1px solid #e0e0e0;
    white-space: nowrap;
    vertical-align: middle;
}

    .product-table thead th:last-child {
      border-right: none;
    }

    /* TH padding – per column */
    .product-table thead th.col-image        { padding: 13px 10px 13px 16px; text-align: left;   }
    .product-table thead th.col-family-part  { padding: 30px 16px;           text-align: left;   }
    .product-table thead th.col-part-number  { padding: 30px 16px;           text-align: left;   }
    .product-table thead th.col-description  { padding: 30px 18px;           text-align: left;   }
    .product-table thead th.col-supplier     { padding: 30px 16px;           text-align: center;   }
    .product-table thead th.col-qty          { padding: 30px 16px;           text-align: center; }
    .product-table thead th.col-date-code    { padding: 30px 16px;           text-align: center; }

    /* ─────────────────────────────────────────
       TBODY – row rules
    ───────────────────────────────────────── */
    .product-table tbody tr {
      border-bottom: 1px solid #e8e8e8;
      transition: background-color 0.13s ease;
    }

    .product-table tbody tr:last-child {
      border-bottom: none;
    }

    .product-table tbody tr:hover {
      background-color: #f1faf5;
      cursor: pointer;
    }

    /* Highlighted row (even / highlight-row) */
    .product-table tbody tr.row-highlight {
      background-color: #eaf6ef;
    }

    .product-table tbody tr.row-highlight:hover {
      background-color: #dff2e8;
    }

    /* ─────────────────────────────────────────
       TD – shared rules
    ───────────────────────────────────────── */
    .product-table tbody td {
      vertical-align: middle;
      border-right: 1px solid #ebebeb;
      overflow: hidden;
    }

    .product-table tbody td:last-child {
      border-right: none;
    }

    /* ─────────────────────────────────────────
       TD – unique class per column
    ───────────────────────────────────────── */

    /* Column 1 : IMAGE */
    .product-table td.col-image {
      padding: 9px 10px 9px 14px;
      text-align: left;
    }

    /* Column 2 : FAMILY PART NUMBER */
    .product-table td.col-family-part {
      padding: 30px 16px;
      font-size: 15px;
      font-weight: 400;
      color: #2C2C2C;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    /* Column 3 : PART NUMBER */
    .product-table td.col-part-number {
      padding: 30px 16px;
      font-size: 15px;
      font-weight: 400;
      color: #2C2C2C;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    /* Column 4 : DESCRIPTION */
    .product-table td.col-description {
      padding: 30px 18px;
      font-size: 13px;
      font-weight: 400;
      color: #2C2C2C;
      line-height: 1.52;
    }

    /* Column 5 : SUPPLIER */
    .product-table td.col-supplier {
      padding: 30px 16px;
      font-size: 15px;
      font-weight: 400;
      color: #34a869;
      white-space: nowrap;
      text-overflow: ellipsis;
        text-align: center;
    }

    /* Column 6 : QTY */
    .product-table td.col-qty {
      padding: 30px 16px;
      font-size: 15px;
      font-weight: 400;
      color: #2C2C2C;
      text-align: center;
      white-space: nowrap;
    }

    /* Column 7 : DATE CODE */
    .product-table td.col-date-code {
      padding: 30px 16px;
      font-size: 15px;
      font-weight: 400;
      color: #2C2C2C;
      text-align: center;
      white-space: nowrap;
    }

    /* ─────────────────────────────────────────
       PRODUCT IMAGE THUMBNAIL
    ───────────────────────────────────────── */
    .thumb {
      width: 55px;
      height: 55px;
      border-radius: 5px;
      border: 1px solid #dcdcdc;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 0.03em;
      color: #ffffff;
      overflow: hidden;
    }

    .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
      display: block;
    }

    /* empty image placeholder */
    .thumb-empty {
      width: 46px;
      height: 46px;
      border-radius: 5px;
      border: 1px solid #e8e8e8;
      background: #f7f7f7;
    }

    /* ─────────────────────────────────────────
       FOOTER
    ───────────────────────────────────────── */
    .table-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 20px;
      border-top: 1px solid #d4d4d4;
      background: #ffffff;
    }

    .showing-text {
    font-size: 14px;
    color: #2C2C2C;
    font-weight: 400;
}

    /* ─────────────────────────────────────────
       PAGINATION
    ───────────────────────────────────────── */
    .pagination {
      display: flex;
      gap: 10px;
      align-items: center;
    }

.pagination button {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 11px;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    background: #F5F5F5;
    color: #2C2C2C;
    cursor: pointer;
    line-height: 1.4;
    transition: background 0.13s, border-color 0.13s, color 0.13s;
}

    .pagination button:hover:not(:disabled) {
      background: #f3f3f3;
      border-color: #b5b5b5;
    }

    .pagination button.pg-active {
    background: #1A7A4A;
    color: #ffffff;
    border-color: #1A7A4A;
    font-weight: 600;
}

    .pagination button:disabled {
      opacity: 0.36;
      cursor: not-allowed;
    }
    
    
    
    
    .product-catalogue-table-box .catalogue-card {max-width: 100%;width: 100%;}
    .product-catalogue-table-section {padding-bottom: 135px;}
    
    .product-table .no-search-found {padding: 15px;}
    
    
    
    
    
    
    
    
.product_part_inner_left_box {display: flex;flex-wrap: wrap;}
.product_part_inner_left_box .product_part_inner_left_box_img {width: 450px;}
.product_part_inner_left_box .product_part_inner_left_box_img img {width: 100%;height: 450px;object-fit: cover;border-radius: 20px;}
.product_part_inner_left_box .product_part_inner_left_box_content {width: calc(100% - 450px);padding-left: 40px;padding-right: 30px;}
.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_content_title {font-size: 40px;font-weight: 700;color: #2C2C2C;margin-bottom: 20px;}
.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl {width: 100%;display: block;font-size: 18px;margin-bottom: 25px;}
.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl .product_part_inner_left_box_detail_cnt {font-weight: 700;margin-right: 5px;}
.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl p {width: 100%;display: block;line-height: 25px;font-size: 15px;}





.product_part_inner_right_box {
    background-color: #F5F5F5;
    padding: 40px;
    border-radius: 10px;
}

.product_part_inner_right_box .product_part_inner_right_box_title {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
}

.product_part_inner_section {
    padding-bottom: 135px;
}


.product_part_inner_right_box_form .form-main .field-box input {
    border: 1px solid #D9D9D9;
    background-color: #ffffff;
    height: 50px;
    padding: 0px 20px;color: #000;
}

.product_part_inner_right_box_form .form-main .field-box {
    margin-bottom: 20px;
}

.product_part_inner_right_box_form .form-main .field-box input::placeholder {
    color: rgb(0 0 0 / 50%);
    opacity: 1;
}

.product_part_inner_right_box_form .form-main .field-box textarea {
    height: 100px;
    border: 1px solid #D9D9D9;
    background-color: #ffffff;
    padding: 20px 20px;color: #000;
}

.product_part_inner_right_box_form .form-main .field-box textarea::placeholder {    color: rgb(0 0 0 / 50%);
        opacity: 1;}

.product_part_inner_right_box .btn-box {
    text-align: center;
}

.product_part_inner_right_box .btn-box .action-btn {
    height: 56px;
    text-transform: uppercase;
    max-width: 200px;
}














.electronic_components_img {
    width: 100%;
}

.electronic_components_img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
}

.electronic_components_section {
    padding-bottom: 80px;
}

.electronic_components_section .row {
    align-items: center;
}

.electronic_components_content {
    padding-left: 50px;
}

.electronic_components_content h2 {
    margin-bottom: 25px;
}

.sealed_date_section {
    padding: 80px 0px;
    background-color: #e4e4e4;
}

.sealed_date_section .sealed_date_content {
    text-align: center;
}

.sealed_date_section .sealed_date_content h2 {
    margin-bottom: 25px;
}



.why_electronic_components_section {
    background-color: #2c2c2c;
    padding: 80px 0px;
    padding-bottom: 50px;
}

.why_electronic_components_points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.why_electronic_components_points .why_electronic_components_points_content {
    width: calc(25% - 24px);
    margin: 0px 12px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #625f5f;
    padding: 50px 20px;
}

.why_electronic_components_points .why_electronic_components_points_content .why_electronic_components_points_icon {
    max-width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.why_electronic_components_points .why_electronic_components_points_content .why_electronic_components_points_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.why_electronic_components_points_cnt p {
    color: #fff;
    max-width: 345px;
    margin: 0 auto;
}

.why_electronic_components_heading {
    text-align: center;
    margin-bottom: 50px;
}

.why_electronic_components_heading h2 {
    color: #fff;
    margin-bottom: 20px;
}

.why_electronic_components_heading h2+p {
    color: #fff;
}





.electronic_Source_section {
    padding: 80px 0px;
    padding-bottom: 135px;
}

.electronic_Source_section .row {
    align-items: center;
}

.electronic_Source_section .row .electronic_Source_content {
    padding-right: 50px;
}

.electronic_Source_section .row .electronic_Source_content h2 {
    margin-bottom: 25px;
}

.electronic_Source_img {
    width: 100%;
}

.electronic_Source_img img {
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
}




.parts-search-wrap {
    padding: 80px 0px;
    padding-bottom: 50px;
}

.product-catalogue-heading {
    text-align: center;
}

.product-catalogue-heading h2 {
    margin-bottom: 25px;
}

.product-catalogue-heading h2+p {
    margin-bottom: 30px;
}

.search-field-box {
    padding: 30px 25px;
    border-radius: 10px;
    background: #F5F5F5;
    box-shadow: 0 3px 15px 0 rgba(26, 122, 74, 0.15);
    max-width: 1060px;
    margin: 0 auto;
}

.search-field-box .search-field {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #1A7A4A;
    border-radius: 5px;
}

.search-field-box .search-field input#parts-search {
    border: 0;
    height: 50px;
    width: 100%;color: #2c2c2c;
}

.search-field-box .search-field input#parts-search::placeholder {
    color: rgb(26 122 74 / 50%);
}

.search-field-box .search-field svg {
    background-color: #1A7A4A;
    width: 70px;
    height: 50px;
    padding: 10px;
    border-radius: 0px;
    color: #fff;
}

.search-field-box .search-field button#clear-search {
    border: 0;
    background-color: transparent;
    color: #1a7a4a;
    font-size: 32px;
    font-weight: 300;
    margin-right: 5px;
}



.table-footer a.page-numbers {
    border: 1px solid #D8D8D8;
    background-color: #F5F5F5;
    padding: 5px 10px;
    color: #2C2C2C;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    transition: 0.7s;
}

.table-footer a.page-numbers:hover {
    background-color: #0a8f42;
    color: #fff !important;
    border-color: #0a8f42;
}

.table-footer span.page-numbers.current {
    border: 1px solid #0a8f42;
    background-color: #0a8f42;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    transition: 0.7s;
}



.why_electronic_components_bottom {
    text-align: center;
}

.why_electronic_components_bottom p {
    color: #fff;
}

.why_electronic_components_bottom p a {
    color: #0a8f42;
    font-weight: 500;
}


.page-template-parts p a {
    color: #0a8f42;
    font-weight: 600;
}





















































 @media (max-width:575px) {
.product-catalogue-table-box .catalogue-card {overflow: unset;}
.product-catalogue-table-box .catalogue-card table.product-table.table-responsive {width: 100%;display: block;}
.electronic_components_content {
    padding: 0px;
    margin-top: 40px;
}

.electronic_components_section {
    padding-bottom: 30px;
}

.sealed_date_section {
    padding: 40px 0px;
}

.parts-search-wrap {
    padding: 40px 0px;
}

.sealed_date_section .sealed_date_content {text-align: left;}

.page-template-parts p {
    font-size: 14px;
    line-height: 22px;
}

.search-field-box {
    padding: 10px;
}

.search-field-box .search-field svg {
    width: 50px;
    padding: 10px;
}

.search-field-box .search-field input#parts-search::placeholder {
    font-size: 12px;
}

.search-field-box .search-field input#parts-search {
    padding: 0px 7px;
}

.table-footer {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.table-footer span.showing-text {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.product-catalogue-table-section {
    padding-bottom: 40px;
}

.why_electronic_components_section {
    padding: 40px 0px;
    padding-bottom: 10px;
}

.why_electronic_components_points .why_electronic_components_points_content {
    width: 100%;
    margin: 0px;
    margin-bottom: 30px;
    padding: 30px 15px;
}

.electronic_Source_section {
    padding: 40px 0px;
}

.electronic_Source_section .row .electronic_Source_content {
    padding: 0px;
    margin-bottom: 20px;
}

.product-catalogue-heading {
    text-align: left;
}
.product_part_inner_left_box .product_part_inner_left_box_content {
    width: 100%;
    padding: 0px;
    margin: 30px 0px;
    margin-bottom: 40px;
}

.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_content_title {
    font-size: 20px;
}

.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl .product_part_inner_left_box_detail_cnt {
    font-size: 16px;
}

.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl {
    font-size: 14px;
}

.product_part_inner_right_box {
    padding: 40px 15px;
}

.product_part_inner_left_box .product_part_inner_left_box_content .product_part_inner_left_box_detail .product_part_inner_left_box_detail_ttl:last-child {
    margin-bottom: 0px;
}

.product_part_inner_section {
    padding-bottom: 40px;
}
}























.product-table tbody tr {cursor: default !important;}

.product_part_inner_left_box .product_part_inner_left_box_img {overflow: hidden;}
.product_part_inner_left_box .product_part_inner_left_box_img a {display: block;width: 100%;overflow: hidden;border-radius: 20px;}
.product_part_inner_left_box .product_part_inner_left_box_img a:hover img {transform: scale(1.2);}
.product_part_inner_left_box .product_part_inner_left_box_img img {transition: 0.7s;}



.product_part_inner_left_box .product_part_inner_left_box_img a {position: relative;z-index: 1;}
.product_part_inner_left_box .product_part_inner_left_box_img a::before {content: "";position: absolute;inset: 0;background: rgb(10 143 66 / 90%);opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 1;}
.product_part_inner_left_box .product_part_inner_left_box_img a:hover::before {opacity: 50%;visibility: visible;}
.product_part_inner_left_box .product_part_inner_left_box_img a:after {content: "";font-weight: 900;width: 40px;height: 55px;color: #fff;position: absolute;left: 50%;top: 50%;display: flex;transform: translate(-50%,-50%);align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 2;background: url('https://www.extrondesign.com.au/wp-content/uploads/2026/05/magnifying-glass-plus-solid.png')no-repeat center;background-size: contain;}
.product_part_inner_left_box .product_part_inner_left_box_img a:hover:after {opacity: 1;visibility: visible;}



.product-table td.col-description p {margin: 0px;}
.thumb > a {width: 100%;height: 100%;}


.how-search-and-order-sec {
    padding: 80px 0px;
}

.how-search-and-order-sec .container {
    text-align: center;
}

.how-search-and-order-sec h2 {
    margin: 25px 0px !important;
}
.product-catalogue-table-section {
    padding-bottom: 0px;
}


.tabel-btm-cnt {margin-top: 30px;text-align: center;}
.tabel-btm-cnt p {margin-bottom: 0px;}


/* .product-catalogue-table-section .thumb img.big-part-img {
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    height: 500px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 999999;
    transition: 0.7s;
    border-radius: 10px;
}

.product-catalogue-table-section .thumb:hover img.big-part-img {
    opacity: 1;
}
 */
.product-catalogue-table-section .catalogue-card {
    overflow: inherit;
}


.product-catalogue-table-section .thumb{
    position:relative;
}

.product-catalogue-table-section .thumb .big-part-img{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:500px;
    height:500px;
    background:#fff;
    border:1px solid #ccc;
    padding:5px;
    z-index:999999;
    border-radius:10px;
}

.product-catalogue-table-section .thumb:hover .big-part-img{
    display:block;
}




@media (max-width:767px) {
	
	.product-catalogue-table-section .thumb:hover .big-part-img{
    display:none;
}

}