| Current File : //var/www/html/css/vtp.css |
/* variables */
:root{
--black-color:#000;
--white-color:#fff;
--green-color:#0c9a5e;
--violet-color:#231834;
--yellow-color:#f6b71e;
--orange-color:#ff8700;
--blue-color:#1170f7;
--dark-blue-color:#3e4095;
--p-color:#0000008f;
--light-gray:#f9f9f9;
--radius3:3px;
--radius4:4px;
--radius5:5px;
--radius6:6px;
--radius10:10px;
--radius50:50%;
--filter-white:invert(100%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(107%) contrast(107%);
--filter-orange:invert(62%) sepia(58%) saturate(4638%) hue-rotate(2deg) brightness(105%) contrast(106%);
--filter-green:invert(40%) sepia(100%) saturate(389%) hue-rotate(103deg) brightness(96%) contrast(94%);
--filter-blue:invert(32%) sepia(76%) saturate(2587%) hue-rotate(206deg) brightness(96%) contrast(102%);
--filter-dark-blue:invert(23%) sepia(31%) saturate(3813%) hue-rotate(224deg) brightness(83%) contrast(86%);
--filter-yellow:invert(62%) sepia(95%) saturate(412%) hue-rotate(357deg) brightness(104%) contrast(93%);
}
/* variables */
/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;}
body{font-family: 'Montserrat';font-display: swap;}
a{text-decoration: none;display: inline-block;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #353535;font-family: 'Montserrat' !important;}
p{color: var(--p-color);font-size: 18px;margin: 10px 20px 30px;text-align: justify;line-height: 1.6;}
.textl{text-align: left;}
.textc{text-align: center;}
iframe{width: 100%;height: 100%;border: none;}
.textr{text-align: right;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat'; font-weight: inherit;}
@font-face {font-family: 'bahamas';src: url("../fonts/bahamas-fonts/Bahamas.ttf") format("truetype");font-style: normal; }
/* reset css */
/* owl-carousel css */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;font-size:28px}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff}
.owl-dots{text-align-last: center;margin-top: 32px;}
.owl-carousel button.owl-dot {width: 10px;height: 10px;display: inline-block;margin: 6px;border: 1px solid #00428e;}
.owl-carousel button.owl-dot.active{background: #e65a13;border: none;}
.owl-carousel button.owl-dot{width: 4px;height: 4px;background: #067cbd;display: inline-block;margin: 6px 2px;border-radius: 50%;}
.owl-carousel button.owl-dot.active{background: #f86a3a;width: 20px;border-radius: 10px;}
.owl-theme .owl-dots .owl-dot span{display: none;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;margin-bottom: 20px;}
/* owl-carousel css */
/* common css */
.fluid-container{width: 100%;max-width: 1480px;margin: 0 auto;padding: 0 20px;}
.big-fluid-container{width: 100%;max-width: 1780px;margin: 0 auto;padding: 0 20px;}
.wrapper{width: 100%;overflow: hidden;}
/* a.Index-page-a-btn{text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;padding: 14px 12px;border-radius: 15px;color: #fff;background: linear-gradient(33deg, #134b8ee3 10%, #2f8aca);text-transform: uppercase;margin: 40px auto 20px;} */
a.Index-page-a-btn {text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;padding: 14px 12px;border-radius: 15px;color: #fff;background: linear-gradient(33deg, #134b8ee3 10%, #2f8aca);text-transform: uppercase;margin: 70px auto 20px;}
a.Index-page-a-btn:hover{transition: all .4s;transform: translateY(-3px);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
a.theme-btn-s2{text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;padding: 14px 12px;border-radius: 15px;color: #fff;background: linear-gradient(33deg, #134b8ee3 10%, #2f8aca);text-transform: uppercase;margin: 40px 0 20px;}
.common-button-product-overview {display: inline-block;padding: 10px 24px;background: #fff;position: relative;transition: all 0.4s;border-radius: 8px 0 0 8px;text-transform: uppercase;letter-spacing: 1px;color: #054bb6;margin: 30px 0;}
.common-button-product-overview span.common-button-product-overview-a-sapn {position: absolute;right: -60px;height: 100%;font-size: 14px;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;width: 60px;border-left: 1px solid rgba(255,255,255,0.2);background: #054bb6;border-radius: 0px 8px 8px 0px;transition: all 0.4s;overflow: hidden;transform: initial;}
.common-button-product-overview span.common-button-product-overview-a-sapn img {width: 30px;filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(238deg) brightness(112%) contrast(101%);}
.common-button-product-overview span.common-button-product-overview-a-sapn .first-img {transition: all 0.2s;transform: translate(0,0);}
.common-button-product-overview span.common-button-product-overview-a-sapn .second-img {transition: all 0.2s;transform: translate(-60px,0px);color: #fff;position: absolute;}
.common-button-product-overview:hover span.common-button-product-overview-a-sapn .first-img {transform: translate(60px,0px);}
.common-button-product-overview:hover span.common-button-product-overview-a-sapn .second-img {transform: translate(0px,0px);}
/* common css */
/* responsive header css code */
/* 0. menu css */
html.hc-nav-yscroll {overflow-y: scroll;}
body.hc-nav-open {overflow: visible;position: fixed;width: 100%;min-height: 100%;}
.hc-offcanvas-nav {visibility: hidden;display: none;position: fixed;top: 0;height: 100%;z-index: 9999;}
.hc-offcanvas-nav.is-ios * {cursor: pointer !important;}
.hc-offcanvas-nav .nav-container {position: fixed;z-index: 9998;top: 0;width: 240px;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav .nav-wrapper {width: 100%;height: 100%;max-height: 100vh;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;}
.hc-offcanvas-nav .nav-content {height: 100%;max-height: 100vh;}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav ul {list-style: none;margin: 0;padding: 0;}
.hc-offcanvas-nav li {position: relative;display: block;}
.hc-offcanvas-nav li.level-open > .nav-wrapper {visibility: visible;}
.hc-offcanvas-nav input[type="checkbox"] {display: none;}
.hc-offcanvas-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
.hc-offcanvas-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer;}
.hc-offcanvas-nav a,.hc-offcanvas-nav a:hover {text-decoration: none;}
.hc-offcanvas-nav .nav-item {position: relative;display: block;box-sizing: border-box;}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after {content: "";position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease 0.4s, opacity 0.4s ease;}
.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible;opacity: 1;transition-delay: 50ms;}
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none;}
.hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none;}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease 0.4s;}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {max-height: none;}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-position-left {left: 0;}
.hc-offcanvas-nav.nav-position-left .nav-container {left: 0;-webkit-transform: translate3d(-240px, 0, 0);transform: translate3d(-240px, 0, 0);}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.hc-offcanvas-nav.nav-position-right {right: 0;}
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0;-webkit-transform: translate3d(240px, 0, 0);transform: translate3d(240px, 0, 0);}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.hc-offcanvas-nav.nav-position-top {top: 0;}
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-bottom {top: auto;bottom: 0;}
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto;bottom: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.hc-nav-trigger {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;top: 20px;z-index: 9980;width: 30px;min-height: 24px;}
.hc-nav-trigger span {width: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before {display: block;position: absolute;left: 0;height: 4px;background: #34495e;transition: all 0.2s ease;}
.hc-nav-trigger span::after,.hc-nav-trigger span::before {content: "";width: 100%;}
.hc-nav-trigger span::before {top: -10px;}
.hc-nav-trigger span::after {bottom: -10px;}
.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
.hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(10px, 0, 0);}
.hc-offcanvas-nav .nav-wrapper::after,
.hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3);}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul {background: #336ca6;}
.hc-offcanvas-nav h2 {font-size: 19px;font-weight: 400;text-align: left;padding: 20px 17px;color: #1b3958;}
.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a {padding: 14px 17px;font-size: 15px;color: #fff;z-index: 1;background: rgba(0, 0, 0, 0);}
.hc-offcanvas-nav:not(.touch-device) a:hover {background: #00c3ff;}
.hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {border-top: 1px solid #2c5d8f;margin-top: -1px;}
.hc-offcanvas-nav li {text-align: left;}
.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a {background: #2c5d8f;}
.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover {background: #2b5c8d;}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px;}
.hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px;}
.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;transition: background 0.2s ease;}
.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before {content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin-top: -3px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
.hc-offcanvas-nav li.nav-close span::before {margin-left: -9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {border-left: 1px solid #2c5d8f;}
.hc-offcanvas-nav li.nav-back span::before,.hc-offcanvas-nav span.nav-next::before {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform-origin: center;transform-origin: center;}
.hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}
.hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0;margin-right: -2px;}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0;margin-right: -2px;}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none;background: 0 0;}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none;}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
html.hc-nav-yscroll {overflow-y: scroll;}
body.hc-nav-open {overflow: visible;position: fixed;width: 100%;min-height: 100%;}
.nav-close {display: none !important;}
.hc-offcanvas-nav {visibility: hidden;display: none;position: fixed;top: 0;height: 100%;z-index: 9999;}
.hc-nav-open .hc-offcanvas-nav {visibility: visible;}
.hc-offcanvas-nav.is-ios * {cursor: pointer !important;}
.hc-offcanvas-nav .nav-container {position: fixed;z-index: 9998;top: 0;width: 255px;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav .nav-wrapper {width: 100%;height: 100%;max-height: 100vh;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;}
.hc-offcanvas-nav .nav-content {height: 100%;max-height: 100vh;}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav ul {list-style: none;margin: 0;padding: 0;}
.hc-offcanvas-nav li {position: relative;display: block;}
.hc-offcanvas-nav li.level-open > .nav-wrapper {visibility: visible;}
.hc-offcanvas-nav input[type="checkbox"] {display: none;}
.hc-offcanvas-nav label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;cursor: pointer;}
.hc-offcanvas-nav a {position: relative;display: block;box-sizing: border-box;cursor: pointer;}
.hc-offcanvas-nav li.nav-parent .nav-item:hover,
.nav-back a:hover,.nav-close a:hover,.resom:hover {color: #fff !important;}
.hc-offcanvas-nav .nav-item {position: relative;display: block;box-sizing: border-box;}
.hc-offcanvas-nav .nav-item svg {font-size: 16px;margin-right: 16px;color: #8fc3e8;transition: all 0.4s;}
.hc-offcanvas-nav .nav-item:hover svg {color: #fff;}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after {content: "";position: fixed;z-index: 9990;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease 0.4s, opacity 0.4s ease;}
.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after {visibility: visible;opacity: 1;transition-delay: 50ms;}
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none;}
.hc-offcanvas-nav.nav-levels-expand .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none;}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width: 0;max-height: 0;overflow: hidden;transition: height 0s ease 0.4s;}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {max-height: none;}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position: absolute;z-index: 9999;top: 0;height: 100%;visibility: hidden;transition: visibility 0s ease 0.4s, -webkit-transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease;transition: visibility 0s ease 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-1 {width: 297px;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-2 {width: 337px;}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper-3 {width: 379px;}
.hc-offcanvas-nav.nav-position-left {left: 0;}
.hc-offcanvas-nav.nav-position-left .nav-container {left: 0;-webkit-transform: translate3d(-280px, 0, 0);transform: translate3d(-280px, 0, 0);}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.hc-offcanvas-nav.nav-position-right {right: 0;}
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0;-webkit-transform: translate3d(280px, 0, 0);transform: translate3d(280px, 0, 0);}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.hc-offcanvas-nav.nav-position-top {top: 0;}
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.hc-offcanvas-nav.nav-position-bottom {top: auto;bottom: 0;}
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto;bottom: 0;width: 100%;height: auto;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.hc-nav-trigger {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;top: 107px;right: 15px;z-index: 9980;width: 30px;min-height: 24px;}
.hc-nav-trigger span {width: 30px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before {display: block;position: absolute;height: 4px;background: #d0630e;transition: all 0.2s ease;width: 25px;top: 7px;}
.hc-nav-trigger span::after,.hc-nav-trigger span::before {content: "";width: 100%;}
.hc-nav-trigger span::before {top: -7px;}
.hc-nav-trigger span::after {bottom: -7px;}
.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.hc-nav-trigger.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
.hc-nav-trigger.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(5px, 0, 0);}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after {background: rgba(0, 0, 0, 0.3);}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul {background-color: #2f8aca;}
.hc-offcanvas-nav h2 {font-size: 19px;font-weight: 400;text-align: center;padding: 20px 17px;font-family: 'Montserrat', sans-serif;color: #fff;}
.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a {padding: 14px 12px;font-size: 14px;/* color: #45c7f4; */transition: all 0.4s;z-index: 1;background: rgba(0, 0, 0, 0);display: flex;align-items: center;font-family: 'Montserrat', sans-serif;}
.hc-offcanvas-nav .nav-item:hover, .hc-offcanvas-nav a:hover{background: #014491 !important;color: #fff !important;}
.first-nav li a.resact,.hc-offcanvas-nav:not(.touch-device) a:hover,.second-nav li a.resact,.second-nav ul li a.resact {background: #02596c;}
.hc-offcanvas-nav ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {border-top: 1px solid #2c5d8f;margin-top: -1px;}
.hc-offcanvas-nav li {text-align: left;}
.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a,.resp-link {background: #2f8aca !important;color: #fff !important;}
.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover {background: #8fc3e8;}
.nav-close a:hover {color: #fff;}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a {margin-top: -1px;}
.hc-offcanvas-nav li.nav-parent .nav-item {padding-right: 58px;font-family: 'Montserrat', sans-serif;}
.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next {width: 45px;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;transition: background 0.2s ease;}
.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before {content: "";position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin-top: -3px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
.hc-offcanvas-nav li.nav-close span::before {margin-left: -6px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.hc-offcanvas-nav li.nav-close span::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {border-left: 0px solid #2c5d8f;}
.hc-offcanvas-nav li.nav-back span::before,.hc-offcanvas-nav span.nav-next::before {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform-origin: center;transform-origin: center;}
.hc-offcanvas-nav span.nav-next::before {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}
.hc-offcanvas-nav li.nav-back span::before {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-right span.nav-next::before {margin-left: 0;margin-right: -2px;}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {margin-left: 0;margin-right: -2px;}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-top span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {margin-left: 0;margin-right: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {box-shadow: none;background: 0 0;}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display: none;}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size: 14px;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background 0.3s ease;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #2e6296;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {border-bottom: 1px solid #295887;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {background: #2f649a;}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > .nav-item .nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > .nav-item .nav-next::before {margin-top: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {margin-top: -2px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.cf::after,.cf::before {content: "";display: block;height: 0;overflow: hidden;}
.cf::after {clear: both;}
#main-nav {display: none;}
.nav-content h1 {font-size: 50px;font-weight: 700;text-align: center;letter-spacing: 5px;padding-bottom: 8px;}
.resp-logo-img{width: 200px;margin: 10px auto 0px;transition: all .4s;}
.nav-content h2 {font-size: 28px;line-height: 1.4;text-align: center;color: #fff;font-family: 'Montserrat', sans-serif;text-transform: uppercase;display: block;padding: initial;margin: 10px auto;}
header .git {display: inline-block;text-decoration: none;color: #fff;border-radius: 4px;padding: 4px 10px 4px 0;font-size: 15px;font-weight: 400;color: #fffce1;background: #54b9cb;transition: background 0.15s ease-in-out;}
header .git:hover {background: #4ca8b9;}
header .git:hover svg {border-color: #54b9cb;}
header .git svg {width: 15px;height: 15px;fill: #fffce1;position: relative;top: 2px;padding: 0 10px;margin-right: 10px;border-right: 1px solid #4daabb;transition: border-color 0.15s ease-in-out;}
header .ver {padding-top: 15px;font-weight: 200;color: #dab977;}
header .ver span {color: #fffce1;}
header .toggle {position: absolute;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: none;z-index: 9980;width: 35px;min-height: 24px;position: relative;width: auto;top: 0px;left: auto; float: right;display: block;cursor: pointer;box-sizing: content-box;font-size: 20px;padding-left: 30px;line-height: 24px;}
header .toggle span {width: 26px;top: 12px;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
header .toggle span,header .toggle span::after,header .toggle span::before {display: block;position: absolute;left: 0;height: 3px;background: #2f8aca;transition: all 0.25s ease;}
header .toggle span::after,header .toggle span::before {content: "";width: 100%;}
header .toggle span::before {top: -7px;}
header .toggle span::after {bottom: -7px;}
header .toggle.toggle-open span {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
header .toggle.toggle-open span::before {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 5px, 0);}
header .toggle.toggle-open span::after {-webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);transform: rotate(-90deg) translate3d(10px, 0, 0);}
header .toggle:hover span,header .toggle:hover span::after,header .toggle:hover span::before {background: #f7bd00}
header .toggle div {display: inline-block;margin-right: 15px;}
main {flex: 1 0 auto;padding-bottom: 30px;text-align: left;}
main .content {border-top: 1px solid rgba(255, 255, 255, 0.1);}
main h4 {font-size: 15px;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;margin: 20px 0;}
main h4:first-child {margin-top: 30px;}
main .actions {margin: 0 -15px;text-align: center;}
main .actions.checkboxes {text-align: left;padding-top: 8px;}
main .actions.checkboxes label {font-size: 14px;text-transform: uppercase;cursor: pointer;}
main .actions.checkboxes label input {display: none;}
main .actions.checkboxes label input:checked ~ span {background: #dab977;}
main .actions.checkboxes label input:checked ~ span::before {content: "";position: absolute;top: 50%;left: 50%;margin-top: -1px;border: solid #243949;border-width: 0 3px 3px 0;display: inline-block;padding: 5px 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
main .actions.checkboxes label span {display: inline-block;position: relative;top: -1px;width: 22px;height: 22px;background: #fffce1;margin-right: 12px;vertical-align: top;transition: all 0.1s ease;}
main .actions div {padding: 0 15px 20px;box-sizing: border-box;}
@media screen and (min-width: 800px) {
main .actions {display: flex;flex-wrap: wrap;}
main .actions div {float: left;flex: 1 1 33.33%;max-width: 33.33%;}
main .actions.position div {float: left;flex: 1 1 25%;max-width: 25%;}
}
main .button {position: relative;display: block;padding: 18px 30px 16px;text-transform: uppercase;text-align: center;font-size: 16px;font-weight: 700;line-height: 1.4;letter-spacing: 1px;text-decoration: none;color: #243949;cursor: pointer;background: #fffce1;border-radius: 30px/80px;transition: all 0.1s ease;}
main .button:not(.active):hover {color: #d5af63;}
main .button.active {background: #dab977;}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {padding-bottom: 41px;}
.hc-offcanvas-nav a {font-size: 16px;}
.hc-offcanvas-nav li.search .nav-item {padding-top: 0;}
.hc-offcanvas-nav li.search input[type="text"] {width: 100%;box-sizing: border-box;border: none;border-radius: 3px;font-size: 14px;color: #fff;background: rgba(255, 255, 255, 0.12);padding: 5px 10px;box-shadow: none;outline: 0;}
.hc-offcanvas-nav li.search input[type="text"]::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);}
.hc-offcanvas-nav li.search input[type="text"]:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
.hc-offcanvas-nav li.search input[type="text"]::-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
.hc-offcanvas-nav li.search input[type="text"]::placeholder {color: rgba(255, 255, 255, 0.8);}
.hc-offcanvas-nav li.add > a::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "add";}
.hc-offcanvas-nav li.new > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "fiber_new";}
.hc-offcanvas-nav li.cryptocurrency > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "local_atm";}
.hc-offcanvas-nav li.devices > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "devices";}
.hc-offcanvas-nav li.mobile > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "phone_android";}
.hc-offcanvas-nav li.television > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "desktop_windows";}
.hc-offcanvas-nav li.camera > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "camera_alt";}
.hc-offcanvas-nav li.magazines > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "import_contacts";}
.hc-offcanvas-nav li.store > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "store";}
.hc-offcanvas-nav li.collections > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "collections";}
.hc-offcanvas-nav li.credits > .nav-item::before {font-family: "Material Icons";font-weight: 400;font-style: normal;display: inline-block;line-height: 1;text-transform: none;text-indent: 0;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";font-feature-settings: "liga";display: inline-block;width: 19px;height: 19px;margin-right: 15px;font-size: 19px;vertical-align: top;content: "credit_card";}
.hc-offcanvas-nav ul.bottom-nav {position: absolute;z-index: 10;bottom: 0;width: 100%;display: flex;flex-wrap: nowrap;align-items: stretch;border-top: 1px solid #2c5d8f;}
.hc-offcanvas-nav ul.bottom-nav li {flex: auto;}
.hc-offcanvas-nav ul.bottom-nav li a {padding: 10px;text-align: center;height: 100%;border-bottom: none;}
.hc-offcanvas-nav ul.bottom-nav li svg {fill: #fff;display: inline-block;vertical-align: middle;}
.hc-offcanvas-nav ul.bottom-nav li.github svg {width: 17px;height: 17px;}
.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg {width: 21px;height: 21px;}
.hc-offcanvas-nav ul.bottom-nav li.email svg {width: 19px;height: 19px;}
/* responcive menu css */
/* responsive header css code */
/* header css */
header {transition: all .4s;position: fixed;z-index: 4;left: 0;right: 0;width: 100%;top: 0;}
header .top-header {background-color: #2e8bcc;}
header .top-header ul{display: flex;justify-content: flex-end;flex-wrap: wrap;}
header .top-header ul li a{padding: 10px 14px;color: #fff;border-right: 1px solid #ffffff30;transition: all .4s ease-in-out;}
header .top-header ul li a:hover{transform: scale(1.2);}
header .top-header ul li:first-child a{border-left: 1px solid #ffffff30;}
header .bottom-header{padding: 0px 0 0;background-color: #fff;position: relative;}
header .bottom-header .fluid-container{display: flex;justify-content: space-between;align-items: center;position: relative;}
header .bottom-header .header-logo{display: flex;justify-items: flex-start;align-items: center;}
header .bottom-header .header-logo div{margin-left: 20px;font-size: 20px;}
header .bottom-header .header-logo div h5,header .bottom-header .header-logo div h6 {font-weight: 500;color: var(--dark-blue-color);font-size: 24px;text-transform: uppercase;line-height: 1.4;}
header .bottom-header .header-logo div h6 {font-size: 16px;text-transform: capitalize;font-weight: 400;}
header .bottom-header ul {display: flex;justify-content: center;gap: 10px 32px;}
div.sub-route-ul ul{padding: 15px 0;}
header .bottom-header ul li{position: relative;}
header .bottom-header ul li a {color: var(--black-color);font-weight: 400;text-transform: uppercase;font-size: 17px;letter-spacing: .5px;padding: 46px 0;transition: all .4s ease-in-out;}
header .bottom-header ul li a.cont-head-btn {padding: 10px 25px !important;border-radius: 32px;color: var(--black-color);transition: all .4s;border: 2px solid #2f8bcb;width: 100%;max-width: 200px;}
header .bottom-header ul li a.cont-head-btn:hover{background-color: #2f8bcb;color: var(--white-color);}
header .bottom-header ul li.cont-head-btn-li{display: grid;place-items: center;}
.header-logo img{width: 170px;margin-top: 2px;}
.first-route{position: absolute;background-color: #fff;width: 320px;opacity: 0;visibility: hidden;top: 80px;transition: all .4s ease-in-out;display: block;transition: .3s;left: 0;z-index: 1;display: flex;flex-direction: column;gap: 0 !important;padding: 0px 0px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;pointer-events: none;}
.bottom-header ul li:hover .first-route{opacity: 1;visibility: visible;top: 108px;pointer-events: visible;}
.first-route li {padding: 0px !important;position: relative;z-index: 0;}
.first-route li:last-child{border-bottom: 0;}
.first-route li::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;height: 100%;width: 0px;background: transparent;margin: auto;z-index: -1;}
.first-route li a{display: block;padding: 10px 16px !important;color: #fff;text-transform: capitalize !important;}
.first-route li a{display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.first-route li a span{display: flex;justify-content: center;align-items: center;}
.first-route li a span img{width: 50px;}
.first-route li:hover::before{right: 0;width: 100%;transition: all .4s;}
.first-route li:hover a{color: #004799 !important;transition: all .6s;}
header .bottom-header ul li:hover > a {color: #004799;}
header .bottom-header ul li a.act-link{color: #0964ce;}
header .top-header ul li a.home-link.act-link i{color: #ffc703;}
.resp-menu{display: none;}
header .toggle {display: none !important;}
header.scrolled{transition: all .3s ease-in-out;top: -45px;}
.cont-head-btn:hover{background-color: #2f8bcb !important;color: #fff !important;padding: 10px 25px !important;transition: all .4s ease-in-out;}
/* .cont-head-btn.act-link{background-color: #2f8bcb !important;color: #fff !important;} */
.cont-head-btn.act-link {background-color: #0674c2 !important;color: #fff !important;}
.full-width-route {width: 100% !important;display: flex !important;justify-content: flex-start !important;flex-wrap: wrap;flex-direction: initial;}
.full-width-route li a{letter-spacing: initial !important;}
.first-route.full-width-route li {width: 100%;margin: 0 !important;max-width: 502px;}
.full-width-route {width: 100% !important;display: flex !important;justify-content: flex-start !important;flex-direction: initial;}
.full-width-route::before {content: '';position: absolute;width: 250px;height: 100%;right: 0;bottom: -77px;margin: auto;background: url(../images/banner-imgs/oil-cooled-servo-stebilizer-header-bg.png) no-repeat center center/contain;opacity: .2;}
.sub-route-ul{width: 100%;max-width: 70%;}
.sub-route-img{width: 100%;max-width: 30%;}
.sub-route-ul ul{flex-wrap: wrap;justify-content: flex-start !important;}
.sub-route-ul h2, .sub-route-img h2 {background: #052966; color: #fff;text-align: center;padding: 8px;font-weight: 600;}
.sub-route-img span {display: flex;justify-content: center;align-items: center;padding: 26px 30px;}
.sub-route-img a {text-align: center;margin: auto;display: flex;justify-content: center;align-items: center;padding: 15px 0 !important;color: #052966 !important;font-weight: 600 !important;text-transform: capitalize !important;text-decoration: underline;margin-top: 16px;}
header.scrolled .header-logo img{width: 140px;margin-top: 6px;}
header.scrolled .bottom-header ul li a{padding: 38px 0;}
header.scrolled .bottom-header ul li:hover .first-route{top: 96px;}
.resp-link{background: #014491 !important;}
/* header css */
/* about section css */
.about-us-wrapper{padding: 60px 20px 40px;}
.inner-about-us-wrapper .top-about-content-sectin .vtp-h2-index{font-size: 34px;font-weight: 600;text-align: center;margin: 20px auto 10px;color: #051854;line-height: 1.4;}
.inner-about-us-wrapper .top-about-content-sectin h5.about-h1-h5{text-align: center;line-height: 1.2;font-size: 19px;color: #2f8bcb;font-weight: 500;font-style: italic;}
.inner-about-us-wrapper .top-about-content-sectin p{font-size: 18px;color: #222;text-align: center;line-height: 2.0;margin: 20px auto;}
/* bottom-about-img-count-section */
.bottom-about-img-count-section{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.left-about-bottom{width: 100%;max-width: 600px;height: 450px;}
.right-about-bottom-counter{width: 100%;max-width: 750px;margin: 20px auto;}
.right-about-bottom-counter .counter-index-wrapper{display: flex;justify-content: flex-end;align-items: center;gap: 40px;position: relative;}
.right-about-bottom-counter .counter-index-wrapper::before {content: '';position: absolute;right: -530px;width: 174%;height: 2px;background-color: #10c1c9;top: -19px;}
.right-about-bottom-counter .counter-index-wrapper article {width: 100%;max-width: 230px;position: relative;text-align: center;}
.right-about-bottom-counter .counter-index-wrapper article::before {content: "";position: absolute;top: -23px;left: 0;right: 0;margin: auto;width: 9px;height: 9px;border-radius: 50%;background: #051854;}
.right-about-bottom-counter .counter-index-wrapper article:last-child::before{top: -22px;}
.right-about-bottom-counter .counter-index-wrapper article i{font-size: 36px;font-style: initial;color: #051854;font-weight: 500;}
.right-about-bottom-counter .counter-index-wrapper article h5{font-size: 18px;font-weight: 400;color: #095183;}
/* bottom-about-img-count-section */
/* about section css */
/* industires and soluctions */
h2.product-h2-vtp{font-size: 36px;font-weight: 600;position: relative;padding-bottom: 20px;color: #fff;text-align: left;text-transform: capitalize;}
.business-portals-wrapper{position: relative;padding: 0;z-index: 0;}
.tabs-new {display: flex;justify-content: center;}
.tabs-new ul {display: flex;flex-wrap: wrap;width: 100%;max-width: 550px;gap: 20px;position: relative;z-index: 1;}
#tabs-nav-new li {width: 100%;padding: 0px 0;cursor: pointer;list-style: none;transition: all 1s ease;display: flex;justify-content: flex-start;align-items: center;}
#tabs-nav-new li a {display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
#tabs-nav-new li:hover, #tabs-nav-new li.active {transition: all .4s ease;font-weight: 600;}
#tabs-nav-new {padding: 60px 22px;margin: 0 auto;background: url('../images/home-page-imgs/products-bg-img.jpg')no-repeat center center/cover;position: relative;}
#tabs-nav-new::before {content: '';background: url('../images/home-page-imgs/products-bg-img.jpg')no-repeat center right/cover; position: absolute;top: 0;left: -1000px;bottom: 0;width: 1000px;height: 100%;z-index: -1;}
#tabs-nav-new li a {text-decoration: none;color: #fff;}
#tabs-nav-new li a span {font-size: 20px;padding: 10px;position: relative;z-index: 1;background-color: #2e8aca;border-top-left-radius: 18px;border-bottom-left-radius: 18px;padding-left: 20px;}
#tabs-nav-new li a span::before {content: "";position: absolute;right: -1000px;top: 0;bottom: 0;width: 528px;height: 100%;background-color: #2e8aca;z-index: -1;left: 0;border-top-left-radius: 18px;border-bottom-left-radius: 18px;border: 1px solid #308bca;}
#tabs-nav-new li.active a span::before{background-color: #091e49;border: 1px solid #2e8aca;}
#tabs-content-resp, #tabs-content {width: 100%;max-width: 100%;}
.tab-content-new-resp, .tab-content-new {padding: 50px 10px;margin: 0 40px;display: flex;flex-direction: column;gap: 20px;justify-content: flex-start;align-items: flex-start;}
.tab-content-new-resp {display: none;}
.tab-content-new h3{text-align: left;font-size: 28px;font-weight: 700;line-height: 1.5;letter-spacing: 1px;}
.tab-content-new p{text-align: justify;}
.tab-new-wrapper::before {content: '';position: absolute;left: 0;top: 0;background: linear-gradient(to right, rgba(0, 0, 0, 0.719) 50%, rgba(0, 0, 0, 0) 50%);width: 100%;height: 100%;z-index: 0;}
.tab-content-new-resp span img, .tab-content-new span img {width: 100%;max-width: 100px;filter: invert(88%) sepia(100%) saturate(16%) hue-rotate(266deg) brightness(103%) contrast(106%)}
.product-detailes {display: flex;justify-content: space-between;align-items: center;gap: 20px;width: 100%;}
.left-product-details-img{width: 100%;max-width: 300px;height: 400px;margin: 0;}
.right-product-details-content{ width: 100%;max-width: 450px;}
.right-product-details-content h4 {font-size: 23px;margin: 30px 0 20px;font-weight: 600;line-height: 1.6;text-align: left;color: #091e49;}
.right-product-details-content ul {width: 100%;max-width: 550px;margin: 20px auto 45px;gap: 0;display: flex;flex-direction: column;}
.right-product-details-content ul li {font-size: 16px;color: #333;font-weight: 400;line-height: 1.4;margin: 10px 0;padding: 10px 0;position: relative;padding-left: 12px;}
.right-product-details-content ul li::before {content: '';position: absolute;left: 0;top: 18px;width: 7px;height: 7px;background: #051955;margin: auto;border-radius: 50%;}
a.read-more-a {font-size: 20px;color: #fff;font-weight: 600;text-transform: capitalize;line-height: 1.4;margin: 10px 0px;text-align: right;margin-left: auto;}
#tabs-content-resp {display: none;}
/* industires and soluctions */
/* application css */
.application-wrapper{padding: 60px 20px 40px;background: #04163c;}
.top-application-wrapper{display: flex;justify-content: space-between;align-content: center;position: relative;}
.left-top-application-head{width: 100%;max-width: 450px;margin: 10px 0;}
.left-top-application-head h2{font-size: 36px;font-weight: 600;text-transform: capitalize;color: #fff;line-height: 1.4;}
.left-top-application-head p{margin: 30px 0 20px;color: #fff;text-align: left;line-height: 1.4;font-size: 20px;}
.right-call-to-action-application {padding: 0 20px;border-radius: 15px;width: 100%;max-width: 600px;display: flex;justify-content: center;align-items: flex-end;flex-direction: column;position: relative;z-index: 1;}
.right-call-to-action-application::before {content: '';position: absolute;height: 70%;width: 150%;right: -439px;top: 0;bottom: 0;margin: auto;z-index: -1;border-radius: 15px;background: linear-gradient(63deg, #2f8aca 48%, rgba(7,37,103,0.9009804605435925) 75%);}
.right-call-to-action-application h3 {font-size: 28px;color: #fff;padding-left: 30px;margin: 5px 0;line-height: 1.4;font-weight: 500;}
.right-call-to-action-application a {padding-left: 30px;color: #fff;font-size: 22px;line-height: 1.4;text-align: center;display: flex;justify-content: center;align-items: center;}
.applications-card-wrapper{display: flex;justify-content: space-evenly;gap: 20px;flex-wrap: wrap;}
.application-card {width: 100%;max-width: 270px;border-radius: 15px;margin: 20px 0;display: flex;justify-content: flex-start;flex-direction: column;overflow: hidden;transition: all .4s;}
.application-card img{border-top-right-radius: 15px;border-top-left-radius: 15px;transition: all .4s;}
.application-card:hover img{transition: all .4s;transform: scale(1.08) rotate(2deg);}
.application-card h6 {font-size: 16px;padding: 10px 20px;line-height: 1.4;color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;background: linear-gradient(180deg, rgba(5,32,75,1) 48%, rgba(26,75,126,1) 92%);}
/* application css */
/* client logo */
.client-logos-wrapper{padding: 40px 20px;}
.client-logos-wrapper h2{font-size: 36px;font-weight: 600;text-align: center;margin: 20px auto 10px;color: #051854;line-height: 1.4;}
.inner-client-logo{display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}
.client-logo-card {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 230px;margin: auto;}
/* client logo */
/* get in touch */
.get-in-touch-wrapper{padding: 60px 20px 40px;background: #061a40f2 url('../images/overlay-pattern.png');}
.inner-get-in-touch-wrapper{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.left-get-in-touch-from{width: 100%;max-width: 750px;margin: 0;}
.right-get-in-touch-img{width: 100%;max-width: 500px;height: 440px;}
.left-get-in-touch-from h2{font-size: 36px;font-weight: 600;color: #fff;line-height: 1.4;}
.left-get-in-touch-from p{font-size: 18px;color: #fff;text-align: left;margin: 10px 0;padding: 20px 0 30px;line-height: 1.6;}
form.vtpGetinTouch {padding: 20px 0;width: 100%;max-width: 500px;}
form.vtpGetinTouch div.vtp-form-input-wrapper{ margin: 20px 0;width: 100%;max-width: 450px;}
form.vtpGetinTouch div.vtp-form-input-wrapper label{color: #fff;font-size: 16px;display: none;}
form.vtpGetinTouch div.vtp-form-input-wrapper input{font-size: 18px;color: #fff;font-family: 'Montserrat';padding: 10px 0px 20px;border-bottom: 1px solid #2f8aca;}
form.vtpGetinTouch input::placeholder{color: #fff;font: 15px;}
.get-in-touch-btn {text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;max-width: 200px;padding: 14px 12px;border-radius: 15px;color: #fff;background: linear-gradient(33deg, #134b8ee3 10%, #2f8aca);text-transform: uppercase;margin: 40px auto 20px;font-size: 18px;letter-spacing: 2px;font-weight: 400;font-family: 'Montserrat';cursor: pointer;}
/* get in touch */
/* testimonials css */
.testimonial-wrapper{background: url('../images/home-page-imgs/products-bg-gradient.jpg') no-repeat center center/cover;padding: 80px 20px 100px;position: relative;z-index: 0;}
.testimonial-wrapper::before {content: '';background: url('../images/home-page-imgs/testimonials-img.jpg')no-repeat center center/cover; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 43%;height: 100%;z-index: -1;}
.top-testimonials-wrapper{display: flex;justify-content: center;align-items: center;gap: 40px;}
.left-top-testimonial{width: 100%;max-width: 450px;}
.right-top-testimonial{width: 100%;max-width: 650px;}
.right-top-testimonial h2{font-size: 36px;font-weight: 600;color: #091224;line-height: 1.4;text-transform: capitalize;}
.right-top-testimonial h3{font-size: 28px;margin: 20px 0;color: #000;font-weight: 500;letter-spacing: 1px;text-align: left;line-height: 1.4;}
.right-top-testimonial h3 span{color: #2f8aca;}
.vm-cards {width: 100%;max-width: 750px;background: #fff;box-shadow: 1px 6px 10px #00000059;padding: 20px;transition: all .4s ease-in-out;display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.vm-test-logo{width: 100%;max-width: 100px;margin: auto;}
.vm-test-logo img{width: 100px;}
.vm-test-txt {width: 100%;max-width: 450px;margin: auto;}
/* testimonials css */
/* footer */
footer{background: #04173f url('../images/overlay-pattern.png'); padding: 60px 0 0px;}
footer .fluid-container{display: flex;justify-content: center;gap: 20px;}
footer article{width: 30%;padding: 10px 20px;}
footer article h4 {margin-bottom: 32px;font-family: 'Montserrat';font-size: 23px;text-transform: capitalize;color: #2f8aca;font-weight: 600;}
footer article h4 span{color: var(--white-color);}
footer article p{margin: 10px 0;text-align: left;line-height: 2.0;}
footer article:nth-child(2) ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
footer article:nth-child(2) ul li{margin: 4px;}
footer article:nth-child(2) ul li a {color: #FFF;padding: 5px 10px;background: #2f8acacc;font-weight: 400;transition: all .3s ease-in-out;letter-spacing: .4px;}
footer article:nth-child(2) ul li a:hover{background: #2e8dcf;color: var(--white-color);}
footer article:nth-child(1) p{color: var(--white-color);font-size: 15px;}
footer article:nth-child(3) ul:nth-child(3){display: flex;justify-content: flex-start;gap: 10px;}
footer article:nth-child(3) ul:nth-child(3) li a {display: grid;place-items: center;transition: all .3s ease-in-out;}
footer article:nth-child(3) ul.social-icons li a img{width: 40px;}
footer article:nth-child(3) ul:nth-child(3) li a:hover{transform: scale(1.1);}
footer article:nth-child(3) ul li a{color: #fff;margin: 10px 0;text-align: left;text-decoration: none;}
.footer-credits p{margin: 0;color: #FFF;font-size: 12px;}
.footer-credits p a{color: var(--yellow);}
.footer-credits {padding: 10px 0 10px;border-top: 1px solid #ffffff0d;margin-top: 40px;background: #04173f;}
.footer-credits .fluid-container{justify-content: space-between;}
.footer-intro{width: 40%;}
.footer-intro img{margin: 0px 0 30px;}
.footer-links ul li a.act-link{background: #f97705;}
.footer-links ul li a.footer-home.act-link{background: #f97705;}
/* footer */
/* goto top css code start here */
.to-top {position: fixed;z-index: 8;bottom: 15px;right: 15px;display: none;}
.to-top a.back-to-top {display: block;text-align: center;color: #2f8aca;font-size: 30px;font-weight: 600;width: 35px;height: 50px;line-height: 48px;border-radius: 15px;background: #ffffff;border: 2px solid #2f8aca;transition: .4s;}
/* goto top css code start here */
/* inner page css */
.inner-page-banner-warpper{margin-top: 151px;padding: 40px 20px;height: 340px;position: relative;}
.inner-page-banner{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;position: absolute;bottom: 5%;}
.inner-page-banner h1{color: #fff;font-weight: 600;margin: 10px 0;text-align: left;font-size: 36px;}
.banner-breadcrumbs span a{color: #fff; font-size: 14px;margin: 10px 0px;}
.banner-breadcrumbs span{color: #fff;}
.banner-breadcrumbs span i{font-size: 12px;padding: 0 5px;}
.inner-product-banner::before {content: '';position: absolute;background: #1212138c;height: 100%;width: 100%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
/* inner page css */
/* about us page css */
.since-wrapper{padding: 40px 20px;}
.inner-since .what-bg-h{display: flex;justify-content: center;align-items: center;}
.inner-since .what-bg-h h1 {-webkit-text-stroke: 1px #2e8aca6b;-webkit-text-fill-color: transparent;font-size: 120px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;}
/* 2nd section css */
.who-we-are-wrapper{padding: 20px 20px 40px;}
.inner-who-we-are{display: flex;justify-content: space-between;align-items: center;}
.left-section-who-we-are{width: 100%;max-width: 300px;margin: 0;}
.left-section-who-we-are h6{font-size: 24px;color: #2e8aca;font-weight: 600;}
.left-section-who-we-are h2 {font-size: 70px;font-weight: 600;text-align: left;color: #495059;display: flex;justify-content: flex-start;align-items: flex-end;}
.left-section-who-we-are h2 span{color: #2f8aca;}
.right-section-who-we-are{ width: 100%;max-width: 1100px;margin: 0;}
.right-section-who-we-are p span{color: #2f8aca;}
/* 2nd section css */
/* 3rd section css */
.why-vertex-wrapper{padding: 0px 0px;}
.inner-why-vertex{display: flex;justify-content: space-between;align-items: center;position: relative;}
.left-why-vertex{width: 100%;max-width: 800px;height: 650px;}
.right-why-vertex {width: 100%;max-width: 100%;background-color: #044691;padding: 60px 40px;margin: auto;transform: translateX(-100px);}
.right-why-vertex h2{font-size: 32px;color: #fff;font-weight: 600;margin: 20px 0;text-align: left;position: relative;padding-left: 20px;}
.right-why-vertex h2::before{content: '';position: absolute;left: 0px;top: 0;bottom: 0;height: 100%;width: 6px;background-color: #fc0;}
.common-ul-vtp li {display: flex;justify-content: flex-start;align-items: first baseline;gap: 10px;color: #fff;font-size: 18px;line-height: 1.6;margin: 10px 0;text-align: left;}
.common-ul-vtp li em {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 20px;}
.common-ul-vtp li em img{width: 18px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(153deg) brightness(102%) contrast(105%);}
/* 3rd section css */
/* 4th section css */
.vision-mission-wrapper{padding: 60px 20px;}
.inner-vision-mission{display: flex;justify-content: space-between;align-items: center;}
.left-vision-mission{width: 100%;max-width: 450px;}
.left-vision-mission h6{font-size: 24px;font-weight: 700;color: #2e8aca;}
.left-vision-mission h2 {-webkit-text-stroke: 1px #2e8aca6b;-webkit-text-fill-color: transparent;font-size: 120px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;}
.left-vision-mission span{display: flex;justify-content: center;align-items: center;}
.left-vision-mission span img{margin: 20px 0;}
.right-vision-mission{width: 100%;max-width: 950px;}
.right-vision-mission p{color: #151515;margin: 10px 0;font-size: 18px;line-height: 1.6;text-align: left;font-weight: 500;}
.right-vision-mission .common-ul-vtp li{color: #095284;}
.right-vision-mission .common-ul-vtp li em img{filter: invert(84%) sepia(50%) saturate(6227%) hue-rotate(3deg) brightness(108%) contrast(107%);}
/* 4th section css */
/* about us page css */
/* product over view page css */
/* first child */
.product-overview-wrapper{padding: 0 20px 60px;}
.inner-product-overview{display: flex;justify-content: flex-start;}
.left-product-overview-card-content{width: 100%;max-width: 1050px;position: relative;z-index: 0;}
.left-product-overview-card-content::before{content: '';position: absolute;background-color: #4382f3eb;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;}
.left-product-overview-card-content span {writing-mode: vertical-rl;color: #fff;-webkit-text-stroke: 2px #ffffffab;-webkit-text-fill-color: transparent;font-size: 120px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;position: absolute;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;margin: auto;transform: rotate(180deg);}
.product-overview-inner-content{padding: 40px 170px 40px 180px;display: flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;margin-top: 50px;}
.product-overview-inner-content h2 {font-size: 34px;color: #fff;font-weight: 600;}
.product-overview-inner-content p{color: #fff;margin: 10px 0;font-weight: 500;}
.right-product-overview-card-image span{display: flex;justify-content: center;align-items: center;position: relative;left: -180px;top: 0;bottom: 0;margin: auto;}
.right-product-overview-card-image{padding: 40px;display: flex;justify-content: center;align-items: center;}
/* first child */
/* Second child */
.product-overview-second-child-wrapper{padding: 0 20px 60px;}
.inner-product-overview-second-child{display: flex;justify-content: flex-end;}
.left-product-overview-second-child-card-image{padding: 40px;display: flex;justify-content: center;align-items: center;}
.left-product-overview-second-child-card-image span{display: flex;justify-content: center;align-items: center;position: relative;right: -180px;top: 0;bottom: 0;margin: auto;z-index: 1;}
.right-product-overview-second-child-card-content{width: 100%;max-width: 1050px;position: relative;z-index: 0;}
.right-product-overview-second-child-card-content::before{content: '';position: absolute;background-color: #044691d4;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;}
.right-product-overview-second-child-card-content span{writing-mode: vertical-rl;color: #fff;-webkit-text-stroke: 2px #ffffffab;-webkit-text-fill-color: transparent;font-size: 120px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;position: absolute;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;margin: auto;right: 0;}
.product-overview-second-child-inner-content{padding: 40px 150px 40px 185px;;display: flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;margin-top: 50px;}
.product-overview-second-child-inner-content h2{font-size: 34px;color: #fff;font-weight: 600;}
.product-overview-second-child-inner-content p{color: #fff;margin: 10px 0;font-weight: 500;}
/* Second child */
/* product landing page css */
.product-details-wrapper{padding: 60px 20px;position: relative;}
.inner-product-details{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.left-side-product-images{width: 100%;max-width: 500px;margin: 0;}
.right-side-product-content{width: 100%;max-width: 850px;margin: 0;}
.right-side-product-content .product-content h2{font-size: 32px;font-weight: 600;line-height: 1.4;margin: 10px 0;text-align: left;color: #143794;}
.right-side-product-content .product-content h4{font-size: 23px;font-weight: 500;line-height: 1.4;margin: 0px 0 10px;text-align: left;color: #f97705;}
.right-side-product-content .product-content p{color: #121212;font-size: 17px;line-height: 1.8;margin: 20px 0;}
.outer { margin:0 auto; max-width:400px;}
#big .item {padding: 20px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#big .item img{width: 100%;max-width: 400px;height: 250px;object-fit: contain;}
#thumbs{display: flex !important;justify-content: flex-start !important;align-items: center !important;width: 100%;max-width: 350px;}
#thumbs .item {height: 100%;padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer;border: 1px solid #ddd;width: 100%;max-width: 60px;display: flex;justify-content: center;align-items: center;}
#thumbs .item img{width: 50px;height: 50px;object-fit: contain;}
#thumbs .current .item {border: 1px solid #003552; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev {background: #18181899;width: 30px;height: 30px;margin-top: -20px;position: absolute;text-align: center;top: 50%;color: #fff;}
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.details {position: absolute;width: 100%;max-width: 800px;height: 500px;float: left;z-index: 1;pointer-events: none;}
.drift-demo-trigger{cursor: crosshair;}
.details {visibility: hidden;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 8px;overflow: hidden;top: 10px;margin: auto;}
.details.imgZoom{visibility: visible;}
section.double-flex {display: flex;justify-content: center;background: #143794;margin: 30px 0 45px;padding: 30px 20px;position: relative;}
section.double-flex::before {content: '';position: absolute;bottom: 128px;right: -119px;background: url('../images/inner-page-images/VERTEX-PNG.png') no-repeat center center/contain;width: 350px;height: 130px;transform: rotate(90deg);}
.inner-heading-container {margin: 20px 0 12px;}
ul.check-inner-page-ul{margin: 20px 0;}
ul.check-inner-page-ul li {padding-left: 44px;margin: 20px 0;position: relative;font-size: 18px;color: #fff;line-height: 1.6;}
ul.check-inner-page-ul li span {position: absolute;top: 2px;left: 0;width: 24px;height: 24px;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
ul.check-inner-page-ul li span img {width: 14px;filter: invert(33%) sepia(92%) saturate(680%) hue-rotate(190deg) brightness(96%) contrast(109%);}
section.double-flex > article {width: 100%;padding: 0 20px 10px;}
.double-flex article h3{color: #fc0;font-size: 28px;font-weight: 500;margin: 10px 0;text-align: left;line-height: 1.6;}
.product-application-card-wrapper{padding: 0 0 30px;}
table{width: 100% !important;}
.tablecss,table.tablecss {border-collapse: collapse;font-family: 'Outfit', sans-serif;}
table.tablecss {border: 1px solid #c2c2c2;box-shadow: 0 1px 20px #c2c2c2;overflow: scroll;margin: 20px 0 0;}
/* table.tablecss th {background: #143794;border: 1px solid #c2c2c2;color: #fff;font-size: 18px;padding: 10px;vertical-align: middle;text-align: center} */
table.tablecss th {background: #143794;border: 1px solid #c2c2c2;color: #fff;font-size: 16px;padding: 16px 10px 12px;vertical-align: middle;text-align: center;}
table.tablecss tr:hover {background: #2f8bcb36}
table.tablecss tr:nth-child(odd) {background: #2f8bcb36}
table.tablecss td {border: 1px solid #e5e5e5;padding: 10px 15px 10px 35px;text-align: left;vertical-align: middle}
h2.inner-product-page-h2 {font-size: 32px;font-weight: 500;line-height: 1.4;margin: 10px 0;text-align: left;color: #143794;}
h2.inner-product-page-h2 span{color: #f97705;}
.product-application {display: flex;justify-content: center;padding-bottom: 30px;padding-top: 10px; gap: 30px; flex-wrap: wrap;}
.product-application li {width: 100%;max-width: 320px;display: flex;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;flex-direction: column;justify-content: center;align-items: center;padding: 10px 20px;text-align: center;transition: all .4s;}
.product-application li:hover img{transform: rotate(360deg);}
.product-application li span {display: block;text-align: center;line-height: 1.6;margin: 0 auto 5px;}
.product-application li img {width: 50px;margin: 10px auto 10px;text-align: center;transition: all .4s;}
/* product landing page css */
/* product over view page css */
/* our team page css */
.our-team-wrapper{padding: 40px 20px;}
.heading-our-team-wrapper{display: flex; justify-content: space-between;align-items: center;gap: 20px;padding: 40px 0;}
.heading-part{width: 100%;max-width: 450px;}
.inner-page-common-h4{font-size: 24px;font-weight: 600;color: #21628f;}
.inner-page-common-h2{-webkit-text-stroke: 1px #2e8aca;-webkit-text-fill-color: transparent;font-size: 50px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;}
.heading-our-team-wrapper p{font-size: 18px;color: #252525;line-height: 1.8;text-align: justify;margin: 10px 0;width: 100%;max-width: 100%;}
.Team-row{display: flex;justify-content: center;flex-wrap: wrap;gap: 40px;}
.Team-card{width: 100%;max-width: 600px;margin: 0;}
.team .section-title{text-align:left;margin-bottom:50px}
.team__item{height:400px;position:relative;z-index:1;margin-bottom:30px;overflow:hidden;background-position:center;background-size:cover}
/* .team__item:before{content: '';position: absolute;background-color: rgba(0,0,0,.5);top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;} */
/* .team__item:after{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(34,48,96,0.8);content:"";z-index:-1;opacity:0;-webkit-transition:all,0.5s,ease-out,.5s;-o-transition:all,0.5s,ease-out,.5s;transition:all,0.5s,ease-out,.5s} */
/* .team__item:hover:after{opacity:1} */
.team__item:hover .team__text{top:0}
.team__item:hover .team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;opacity:0;visibility:hidden;position:relative;bottom:initial;opacity:1;visibility:visible}
.team__item:hover .team__text p{top:0;opacity:1;visibility:visible;-webkit-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;transition:all .5s ease .3s}
.team__item:hover .team__text .team__social{opacity:1;visibility:visible;bottom:34px;-webkit-transition:all .5s ease .5s;-o-transition:all .5s ease .5s;transition:all .5s ease .5s}
.team__text{height:100%;top:361px;position:relative;padding:35px 30px 30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;position:relative}
.team__text .team__title h4{color:#fff;font-weight:700;margin-bottom:6px;font-size: 22px;}
.team__text .team__title span{font-size:18px;color:#88C417;font-weight: 500;}
.team__text p {color: #fff;opacity: 0;visibility: hidden;position: relative;top: 50px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;text-align: center;line-height: 1.6;}
.team__text .team__social{position:absolute;left:0;width:100%;padding:0 30px;bottom:0;opacity:0;visibility:hidden}
.team__text .team__social a{display:inline-block;font-size:20px;color:#fff;margin-right:34px;-webkit-transition:all,.3s;-o-transition:all,.3s;transition:all,.3s}
.team__text .team__social a:last-child{margin-right:0}
.team__text .team__social a:hover{color:#88C417}
@media(max-width:768px) {.team__item{height:350px}.team__text{padding:25px 20px 20px}}
.team-text {position: absolute;z-index: 0;padding: 20px;bottom: 0;background: rgba(34,48,96,0.8);}
.team-text h4{color:#fff;font-weight:700;margin-bottom:6px;font-size: 22px;}
.team-text span{font-size:18px;color:#f97705;font-weight: 500;}
/* our team page css */
/* solution page css */
.power-quality-solution-warpper{padding: 80px 0;position: relative;}
.inner-power-quality-solution{position: relative;}
.inner-power-quality-solution span.sticky-promotion-word{writing-mode: vertical-rl;color: #fff;-webkit-text-stroke: 2px #2e8dcf87;-webkit-text-fill-color: transparent;font-size: 120px;-webkit-text-fill-color: transparent;font-family: 'bahamas';text-transform: uppercase;position: absolute;display: flex;justify-content: center;align-items: center;top: 115px;bottom: 0;margin: auto;transform: rotate(180deg);right: 0;}
.inner-power-quality-solution h2{font-size: 34px;color: #052a44;font-weight: 600;}
.inner-power-quality-solution p{width: 100%;max-width: 950px;margin: 20px 0;text-align: left;}
.solution-card-wrapper {padding: 20px 20px 80px;position: relative;}
.inner-solution-card{display: flex;justify-content: flex-end;align-items: center;}
.solution-card {background: #002764;padding: 80px 40px;width: 100%;max-width: 85%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;margin: 120px 0 60px;border-left: 10px solid #f97705;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.solution-card::after {content: '';position: absolute;right: -230px;bottom: -53px;width: 100%;height: 100%;background: url('../images/sol-bg.png') no-repeat center center/contain;max-width: 327px;}
.solution-card::before{content: '';position: absolute;background-color: #002764;right: -1000px;top: 0;bottom: 0;width: 1000px;height: 100%;margin: 0;}
.solution-card h3{font-size: 28px;color: #fff;margin-bottom: 40px;}
ul.sol-ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;gap: 20px;}
ul.sol-ul li{width: 100%;max-width: 450px;display: flex;justify-content: flex-start;align-items: flex-start;color: #fff;gap: 20px;}
.solution-card ul.sol-ul li{max-width: 400px;}
.solution-card-second ul.sol-ul li{max-width: 400px;}
ul.sol-ul li em{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 25px;}
ul.sol-ul li em img{width: 20px;filter: invert(99%) sepia(1%) saturate(27%) hue-rotate(100deg) brightness(105%) contrast(100%);}
.solution-card ul.sol-ul li em img{width: 20px;filter: invert(84%) sepia(50%) saturate(6227%) hue-rotate(3deg) brightness(108%) contrast(107%);}
.left-bg-solution-card {display: flex;justify-content: flex-start;align-items: center;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.solution-card-wrapper-second{padding: 20px 20px 80px;position: relative;}
.inner-solution-card-second{display: flex;justify-content: flex-start;align-items: center;}
.solution-card-second {background: #f9f9f9;padding: 80px 0;width: 100%;max-width: 85%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;margin: 120px 0 60px; border-right: 10px solid #2e8dcf;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.solution-card-second::before{content: '';position: absolute;background-color: #f9f9f9;left: -1000px;top: 0;bottom: 0;width: 1000px;height: 100%;margin: 0;}
.solution-card-second h3{font-size: 28px;color: #2e8aca;margin-bottom: 40px;}
ul.sol-ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;gap: 20px;}
.solution-card-second ul.sol-ul li{color: #232323;}
.solution-card-second ul.sol-ul li em img{width: 20px;filter: invert(84%) sepia(50%) saturate(6227%) hue-rotate(3deg) brightness(108%) contrast(107%);}
.left-bg-solution-card-second {display: flex;justify-content: flex-end;align-items: center;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.solution-table-warpper{padding: 20px 0 60px;}
.why-bms ul{flex-direction: column;}
.why-bms ul li{color: #000;max-width: 100%;}
.why-bms ul li em img{filter: invert(0%) sepia(0%) saturate(26%) hue-rotate(114deg) brightness(97%) contrast(107%);}
.second-b-wrapper .inner-power-quality-solution .sticky-promotion-word{left: 0;right: initial;}
.second-b-wrapper .inner-power-quality-solution h2{text-align: right;}
.second-b-wrapper .inner-power-quality-solution p{text-align: right;margin-left: auto;}
.left-product-img{display: flex !important;justify-content: flex-start;align-items: center;border: 0 !important;}
.left-product-img span{display: flex !important;justify-content: center;align-items: center;}
.left-product-img span img{width: 400px !important;}
.left-product-img ul{width: 100%;max-width: 100%;}
.left-product-img ul li{width: 100% !important;}
.solution-card p{margin: 10px 0;text-align: justify;color: #fff;}
/* solution page css */
/* Anusha Css On 6-3-2023*/
.customer-design-patter{margin: 30px 0 10px;}
.contact-other-details-wrap{display: flex; justify-content: space-between;gap: 20px;}
.contact-sections-other{display: flex;justify-content: center; align-items: center; flex-direction: column;}
.contact-sections-other img{margin: 20px 0;max-width: 50px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(189deg) brightness(105%) contrast(101%);}
.contact-sections-other {padding: 30px;width: 100%;max-width: 450px;}
.contact-sections-other.dark{background: #2152bb;border-radius: 10px;}
.contact-sections-other.darker{background: #0d3691; border-radius: 10px;}
.contact-sections-other.darkest{background: #00226d;border-radius: 10px;}
.contact-form-section{margin-top: 40px;}
.contact-text{display: flex;flex-direction: column;justify-content: flex-start;gap: 10px;}
.contact-text p{text-align: center;color: #fff;}
/* .contact-text a{color: #fff;font-size: 18px;} */
.contact-text a {color: #fff;font-size: 18px;border-bottom: 1px solid #efefef;padding-bottom: 6px;margin: 6px 0;}
.contact-sections-other.address .contact-text a {border-bottom: none;}
.contact-text span{color: #fff;font-size: 18px;font-weight: 600;}
/* Form */
.contact-form {margin: 20px 0;display: flex;flex-direction: column;justify-content: center;gap: 15px;}
.contact-form, .contact-location{width: 100%; max-width: 800px;}
.form-name{display: flex; justify-content: center;}
.form-name label {padding: 15px 12px;background: #2e8aca;color: #fff;width: 100%;max-width: 215px;display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.form-name input, .form-name textarea{border: 1px solid #ddd;padding: 10px 15px;background: #eee;font-size: 15px;}
.form-name textarea{padding: 15px;}
form.form-name input::placeholder{color: #444444 !important;}
.form-name{margin-bottom: 10px;}
.form-name:last-child{margin-bottom: 0px;}
.contact-form button{background: #2e8dcf;width: 100%;padding: 15px;margin-top: 0px;color: #fff;font-size: 18px;}
.contact-all-detail{display: flex;justify-content:space-between; align-items: center; gap: 30px;}
.contact-all-detail iframe{width: 100%; max-width: 600px;height: 378px;}
/* Form */
/* Location */
.contact-location {width: 100%;max-width: 1000px;background-color: #044691;padding: 20px 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative;z-index: 0;}
.contact-location::before {content: '';background: url('../images/inner-page-images/Contact-us-location-bg.png') repeat center center/contain;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;opacity: .2;}
.contact-location h2{font-size: 24px;color: #fff;font-weight: 600;margin: 20px 0;text-align: left;position: relative;padding-left: 20px;}
.contact-location h2::before{content: '';position: absolute;left: 0px;top: 0;bottom: 0;height: 100%;width: 6px;background-color: #fc0;}
.district-list{display: flex; justify-content: flex-start; align-items: flex-start; gap: 100px;}
.map-contact{display: flex;justify-content:space-between;padding: 60px 0 0;}
.india-image{width: 100%; max-width: 500px;border: 1px solid #eee;padding: 24px 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/* Location */
/* Clientele */
.inner-our-client {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;}
.inner-our-client .client-logo {margin: 20px 20px;width: 100%;max-width: 210px;padding: 22px 5px;box-shadow: inset 0 0 4px #ccc;border-radius: 2px;background: #fff;}
.inner-our-client .client-logo i {display: flex;justify-content: center;align-items: center;overflow: hidden;}
.inner-our-client .client-logo i img {width: 120px;transform: scale(1);transition: .3s ease-in-out;}
/* Clientele */
/* Testimonials */
.testimonials-wrap{display: flex; justify-content: center; align-items: flex-start; gap: 50px; flex-wrap: wrap;}
.testi-name {width: 100%;max-width: 600px;border: 1px solid #eee;padding: 20px 35px;border-radius: 10px;position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 35px 0;}
.testi-name img{position: absolute;top: -50px;left: 0;right: 0; margin: auto;border: 5px solid #2e8dcf;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.details-testi p{margin: 16px 0;}
.details-testi{margin-top: 35px;}
.names-testi h5{color: #2e8bcc;font-size: 24px;}
.names-testi span{margin: 5px 0;display: inline-block;font-size: 13px;}
.testimonial-del{font-size: 14px;}
.frame-video-testi{height: 300px;}
/* Testimonials */
.inner-vision-mission.reverse{flex-direction: row-reverse;}
/* Anusha Css On 6-3-2023*/
.common-button {display: inline-block;padding: 14px 24px;background: #0275f3;position: relative;transition: all 0.4s;border-radius: 8px 0 0 8px;text-transform: uppercase;letter-spacing: 1px;}
.common-button span {position: absolute;right: -60px;height: 100%;font-size: 14px;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;width: 60px;border-left: 1px solid rgba(255,255,255,0.2);background: #2f8aca;border-radius: 0px 8px 8px 0px;transition: all 0.4s;overflow: hidden;}
.common-button span img {width: 30px;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(163deg) brightness(109%) contrast(101%);}
.common-button span .first-img {transition: all 0.2s;transform: translate(0,0);}
.common-button span .second-img {transition: all 0.2s;transform: translate(-60px,0px);color: #fff;position: absolute;}
.common-button:hover span .first-img {transform: translate(60px,0px);}
.common-button:hover span .second-img {transform: translate(0px,0px);}
a.common-button{color: #fff;background-color: #2f8aca;background: linear-gradient(33deg, #134b8ee3 10%, #2f8aca);}
.customer-design-patter{display: flex;justify-content: flex-start;align-items: center;gap: 30px;}
.customer-design-card{width: 100%;max-width: 350px;margin: auto;}
.customer-design-patter .customer-design-card:nth-child(1){max-width: 550px;}
.modal {display: none;vertical-align: middle;position: relative;z-index: 2;box-sizing: border-box;width: 69%;max-width: 69% !important;background: #fff;padding: 20px 0px 80px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 0 10px #000;-moz-box-shadow: 0 0 10px #000;-o-box-shadow: 0 0 10px #000;-ms-box-shadow: 0 0 10px #000;box-shadow: 0 0 10px #000;text-align: left;margin-top: 130px;padding: 40px 20px !important;}
.modal a.close-modal {position: absolute !important;top: 30px !important ;right: 25px !important;display: block !important;width: 30px !important;height: 30px !important;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;background-image: url('../images/icons/close.png') !important;/* background: transparent; */}
.flex-container-popup{display: flex;justify-content: center;align-items: center;padding: 20px 0 0;}
.popup-h3{font-size: 24px;font-weight: 500;text-align: center;color: #2e8aca;}
form.popup-form input::placeholder{color: #353535 !important;}
.product-details-wrapper p{margin: 10px 0;}
.prodcut-ul-wrapper .common-ul-vtp li{color: #095284;}
.prodcut-ul-wrapper .common-ul-vtp li em img{filter: invert(13%) sepia(8%) saturate(6380%) hue-rotate(187deg) brightness(95%) contrast(111%);}
.ul-key-ben-wrapper{padding: 40px 0 20px;}
.popup-form{display: flex;max-width: 100%;flex-direction: revert;flex-wrap: wrap;}
form.popup-form > div.form-name {display: flex;justify-content: center;width: 100%;max-width: 49%;}
div.txtareadiv{max-width: 98% !important;}
.radio-wrapper{justify-content: flex-start !important;align-items: center;gap: 20px;}
.radio-div{display: flex;justify-content: flex-start;align-items: center;gap: 10px;}
.radio-div input{width: 11px;}
.popup-form button{width: 100%;max-width: 250px;padding: 12px 15px;border-radius: 4px;cursor: pointer;}
/* sitemap css */
.site-map-wrapper{padding: 40px 20px;}
.sitemap {position: relative;display: flex;flex-flow: row wrap;padding: 0;z-index: 0;}
.sitemap a {position: relative;z-index: 10;display: inline-flex;flex-direction: column;padding: 0.5em 1em;border: 1px solid #e0e0e0;border-radius: 4px;border-bottom-width: 3px;background: #f9f9f9;font-weight: 500;text-decoration: none;color: #595959;}
.sitemap-main {position: relative;flex: 1 1 100%;order: 3;margin-bottom: 1em;}
.sitemap-main a {margin-bottom: 0.5em;margin-left: 0.2em;}
.sitemap-main ul {position: relative;padding-left: 2em;}
.sitemap-main > ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.sitemap-main > ul > li {flex: 1 1 auto;}
.sitemap li {margin-right: 1em;list-style: none;}
/* Handle grid lines */
.sitemap-main li:before, .sitemap-main li:after {display: inline-block;width: 1em;height: 2em;border: 2px solid #f2f2f2;border-right: none;border-top: none;content: "";}
.sitemap-main li:after {position: absolute;left: 2em;bottom: 0;width: 2px;height: 100%;}
.sitemap-main ul:before {position: absolute;left: 0;top: -2.75em;display: block;width: 2px;height: 100%;background: #fff;content: "";}
.sitemap-main > ul:before {display: none;}
.sitemap-main li:last-child:after {border-color: #fff;bottom: 0;height: 2.7em;}
/* The home/top level link */
.sitemap-root {margin-bottom: 2em;}
.sitemap-root > a {min-width: 8em;background: #2e8bcc;border-color: #18496a;color: #fff;}
.sitemap-root > a:before {color: #f2f2f2;}
.sitemap-root > a:after {position: absolute;bottom: -2.6em;left: calc(2em - 1px);display: block;width: 2px;height: 2em;background: #f2f2f2;content: "";}
.sitemap-main > ul > li > a {background: #2096ea;border-color: #246fa4;color: #fff;}
.sitemap-main ul ul ul a {background: #fff;}
.sitemap-aux {order: 3;font-size: 0.9em;}
.sitemap-aux ul {display: flex;flex-wrap: wrap;padding: 0;}
.sitemap-aux li {margin: 0 0.5em 0.5em 0;}
.sitemap-aux a {background: #faf8d4;border-color: #f5f1a6;}
@media (min-width: 420px) {.sitemap {justify-content: space-between;}.sitemap-aux ul {justify-content: flex-end;}}
@media (min-width: 600px) {.sitemap-aux {order: 2;}}
/* sitemap css */
/* mani css */
.new-quality-solution-wrapper{position: relative;padding: 60px 20px 80px;}
.new-quality-solution-wrapper .left-bg-new-quality-solution-card{display: flex;justify-content: flex-start;align-items: center;position: absolute;left: 60px;top: 0;bottom: 0;margin: auto;}
.inner-new-quality-solution-card {background: #002764;width: 100%;max-width: 100%;display: flex;justify-content: flex-end;border-top-left-radius: 15px;border-bottom-left-radius: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.new-quality-solution-card {width: 100%;max-width: 60%;padding: 80px 0;position: relative;}
.new-quality-solution-card h3{font-size: 28px;color: #fff;margin-bottom: 40px;}
.new-quality-solution-card::before {content: '';position: absolute;background-color: #002764;right: -1000px;top: 0;bottom: 0;width: 1000px;height: 100%;margin: 0;}
.new-quality-solution-card ul.sol-ul li{max-width: 320px;}
.solution-card-wrapper-second-1{padding: 30px 20px 30px;position: relative;margin: 80px 0;}
.inner-solution-card-second-1 {background: #f9f9f9;width: 100%;max-width: 100%;display: flex;justify-content: flex-start;align-items: center;border-top-right-radius: 15px;border-bottom-right-radius: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.solution-card-second-1 {padding: 80px 0;width: 100%;max-width: 60%;position: relative;}
.solution-card-second-1::before{content: '';position: absolute;background-color: #f9f9f9;left: -1000px;top: 0;bottom: 0;width: 1000px;height: 100%;margin: 0;}
.solution-card-second-1 h3{font-size: 28px;color: #2e8aca;margin-bottom: 40px;}
ul.sol-ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;gap: 20px;}
.solution-card-second-1 ul.sol-ul li{color: #232323;max-width: 320px;}
.solution-card-second-1 ul.sol-ul li em img{filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(335deg) brightness(89%) contrast(100%);}
.left-bg-solution-card-second-1 {display: flex;justify-content: flex-end;align-items: center;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1;}
.case-study-wrapper{position: relative;z-index: 0;}
.case-study-wrapper::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 600px;height: 100%;background: url('../images/inner-page-images/case-study/case-study-printing.png') no-repeat center center/cover;z-index: -1;}
.case-study-wrapper-second::before{content: "";position: absolute;right: 0;left: initial;top: 0;bottom: 0;margin: auto;width: 100%;max-width: 600px;height: 100%;background: url('../images/inner-page-images/case-study/case-study-movie-theatre.png') no-repeat center center/cover;z-index: -1;}
.inner-case-study-card-wrapper {padding: 80px 20px 80px 20px;display: flex;justify-content: flex-end;align-items: center;}
.case-study-wrapper-second .inner-case-study-card-wrapper {padding: 80px 20px 80px 20px;display: flex;justify-content: flex-start;align-items: center;}
.inner-case-study-card{width: 100%;max-width: 900px;}
.inner-case-study-card-wrapper h2,.inner-case-study h2{font-size: 28px;color: #2e8aca;margin-bottom: 40px;}
.inner-case-study-card-wrapper p,.inner-case-study p{margin: 20px 0;text-align: left;line-height: 1.6;}
.case-study-wrapper-even{padding: 40px 0;}
.inner-case-study p {margin: 20px 0;text-align: left;line-height: 1.8;color: #656565;}
.footer-credits p a img{vertical-align: middle;}
.inner-products{display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;padding: 40px 0;}
.inner-products article {width: 100%;max-width: 80%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 40px 0px 0;margin: 10px auto;position: relative;}
.inner-products article div.product-img {background: no-repeat center center/contain;width: 100%;height: 500px;}
.inner-products article h6 {font-size: 20px;color: #fff;margin: 30px auto;text-align: center;line-height: 1.6;font-weight: 600;background: #00428e;padding: 20px;}
.related-products-a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.resp-new-products-wrapper{display: none !important;}
.faqs-details-wrapper{padding: 60px 20px 40px;}
.inner-faqs-details h2{margin: 40px 0 20px;font-weight: 600;font-size: 28px;color: #052a44;}
.inner-faqs-details p{color: #454545; font-size: 18px;line-height: 1.6;margin: 10px 0;}
.inner-faqs-details ul.common-ul-vtp{padding: 20px 0;}
.inner-faqs-details ul.common-ul-vtp li{color: #000;}
.inner-faqs-details .common-ul-vtp li em img{filter: invert(84%) sepia(50%) saturate(6227%) hue-rotate(3deg) brightness(108%) contrast(107%);}
.with-faq{margin: 20px 0px;}
.set > a {display: flex;justify-content: space-between;align-items: center;padding: 18px 15px;text-decoration: none;color: #000;border-bottom: 1px solid #f2ecec;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;font-size: 20px;}
.set > a i{margin-left: 20px;color: #fff;}
.set > a i.fa-plus{margin-left: 20px;color: #8f8989;}
.set > a.active{background-color:#1276e1;color: #fff !important;background: linear-gradient(95deg, rgba(27,117,187,1) 30%, rgba(38,169,224,1) 100%);}
.with-faq .content{background-color: #fff;border-bottom: 1px solid #ddd;display:none;}
.with-faq .content p {padding: 10px 15px;margin: 0;color: #595959;line-height: 1.6;}
/* progress bar code */
.progres-fix{position: fixed;top: 146px;z-index: 0;width: 100%;background-color: transparent;transition: all .3s ease-in-out;opacity: 0;}
.progress-container {width: 100%;height: 5px;background: transparent;transition: all .3s ease-in-out;opacity: 0;}
.progress-bar {height: 100%;background: #2e8dcf;width: 0%;}
header.scrolled .progres-fix{top: 90px !important;background: #fff; transition: all .3s ease-in-out;opacity: 1;}
header.scrolled .progres-fix .progress-container{background: #fff; transition: all .3s ease-in-out;opacity: 1;}
/* progress bar code */
/* mani css */
/* media queri css code */
@media (max-width: 1480px){
.first-route.full-width-route li {width: 100%;margin: 0 !important;max-width: 440px;}
.full-width-route{justify-content: center !important;}
}
@media (max-width: 1330px){
.right-about-bottom-counter .counter-index-wrapper::before {right: -75%;}
.right-about-bottom-counter .counter-index-wrapper article i{font-size: 18px;}
.right-call-to-action-application::before{right: -60%;}
.first-route.full-width-route li {width: 100%;margin: 0 !important;max-width: 400px;}
.inner-case-study-card {width: 100%;max-width: 700px;}
}
@media (max-width: 1260px){
.new-quality-solution-card h3{text-align: right;}
.new-quality-solution-card ul.sol-ul {justify-content: flex-end;}
.new-quality-solution-card ul.sol-ul li {max-width: 280px;}
.new-quality-solution-wrapper .left-bg-new-quality-solution-card{left: -20px;}
.left-bg-solution-card-second-1{display: none;}
.solution-card-second-1{max-width: 100%;}
.solution-card-second-1 ul.sol-ul li{max-width: 47%;}
.inner-solution-card-second-1{border-right: 10px solid #2e8aca;}
.solution-card ul.sol-ul li{max-width: 360px;}
.solution-card-second ul.sol-ul li{max-width: 360px;}
.product-detailes{flex-direction: column;gap: 0;}
.left-product-details-img{max-width: 100%;height: 300px;}
.right-product-details-content{max-width: 100%;}
.right-product-details-content h4{margin: 0 0 20px;}
.right-product-details-content ul li{line-height: 1.6;margin: 5px 0;padding: 5px 0;padding-left: 12px;}
.right-product-details-content ul li::before {top: 15px;}
}
@media (max-width: 1230px){
header .bottom-header .fluid-container{padding: 20px 0 15px;}
.resp-menu{display: block;}
header .toggle {display: block !important;}
header .bottom-header ul{display: none;}
.header-logo img{margin-left: 8px;}
.hero-style{margin-top: 145px;}
.inner-page-banner-warpper{margin-top: 148px;}
header.scrolled .progres-fix {top: 88px !important;transition: all .3s ease-in-out;}
}
@media (max-width:1200px){
.contact-other-details-wrap {flex-wrap: wrap;}
.contact-all-detail {flex-direction: column;}
.contact-form, .contact-location, .contact-all-detail iframe {max-width: 100%;}
.inner-who-we-are {flex-direction: column;align-items: flex-start;}
.left-section-who-we-are{max-width: 100%;}
.right-section-who-we-are{max-width: 100%;}
.right-section-who-we-are p{margin: 20px 0 30px;}
.inner-vision-mission {flex-direction: column;}
.right-vision-mission {max-width: 100%;}
.inner-vision-mission {justify-content: flex-start;align-items: flex-start;}
.inner-vision-mission.reverse{flex-direction: column;}
.vision-mission-wrapper {padding: 40px 20px ;}
.inner-vision-mission {display: flex;justify-content: flex-start ;align-items: flex-start ;}
form.popup-form > div.form-name {max-width: 98%;}
/* 08-02-2024 */
.product-overview-inner-content{padding: 40px 170px 40px 145px;}
.product-overview-second-child-inner-content{padding: 40px 150px 40px 170px;}
/* 08-02-2024 */
}
@media (max-width: 1170px){
.vertical-tabs-wrapper{flex-direction: column;}
.vertical-tabs-wrapper ul.left-links-tabs-ul{display: flex;justify-content: flex-start;align-items: center;overflow-x: auto;white-space: nowrap;gap: 10px;width: 100%;max-width: 100% !important;}
#vertical_tab_nav li:last-child{margin-bottom: 16px;}
#vertical_tab_nav li a{padding: 16px 16px 16px 80px;}
#vertical_tab_nav li a span::before{border-top: 24px solid transparent;}
#vertical_tab_nav li a br{display: none;}
#vertical_tab_nav div{width: 100%;margin-left: 0;}
.inner-power-quality-solution span.sticky-promotion-word{opacity: .3;}
.solution-card ul.sol-ul li{max-width: 320px;}
.solution-card-second ul.sol-ul li{max-width: 320px;}
.inner-case-study-card {width: 100%;max-width: 100%;}
.case-study-wrapper::before{opacity: .1;}
}
@media (max-width: 1100px){
.swiper-wrapper .swiper-slide section .fluid-container{justify-content: center;}
.banner-img{width: 100%;max-width: 350px;}
.new-quality-solution-wrapper .left-bg-new-quality-solution-card{opacity: .4;}
.new-quality-solution-card {width: 100%;max-width: 85%;padding: 80px 0;position: relative;}
.solution-card ul.sol-ul li{max-width: 100%;}
.solution-card-second ul.sol-ul li{max-width: 100%;}
.tabs-new ul{justify-content: flex-end;}
#tabs-nav-new li{justify-content: flex-end;}
#tabs-nav-new li a{width: 100%;max-width: 450px;justify-content: flex-end;}
#tabs-nav-new li a span{text-align: right;width: 100%;}
#tabs-nav-new li a span::before{display: none;}
#tabs-nav-new{padding-right: 0;}
.inner-new-page-industries h2.product-h2-vtp{width: 100%;}
a.read-more-a{padding-right: 20px;}
.tabs-new ul{max-width: 450px;}
.tab-content-new-resp, .tab-content-new{margin: 0;padding: 50px 20px;}
.customer-design-patter{flex-direction: column;align-items: flex-start;}
.customer-design-patter .customer-design-card:nth-child(1){margin: 0;}
.customer-design-card{margin: 0;}
}
@media (max-width:1024px){
.map-contact {flex-direction: column;}
.india-image {max-width: 100%;display: flex;justify-content: center;align-items: center;}
.contact-location h2 {text-align: center;}
.contact-location h2::before {right: 400px;margin: auto;}
.district-list {justify-content: space-around;}
.inner-our-client .client-logo{max-width: 185px;}
}
@media (max-width: 1020px){
.inner-product-details{flex-direction: column;}
.details{display: none;}
#thumbs{justify-content: center !important;}
}
@media (max-width: 992px){
.bottom-about-img-count-section{flex-direction: column;justify-content: center;}
.right-about-bottom-counter .counter-index-wrapper::before{display: none;}
.right-about-bottom-counter .counter-index-wrapper{align-items: initial;justify-content: center;}
.right-about-bottom-counter .counter-index-wrapper article::before{display: none;}
.right-about-bottom-counter .counter-index-wrapper article {border: 2px solid #2f8aca;padding: 20px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.right-about-bottom-counter .counter-index-wrapper article h5 br{display: none;}
.business-portals-wrapper::before{width: 100%;}
.right-call-to-action-application{display: none;}
.left-top-application-head {width: 100%;max-width: 100%;margin: 10px auto;}
.left-top-application-head h2{text-align: center;}
.left-top-application-head p{text-align: center;}
.inner-get-in-touch-wrapper{flex-direction: column;}
form.vtpGetinTouch{margin: 0 auto;}
.left-get-in-touch-from h2{text-align: center;}
.left-get-in-touch-from p{text-align: center;}
.left-top-testimonial{display: none;}
.testimonial-wrapper::before{width: 100%;}
.testimonial-wrapper::after{content: '';position: absolute;width: 100%;height: 100%;background-color: #12254996;left: 0;right: 0;top: 0;bottom: 0;margin: auto; z-index: -1;}
.right-top-testimonial{max-width: 100%;margin: auto;}
.right-top-testimonial h2{text-align: center;color: #fff;}
.right-top-testimonial h3{text-align: center;color: #fff;}
.right-top-testimonial h3 br{display: none;}
.vmc-arrow-left::after, .vmc-arrow-right::after{color: #fff !important;}
footer .fluid-container {justify-content: flex-start;flex-wrap: wrap;}
.footer-intro{width: 100%;}
footer article{width: 41%;}
.to-top{bottom: 40px;}
.swiper-wrapper .swiper-slide section .fluid-container{flex-direction: column-reverse;}
.swiper-slide section .fluid-container .content p{text-align: center; margin: 20px auto;}
.swiper-slide section .fluid-container .content h2{text-align: center;}
.swiper-wrapper .swiper-slide section i{font-style: initial;display: flex;justify-content: center;align-items: center;margin: 40px auto 0;}
.inner-why-vertex {flex-direction: column;}
.right-why-vertex{transform:initial ;}
/* 13-03-2023 */
.solution-card-wrapper{padding: 20px 20px 0px;}
.left-bg-solution-card{display: none;}
.left-bg-solution-card-second{display: none;}
.solution-card{max-width: 100%;margin: 60px 0 0px;}
.solution-card::after{right: 0;bottom: -53px;max-width: 433px;}
.solution-card ul.sol-ul li{max-width: 100%;}
.solution-card-second {max-width: 100%;box-shadow: 0;margin: 60px 0 0px;}
.power-quality-solution-warpper{padding: 40px 0 !important;}
.resp-power-qs-footer{padding: 40px 0 80px !important;}
/* 13-03-2023 */
.swiper-wrapper .swiper-slide{min-height: 80vh;}
.banner-img {width: 100%;max-width: 270px !important;}
.swiper-slide section .fluid-container .content h2 {font-size: 30px !important;padding: 0 20px;}
.swiper-slide section .fluid-container .content p {text-align: center;margin: 10px auto;font-size: 20px;padding: 0 20px;}
.swiper-wrapper .swiper-slide section i {margin: 0px auto 40px;}
.swiper-wrapper .swiper-slide section i a {font-size: 16px;margin-right: 60px;}
.heading-our-team-wrapper{flex-direction: column;align-items: flex-start; }
.inner-client-logo.inner-our-client{gap: 0;}
.inner-client-logo.inner-our-client .client-logo{max-width: 92px;}
.inner-client-logo.inner-our-client .client-logo i img{width: 72px;}
/* 08-02-2024 */
.inner-product-overview{flex-direction: column-reverse;}
.right-product-overview-card-image span img{width: 100%; max-width: 300px;}
.right-product-overview-card-image{padding: 0;}
.right-product-overview-card-image span{left: 235px; margin-bottom: -135px;}
.inner-product-overview-second-child{flex-direction: column;}
.left-product-overview-second-child-card-image span img{width: 100%; max-width: 300px;}
.left-product-overview-second-child-card-image{padding: 0;}
.left-product-overview-second-child-card-image span{right: 280px; margin-bottom: -80px;}
.product-overview-second-child-inner-content{padding: 40px 150px 40px 65px;}
/* 08-02-2024 */
}
@media (max-width:840px){
.inner-vision-mission {flex-direction: column;}
.left-vision-mission span img {max-width: 200px;}
.left-vision-mission span {justify-content: flex-start ;align-items: flex-start ;}
.left-vision-mission h2 {font-size: 50px ;}
.inner-since .what-bg-h h1 {font-size: 90px ;}
#tabs-nav-new {display: none;}
.tab-new-wrapper::before {display: none;}
#tabs-content {display: none;}
.resp-new-products-wrapper{display: flex !important;}
.team__item{background-position: top center;}
}
/* 08-02-2024 */
@media(max-width:776px){
.right-product-overview-card-image span{left: 34px; margin-bottom: -110px;}
.left-product-overview-second-child-card-image span {right: 30px;margin-bottom: -75px;}
.right-product-overview-second-child-card-content span{display: none;}
.left-product-overview-card-content span{display: none;}
.product-overview-inner-content {padding: 60px 35px 40px 40px;}
.product-overview-second-child-inner-content {padding: 40px 30px 40px 30px;}
.product-overview-second-child-inner-content h2 br{display: none;}
.product-overview-inner-content h2 br{display: none;}
}
@media (max-width: 767px){
a.theme-btn-s2{margin: 0px auto 40px !important;}
.hero-style .slide-text p{text-align: center;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {background: transparent;width: initial;height: 55px;line-height: 53px;margin-top: -30px;text-align: center;border: 2px solid #d4d3d3;border-radius: 55px;opacity: 0;visibility: hidden;transition: all .3s ease;padding: 5px;display: flex;justify-content: center;align-items: center;}
.right-about-bottom-counter .counter-index-wrapper{flex-wrap: wrap;}
.product-detailes{flex-direction: column;justify-content: center;}
.right-product-details-content ul{margin: 20px 0 45px;max-width: 100%;}
.tab-content-new-resp, .tab-content-new{margin: 0 20px;}
footer article{width: 100%;}
.footer-credits .fluid-container{flex-direction: column;justify-content: center;text-align: center;gap: 5px;}
.footer-credits p{text-align: center;line-height: 1.6;}
.vmc-centered .vmc_active .vm-cards {transform: initial;margin-left: 60px;transition: all .4s ease-in-out;}
.vm-cards{max-width: 450px !important;justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 20px 30px !important;}
.vm-test-logo{margin: auto 0;}
.vmc-arrow-left {left: -50px !important;}
.vmc-arrow-right{right: -50px !important;}
section.double-flex > article {width: 100%;}
section.double-flex{flex-direction: column;align-items: center;justify-content: center;}
.table-wrapper{ overflow-x: auto;white-space: nowrap;}
.new-quality-solution-wrapper .left-bg-new-quality-solution-card {display: none;}
.new-quality-solution-card{max-width: 100%;padding: 80px 25px;}
.inner-new-quality-solution-card{border-left: 10px solid #f5a401;}
.new-quality-solution-card ul.sol-ul li {max-width: 260px;}
.solution-card-second-1{padding: 80px 25px;}
.solution-card{padding: 80px 25px !important;}
.inner-about-us-wrapper .top-about-content-sectin .vtp-h2-index{font-size: 30px;}
h2.inner-product-page-h2{font-size: 28px;}
}
@media (max-width: 680px){
.new-quality-solution-card ul.sol-ul li{max-width: 100%;}
.solution-card-second-1 ul.sol-ul li{max-width: 100%;}
}
@media (max-width: 657px){
.vertical-tabs-wrapper article ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;flex-direction: column;gap: 15px;}
.vertical-tabs-wrapper article ul li{width: 100%;}
.left-section-who-we-are h2{font-size: 60px;}
}
@media (max-width:576px){
.district-list {gap: 0px;flex-direction: column;}
.contact-location h2 {text-align: left;font-size: 20px;}
.contact-form-section h2{font-size: 50px;}
.right-why-vertex {padding: 60px 20px;}
.solution-card-second-1 h3{font-size: 24px;}
.new-quality-solution-card h3{font-size: 24px;}
.swiper-slide section .fluid-container .content h2 {font-size: 22px !important;}
.swiper-wrapper .swiper-slide section i {margin: 10px auto 40px;}
.about-us-wrapper {padding: 40px 20px 40px;}
.left-about-bottom{height: 350px;}
.inner-products{padding: 0 0 20px;}
.application-card{max-width: 350px;margin: 10px 0;}
.vmc-centered .vmc_active .vm-cards{margin-left: 50px !important;}
.inner-since .what-bg-h h1 {font-size: 100px;text-align: center;}
}
@media (max-width: 536px){
.inner-products article div.product-img{height: 300px;}
.inner-about-us-wrapper .top-about-content-sectin h5.about-h1-h5{font-size: 18px;}
.inner-products article h6{font-size: 18px;}
.inner-about-us-wrapper .top-about-content-sectin .vtp-h2-index {font-size: 26px;}
.inner-page-banner h1 {color: #fff;font-weight: 600;margin: 10px 0;text-align: left;font-size: 26px;}
h2.product-h2-vtp{font-size: 24px;}
.left-top-application-head h2{font-size: 24px;}
.client-logos-wrapper h2{font-size: 24px;}
.right-top-testimonial h2{font-size: 24px;}
.left-get-in-touch-from h2{font-size: 24px;}
.inner-faqs-details h2{font-size: 24px;}
.inner-case-study-card-wrapper h2, .inner-case-study h2{font-size: 24px;}
h2.inner-product-page-h2{font-size: 24px;}
.right-top-testimonial h3{font-size: 22px;}
.solution-card h3{font-size: 22px;}
.double-flex article h3{font-size: 22px;}
.solution-card-second h3{font-size: 22px;}
footer article h4{font-size: 20px;}
.right-side-product-content .product-content h4{font-size: 20px;}
p{font-size: 17px;}
.testi-name{padding: 10px;}
.left-section-who-we-are h2{display: initial;}
.left-why-vertex{height: 450px;}
.vm-cards p{font-size: 14px !important;padding: 0 15px;}
.vm-test-logo{padding: 0 15px;}
}
@media (max-width: 480px){
.fluid-container{padding: 0;}
.banner-flex-img img {max-width: 250px;}
.contact-text a {display: flex;flex-direction: column;align-items: center;}
.form-name{display: unset;}
.form-name input{padding: 15px;}
.contact-form-section h2{text-align: center;}
.form-name label{max-width: 100%;}
.inner-who-we-are {justify-content: flex-start;align-items: flex-start;}
.left-section-who-we-are h2 {font-size: 50px;}
.inner-since .what-bg-h h1 {font-size: 100px;text-align: center;}
.inner-power-quality-solution{padding: 0 20px;}
.solution-table-warpper {padding: 20px 20px 60px;}
.swiper-wrapper .swiper-slide {min-height: 60vh;}
.banner-img {width: 100%;max-width: 220px !important;}
.case-study-wrapper-even {padding: 40px 20px;}
.inner-faqs-details h2 {font-size: 22px;}
.inner-case-study-card-wrapper h2, .inner-case-study h2{font-size: 22px;}
h2.inner-product-page-h2{font-size: 22px;}
.solution-card-wrapper-second-1{padding: 0;}
.solution-card {margin: 0px 0 0px;}
}
@media (max-width:420px){
.solution-card-second-1 h3{font-size: 20px;}
.new-quality-solution-card h3{font-size: 20px;}
.double-flex article h3{font-size: 20px;}
.right-side-product-content .product-content h4{font-size: 18px;}
.solution-card h3{font-size: 20px;}
.solution-card-second h3{font-size: 20px;}
.swiper-slide section .fluid-container .content h2 {font-size: 20px;line-height: 1.4;}
.swiper-slide section .fluid-container .content p{font-size: 16px;}
.inner-products article div.product-img{height: 200px;}
.inner-products article h6{margin: 30px auto 0;padding: 10px;}
.inner-products .owl-dots{margin-top: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.swiper-button-next{right: 0 !important;}
/* 08-02-2024 */
.right-product-overview-card-image span{left: 0px}
.product-overview-inner-content h2{font-size: 30px;}
.left-product-overview-second-child-card-image span{right: 0;}
.product-overview-second-child-inner-content h2{font-size: 30px;}
.product-overview-inner-content {padding: 60px 20px 40px 10px;}
.product-overview-second-child-inner-content {padding: 40px 15px 40px 10px;}
}
@media (max-width:360px){
.contact-form-section h2{font-size: 40px;}
/* 08-02-2024 */
.product-overview-inner-content h2 {font-size: 28px;}
.product-overview-second-child-inner-content h2{font-size: 28px;}
.product-overview-second-child-inner-content {padding: 40px 15px 10px 10px;}
.product-overview-inner-content {padding: 60px 20px 20px 10px;}
}
.video-carousel1 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.video-carousel1 > div {
flex-basis: 30%;
}
.video-carousel1 iframe {
width: 100%;
height: 200px;
}
@media (max-width: 767px){
.video-carousel1 {
flex-wrap: wrap;
}
.video-carousel1 > div {
flex-basis: 100%;
margin-bottom: 20px;
}
.video-carousel1 iframe {
height: 200px;
}
.cool-product-details {
flex-direction: column;
}
}
.product-applicaton-features-wrapper a {
background-color: #FA8621;
padding: 10px 20px;
color: #000;
font-weight: bold;
}
.cool-product-details {
display: flex;
gap: 30px;
}
.cool-product-details > div {
flex-basis: 50%;
}
.ul-key-ben-wrapper img {
width: 100%;
}
.swiper-slide section .fluid-container .banner-img img {
/* transform: translateX(500px); */
transition: all 1s;
transition-delay: .8s;
/* opacity: 0; */
}
.swiper-slide section .fluid-container .content h2 {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
/* opacity: 0; */
/* transform: translateX(-500px); */
transition: all 1s;
line-height: 1.6;
}
.swiper-slide section .fluid-container .content p {
font-size: 20px;
font-weight: 400;
color: #fff;
/* opacity: 0; */
/* transform: translateX(-500px); */
transition: all 1s;
transition-delay: .8s;
display: inline-block;
margin: 20px 0;
line-height: 1.6;
}