*{ margin: 0; padding: 0; font-family: 'Outfit';}
@font-face {font-family: 'Outfit';src: url('../fonts/Outfit-Bold.woff2') format('woff2'),url('Outfit-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'Outfit';src: url('../fonts/Outfit-Regular.woff2') format('woff2'),url('Outfit-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Outfit';src: url('../fonts/Outfit-Medium.woff2') format('woff2'),url('Outfit-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: 'Outfit';src: url('../fonts/Outfit-SemiBold.woff2') format('woff2'),url('Outfit-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}


:root {
  --bs-blue-top-bar: #eb1f27;
  --bs-text-color: #eb1f27;
  --bs-box-icon: #eb1f27;
  --bs-heading-section: #eb1f27;
  --bs-button-primary: #eb1f27;
  --bs-button-primary-hover: #000;
  --bs-box-since:#eb1f27;
  --bs-arrow:#eb1f27;
  --bs-left-line:#eb1f27;
  --bs-text-hover:#eb1f27;
  --bs-blue-footer: #101010;
  --bs-blue-footers:#181818;
}

.nav .navbar{ height: 100%; max-width: 1320px; width: 100%; display: flex; align-items: center; justify-content: space-between; margin: auto;  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: #333; font-size: 19px; font-family: 'Outfit'; padding: 0 14px; font-weight: 500;}
.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: 130px;}
.carousel-item img { width: 100%;}
.custom-slider p { text-align: center;font-size: 17px; margin-bottom: 0px;}
.service-box-content p { text-align: left; display: flex; height: 26%; flex-wrap: wrap; font-size: 18px;}
.topbar-header { background:var(--bs-blue-top-bar); }
ul.info-list i { font-size: 18px; position: relative; top: 3px; color: #fff;}
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;
    padding: 10px;
    justify-content: center;
}
.social-media li a { color: #fff; text-decoration: none;}
.social-media li { line-height: 46px; 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 {display: flex;justify-content: center; background-color: #eb1f27;}
.social-media {
    display: none;
}
.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%;  }
.custom-slider .carousel-control-next, .custom-slider .carousel-control-prev {width:34%;}


.custom-slider h5 { font-weight: 700; font-family: 'Outfit'; font-size: 45px;  padding-left: 14px;}
.custom-slider .carousel-indicators [data-bs-target] {height: 7px; background-color: #1595ba;}
.section-full.bg-gray-light {background-color: #fff;padding: 0px;padding-left: 0px;padding-right: 0px; margin-top: 100px;}
.service-border-box { display: flex;}
.bgs-color {background: #f1f1f1a8;padding: 100px;padding-left: 0px;padding-right: 0px;}
.bg-white-service {padding: 15px; height: 100%; display: flex; flex-direction: column; width: 100%;}
.service-box-title span { font-size: 20px;  text-align: left; line-height: 32px; font-weight: 600; color:#333333;}
.service-box-title { margin-bottom: 2px;}
.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; font-family: 'Outfit'; text-align: right;}
.box-inner-icon {width: 80px;height: 70px;background: #fff;text-align: center;line-height: 89px;border-radius: 100%; box-shadow: 0px 4px 50px -1px rgba(0 0 0 / .1)}
.box-inner-icon i { font-size: 36px; color: #eb1f27;}
span.s-title-two { color: #333;}
.header-sticky.fixed {position: fixed; top: 0;left: 0;width: 100%;background-color: #fff; z-index: 1000;}
.header-sticky.fixed .header-sticky-top {background: #fff;}
.header-sticky.fixed nav .navbar .links li a {color: #333;}
.about-section h1 { font-size: 30px; font-weight: 700; color:#333333;}
.why-list li { line-height: 40px; font-size: 18px;}
.about-section p {font-size: 16px;line-height: 31px;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: #001c33; color: #fff; border-color: #001c33;}
.since {position: relative;margin-top: -59px;z-index: 999;color: #fff;font-weight: 800;text-align: center;padding-right: 47px;font-size: 40px;background: var( --bs-box-since);width: 100%;float: right;height: 100%;}
.overlay-main.site-bg-secondry.opacity-08 {background: #f6f6f6;padding: 100px;padding-left: 0px;padding-right: 0px;}
.our-image {height: 360px;overflow: hidden;}
.our-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.our-image img:hover {transform: scale(1.3);}
.bg-image { position: relative; width: 100%;}
.bg-image p {text-align: left;color: #333;font-size: 18px;margin-top: 20px;line-height: 30px;margin-bottom: 20px;}
.bg-image h1 {color: #333;text-align: center;font-size: 30px;font-weight: 700;margin-bottom: 50px;}
.bg-right-img p { text-align: left; color: #333; font-size: 18px;     line-height: 40px;}
.bg-right-img li {color: #333;line-height: 29px;font-size: 16px;}
.bg-right-img h4 {color: #333;font-size: 22px;font-weight: 700;margin-bottom: 0px;}
.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: #333;font-size: 20px;}
.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;}
.wt-media { height: 416px;overflow: hidden;}
.wt-media img:hover {transform: scale(1.3);}
.wt-media img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.bg {background-color: #f6f6f6;padding: 100px;padding-left: 0px;padding-right: 0px;}
.bg ul {margin: 0px;padding: 0px;list-style: none;}
.bg li {color: #333;line-height: 31px;font-size: 18px;margin-bottom: 11px;}
.bg h4 {color: #333333;font-size: 30px;font-weight: 700;border-left: 7px solid var( --bs-left-line);padding-left: 9px;}
.section.bg-gray-light { background-color: #fff; }
.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;}
.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 {margin: 8px;border: 1px solid rgb(0 0 0 / 8%);border-radius: 0px;width: 100%;margin-bottom: 16px;height: 100%;align-items: center;display: flex;justify-content: center;min-height: 180px;max-height: 180px;overflow: hidden;}
.client .card img {margin-bottom: 0px;display: block;transition: transform 0.5s ease;}
.client .card img:hover {transform: scale(1.3);}
.about-section .border-left img:hover {transform: scale(1.3);}
.about-section .border-left img {width: 100%;height: 100%;transition: transform 0.5s ease;}
.about-section .border-left {height: 580PX;overflow: hidden;}
.about-section .border-lefts {height: 410PX;overflow: hidden;}
.about-section .border-lefts img {width: 100%;height: 100%;transition: transform 0.5s ease;}
.about-section .border-lefts img:hover {transform: scale(1.3);}
.footer-top img {width: 100%;max-width: 230px;margin-bottom: 30px;}
.footer-top p {font-size: 18px;line-height: 26px;font-weight: 300;text-align: center;margin-bottom: 30px;}
.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;}
.addres-list ul {margin: 0px;padding: 0px;list-style: none;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
.addres-list li {line-height: 35px;font-size: 15px;}
.addres-list li a {color: #fff;font-size: 18px;font-weight: 300;}
.footer-top p {font-size: 18px;line-height: 26px;font-weight: 300;text-align: center;margin-bottom: 30px;}
.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: 24px; color: #333;}
.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 11px; 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); position: relative;}
form.row.bg-gap { padding: 30px;}
.bgimage-contact img {width: 100%;height: 100%;object-fit: cover;}
.bgimage-contact {height: 710px;}
.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;}
.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 {background: var(--bs-blue-footer);padding: 50px 0 50px;background-image: url(../images/foter-bg.jpg); background-repeat: no-repeat;background-size: cover;background-position: center;}
.footer-top h4 { font-size: 25px; font-weight: 600;  font-family: 'Outfit';}
.footer-top p { font-size: 18px; line-height: 26px; font-weight: 300; text-align: center;}
.footer-bottom { background:var(--bs-blue-footers); padding: 10px 0px;}
.copyright { font-size: 18px;}
.footer-bottom p.copyright.text-uppercase { text-transform: capitalize !important; margin-bottom: 0px; text-align: left;}
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: 100px 0; background-repeat: no-repeat; min-height: 280px; background-size:cover; background-position: center;}
.about-header h2 {font-size: 36px; font-weight: 700; color: #FFF; font-style: normal; line-height: 1; margin-bottom: 3px;}
.about-header li a { color:  var(--bs-button-primary); text-decoration: none;}
.about-header li { font-size: 17px; color: #FFF !important;}
.footer-top { padding: 100px; }
.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: 30px; color:var(--bs-heading-section); border-left: 5px solid; padding-left: 9px; font-weight: 700;}
.about-page p { font-size: 18px; line-height: 29px; text-align: left;}
.left-image-elect img { width: 100%; height: 100%; object-fit: cover;}
.right-bg-white p { font-size: 18px; line-height: 32px; text-align: left;} 
.right-bg-white h3 {  color: var(--bs-heading-section); border-left: 5px solid; padding-left: 9px; font-size: 30px; font-weight: 700;}
ul.certificate { display: flex; list-style: none; gap: 41px;}
.about-header-bg { background-image: url(../images/1-2.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
 .about-header-bg p { text-align: left; font-size: 18px;}
 .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: 30px; color:var(--bs-heading-section);}
 .about-header-bg .accordion-button { font-weight: 700; font-size: 30px; 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: 1px solid #cccccc30;}
ul.certificates li { font-size: 18px; line-height: 31px;}
.right-bg-whites h3 { font-size: 30px; 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 { padding: 100px;}
.p-b50 { padding-bottom: 50px;}
.contact-one { position: relative;}
.contact-info-section { padding: 30px; background-color: #00173c; 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-heading-section); 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;}
.contact-one h1 { margin-bottom: 30px; margin-top: 30px; font-weight: 700; font-size: 40px;}
.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: 20px;}
.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;}
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;}
section.custom-space-section { margin-top: 100px;}
iframe { width: 100%;}
.bg-right-img a {text-decoration: none;}
.about-section a {text-decoration: none;}
.aboutt {height: 463px; overflow: hidden;}
.aboutt img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;object-position: center;}
.aboutt img:hover {transform: scale(1.2);}
.tab-custom .nav-tabs .nav-link {margin-bottom: -1px;background: 0 0;border: 0px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;font-weight: 700;font-size: 22px;color: #333;}
.tab-custom .nav-tabs {border-bottom: 1px solid #dee2e6;justify-content: start;} 
.tab-custom .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #ffffff !important;background-color: #eb1f27 !important;border-color: #dee2e6 #dee2e6 #fff;border-radius: 15px 15px 0px 0px;}
.tab-custom .accordion-body {padding: 1rem 1.25rem;padding-left: 0px;}
.tab-custom .accordion-body ul {padding-left: 0px; list-style: none;}
.about-header-bgs.tab-custom li {line-height: 33px;font-size: 18px;}
.left-image-elect img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;object-position: center;}
.left-image-elect {height: 454px;overflow: hidden;}
.left-image-elect img:hover {transform: scale(1.2);}
.subtitle-about h2 {font-size: 24px;font-weight: bold;}
.right-bg-white {margin-top: 0px;background-color: #ffffff;position: relative;width: 100%;padding: 40px;box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;height: 100%;display: flex;flex-direction: column;vertical-align: middle;justify-content: center;}
.right-bg-white h2 {font-size: 21px;font-weight: 700;}
.vibrationimg {height: 407px;overflow: hidden;}
.vibrationimg img {height: 100%;width: 100%;object-fit: cover;object-position: right;transition: transform 0.5s ease;}
.vibrationimg img:hover {transform: scale(1.2);}
.right-bg-whites h2 {font-size: 23px;}
.install {height: 530px;overflow: hidden;}
.install img {height: 100%;width: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.install img:hover {transform: scale(1.2);}
.about-header-bg {background: #f1f1f1a1;padding: 100px;padding-left: 0px;padding-right: 0px;}
.header-sticky-top .black-logo {display: none;}
.header-sticky.fixed .black-logo {display: block;}
 .header-sticky.fixed .white-logo  {display: none;}  
.card-bg-color-social-contact {padding-top: 40px;background: #fff;border-radius: 0px 0px 20px 20px;height: 100%;box-shadow: 0px 0px 31px 0px rgba(3,15,39,0.07);padding-bottom: 40px;}
.card-bg-color-social-contact .card-tiltle-inner {color: #ed1c24;}
.card-tiltle-inner {text-align: center;padding-bottom: 10px;padding-top: 10px;font-weight: 700;font-size: 23px;line-height: 37px;}
.card-bg-color-social-contact p {text-align: center;font-size: 17px;padding-left: 20px;padding-right: 20px;margin-bottom: 0px;line-height: 30px;}
.conact-us-bg-image p a {color: #333;text-decoration: none;}
.contact-us img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;object-position: center;}
.contact-us {height: 570px;overflow: hidden;}
.contact-us img:hover {transform: scale(1.2);}
.card-image-bg-icon-gray {text-align: center;line-height: 30px;font-size: 40px;color: #ed1c24;}

.timeline {position: relative;max-width: 1320px;margin: auto;}
.timeline::after {content: '';position: absolute;width: 3px;background: #eb1f27;top: 0;bottom: 20px;left: 50%;margin-left: -3px;}
.timeline-item {display: flex;align-items: center;justify-content: space-between;padding: 20px;position: relative;border-radius: 8px;width: 100%;margin-bottom: 20px;padding-top: 0px;}
.timeline-item .text {width: 48%;}
.text li::before {content: "\ea55";font-family: boxicons !important;font-size: 24px;}
.text p {text-align: left;line-height: 34px;}
.text li {line-height: 32px;display: flex;align-items: center;font-size: 17px;}
.text ul {margin: 0px;padding: 0px;list-style: none;}
.timeline-item img {width: 50%;background-color: #fbfbfb;padding: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-bottom: 3px solid #eb1f27;border-radius: 0px;}   
.text h2 {color: #333333;font-size: 30px;font-weight: 700;border-left: 7px solid var(--bs-left-line);padding-left: 9px;}
@media screen and (max-width: 600px) {
.timeline::after {left: 20px;}
.timeline-item {flex-direction: column;text-align: center;}
.timeline-item .text, .timeline-item img {width: 100%;}

}

.client-bg {background: #cccccc26;padding: 100px;}
.header-sticky.fixed .topbar-header { display: none;}
span.help-block.form-error {color: red;font-size: 13px;}
.subtitle-about h1 {font-size: 24px;font-weight: bold;}



@media (320px <= width <= 480px){
.navbar ol, ul { padding-left: 0px !important;}
.navbar .search-box {position: relative;height: 40px; width: 40px; display: none;}
.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: 10px;}
.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;}
.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;}
.contact-one button.site-button.site-btn-effect {margin-bottom: 30px;}

}



@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;}

 } 

@media (max-width:767px) {
 .navbar ol, ul { padding-left: 0px !important;}
.navbar .search-box {position: relative;height: 40px; width: 40px; display: none;}
.logo img {width: 100%;max-width: 50%;position: relative; right: 9px;}
nav .navbar { max-width: 100%; padding: 12px 8px;}
.service-border-box {margin-top: 0px; display: grid;}
.section-full {padding-top: 13px;}
.custom-slider h5 { font-size: 18px; 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;}
.border-left img {  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;}
.addres-list { margin-bottom: 30px; padding: 10px;  padding-left: 0px;}
.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 !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; margin-top: 0px;}
.right-bg-white { margin-top: 0px; padding: 20px; right: 0px; left: 0px; width: 100%;}
.space-bottom { margin-bottom: 0px;}
.timeline-section {margin-top: 20px; margin-bottom: 20px;}
.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:30px 0 0px;}
.about-section h4 {margin-top: 10px; font-size: 27px;}
.service-box-content p { display: flex; height: auto; flex-wrap: wrap; text-align: center; font-size: 15px;}
.service-box-title { padding-left: 4px; border-left: 0px; text-align: center;}
.section.bg-gray-light { padding-top:30px;    padding-bottom:10px; }
.client { margin-top: 50px; margin-bottom: 50px;}
iframe { margin-bottom: 30px;}
.about-page h3 {font-size: 22px; margin-top: 30px;}
.right-bg-white h3 {font-size: 22px;}
.about-header-bg .accordion-button {font-size: 22px;}
.about-header-bg .accordion-button:not(.collapsed) {font-size: 22px;}
ul.certificates { list-style: none;}
img.img-fluid.industries {margin-bottom: 15px; height: auto;}
.footer-top img {display: none;}
.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;}
.overlay-main.site-bg-secondry.opacity-08 {position: relative;padding-bottom: 30px;background: #f6f6f6; padding-top: 0px;}
.client .col {flex: 50%; padding: 6px;}
section.custom-space-section {margin-top: 30px;}
.white-logo {display: none;}
.header-sticky-top .black-logo {display: block;}
.header-sticky .header-sticky-top {position: sticky;top: 0px;background: transparent;z-index: 9999;width: 100%;}
.foter-menu ul { display: grid;gap: 7px;justify-content: left;margin: 0px;text-align: left; list-style: none;}
.footer-top img {display: block;width: 100%;max-width: 130px;}
.header-sticky.fixed {position: sticky;top: 0;z-index: 999;}
.section-full.bg-gray-light {margin-top: 40px;}
.box-inner-icon {width: 80px;height: 80px;line-height: 94px;margin: auto;}
.bg-white-service a { text-align: center; margin: auto; display: table;}
.custom-slider .carousel-control-next, .custom-slider .carousel-control-prev { width: 8%;}
.bgs-color {padding: 7px;}
.about-section p {font-size: 15px;line-height: 24px;}
.why-list li {line-height: 31px;font-size: 15px; text-align: left;}
.why-list { margin-bottom: 30px;}
.wt-media { height: auto; overflow: hidden;}
.bg { padding-top: 11px; padding-bottom: 11px;}
.bg li {line-height: 25px;font-size: 15px;margin-bottom: 11px;}
.client p {font-size: 15px;}
.footer-top p br { display: none;}
.addres-list ul {display: grid; justify-content: left;}
.foter-menu li a {font-size: 15px;}
.client .card {margin: 0px; margin-bottom: 10px;}
.about-page p {font-size: 15px;}
.tab-custom .nav-tabs .nav-link {font-size: 15px;}
.about-header-bgs.tab-custom li {line-height: 25px;font-size: 15px;}
.left-image-elect { height: auto; overflow: hidden;}
ul.certificates li {font-size: 15px;line-height: 31px;}
.about-header-bg p {font-size: 15px;}
.install { height: auto;overflow: hidden;}
.vibrationimg {height: auto;overflow: hidden;}
.contact-us {height: auto;overflow: hidden;}
.card-bg-color-social-contact {height: auto; margin-bottom: 30px;}
.news-card__title {font-size: 17px;}
.custom-slider .carousel-inner p br {display: none;}
.about-section .border-left { height: 280PX; overflow: hidden;}
.text li { text-align: left;}
.client-bg {padding-left: 0px;padding-right: 0px;padding-top: 1px;padding-bottom: 1px;}
.text p {padding: 14px;}
.text h2 {font-size: 24px;font-weight: 700;border-left: 0px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;text-align: left;} 
.bgimage-contact { height: 300px; margin-top: 20px;}

}


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


@media (min-width: 768px) and (max-width: 1199.98px) { 
.service-border-box {display: grid;}
.section-full {padding-top: 30px; padding-bottom: 30px;     padding-left: 0px; padding-right: 0px;}
.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;}
.border-left img { margin-bottom: 30px; height: 100%; object-fit: cover;}
.border-left img { margin-bottom: 30px; padding-bottom: 10px;}
.overlay-main.site-bg-secondry.opacity-08 {position: relative; padding-bottom: 30px; background: #f6f6f6; padding-top: 0px;}
.why-list { margin-bottom: 30px;}
.img-fluid.bg { width: 100%; display: none;}
.cog img {display: none;}
.bg-image h1 { padding-top:28px; font-size:30px; color:#333; }
.bg-image p {font-size: 17px;}
.bg-right-img h4 {font-size: 21px;}
.bg-right-img li { line-height: 23px; font-size: 17px;}
.section.bg-gray-light li {font-size: 17px; 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;}
.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; color: #333;}
.bg-white-service {width: 100%;}
.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: 40px; text-align: center; font-size: 11px; }
ul.info-list {justify-content: center;}
.about-section p { font-size: 17px; line-height: 24px;}
.why-list li { line-height: 24px; font-size: 17px;}
.right-bg-white {margin-top: 0px;  padding: 15px 11px 17px 0px; left: 0px; padding: 20px;}
.about-header { padding: 60px; min-height: 0px; }
div#accordionExample { margin-top: 30px;}
.timeline-section {margin-top: 20px; margin-bottom: 20px;}
.client { margin-top: 20px; margin-bottom: 20px;}
.left-image-elect img { width: 100%; height: 100%; object-fit: cover; object-position: right;}
.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;}
.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: 20px;}
.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;         margin-top: 10px;}
.strength h4 { margin-top: 30px;}
.wt-media img { width: 100%;}
.about-header-bg { padding: 20px 0 5px;}
.service-box-content p { text-align: left; display: flex; height:auto; flex-wrap: wrap;     font-size: 17px;}
.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;     font-size: 25px;}
.social-media {float: none;}
section.custom-space-section { margin-top: 50px;}
iframe { margin-bottom: 70px; height: 100%;}
.footer-top {padding: 20px;}
.news-card { min-width: auto;}
.header-sticky .header-sticky-top {position: sticky;top: 0px;background: transparent;z-index: 9999;width: 100%;}
.header-sticky-top .black-logo {display: block;}
.header-sticky .header-sticky-top {position: sticky;top: 0px;background: transparent;z-index: 9999;width: 100%;}
.white-logo {display: none;}
.custom-slider .carousel-control-next, .custom-slider .carousel-control-prev { width: 4%;}
.box-inner-icon {width: 80px;height: 80px;line-height: 98px;}
.bgs-color {padding: 10px;}
.bg li {line-height: 22px;font-size: 17px;}
.bg {padding: 30px;}
.foter-menu li a {font-size: 16px;}
.client .card {margin: 0px; margin-bottom: 30px;}
.about-page p {font-size: 17px;}
.tab-custom .nav-tabs .nav-link {font-size: 17px;}
.about-header-bgs.tab-custom li {font-size: 17px;}
.right-bg-white p {font-size: 17px;}
.subtitle-about h2 {font-size: 18px;}
.about-header h2 {margin-top: 0px;}
.right-bg-white h3 {font-size: 20px;}
.right-bg-whites h2 {font-size: 18px;}
.contact-us {height: 460px;overflow: hidden;}
.card-bg-color-social-contact {margin-bottom: 30px; height: auto;}
.news-card__title {font-size: 17px;}
.bg-color-form {margin-top: 1px !important;height: 100%;}
.custom-slider .carousel-inner p br {display: none;}
.client-bg {padding-left: 0px;padding-right: 0px;padding-top: 1px;padding-bottom: 1px;}
}


@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: 18px; line-height: 32px;}
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;}
.service-box-content p { text-align: left; display: flex; height: 30%; flex-wrap: wrap; font-size: 17px;}
.about-section img { height: 100%; object-fit: cover;}
.bg-right-img h4 {color: #ffffff;font-size: 25px;font-weight: 700;}
.social-media li {line-height: 42px;text-align: center;font-size: 13px;}
ul.info-list li {color: #fff;font-size: 13px;}
.header-sticky .header-sticky-top {position: sticky;top: 0px;background: transparent;z-index: 9999;width: 100%;}
.header-sticky-top .black-logo {display: block;}
.header-sticky .header-sticky-top {position: sticky;top: 0px;background: transparent;z-index: 9999;width: 100%;}
.white-logo {display: none;}
nav .navbar .links li a {color: #333;}
.about-header h2 {margin-top: 0px;}
.custom-slider .carousel-inner p br {display: none;}
.custom-slider .carousel-control-next, .custom-slider .carousel-control-prev {
  width: 23%;
}
} 


@media (min-width: 1367px) and (max-width: 1700px) {
.bg-right-img h4 {color: #333;font-size: 24px;font-weight: 700;}
img.img-fluid.bg {height: 53vw;}
.bg-right-img li {color: #333;line-height: 31px;font-size: 18px;}
.social-media li {line-height: 45px;text-align: center;font-size: 13px;}
ul.info-list li {color: #333;font-size: 13px;}
nav .navbar .links li a {color: #333;}
.about-header h2 {margin-top: 40px;}

}

@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: 130px}
nav .navbar .links li a {padding-left: 0px; color: #333;}
ul.links { padding-left: 0px;}
}


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