:root{
  --primary1: 162,184,37; /* #A2B825 */
  --primary2: 1,160,225; /* #01A0E1 */
  --primary3: 35,34,35; /* #232223 */
  --bs-body-color: 84,84,84; /* #545454 */
  --color_black: 0,0,0;
  --color_white: 255,255,255;
  --baseFont: "Arimo", sans-serif;
  --imgBodycolor: invert(34%) sepia(1%) saturate(0%) hue-rotate(220deg) brightness(92%) contrast(91%);
  --imgPrimary1: invert(67%) sepia(62%) saturate(514%) hue-rotate(26deg) brightness(90%) contrast(91%);
  --imgPrimary2: invert(54%) sepia(68%) saturate(4607%) hue-rotate(168deg) brightness(98%) contrast(99%);
  --imgPrimary3: invert(10%) sepia(6%) saturate(241%) hue-rotate(251deg) brightness(94%) contrast(90%);
  --imgWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(103%) contrast(102%);
  --imgBlack: invert(0%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(93%) contrast(103%);
  --padding: clamp(2.5rem, 1.62rem + 4.4vw, 5.25rem);;
  --mb:1.875rem;
  --bs-breadcrumb-divider: '/';
}

body {font-family: var(--baseFont); color:rgb(var(--bs-body-color)); font-weight: 400; font-variant-ligatures: no-common-ligatures;}
a:hover, a:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; color: rgb(var(--primary1));}
button:focus {outline: none;}
a {color: rgb(var(--bs-body-color));}

.transition {-webkit-transition: all .3s linear; transition: all .3s linear;}

::selection {color: rgb(var(--color_white)); background: rgb(var(--primary2));}
.clr-base {color: rgb(var(--bs-body-color));}
.clr-1 {color: rgb(var(--primary1)) !important;} .bg-clr-1 {background-color: rgb(var(--primary1)) !important;}
.clr-2 {color: rgb(var(--primary2)) !important;} .bg-clr-2 {background-color: rgb(var(--primary2)) !important;}
.clr-3 {color: rgb(var(--primary3)) !important;} .bg-clr-3 {background-color: rgb(var(--primary3)) !important;}

.bg{background-color: #F7FEE7;}
.bg02{background-color: #E7FAFE;}

p{letter-spacing: 0.32px;}

/* button custom */
.btn-custom {padding: 14px 24px; text-transform: uppercase; margin-top: 1rem; border: 1px solid rgb(var(--color_white)); border-radius: 0; letter-spacing: 0.32px; line-height: normal;}
.btn-custom:hover,.btn-custom:focus,.btn-custom:active{outline: none; color: rgb(var(--color_white)) !important; --bs-link-color-rgb:none; border-color: rgb(var(--primary2)); background-color: rgb(var(--primary2));}
.btn-custom.style02:hover,.btn-custom.style02:focus,.btn-custom.style02:active{border-color: rgb(var(--primary1)); background-color: rgb(var(--primary1));}
.btn-custom.style03{color: rgb(var(--primary2)); border-color: rgb(var(--primary2));}
.btn-custom.style03:hover,.btn-custom.style03:focus,.btn-custom.style03:active{background-color: rgb(var(--primary2)); color: rgb(var(--primary2)); border-color: rgb(var(--primary2));}

.owl-carousel.style01 .owl-nav { display: flex; justify-content: center; margin-top: 1rem;}
.owl-carousel.style01 .owl-nav button{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgb(var(--primary1)); border-radius: 50%;}
.owl-carousel.style01 .owl-nav button:before {content: ''; background: url('../images/right-caret-icon.svg') center center no-repeat; width: 12px; height: 24px;}
.owl-carousel.style01 .owl-nav button.owl-prev:before {transform: rotate(180deg);}
.owl-carousel.style01 .owl-nav [class^='owl-'].disabled {cursor: default; background: rgba(var(--primary1),0.4);}
.owl-carousel.style01 .owl-nav.disabled {display: none;}

.owl-carousel.style02 .owl-nav button{display: flex; justify-content: space-between;}
.owl-carousel.style02 .owl-nav button{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgb(var(--primary1)); border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.owl-carousel.style02 .owl-nav button:before {content: ''; background: url('../images/right-caret-icon.svg') center center no-repeat; width: 12px; height: 24px;}
.owl-carousel.style02 .owl-nav button.owl-prev:before {transform: rotate(180deg);}
.owl-carousel.style02 .owl-nav button.owl-prev{left: -14px;}
.owl-carousel.style02 .owl-nav button.owl-next{right: -14px;}
.owl-carousel.style02 .owl-nav [class^='owl-'].disabled {cursor: default; background: rgba(var(--primary1),0.4);}
.owl-carousel.style02 .owl-nav.disabled {display: none;}

.owl-carousel .item:not(:first-child) {display: none;}


#wrapper {max-width: 1920px; margin: 0 auto; position: relative; overflow: hidden;}

/* header */
header {width: 100%; position: fixed; left: 0; right: 0; top: 0; margin: 0 auto; transition: all 0.3s; z-index: 99 !important; background-color: rgb(var(--color_white));}
header .navbar { transition: all 0.3s linear; z-index: 10; align-items: flex-start;  padding: 1.5rem 0; position: relative;}
header .navbar .inquiry-links{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2)); color: rgb(var(--color_white)); margin-top: 0;}
header .navbar .inquiry-links:hover,header .navbar .inquiry-links:focus{background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1));}
header .navbar .navbar-toggler{border: none;}
header .navbar .navbar-toggler:focus{outline: none; box-shadow: none;}
header .navbar .navbar-toggler .navbar-toggler-icon{--bs-navbar-toggler-icon-bg1:none;}
header .navbar .navbar-brand img{transition: all .2s linear;}
header .navbar .navbar-nav>li {margin: 0 18px; position: relative;}
header .navbar .navbar-nav li .nav-link {transition: 0.5s;  padding: 1rem 0; color: rgb(var(--color_black)); position: relative;}
header .navbar .navbar-nav li .nav-link:hover, header .navbar .navbar-nav li.current_page_item .nav-link {color: rgb(var(--primary2));}
header.fixed {background: rgb(var(--color_white)); box-shadow: 0px 4px 50px rgba(44, 48, 50, 0.1);} 
header.fixed .navbar { padding: 0.5rem 0;}
 
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
header .navbar .navbar-toggler{background-color: rgb(var(--primary1)); border-radius: 0;}
.offcanvas .btn-close{background-color: rgb(var(--primary1)); width: 30px; height: 30px; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x) ;
  --bs-btn-close-bg: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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.offcanvas .btn-close:focus{box-shadow: none;}


/* banner */
.banner {height: 100vh; height: 100svh; max-height: 840px;  transition: all .2s linear; margin-top: 120px; position: relative;  background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(var(--primary2),0.3);}
.banner::before{content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background:rgba(var(--color_black),0.5);}


/* Typography */
.padding {padding: var(--padding) 0;}



/* product-item */
.product-item{transition: 0.3s;}
.product-item h4{color: rgb(var(--color_black)); margin-bottom: 0;}
.product-item:hover h4{color: rgb(var(--primary1));}


/* engineering */
.engineering::before{content: ""; width: 100%; height: 50%; position: absolute; left: 0; right: 0; background-color:#F7FEE7; display: block;}
.engineering .card{padding: var(--padding);}

/* pic */
.pic {overflow: hidden;}
.pic img {transition: 0.4s;}
.pic:hover img {transform: scale(1.08);}
.pic.has-arrow::after{content: ""; background-image: url('../images/arrow02.svg'); background-repeat: no-repeat; position: absolute; right: 10px; bottom: 10px; width: 24px; height: 24px; transition: all .3s linear;}
.pic.has-arrow:hover::after{opacity: 0; visibility: hidden;}
.pic .sub-list{position: absolute; z-index: 2; padding: 24px; left: 0; bottom: 0; background-color: rgba(var(--color_black),0.7); display: flex; flex-direction: column; justify-content: flex-end; opacity: 0; visibility: hidden;}
.pic .sub-list li{color: #B0E5F0; position: relative; font-size: 1.125rem; padding-left: 18px; margin-bottom: 8px; line-height: 1.3;}
.pic .sub-list li:last-child{margin-bottom: 0;}
.pic .sub-list li::before{content: ""; background: url('../images/arrow.svg') no-repeat 0 0; width: 9px; height: 12px; position: absolute; left: 0; top: 5px;}
.pic .sub-list li a{text-decoration: none; color: #B0E5F0;}
.pic .sub-list li a:hover,.pic .sub-list li a:focus{color: rgb(var(--primary1));}
.pic:hover .sub-list{opacity: 1; visibility: visible;}

/* industry */
.industry-item{background-color: rgb(var(--color_black));}
.industry-item *{transition: 0.3s;}
.industry-pic:after{content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 100%);}
.industry-item:hover img {transform: scale(1.08);}

.owl-flex .owl-stage{display: flex; height: 100%; align-items: center;}
 
/* news-slider */
.news-slider .news-item{text-decoration: none;}
.news-slider .news-item{color: inherit; text-decoration: none; position: relative;}
.news-slider .news-item .news-pic{overflow: hidden;}
.news-slider .news-item .news-pic img {transition: 0.4s;}
.news-slider .news-item:hover .news-pic img{transform: scale(1.08);}
.news-slider .news-item:hover p{color: rgb(var(--primary1));}


/* footer */
.footer{ background-color: #001229; position: relative;}
.footer::before{content: ""; background-color: rgb(var(--color_white)); position: absolute; left: 0; right: 0; top: 0; height: 138px; display: block;}
.footer .top{position: relative; display: flex; justify-content: center; z-index: 1; margin-bottom: var(--padding); padding: calc(var(--padding)/1.18) var(--padding); min-height: 276px; }
.footer .top .bg{position: absolute; z-index: 0; inset: 0; min-height: 276px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.footer .top .btn-wrap .btn-custom {background-color: rgb(var(--color_white));  margin-top: 0; padding: 0.8rem 2rem; border-color: rgb(var(--color_white)); color: rgb(var(--primary3)); margin-left: 15px;}
.footer .top .btn-wrap .btn-custom:first-child {margin-left: 0;}
.footer .top .btn-wrap .btn-custom:hover,.footer .top .btn-wrap .btn-custom:focus{background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1));}
.footer .top h2.title{font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem); margin-bottom: 14px;}
.footer .top p{letter-spacing: 0;}

.footer .social-media li a{width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; border: 1px solid rgb(var(--color_white)); border-radius: 50%; margin: 0 5px; transition: all .3s linear;}
.footer .social-media a img{filter: var(--imgWhite);}
.footer .social-media a:hover{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2));}

.footer .middle .address-link a {display: block; color: rgb(var(--color_white)); margin-bottom: 1.5rem; text-decoration: none;}
.footer .middle address{margin-bottom: 1.5rem; color: #D9D9D9;}
.footer .middle .contact-links a{text-decoration: none; color: rgb(var(--color_white));}
.footer .middle .contact-links a:hover{color: rgb(var(--primary2));}
.footer .middle .product-list .menu-link{display: flex; flex-wrap: wrap; gap: 10px;}
.footer .middle .product-list .menu-link li{width: calc(50% - 10px); margin-bottom: 0;}
.footer .middle .menu-link li{color: rgba(var(--color_white),0.5); }
.footer .middle .menu-link li a{text-decoration: none; color: rgba(var(--color_white),0.5); line-height: normal; display: inline-block;}
.footer .middle .menu-link li a:hover{color: rgb(var(--color_white));}
.footer .middle .menu-link li{margin-bottom: 12px;}
.footer .middle .menu-link li.last a{color: rgb(var(--primary2));}
.footer .middle h6{font-weight: 700; color: rgb(var(--color_white)); margin-bottom: 1.5rem; text-transform: uppercase;}
.footer .middle h6 a{color: inherit; text-decoration: none;}
.footer .middle h6 a:hover{color: rgb(var(--primary2));}

.footer .copyright-outer{font-size: 14px; color: #666666;}
.footer .copyright-outer a{text-decoration: none; color: inherit;}
.footer .copyright-outer a:hover{color: rgb(var(--primary2));}


.totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; position: fixed; right: -60px; z-index: 10; background-color: rgb(var(--primary1)); text-align: center; opacity: 0; border-radius: 50%; box-shadow: 0px 10px 29.7px 3.3px rgba(0, 0, 0, 0.2); transition: 0.4s;}
.totop img{transform: rotate(-90deg); width: 10px;}
.totop:hover {background-color: rgb(var(--primary2));}


/* inner pages styles */
.inner-banner {padding-top: 21.11%; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.inner-banner:before {content: ''; position: absolute; inset: 0; background: rgba(var(--color_black),0.6)}
.inner-banner .container {position: absolute; inset: 0; z-index: 1; transition: all .3s linear; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.breadcrumb {--bs-breadcrumb-divider-color: rgb(var(--color_white)); font-size: 1.125rem; --bs-breadcrumb-item-padding-x: 1rem;}
.breadcrumb a {color: rgb(var(--color_white));}
.breadcrumb .active {color: rgb(var(--primary1));}
.breadcrumb a:hover {color: rgb(var(--primary1));}


/* vision-mission */
.vision-mission [class^="col-"]:first-child .card{background-color: rgb(var(--primary1));}
.vision-mission [class^="col-"] .card{background-color: rgb(var(--primary2));}
.vision-mission [class^="col-"] .card p:last-child{margin-bottom: 0;}

.values-list{gap: 1rem 4rem; padding-left: 1.3rem;}
.values-list li{width: calc(50% - 2rem); letter-spacing: 0.32px;}

.our-team{ position: relative;}
.our-team::after {content: ""; bottom: -138px; background-color: #F7FEE7; position: absolute; left: 0; right: 0; height: 138px; z-index: 1;}

.heavy-eng-application .card{padding: calc(var(--padding) / 1.5) calc(var(--padding) / 1.5) 0;}

.heavy-eng-application h5,.nuclear-power-components h5{font-size: 1.125rem;}

.services-steps *{transition: all .3s linear;}
.services-steps .card{border: 5px solid #E7FAFE;}
.services-steps .card ul li{font-size: 1rem;}
.services-steps .card ul.list-style01 li::before{top: 5px;}
.services-steps .card:hover{border-color: rgba(var(--primary2),0.5);}
.services-steps .card:hover .icon img{transform: rotate(15deg);}
ul.list-style01{margin: 0; padding: 0; list-style: none; font-size: 1.125rem;}
ul.list-style01 li{letter-spacing: 0.32px; margin-bottom: 8px; position: relative; padding-left: 20px;}
ul.list-style01 li:last-child{margin-bottom: 0;}
ul.list-style01 li::before{content: ""; background-image: url('../images/arrow.svg'); background-repeat: no-repeat; background-position: 0 0;
  width: 9px; height: 12px; position: absolute; left: 0; top: 7px; transition: all .2s linear;}
ul.list-style01 li:hover::before{left: 5px;} 

.spares .card{padding: calc(var(--padding) / 2);}
.spares h5{font-size: 1.125rem;}

.cert-item {border: 5px solid #EDF8D4; height: 100%;}
.cert-item:hover{border-color: rgba(var(--primary1),0.5);}
.cert-item .cert-title,.cert-item .status{font-size: 1.125rem; padding:30px 20px; letter-spacing: 0.36px; line-height: normal;}
.cert-item .cert-title{border-right: 2px solid #EDF8D4; width: calc(100% - 135px);}
.cert-item .status{width: 135px; text-align: center; display: block;}
.cert-item:hover .cert-title{border-color:rgba(var(--primary1),0.5);}

.copyright-text,.middle-block h5{font-size: 1.125rem;}

/* accordion */
.accordion .card-header { border-radius: 0; background-color: transparent;}
.accordion .accordion-item{ border: 5px solid #EDF8D4; background-color: #F7FEE7;}
.accordion .card-header a{text-decoration: none; line-height: normal; font-size:1.5rem; font-weight: 700; background-color: rgb(var(--color_white)); padding: 30px 70px 30px 30px;}
.accordion .card-header a::after{content: "+"; font-weight: 300; font-size: 2rem; position: absolute; right: 2rem; top: 2rem; border-radius: 50%; width: 32px; height: 32px; color: rgb(var(--color_white)); background-color: rgb(var(--primary1)); text-align: center; line-height: 0.95;}
.accordion .card-header a:hover,.accordion .card-header a:focus{color: rgb(var(--bs-body-color));}

.accordion .card-header a:not(.collapsed)::after{content: "-";}
.accordion .card-header a:not(.collapsed){background-color: #F7FEE7;}
.accordion .card-body{ padding: 30px;}
.accordion .card-body h5{font-size: 1.125rem;}


/* contact-us */
.contact-us .row [class^="col-"]:first-child .card{padding: clamp(1.5rem, 0.78rem + 3.6vw, 3.75rem);}
.contact-us .row [class^="col-"]:first-child .card::before{content: ""; background-color: #E7FAFE; position: absolute; top: 0; bottom: 0; height: 100%; width: 16.66666667%; right: -16.66666667%;}
.contact-us .row [class^="col-"] .card{border: 5px solid #F7FEE7; padding1: clamp(1.25rem, 0.65rem + 3vw, 3.125rem) clamp(1.875rem, 0.975rem + 4.5vw, 4.6875rem); padding: clamp(1.25rem, 0.65rem + 3vw, 3.125rem); }

.contact-block p{margin-bottom: 2rem;font-size: 1.125rem;}
.contact-block p:last-child{margin-bottom: 0;}
.contact-block a{text-decoration: none; }

/* cust-form */
.cust-form .form-control{border: none; border-bottom:1px solid rgba(var(--color_black),0.2); line-height: normal; border-radius: 0; padding: 15px 0; font-weight: 300; background-color: transparent; color: rgb(var(--baseColor)); line-height: 18px; }
.cust-form .form-select{font-weight: 300; background-color: transparent; color: rgb(var(--baseColor)); border: none; border-radius: 0; border-bottom:1px solid rgba(var(--color_black),0.2); padding: 10px;}
.cust-form .form-control:focus,.cust-form .form-select:focus{box-shadow: none; outline: none; border-color: rgb(var(--primary2));}
.cust-form textarea.form-control{resize: none; height: 130px;}
.cust-form .btn-custom{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2)); color: rgb(var(--color_white));}
.cust-form .btn-custom:hover,.cust-form .btn-custom:focus,.cust-form .btn-custom:active{background-color: rgb(var(--primary1)); border-color: rgb(var(--primary1)); }
.cust-form [type=file]{padding: 5px 10px; line-height: 35px; border: 1px dashed rgba(var(--color_black),0.2); border-radius: 15px;}


.career .row [class^="col-"] .card{padding: clamp(1.5rem, 0.78rem + 3.6vw, 3.75rem);}
.career .row [class^="col-"]:last-child .card::before{content: ""; background-color: #E7FAFE; position: absolute; top: 0; bottom: 0; height: 100%; width: 16.66666667%; left: -16.66666667%;}
.career .row [class^="col-"] .card{ padding: clamp(1.25rem, 0.65rem + 3vw, 3.125rem); }

.vendor-registration .row [class^="col-"] .card{padding: clamp(1.5rem, 0.78rem + 3.6vw, 3.75rem);}

.modal .btn-close{filter: invert(1) brightness(1); opacity: 1; }

.form-check-input:checked{background-color: rgb(var(--primary2)); border-color: rgb(var(--primary2));}

.wpcf7-form-control-wrap .form-check-input{background-color: transparent; border: none;}
.wpcf7-form-control-wrap .form-check-input .wpcf7-list-item{margin: 0 0 .25rem; display: block;}
.wpcf7-form-control-wrap .form-check-input .wpcf7-list-item input[type="checkbox"]{position: relative; top: 2px;}

.error-404 h1{font-size:clamp(2.5rem, 0.9rem + 8vw, 7.5rem);}

.product-menu li{margin-bottom: 1rem;}
.product-menu li a{border: 1px solid rgb(var(--primary2)); padding: 14px 24px; letter-spacing: 0.32px; line-height: normal; display: block; text-decoration: none;}
.product-menu li a.active,.product-menu li a:hover,.product-menu li a:focus{color: rgb(var(--color_white)); background-color: rgb(var(--primary2));}