*{ margin: 0; padding: 0;  font-family: 'Manrope'!important;}

@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),url('Manrope-ExtraBold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2'),url('Manrope-ExtraLight.woff') format('woff');font-weight: 200;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Bold.woff2') format('woff2'),url('Manrope-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Medium.woff2') format('woff2'),url('Manrope-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),url('Manrope-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Light.woff2') format('woff2'),url('Manrope-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: 'Manrope';src: url('../fonts/Manrope-Regular.woff2') format('woff2'),url('Manrope-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}




:root {
  --bs-blue-top-bar: #bd3838;
  --bs-text-color: #333;
  --bs-box-icon: #bd3838;
  --bs-heading-section: #333;
  --bs-button-primary: #bd3838;
  --bs-button-primary-hover: #1d6fb7;
  --bs-box-since:#067ac5;
  --bs-arrow:#bd3838;
  --bs-left-line:#bd3838;
  --bs-text-hover:#bd3838;
  --bs-footer-bottom:#252222;
   --bs-text-color-contact: #fff;
}



.nav .navbar{ height: 100%; max-width: 1320px; width: 100%; display: flex; align-items: center; justify-content: space-between; margin: auto; /* background: red; */ padding: 0 0px;}
.navbar .logo a{ font-size: 30px; color: #000; text-decoration: none; font-weight: 600;}
nav .navbar .nav-links{ line-height: 70px; height: 100%; display: flex; justify-content: end;}
nav .navbar .links{ display: flex; margin-bottom: 0px;}
li.more { display: none !important;}
nav .navbar .links li{ position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0 14px;     padding-right: 0px;}
nav .navbar .links li a{ height: 100%; text-decoration: none; white-space: nowrap; color: #000; font-size: 19px; font-family: 'Outfit'; padding: 0 14px; font-weight: 500; padding-right: 0px;}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow { transform: rotate(180deg); }
nav .navbar .links li .arrow{ height: 100%; width: 22px; line-height: 70px; text-align: center; display: inline-block; color: #000; transition: all 0.3s ease;}
nav .navbar .links li .sub-menu{ position: absolute; top: 70px; left: 0; line-height: 40px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 0 0 4px 4px; display: none;
z-index: 2;}
nav .navbar .links li:hover .htmlCss-sub-menu,
nav .navbar .links li:hover .js-sub-menu { display: block;}
.navbar .links li .sub-menu li { border-bottom: 1px solid rgba(255,255,255,0.1); width: 300px; padding: 0px;}
/*ul.js-sub-menu.sub-menu ol, ul { padding-left: 8px !important;}*/
.navbar .links li .sub-menu a { color: #000; font-size: 15px; font-weight: 500; line-height: 32px;}
.navbar .links li .sub-menu .more-arrow{ line-height: 40px;}
navbar .links li .sub-menu .more-sub-menu{ position: absolute; top: 0; left: 100%; border-radius: 0 4px 4px 4px; z-index: 1; display: none;}
.links li .sub-menu .more:hover .more-sub-menu{ display: block;}
.navbar .search-box{ position: relative; height: 40px; width: 40px; display: none;}
.navbar .search-box i{ position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-weight: 600; cursor: pointer;  transition: all 0.3s ease;}
.navbar .search-box .input-box{ position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; border-radius: 6px; opacity: 0; pointer-events: none; transition: all 0.4s ease;}
.navbar.showInput .search-box .input-box{ top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;}
.search-box .input-box::before{ content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);}
.search-box .input-box input{ position: absolute; top: 50%; left: 50%; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px;  border: none;}
.navbar .nav-links .sidebar-logo{ display: none;}
.navbar .bx-menu{ display: none;}
.logo img {width: 100%;max-width: 230px;}
.custom-slider .carousel-item img { width: 100%; height: 100%; object-fit: cover;}
.custom-slider .carousel-item {height: 670px;}
.custom-slider p { text-align: left; color: #fff; margin-bottom: 0px; line-height: 30px;}
.service-box-content p { text-align: center; display: flex;  flex-wrap: wrap; font-size: 18px;}
.service-box-content { justify-content: center;display: flex;flex-direction: column;align-items: center;}
.topbar-header { background:var(--bs-blue-top-bar); }
ul.info-list i { font-size: 18px; position: relative; top: 3px;}
ul.info-list li a { color: #fff; text-decoration: none;}
ul.info-list li { color: #fff; font-size: 15px;}
ul.info-list { margin: 0px; padding: 0px; list-style: none; display: flex; gap: 7px;}
.social-media li a { color: #fff; text-decoration: none;}
.social-media li { line-height: 34px; text-align: center; font-size: 15px}
.social-media li i { color: #fff;}
.social-media ul { margin: 0px; padding: 0px; display: flex; gap: 13px; list-style: none;}
.social-media { float: right;}
.custom-slider .carousel-control-next, .carousel-control-prev { height: 0; top: 50% !important;}
nav .navbar .links li a:hover { color:var(--bs-text-hover); }
.custom-slider .carousel-control-next, .custom-slider .carousel-control-prev {opacity: inherit;}
.custom-slider .carousel-control-next-icon, .custom-slider .carousel-control-prev-icon { background-color:var(--bs-blue-top-bar); width: 40px; height: 40px;  background-size: 65% 65%; border-radius: 100%;}
/*.custom-slider .carousel-caption {  left: 6%; }*/
.custom-slider h5 { font-weight: 700; font-size: 40px; border-left: 7px solid #067ac5; padding-left: 14px;     color: #fff;}
.custom-slider .carousel-indicators [data-bs-target] {height: 7px; background-color: #1595ba;}
.section-full.bg-gray-light { background-color: #f1f1f1; padding: 100px; padding-right: 0px; padding-left: 0px;}
.service-border-box { background-color: rgb(238, 238, 238); padding: 10px; position: relative; height: 100%; display: flex;}
.bg-white-service {background-color: #fff; padding: 40px; height: 100%; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;     border-bottom: 6px solid #bd3838;}
.service-box-title span { font-size: 27px;  text-align: left; line-height: 32px; font-weight: 600; color:var(--bs-text-color);}
.service-box-title { border-left: 6px solid var( --bs-left-line); padding-left: 14px; margin-bottom: 14px;}
.bg-white-service a { color: #333; text-decoration: none; font-weight: 600; font-size: 17px;}
.wt-icon-number span { font-size: 94px; line-height: 100px; color: rgba(0,0,0,0.1); font-weight: 700; opacity: 0.5; display: block; text-align: right;}
.box-inner-icon { width: 80px; height: 80px; background:var(--bs-box-icon); text-align: center; line-height: 96px; border-radius: 100%; margin-bottom:30px }
.box-inner-icon i { font-size: 36px; color: #fff;}
/*.service-border-box:hover { background:var(--bs-box-icon);}*/
span.s-title-two { color: #333;}
.header-sticky-top { position: sticky; top: 0px; background: #fff; z-index: 9999;}
.about-section h4 { font-size: 30px; font-weight: 700; color:var(--bs-heading-section);}
.why-list li { line-height: 32px; font-size: 18px;display: flex;}
.about-section p { font-size: 18px; line-height: 30px;     text-align: left;}
.about-section .btn-primary { color: #fff; background-color:var(--bs-button-primary); border-color:var(--bs-button-primary); padding: 10px 30px; font-size: 17px; border-radius: 10px; margin-top: 30px; display: flex; align-items: center; gap: 6px;}
.about-section .btn-check:focus+ .about-section .btn-primary, .about-section .btn-primary:focus { color: #fff; background-color: var(--bs-button-primary); border-color: var(--bs-button-primary); box-shadow: none;}
.about-section .btn-primary:hover {background-color:var(--bs-button-primary-hover); color: #fff; border-color: var(--bs-button-primary-hover);}
.about-section .border-left { height: 410PX; overflow: hidden;}
.about-section .border-left img {width: 100%;height: 100%; transition: transform 0.5s ease; }
.about-section .border-left img:hover {transform: scale(1.3);}
.subtitle-about p {text-align: left;line-height: 32px;margin-bottom: 20px; font-size: 18px;}
.why-list li::before { content: "\ea55"; font-family: boxicons !important; font-size: 24px;}
.since { position: relative; margin-top: -189px; z-index: 999; color: #fff; font-weight: 800; text-align: right; padding-right: 47px; font-size: 63px; background:var( --bs-box-since); width: 100%; max-width: 35%; float: right;}
.overlay-main.site-bg-secondry.opacity-08 {background: #f1f1f1;height: 100%;width: 100%;padding: 100px; padding-left: 0px; padding-right: 0px;}
.bg-image { position: relative; width: 100%;}
.bg-image p {text-align: justify;color: #333;font-size: 18px;margin-bottom: 20px;margin-top: 20px;}
.bg-image h1 {color: #333;text-align: center;font-size: 40px;font-weight: bold;margin-bottom: 30px;}
.bg-right-img p { text-align: left; color: #333; font-size: 16px;}
.bg-right-img li { color: #333; line-height: 33px; font-size: 18px;display: flex;}
.our-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.our-image img:hover {transform: scale(1.3);} 
.our-image { height: 434px; overflow: hidden;}
.bg-right-img h4 { color: #333; font-size: 23px; font-weight: 700;}
.bg-right-img li::before {content: "\ea55";font-family: boxicons !important;font-size: 24px;}
.cog img { position: absolute; top: 47%; width: 8%; left: 13%;}
.bg-image ul {margin: 0px;padding: 0px;list-style: none;}
.bg-image li i { color:var(--bs-arrow); font-size: 24px;}
.bg-image .btn-primary { color: #fff; background-color:var( --bs-button-primary); border-color: var( --bs-button-primary);  padding: 10px 30px; font-size: 17px; border-radius: 10px; margin-top: 30px; display: flex; align-items: center; gap: 6px;}
.bg-image .btn-primary:hover {background-color: var(--bs-button-primary-hover); color: #fff; border-color:var(--bs-button-primary-hover);}
.bg-img img { width: 100%;}
.why-list ul { margin: 0px; padding: 0px; list-style: none;}
.section.bg-gray-light {background-color: #fff;}
.wt-media img  { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.wt-media img:hover {transform: scale(1.3);} 
.wt-media {height: 416px; overflow: hidden;}
.hilite-large-title.title-style-2 span { font-size: 116px; line-height: 11px; color: #fff; opacity: 1; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: -2px; text-align: center; margin-top: 65px; font-family: 'Outfit';}
.section.bg-gray-light li { color: #333; line-height: 31px; font-size: 18px; margin-bottom: 11px; display: flex; align-items: center;}
.section.bg-gray-light li::before {content: "\ea55";font-family: boxicons !important;font-size: 24px;}
.section.bg-gray-light ul { margin: 0px; padding: 0px; list-style: none;}
.hilite-large-title.title-style-2 { margin-bottom: 100px;}
.section.bg-gray-light h4 { color: #333333; font-size: 30px; font-weight: 700; border-left: 7px solid var( --bs-left-line); padding-left: 9px;}
.client .card { padding: 30px; border: 1px solid rgb(0 0 0 / 5%); margin: 10px;}
.client button.slick-prev.slick-arrow { background-image: url(../images/black-arrow-left.png); left: -40px; right: unset; background-repeat: no-repeat; background-position: center;
width: 41px; z-index: 1; height: 41px; background-color: #cccccc75;}
.client button.slick-next.slick-arrow { background-image: url(../images/black-arrow-right.png); left: unset; right: -40px; background-repeat: no-repeat; background-position: center;
width: 41px; z-index: 1; height: 41px; background-color: #cccccc75;}
.client .slick-prev:before, .client .slick-next:before {display: none;}
span.inline-title h4 { color: #333333; font-size: 30px; font-weight: 700; padding-left: 9px;}
.client p {font-size: 18px;color: #333;margin-bottom: 30px;}
.client .card img {margin-bottom: 0px;display: block;transition: transform 0.5s ease;}
.client .card img:hover {transform: scale(1.3);}
.logo-brand { display: flex; flex-wrap: wrap;}
.client .card {padding: 30px;border: 1px solid rgb(0 0 0 / 5%);margin: 10px; overflow: hidden;     width: 100%;}
.client {background: #f1f1f1;padding: 100px; padding-left: 0px; padding-right: 0px;}
.section-team { background-image: url(../images/bg-map2.png); background-color: #00173c; background-position: center; background-repeat: no-repeat; padding:50px;}
.section-team  span.inline-title h4 { color: #fff; font-size: 30px; font-weight: 700;}
.section-team p { color: #fff; font-size: 17px;}
.bg-white-team { background: #fff; padding: 10px; margin-bottom: 30px;}
.title-name { font-weight: 600; font-size: 22px;}
.bg-white-team p { color: #1595ba; font-weight: 600; text-align: left;}
.title-name {font-weight: 600; font-size: 18px;}
.contact-section p { text-align: left;}
span.s-title-one-contact { font-size: 50px; font-weight: 600;}
textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; background-color: #f7f9fa; height: 150px; border: 1px solid #ccc;}
textarea { padding: 14px 20px;}
.contact-section input { width: 100%; background-color: #f7f9fa; padding: 11px 25px; margin-bottom: 15px;}
.contact-section button.btn.btn-primary { color: #fff; background-color:var(--bs-button-primary); border-color:var(--bs-button-primary); padding: 10px 30px; font-size: 17px; border-radius: 10px; margin-top: 30px; display: flex
; align-items: center; gap: 6px;}
.contact-section button.btn.btn-primary:hover {background-color: var(--bs-button-primary-hover); color: #fff; border-color:var(--bs-button-primary-hover);}
.bg-color-form { background-color: #ffffff; border-radius: 5px; border-width: 1px; box-shadow: 0px 0px 20px 0px rgba(3,15,39,0.07); z-index: 9;}
form.row.bg-gap {display: flex;background: #fbfbfb;margin-top: -225px;padding: 40px;border: 1px solid #00000026;}
.contact-section  textarea:focus-visible { outline:none;}
.contact-section .form-control:focus { color: #212529; background-color: #fff; border-color: #ccccccd9; outline: 0; box-shadow: none;}
.addres-list ul {margin: 0px; padding: 0px; list-style: none; display: flex; justify-content: center; gap: 10px;}
.addres-list li {line-height: 35px; font-size: 15px;}
.addres-list li a {text-decoration: none; color: #333;}
.addres-list i { color:var(--bs-arrow); font-size: 20px; padding-right: 5px;}
footer { color: #fff;}
p.copyright.text-uppercase.foter { text-align: right;}
.footer-top {padding: 100px;background: #181515;}
.footer-top h4 { font-size: 25px; font-weight: 600;}
.footer-top p { font-size: 18px; line-height: 26px; font-weight: 300; text-align: center; margin-bottom: 30px;}
.footer-bottom { background: var(--bs-blue-top-bar); padding: 10px 0px;}
.footer-bottom { background:var(--bs-footer-bottom);}
.foter-menu ul {display: flex;gap: 32px;justify-content: center;margin: 0px;}
.foter-menu li a { color: #fff; text-decoration: none; font-weight: 300; font-size: 18px;}
.copyright { font-size: 18px; text-align: left; margin-bottom: 0px;}
.footer-top hr:not([size]) {height: 1px;margin-top: 30px;margin-bottom: 30px;}
.footer-bottom p.copyright.text-uppercase { text-transform: capitalize !important; margin-bottom: 0px; text-align: left; font-weight: 300; font-size: 18px;}
footer p.copyright.text-uppercase.foter { text-align: center;}
.footer-top ul.time li i { color: #1595ba; font-size: 20px; position: relative; top: 4px; padding-right: 8px;}
.footer-top ul.time { margin: 0px; padding: 0px; list-style: none; margin-bottom: 18px;}
ul.address1 li a { color: #fff; text-decoration: none;     font-size: 18px;}
ul.address1 li { line-height: 29px; color: #fff;}
ul.address1 { margin: 0px; padding: 0px; list-style: none;}
.phone-no a { color: #1595ba; text-decoration: none; font-size: 22px; font-weight: 500;}
.about-header { padding: 105px 0; background-repeat: no-repeat; min-height: 280px; background-size: 100%; background-position: center;}
.about-header h2 {font-size: 36px; font-weight: 700; color: #fff; font-style: normal; line-height: 1; margin: 0; margin-bottom: 3px;}
.about-header li a { color:  var(--bs-button-primary); text-decoration: none;}
.about-header li { font-size: 17px; color: #fff !important;}
.address1 li { border-bottom: dotted 1px; border-color: #f9f9f94f; line-height: 36px;}
.address1 li a:hover { padding-left: 10px; transition: 0.9s; color: var(--bs-text-hover); transition-duration: 1s,1s,1s,1s,1s,1s;}
.about-page i { color: #fff; font-size: 18px;}
span.user-icons-bg { width: 34px; height: 34px; background: #1595ba; padding: 7px; border-radius: 7px;}
.about-page h3 { font-size: 29px; color:var(--bs-heading-section); border-left: 5px solid; padding-left: 9px; font-weight: 700;}
.about-pages p { font-size: 18px; line-height: 29px; text-align: left;}
.left-image-elect img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; object-position: center;}
.left-image-elect img:hover {transform: scale(1.2);}
.right-bg-white {background-color: #ffffff;padding: 40px;box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;display: flex;flex-direction: column;height: 100%;align-items: baseline;justify-content: center;}
.right-bg-white p {font-size: 17px;line-height: 30px;text-align: left;}
.left-image-elect { height: 450px; overflow: hidden;}
.right-bg-white h2 {font-size: 21px;font-weight: 700;}
.right-bg-white h3 {  color: var(--bs-heading-section); border-left: 5px solid; padding-left: 9px; font-size: 25px; font-weight: 700;}
.vibrationimg img {height: 100%;width: 100%;object-fit: cover;object-position: right; transition: transform 0.5s ease;}
.vibrationimg img:hover {transform: scale(1.2);}
.vibrationimg {height: 562px; overflow: hidden;}
ul.certificate { display: flex; list-style: none; gap: 41px;}
.space-bottom { margin-bottom: 100px; }
.about-header-bg {background: #f1f1f1a1;padding: 100px; padding-left: 0px; padding-right: 0px;}
 .about-header-bg p { text-align: left; font-size: 18px;}
 .right-bg-whites h2 { font-size: 20px;}
 .install img {height: 100%;width: 100%;object-fit: cover;object-position: center; transition: transform 0.5s ease;}
  .install img:hover {transform: scale(1.2);}
.install {height: 550px; overflow: hidden;}
 .about-header-bg .accordion-button:not(.collapsed) { background-color: #ffffff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); font-weight: 700; font-size: 23px; color:var(--bs-heading-section);}
 .about-header-bg .accordion-button { font-weight: 700; font-size: 23px; color: #333;}
 .about-header-bg .accordion-button:not(.collapsed)::after { background-image:url(../images/download.svg); }
.about-header-bg .accordion-body li { line-height: 33px; font-size: 18px;}
.timeline-section { background: #cccccc1a; border: 0px solid #cccccc30; padding: 100px; padding-left: 0px; padding-right: 0px;}
ul.certificates li { font-size: 18px; line-height: 31px;}
.right-bg-whites h3 { font-size: 25px; color:var(--bs-heading-section); border-left: 5px solid; padding-left: 9px; font-weight:700; }
.card-image { background: #fff; height: 100%; display: flex; flex-direction: column; padding: 30px; border: 1px solid #cccccc52; box-shadow: 0px 0px 20px 0px rgba(3,15,39,0.07); margin-bottom: 30px;}
.card-image img { padding-bottom: 30px;}
.card-image h2 { font-size: 30px; color: #1595ba; border-left: 5px solid; padding-left: 9px; font-weight: 700;}
.timeline-section-space { padding-bottom: 100px; padding-top: 100px; background: #cccccc1a; border: 1px solid #cccccc30;}
.timeline-section-space p { font-size: 18px; line-height: 30px; text-align: left;}
.section-full { position: relative; padding-top: 100px; padding-bottom: 100px;}
.p-b50 { padding-bottom: 50px;}
.contact-one { position: relative;}
.contact-info-section { padding: 30px; background-color:var(--bs-button-primary); border: 8px solid #fff; color: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.3);}
.contact-one input { width: 100%; background-color: #f7f9fa; padding: 11px 10px; margin-bottom: 15px; border: 1px solid #cccccc4f;}
.section-content h3 { font-size: 23px; color:var( --bs-text-color-contact); border-left: 5px solid; padding-left: 9px; font-weight: 700;}
.contact-one button.site-button.site-btn-effect { color: #fff; background-color:var(--bs-button-primary); border-color: #1595ba; padding: 10px 30px; font-size: 17px; border-radius: 10px; margin-top: 30px; border: none; display: flex; align-items: center; gap: 6px;}
.contact-one button.site-button.site-btn-effect:hover {background-color: var(--bs-button-primary-hover); color: #fff; border-color:var(--bs-button-primary-hover);}
.contact-one textarea.form-control {height: 160px;border: 1px solid #cccccc4f;background: #f7f9fa;}
.contact-one h2 { margin-bottom: 30px; margin-top: 30px; font-weight: 700; font-size: 29px;}
.contact-one .form-control:focus {box-shadow: none; border-color: #cccccc4d;}
.icon-content p a { color: #fff; text-decoration: none;}
.contact-info-section p { text-align: left;}
.footer-top img { width: 100%;  max-width: 230px; margin-bottom: 30px; }
.map-location {margin-top: 50px; margin-bottom: 50px;}
.about-page { background-image: url(../images/2-2-map.png); background-position: left; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed;}
.section-team .slick-initialized .slick-slide { display: block; margin: 9px;}
img.img-fluid.industries { height: 540px; width: 100%; object-fit: cover;}
.content-wrapper { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row wrap; justify-content: center; padding: 0.5rem;}
.news-card { border: 0px solid aqua; margin: 0.5rem; position: relative; height: 12rem; overflow: hidden; border-radius: 0.5rem; flex: 1; min-width: 290px; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.client-user { background: #f9f9f9; padding: 30px;}
.client-user img { width: 19%; margin: 0 auto; display: table; margin-bottom: 20px;}
.client-user h5, p { text-align: center;}
.testimonial-slider.slick-initialized .slick-slide { margin:9px; }
.testimonial-slider button.slick-prev.slick-arrow { background-image: url(../images/black-arrow-left.png); left: 9px; right: unset; background-repeat: no-repeat; background-position: center;
width: 41px; z-index: 1; height: 41px; background-color: #cccccc75;}
.testimonial-slider button.slick-next.slick-arrow { background-image: url(../images/black-arrow-right.png); left: unset; right: 9px; background-repeat: no-repeat;
background-position: center; width: 41px; z-index: 1; height: 41px; background-color: #cccccc75;}
.testimonial-slider .slick-prev:before, .testimonial-slider .slick-next:before {display: none;}
.test-justify { display: flex; align-items: center;}
.client-user p {text-align: center;}
.back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; background: var(--bs-blue-top-bar); width: 45px; height: 45px; text-align: center; line-height: 45px; font-size: 31px; color: #fff; text-decoration: none;}
.addres-list li a { color: #fff; font-size: 18px; font-weight: 300;}
ul.address1 li i { color: var(--bs-arrow);}
.news-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(0 0 0 / 72%) 80%); z-index: 0;}
.news-card__image { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; z-index: -1;}
.news-card__text-wrapper { position: absolute; bottom: 0rem; padding: 1rem; color: white; transition: background-color 1.5s ease;}
.news-card__title { transition: color 1s ease; margin-bottom: .5rem;     font-size: 28px;}
.news-card__details-wrapper { max-height: 0; opacity: 0; transition: max-height 1.5s ease, opacity 1s ease;}
p.skill-text { font-size: 18px;}
.service-box-content a:hover { color:var(--bs-text-hover);}
.bxs-chevron-up:before { content: "\ed42"; color: #fff;}
.news-card { height: 20rem ; min-width: auto;}
.news-card:hover .news-card__details-wrapper { max-height: 20rem; opacity: 1; }
.news-card:hover .news-card__text-wrapper { background-color: rgba(0, 0, 0, 0.6);}
.news-card:hover .news-card__title { color: var(--bs-text-color); }
.news-card:hover .news-card__image { transform: scale(1.2); z-index: -1;}
img.img-fluid.vibration-img { height: 100%;}
img.img-fluid.bg { width: 100%;}
.btn-primary:focus {box-shadow: none!important;}
.accordion-button:focus  {box-shadow: none!important;}
.custom-navbar { box-shadow: 0px 15px 10px -15px #e0e0e0;}
section.custom-space-section { margin-top: 100px;}
iframe { width: 100%;}
.bg-right-img a {text-decoration: none;}
.about-section a {text-decoration: none;}
.about-bg {background: #fff;padding: 30px;padding-left: 0px;padding-right: 0px;}
.subtitle-about h2 {font-size: 16px;font-weight: bold;     line-height: 25px;}
.subtitle-about h3 {font-size: 25px; font-weight: bold; margin-bottom: 15px;}
.vibration-img img {width: 100%;height: 100%;object-fit: cover;object-position: left;     transition: transform 0.5s ease;}
.vibration-img img:hover {transform: scale(1.2);}
.vibration-img {height: 590px; overflow: hidden;}
.indusimage img { width: 100%; height: 100%; object-fit: cover; object-position: right; transition: transform 0.5s ease;}
.indusimage { height: 594px; overflow: hidden;}
.indusimage img:hover {transform: scale(1.2);}
.form-heading h3 { color: var(--bs-heading-section);}
form.cons-contact-form {background: #fff;box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;padding: 30px; height: 100%; position: relative; margin-top: -40px;}
.contact-info {background: #fff;box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important; padding: 30px; height: 100%;}
.contacus {height: 605px;overflow: hidden;}
.contacus img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.contacus img:hover {transform: scale(1.2);}
.aboutt {
    height: 463px;
}

span.help-block.form-error {color: rgb(185, 74, 72);font-size: 13px;}
#submitContactForm{position: relative;}
#submitContactForm .form-group {margin-top: 15px;margin-left: 0px;margin-right: 0px;}
.contact-one #submitContactForm input, .contact-section #submitContactForm input{margin-bottom: 0;}
#loader-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(255 255 255 / 50%);display: flex;justify-content: center;align-items: center;z-index: 1050;}
#loader-overlay .spinner-border {width: 3rem;height: 3rem;border-width: 0.5rem;border: 7px solid #bd3838;border-right-color: transparent;}
span.response__msg{display: block;}
span#success__msg {color: green;}
span#error__msg {color: rgb(185, 74, 72);}

@media (320px <= width <= 480px){
.navbar ol, ul { padding-left: 0px !important;}
.navbar .search-box {position: relative;height: 40px; width: 40px; display: none;}
/*.logo { position: absolute; left: 47%;}*/
.logo img {width: 100%;max-width: 100%;position: relative; right: 9px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.service-border-box {margin-top: 0px;}
.section-full {padding-top: 13px; padding-bottom: 30px;}
.custom-slider .carousel-caption { top:1%; left:12%; right:0px; }
.custom-slider h5 { font-size: 18px; padding-left: 8px;}
.custom-slider .carousel-control-next-icon, .custom-slider .carousel-control-prev-icon { width:30px; height:30px; }
.about-section { margin-top: 30px; margin-bottom: 30px;}
.since { margin-top: -129px; font-size: 43px; padding-right: 17px;}
.border-left img { margin-bottom: 30px;}
.overlay-main.site-bg-secondry.opacity-08 {position: relative; padding-bottom: 30px;}
.cog img {display: none;}
.bg-image h1 { padding-top:28px; font-size:30px; }
.bg-image p {font-size: 15px;}
.bg-right-img h4 {font-size: 21px;}
.bg-right-img li { line-height: 23px; font-size: 15px;}
.section.bg-gray-light li {font-size: 15px; line-height: 23px;}
.hilite-large-title.title-style-2 span { font-size:48px; margin-top:41px; text-align:left; }
.contact-section { margin-top: 30px; margin-bottom: 30px;}
span.s-title-one-contact { font-size: 44px; font-weight: 600;}
.addres-list li span br { display: none;}
form.row.bg-gap { padding: 15px;}
.addres-list { margin-bottom: 30px;}
.client button.slick-prev.slick-arrow {left: 0px;}
.client button.slick-next.slick-arrow {right: 0px;}
.custom-slider .carousel-inner p { font-size: 14px; line-height: 18px;}
.footer-bottom p.copyright.text-uppercase {text-align: center; font-size: 14px;}
.topbar-header {display: none;}
.custom-slider .carousel-caption {width: 70%;}
.about-header .breadcrumb  { margin-bottom:0px; }
.right-bg-whites h3 {font-size: 22px}
.right-bg-white p {font-size: 15px;line-height: 23px;}
.right-bg-white h2 {font-size: 18px;}
.right-bg-whites h2 {font-size: 18px;}

}



@media (max-width: 736.98px) { 
.service-box-title span { font-size: 24px; line-height: 9px;}
ul.address1 li a { font-size: 14px;}
.addres-list li { line-height: 23px; font-size: 14px;}
.addres-list li a { font-size: 14px;}
.footer-top p {font-size: 14px; line-height: 23px; text-align: left;}

 } 

@media (max-width:767px) {
 .navbar ol, ul { padding-left: 0px !important;}
.navbar .search-box {position: relative;height: 40px; width: 40px; display: none;}
/*.logo { position: absolute; left: 47%;}*/
.logo img {width: 100%;max-width:180px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.service-border-box {margin-top: 0px;     background-color: transparent;}
.section-full {padding-top: 40px;padding-left: 0px;padding-right: 0px;padding-bottom: 40px;}
.custom-slider h5 { font-size: 10px; padding-left: 8px; margin-bottom: 0px;}
.custom-slider .carousel-control-next-icon, .custom-slider .carousel-control-prev-icon { width:30px; height:30px; }
.about-section { margin-top: 30px; margin-bottom: 30px;}
.since { margin-top: -83px; font-size: 35px; padding-right: 17px; max-width: 50%;}
.border-left img { margin-bottom: 30px; height: 100%; object-fit: cover;}
.overlay-main.site-bg-secondry.opacity-08 {position: relative; padding-bottom: 30px;}
.cog img {display: none;}
.bg-image h1 { padding-top:28px; font-size:30px; }
.bg-image p {font-size: 15px;}
.bg-right-img h4 {font-size: 21px; margin-bottom: 21px;}
.bg-right-img li { line-height: 23px; font-size: 15px;}
.section.bg-gray-light li {font-size: 15px; line-height: 23px;}
.hilite-large-title.title-style-2 span { font-size:48px; margin-top:41px; text-align:left; }
.contact-section { margin-top: 30px; margin-bottom: 30px;     padding: 10px;}
span.s-title-one-contact { font-size: 35px; font-weight: 600;}
.addres-list li span br { display: none;}
form.row.bg-gap { padding: 15px;     margin-top: 0px;}
.addres-list { margin-bottom: 30px; padding: 10px;}
.client button.slick-prev.slick-arrow {left: 0px;}
.client button.slick-next.slick-arrow {right: 0px;}
.custom-slider .carousel-inner p {font-size: 12px;line-height: 15px;}
.footer-bottom p.copyright.text-uppercase {text-align: center !important; font-size: 14px;}
.topbar-header {display: none;}
.custom-slider .carousel-caption {width: 70%;}
.about-header { padding: 20px 7px; background-repeat: no-repeat; background-size: 100%; background-position: center; min-height: 0px;}
.about-page { margin-top: 30px; margin-bottom: 0px;}
.about-header h2 {font-size: 20px;}
.right-bg-white { margin-top: 0px; padding: 15px; right: 0px; left: 0px; width: 100%;}
.space-bottom { margin-bottom: 0px;}
.timeline-section {margin-top: 20px; margin-bottom: 20px;     padding: 20px;padding-left: 0px;padding-right: 0px;}
.about-page { margin-top: 14px; margin-bottom: 14px;}
.about-header .breadcrumb  { margin-bottom:0px; }
.navbar .bx-menu { float: right; justify-content: right; display: flex; width: auto; position: absolute; right:0px; }
.footer-top h4 { margin-top: 20px; font-size: 18px;}
.accordion-body ul { list-style: none;}
.about-header-bg img { margin-bottom: 30px;}
.about-header-bg {padding: 8px 0px 20px;}
.about-header li { font-size: 14px; color: #fff !important;}
.contact-one h2 { margin-bottom: 10px; margin-top: 10px; font-size: 32px;}
.footer-top { padding: 20px 0 0px;}
.about-section h4 {margin-top: 30px; font-size: 22px;}
.service-box-content p { display: flex; height: auto; flex-wrap: wrap;}
.service-box-title { padding-left: 4px;}
.section.bg-gray-light { padding-top:30px;    padding-bottom: 50px; }
.client { margin-top: 50px; margin-bottom: 50px;}
iframe { margin-bottom: 30px; height: auto;}
.about-page h3 {font-size: 22px; margin-top: 30px;}
.right-bg-white h3 {font-size: 22px;}
.about-header-bg .accordion-button {font-size: 17px;}
.about-header-bg .accordion-button:not(.collapsed) {font-size: 17px;}
ul.certificates { list-style: none;}
img.img-fluid.industries {margin-bottom: 15px; height: auto;}
/*.row.row-margin-left { margin-left: 0px;}*/
.footer-top img {display: block;}
.strength h4 { margin-top: 30px;}
.news-card img { height: 100%;}
.map-location { margin-top: 15px; margin-bottom: 15px;}
.contact-info-section { padding: 13px;}
.hilite-large-title.title-style-2 { margin-bottom: 40px;}
.custom-navbar { box-shadow: none;}
.img-fluid.bg {width: 100%;display: none;}
.client .col {flex: 50%;}
section.custom-space-section {margin-top: 30px;}
.custom-slider .carousel-item { height: auto;}
.section-full.bg-gray-light { padding: 20px; padding-left: 0px; padding-right: 0px;}
.bg-white-service {padding: 20px;}
.about-section .btn-primary { margin-bottom: 30px;}
.about-section .border-left { height: auto;}
.overlay-main.site-bg-secondry.opacity-08 {padding: 20px; padding-left: 0px; padding-right: 0px;}
.our-image { height: auto; margin-bottom: 30px;}
.wt-media { height: auto; margin-bottom: 30px;}
.client {padding: 20px; padding-left: 0px; padding-right: 0px;}
.client .card {padding: 10px;}
.foter-menu ul {display: grid;gap: 8px;justify-content: left;margin: 0px;text-align: left;}
.addres-list ul {display: grid;justify-content: center;gap: 10px;}
.foter-menu li a {font-size: 14px;}
.section.bg-gray-light h4 {font-size: 18px;}
.subtitle-about h2 {font-size: 16px;}
.subtitle-about h3 {font-size: 16px;}
.about-pages p {font-size: 15px;line-height: 24px;}
.about-header-bg .accordion-body li {line-height: 28px;font-size: 15px;}
.left-image-elect {height: auto;}
.vibrationimg { height: auto;}
.install { height: auto;}
ul.certificates li {  font-size: 15px;line-height: 25px;}
.about-header-bg p {text-align: left;font-size: 15px;margin-bottom: 20px;line-height: 26px;}
.indusimage {height: auto;overflow: hidden;}
.vibration-img {height: auto;overflow: hidden;}
.footer-top p br { display: none;}
.custom-slider .carousel-inner p br { display: none;}
.contacus {height: auto;}
.about-section .border-left img { margin-bottom: 0px;}
.column-reverse {display: flex;flex-direction: column-reverse;}
.about-bg {padding: 0px;padding-left: 0px;padding-right: 0px;}
 .aboutt {
    height: auto;
}  

}


@media (min-width: 375px) and (max-width: 667px) {
ul.address1 li a { font-size: 14px;}
.addres-list li { line-height: 23px; font-size: 14px;}
.addres-list li a { font-size: 14px;}
.footer-top p { font-size: 14px; line-height: 23px; text-align: left;}
.since { margin-top: -86px; font-size: 31px; padding: 5px; max-width: max-content;}
.footer-bottom p.copyright.text-uppercase {text-align: center !important; font-size: 11px;}
}


@media (min-width: 768px) and (max-width: 1199.98px) { 
.section-full {padding-top: 13px;}
.custom-slider h5 { font-size: 26px; padding-left: 8px;}
.custom-slider .carousel-control-next-icon, .custom-slider .carousel-control-prev-icon { width:30px; height:30px; }
.about-section { margin-top: 30px; margin-bottom: 30px;}
.since { margin-top: -97px; font-size: 38px; padding: 5px; max-width: max-content;}
.border-left img { margin-bottom: 30px; height: 100%; object-fit: cover;}
.border-left img { margin-bottom: 30px; padding-bottom: 10px;}
img.img-fluid.bg { width: 100%; display: none;}
.cog img {display: none;}
.bg-image h1 { padding-top:0px; font-size:30px; }
.bg-image p {font-size: 15px;}
.bg-right-img h4 {font-size: 21px;}
.bg-right-img li { line-height: 23px; font-size: 15px;}
.section.bg-gray-light li {font-size: 15px; line-height: 23px;}
.hilite-large-title.title-style-2 span { font-size:52px; margin-top:41px; text-align:left; }
.contact-section { margin-top: 30px; margin-bottom: 30px; padding: 50px;}
span.s-title-one-contact { font-size: 30px; font-weight: 600;}
.addres-list li span br { display: none;}
form.row.bg-gap { padding: 15px; margin-top: -70px;}
.addres-list { margin-bottom: 30px;}
.client button.slick-prev.slick-arrow {left: 0px;}
.client button.slick-next.slick-arrow {right: 0px;}
.custom-slider .carousel-inner p { font-size: 15px; line-height: 23px; width:100%;}
.footer-bottom p.copyright.text-uppercase {text-align: left; font-size: 14px;}
nav .navbar .links li a {font-size: 17px;padding: 8px 0px 13px;line-height: 0px;}
.bg-white-service {width: 100%; padding: 20px;}
.bg-image img { height: 100%; object-fit: cover;}
ul.info-list li { font-size: 11px; }
.social-media ul { margin: 0px; padding: 0px; list-style: none; gap: 9px; justify-content: center;}
.social-media li { line-height: 30px; text-align: center; font-size: 11px; }
ul.info-list {justify-content: center;}
.about-section p { font-size: 15px; line-height: 24px;}
.why-list li { line-height: 24px; font-size: 15px;}
.right-bg-white {margin-top: 0px;  padding: 25px; left: 0px;}
.about-header { padding: 60px; min-height: 0px;}
div#accordionExample { margin-top: 30px;}
.timeline-section {margin-top: 20px; margin-bottom: 20px;         padding: 20px;padding-left: 0px; padding-right: 0px}
.client { margin-top: 20px; margin-bottom: 20px; padding: 20px;}
.left-image-elect img { width: 100%; height: 100%; object-fit: cover;         object-position: center;}
.about-page { margin-top: 30px; margin-bottom: 30px;}
.about-page img { height: 100%; object-fit: cover;}
.space-bottom { margin-bottom: 0px;}
.col-lg-7.right-bg-whites { margin-top: 30px;}
.timeline-section-space {padding-top: 30px; padding-bottom: 30px;}
.addres-list li { line-height: 27px; font-size: 14px;}
.contact-one h2 { margin-bottom: 15px; margin-top: 15px; font-size: 30px;}
.footer-top h4 { margin-top: 20px; font-size: 21px;}
p.skill-text { font-size: 15px;}
.contact-section input { width: 100%; background-color: #f7f9fa; padding: 11px 7px; margin-bottom: 15px;}
.service-box-title span {font-size: 25px;}
ul.address1 li a { font-size: 14px;}
.addres-list li { line-height: 23px; font-size: 14px;}
.addres-list li a { font-size: 14px;}
.footer-top p {font-size: 14px; line-height: 23px;}
.footer-top p br { display: none;}
.news-card img { height: 100%;}
img.img-fluid.industries { height: 100%; width: 100%; object-fit: cover; padding-bottom: 21px;}
.row.row-margin-left { margin-left: 0px;}
.right-bg-whites h3 {width: 100%; box-sizing: content-box; font-size: 22px;} 
.about-header-bg img { height: 100%; object-fit: cover; width: 100%;}
.news-card { height: 20rem}
.news-card:hover .news-card__details-wrapper { max-height: 20rem; opacity: 1; }
.news-card:hover .news-card__text-wrapper { background-color: rgba(0, 0, 0, 0.6);}
.news-card:hover .news-card__title { color: yellow; }
.news-card:hover .news-card__image { transform: scale(1.2); z-index: -1;}
.about-section h4 {font-size: 24px;}
.strength h4 { margin-top: 30px;}
.wt-media img { width: 100%;}
.about-header-bg { padding: 20px 0 5px;}
.service-box-content p { text-align: center; display: flex; height:auto; flex-wrap: wrap;}
.section.bg-gray-light { padding-top: 40px; padding-bottom: 40px;}
.contact-info-section {padding: 20px;}
.map-location { margin-top: 20px; margin-bottom: 20px;}
.hilite-large-title.title-style-2 { margin-bottom: 45px;}
.about-page h3 {margin-top: 20px;}
.social-media {float: none;}
section.custom-space-section { margin-top: 50px;}
iframe { margin-bottom: 30px;}
.footer-top {padding: 20px;}
.news-card { min-width: auto;}
.custom-slider .carousel-item { height: auto;}
.overlay-main.site-bg-secondry.opacity-08 {padding: 20px;}
.bg-image .btn-primary { margin-top: 0px;}
.bg-image ul {margin-bottom: 20px;}
.wt-media img {width: 100%;object-fit: cover;object-position: center;}
.addres-list ul {margin: 0px;padding: 0px;list-style: none;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
.about-section .btn-primary { margin-bottom: 30px;}
.our-image { height: auto;margin-bottom: 30px;}
.wt-media { height: auto; margin-bottom: 30px;}
.subtitle-about h2 {font-size: 16px;}
.subtitle-about h3 {font-size: 16px;}
.about-pages p {font-size: 15px;line-height: 23px;}
.about-header-bg .accordion-button {font-size: 17px;}
.about-header-bg .accordion-button:not(.collapsed) {font-size: 17px;}
.about-header-bg .accordion-body li {line-height: 25px;font-size: 16px;}
.left-image-elect {height: auto;}
.right-bg-white p {font-size: 15px;line-height: 27px;}
.vibrationimg { height: 494px;}
.right-bg-white h2 {font-size: 19px;}
.about-header-bg p {font-size: 15px;line-height: 25px;}
ul.certificates li {font-size: 15px;line-height: 25px;}
.right-bg-white h3 {font-size: 22px;}
.custom-slider .carousel-inner p br { display: none;}
.contact-info {height: 100%;}
 
}


@media (min-width: 1200px) and (max-width: 1366px) {
nav .navbar .links li {padding: 0px 14px;}
img.img-fluid.bg { height: 64vw; object-fit: cover;}
.hilite-large-title.title-style-2 span {font-size: 96px;}
.space-bottom { margin-bottom: 20px;}
.right-bg-white p {font-size: 16px;line-height: 30px;}
ul.certificates li { font-size: 18px; line-height: 32px;}
.about-page p { font-size: 18px; line-height: 32px; text-align: left;}
.timeline-section-space p { font-size: 18px; line-height: 32px;}
.since { margin-top: -138px; font-size: 46px;}
.about-section img { height: 100%; object-fit: cover;}
.bg-right-img h4 {color: #333;font-size: 25px;font-weight: 700;}
.social-media li {line-height: 34px;text-align: center;font-size: 13px;}
ul.info-list li {color: #fff;font-size: 13px;}
.install { height: 610px;}
.footer-top p br {display: none;}
.overlay-main.site-bg-secondry.opacity-08 {padding: 100px;padding-left: 0px;padding-right: 0px;}
.client  { padding: 100px;padding-left: 0px;padding-right: 0px;}
.about-header-bg { padding: 100px; padding-left: 0px; padding-right: 0px;}
.timeline-section { padding: 100px; padding-left: 0px; padding-right: 0px;} 
.footer-top {padding: 100px;padding-left: 0px;padding-right: 0px;}
} 


@media (min-width: 1367px) and (max-width: 1700px) {
.footer-top p br { display: none;}
img.img-fluid.bg {height: 53vw;}
.social-media li {line-height: 34px;text-align: center;font-size: 13px;}
ul.info-list li {color: #fff;font-size: 13px;}

}

@media (max-width:920px) { nav .navbar .logo a{ font-size: 27px;}
.navbar .links li{ padding: 0 7px; white-space: nowrap;}
.navbar .links li a{ font-size: 17px;}
}



@media (max-width:800px)
{ .navbar .bx-menu { display: grid;}
  nav .navbar .nav-links{ position: fixed; top: 0; right: -100%; display: block; max-width: 270px; width: 100%; background:  #fff; line-height: 40px; padding: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000;}
  .navbar .nav-links .sidebar-logo{ display: flex; align-items: center; justify-content: flex-start;}
  .sidebar-logo .logo-name{ font-size: 25px; color: #fff; }
  .sidebar-logo i, .navbar .bx-menu { font-size: 46px; color: #000;}
  nav .navbar .links{ display: block; margin-top: 20px; }
  nav .navbar .links li .arrow{ line-height: 40px;}
  nav .navbar .links li{ display: block;}
  nav .navbar .links li .sub-menu{ position: relative; top: 0; box-shadow: none; display: none; left: 29px;}
  nav .navbar .links li .sub-menu li{ border-bottom: none;}
.navbar .links li .sub-menu .more-sub-menu{ display: none; position: relative; left: 0;}
.navbar .links li .sub-menu .more-sub-menu li{ display: flex; align-items: center; justify-content: space-between;}
.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow{ transform: rotate(0deg); }
.navbar .links li .sub-menu .more-sub-menu{ display: none;}
.navbar .links li .sub-menu .more span{ display: flex; align-items: center;}
.links li .sub-menu .more:hover .more-sub-menu{ display: none;}
nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu{ display: none; }
.navbar .nav-links.show1 .links .htmlCss-sub-menu,
.navbar .nav-links.show3 .links .js-sub-menu, .navbar .nav-links.show2 .links .more .more-sub-menu{ display: block;}
.navbar .nav-links.show1 .links .htmlcss-arrow, .navbar .nav-links.show3 .links .js-arrow{ transform: rotate(180deg);}
.navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg); }
nav .navbar .nav-links {padding-left: 0px; padding-right: 0px;}
.sidebar-logo .logo-name img {width: 100%; max-width: 180px}
nav .navbar .links li a {padding-left: 0px;}
ul.links { padding-left: 0px;}
}


@media (max-width:370px) { nav .navbar .nav-links
  { max-width: 100%;} 
}

.gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;padding: 20px;}
.gallery-item {position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;}
.gallery-item img {width: 100%;height: auto;transition: transform 0.3s ease;}
.gallery-item:hover img {transform: scale(1.1);}
.gallery-item .image-text {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;padding: 15px;text-align: center;font-size: 22px;transition: background 0.3s ease, font-size 0.3s ease;display: flex;height: 100%;justify-content: center;align-items: center;}
.gallery-item:hover .image-text {background: rgba(0, 0, 0, 0.8);font-size: 1.4rem;}
@media (max-width: 900px) {.gallery { grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {
.gallery { grid-template-columns: 1fr;}
.gallery-item .image-text { font-size: 16px;}
.gallery-item:hover .image-text {font-size: 15px; }}