/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
ul,li{list-style: none;margin: 0; font-size: 18px;}
a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 18px;cursor: pointer;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px; color: #000; }
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity:0.4;color: #000;font-size: 14px;}  
textarea{resize: none;}
p {font-size:18px;margin: 15px 0;text-align: justify;line-height: 1.6;color: #2f2f2f;}   
/* reset css */   


/* common css */  
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */

/* fonts */
body {font-family: 'Kanit', sans-serif;}
h2{ font-size: 34px; color: #192541; font-weight: 400; text-align: center;}
h3{ font-size: 24px; font-weight: 500; line-height: 32px;}
h4{ font-size: 22px; font-weight: 400;}
h1{font-size: 38px;color: #192541; }
.swiper-h2{font-weight:700 !important;color:#fff;}
/* fonts */

.fa-quote-right-alt::before, .fa-quote-right::before {content: "\f155" !important;}

h1 {font-size: 35px;font-weight: 600;line-height: 1.6;color: #fff;text-align: center;font-style: italic;position: relative;z-index: 2;opacity: 1}
h1 span {color: #b50c09;}

/* 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.webp) 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  */

.grecaptcha-badge{opacity: 0;}
/* 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: #9FC755;}
    .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: 55px;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: #192541;;}
    .hc-offcanvas-nav h2 {font-size: 19px;font-weight: 400;text-align: center;padding: 20px 17px;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;}
    .hc-offcanvas-nav .nav-item:hover, .hc-offcanvas-nav a:hover{background: #b50c09 !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: #b50c09 !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: 'Inter', 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: 'Inter', 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; 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: #192541;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: #192541;}
    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: relative;z-index: 4;left: 0;right: 0;width: 100%;top: 0;}
    header .top-header {background: #192541;position: relative;z-index: 1;}
    header .top-header::before {content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: #B50C09;clip-path: polygon(35% 0, 100% 0, 100% 100%, 32% 100%);z-index: -1;}
    header .top-header .inner-top-header{display: flex; justify-content: flex-end; align-items: center; gap: 5px;}
    header .top-header .second-header-connection ul{display: flex; justify-content: center; align-items: center; gap: 5px;}
    header .top-header .inner-top-header li a{padding: 7px 14px;color: #fff;transition: all .4s ease-in-out; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 14px;}
    /* header .top-header .inner-top-header li a i{color: #fff;} */
    header .top-header .inner-top-header li a:hover{color: #192541;}
    header .top-header .inner-top-header .second-header-connection ul li a:hover{color: #aeb4c0;}

    header .bottom-header{ background-color: #fffffff0;position: relative; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    header .bottom-header .inner-bottom-header{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;align-items: center; gap: 10px 25px;}
    /* div.sub-route-ul ul{padding: 15px 0;} */
    header .bottom-header ul li{position: relative;}  
    header .bottom-header ul li a {font-size: 18px;letter-spacing: 0.3px;padding: 23px 8px;transition: all .4s ease-in-out; color: #000000cf;}
    header .bottom-header ul li a:hover{color: #B50C09;}

    .header-logo{font-size: 35px; color: #B50C09; text-transform: uppercase; font-weight: 600;}
    /* .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: 72px;pointer-events: visible;}   
    header .bottom-header ul li a.act-link{color: #e7a813;}


    header .top-header ul li a.home-link.act-link i{color: #ffc703;}
    .resp-menu{display: none;}
    .resp-menu .hc-nav-trigger.hc-nav-1{width: 30px;height: 25px;}
    header .toggle {display: none !important;}
    header.scrolled{transition: all .3s ease-in-out;top: -50px; background: #fff; z-index: 20; position: fixed;}
    header.scrolled a{padding: 15px 0 3px;}
    
    header.scrolled .bottom-header{border-bottom: none;}
    header.scrolled .bottom-header ul li a{padding: 32px 10px 22px; letter-spacing: 0px;}
    header.scrolled .bottom-header ul li:hover .first-route{top: 80px;}
    .resp-link{background: #b50c09 !important;}
/* header css */

/* banner css */
    /* default slider */
    .vtp-index-slider{margin-top: -90px;position: relative;}
    .vtp-index-slider .swiper-button-prev, .vtp-index-slider .swiper-button-next {
        opacity: 1;
        transition: none;
        top: -250px;
        z-index: 3;
    }
    .swiper-navs {
        width: 100%;   
        position: absolute;
        bottom: 60px;
        margin: auto;
        left: 0;
        right: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 20px;
        flex-direction: row-reverse;
        max-width: 1280px;
    }

    .swiper-navs .swiper-button-prev{position: relative; top: -250px;}
.swiper-button-prev,
.swiper-button-next {
    width: 70px;
    height: 70px;
    background: #B50C09; 
    border-radius: 50px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.swiper-button-prev img,
.swiper-button-next img {
    width: 25px;
    height: 25px;
    filter: brightness(0) invert(1); transition: all 0.4s;
}

.swiper-button-prev img:hover,
.swiper-button-next img:hover {
    transform: scale(1.1);
}

.vtp-index-slider .swiper-button-prev,
.vtp-index-slider .swiper-button-next {
    transform: translateY(-50%);
    z-index: 3;  
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
/* default slider */

/* banner content */
    .content h2 span {color: #b50c09;}
    .swiper-wrapper .swiper-slide {height: 100vh;position: relative;z-index: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .swiper-wrapper .swiper-slide::before{position: absolute; content: ''; background: #000000bf; width: 100%; height: 100%; top: 0; left: 0;z-index: 1;}
    .swiper-wrapper .swiper-slide{border-bottom: 5px solid #B50C09;}
    
    .swiper-wrapper .swiper-slide .fluid-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        gap: 20px;
    }
    .swiper-wrapper .swiper-slide .first-banner-content .fluid-container {display: flex; justify-content: center !important; align-items: center !important; }
    .swiper-wrapper .swiper-slide .fluid-container .content {width: 100%;max-width: 700px; }
    .first-banner-content{display: flex; justify-content: center; align-items: flex-end; margin: auto;}
.banner-container {
    position: relative;
    width: 100%;
    height: 100vh;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    color: #fff;
    font-size: 24px; position: relative;z-index: 1;
}
.swiper-wrapper .swiper-slide h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    font-style: italic; position: relative;
    z-index: 2; 
    opacity: 1; 
}
.banner1{background: url('../images/banners/banner-1.webp') no-repeat center center/cover; }
.banner2{background: url('../images/banners/home-banner-2.webp') no-repeat center center/cover; }
.banner3{background: url('../images/banners/home-banner-3.webp') no-repeat center center/cover; }

.index-form-container {width: 100%;max-width: 1150px;
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}  
.index-form-container .common-knowmore-image{border-bottom: 1px solid #fff;}
/* .index-form #contactForm{display: flex;justify-content: center;align-items: center;gap: 10px;}
.index-form-container .input-group label{color: #fff !important;}
.index-form-container .input-group input, .input-group textarea{padding: 15px 15px;} */
  
/* form */
.index-form .form-md { width: 100%; text-align: center; margin: 0px auto;}
.index-form form{display: flex;justify-content: center;align-items: center; gap: 30px;}
.contact-form-main {width: 100%;}
.index-form .contact-form-main .contact-form-left{display: flex;justify-content: center;align-items: center; gap: 20px;}
.index-form .form-md .form-group {width: 100%; max-width: 300px;}
/* .index-form .form-group {margin: 25px 0;position: relative;} */
.index-form .form-group #condition{position: relative;bottom: -3px;border-bottom: 1px solid #fff;padding: 0 0 24px; color: #fff !important;}
.index-form .form-md input, .form-md textarea {position: relative;display: block;width: 100%;border-bottom: 1px solid #fff; padding: 15px 10px; outline: none !important;font-size: 16px; color: #fff;transition: all .2s ease-in-out;}
.index-form .form-md label{position: absolute;top: 18px; left: 12px;text-align: left;display: inline-block; font-size: 18px; color: #fff; margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
.index-form .form-md label{color: #fff !important;}
/* input::placeholder, textarea::placeholder:hover{color: #fff !important;} */
.index-form .form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -10px;color: var(--dark-blue);font-weight: initial;}
#condition option{color: #000;}

/* Hide the label when select is valid */
#condition:valid + label {display: none;}
/* .index-form input:-internal-autofill-selected {background-color: none !important;} */

.index-form .form-md input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
  transition: background-color 5000s ease-in-out 0s;
}

.index-form form .common-knowmore-image{width: 100%; max-width: 100px;}
/* banner form */

/* footer */
.footer-main-wrapper{background: #1a2541;position: relative;}
.footer-contact-links ul{display:flex;justify-content: center;align-items: center;gap: 50px; padding: 5px 0 30px; flex-wrap: wrap;}
.sub-footer-links li{margin:15px 0;}

.footer-contact-links-list{display: flex;justify-content: center;align-items: center;gap: 50px;}

.footer-common-call-to-action{width: 100%; max-width: 900px; display: flex; justify-content: center; align-items: stretch; margin: auto;  transform: skew(324deg);overflow: hidden;position: relative;top: -45px; flex-wrap: wrap;}
.footer-common-cta-box{width: 100%; max-width: 300px; background: #b50b09; padding: 20px;text-align: center;transform: skew(1deg);}
.footer-common-cta-box ul{ transform: skew(35deg); color: #fff;}
.footer-common-cta-box ul li a{color: #fff;}
.footer-common-cta-box ul li a:hover{color: #e7a813 !important;}
.footer-common-cta-box:nth-child(2){background: #a20300;}
.footer-common-cta-box:nth-child(3){background: #840200;}
.footer-contact-links ul li a{color: #fff;}
.footer-contact-links ul li a:hover{color: #840200;}
.footer-contact-links a{color: #fff !important;} 
.footer-contact-links .footer-logo{color: #fff !important; font-size: 34px; text-align: center; font-weight: 400;display: flex;justify-content: center;align-items: center;}

.footer-2 {background: #111729;}
.copyrights {color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 10px 0;position: relative;flex-wrap: wrap;gap: 20px;}
.copyrights p {display: flex;justify-content: center;align-items: center;font-size: 14px;margin: 0;}
.copyrights p a, .copyrights p {color:#d6cec3db;font-size:14px !important;}
.copyrights p a:hover{color: #840200;}
.sub-footer-links li a.act-link , .sub-footer-links li a:hover{color:#e7a813 !important;}
/* footer */

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 10px;right: 10px;width: 90px;height: 90px;z-index: 9;padding: 6px;border-radius: 50%;}
#to-top img{width: 100%;max-width: 50px; filter: invert(15%) sepia(64%) saturate(5213%) hue-rotate(355deg) brightness(81%) contrast(101%);}
/* go to top */


/* new dropdown css starts*/
.first-route {position: absolute !important;width: 230px !important;opacity: 0;visibility: hidden;top: 77px;display: flex;flex-direction: column;gap: 0 !important;padding: 0px;pointer-events: none;left: -42px;}
.bottom-header ul li:hover .first-route {opacity: 1;visibility: visible;top: 72px;pointer-events: auto;}
.first-route li {width: 100%;height: 50px;position: relative;text-align: center;cursor: pointer;background: #b6100de7;color: #fff;display: flex;align-items: center;justify-content: center;transform-origin: center;border-radius: 10px;overflow: hidden;border-bottom: 1px dashed #fff;
    opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.bottom-header ul li:hover .first-route li {opacity: 1;transform: translateY(0);}
.bottom-header ul li:hover .first-route li:nth-child(1) {transition-delay: 0.1s;}
.bottom-header ul li:hover .first-route li:nth-child(2) {transition-delay: 0.3s;}
.bottom-header ul li:hover .first-route li:nth-child(3) {transition-delay: 0.5s;}
.first-route li:hover {background: #192541;border-top: 1px dashed #fff;border-bottom: none;}
.first-route li a {font-size: 16px;color: #fff !important;padding: 15px 16px !important;position: relative;margin-right: 15px;transition: color 0.5s ease-in-out;}
.first-route li:hover a {transform: none;}
.first-route li i {opacity: 0;transition: opacity 0.5s ease-in-out, padding-right 0.5s ease-in-out;}
.first-route li:hover i {opacity: 1;padding-right: 15px;}
header .first-route li a.act-link {color: #ffc703 !important;}
header.scrolled .first-route li a.act-link {color: #ffc703 !important;}
header.scrolled .first-route li a:hover {color: #ffc012;}
header.scrolled .first-route li a {color: #fff !important;}
/* new dropdown css ends*/
 /* dropdown css */


/* Our Process*/
.our-process-main{padding: 100px 0;}
.inner-our-process h2{ font-style: italic; }
.span-subheading{font-size: 38px;color: #B50C09; text-align: center;font-style: italic;display: flex;justify-content: center; margin: 0 0 30px;}
.our-process-list{display: flex; justify-content: space-evenly; align-items: center; gap: 10px; flex-wrap: wrap;}
.our-process-box span{display: flex; justify-content: center; align-items: center;background: url('../images/car-tire.webp') no-repeat center center; width: 150px; height: 150px;background-size: cover; font-size: 34px; color: white; margin-bottom: 20px;}
.our-process-box{width: 100%; max-width: 300px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.our-process-box h3{ color: #B50C09; font-size: 24px; text-align: center; font-weight: 400;}
.our-process-box p{text-align: center;border-top: 2px solid #B50C09; margin: 5px 0px 15px; padding: 10px 0 0;}
.our-process-box:hover p{border-top: 2px solid #26324beb;}

/* About Us */
.about-section-wrapper {position: relative;padding: 60px 0;background-image: url('../images/about-bg.webp');background-size: cover;background-position: center;z-index: 0; }
.about-section-wrapper::before, .about-section-wrapper::after {content: '';position: absolute;top: 0; height: 100%; z-index: 1; width: 54%;}
.about-section-wrapper::before {background: #26324beb;left: 0;clip-path: polygon(0 0, 96% 0, 86% 100%, 0 100%);}
.about-section-wrapper::after {background: #b92321e8;right: 0;clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);}
.about-section-wrapper .about-inner-content {display: flex;justify-content: space-between; align-items: center; gap: 20px;color: #fff;position: relative;z-index: 2; }
.about-counter{display: flex; justify-content: center; align-items: center; gap: 40px;}
.about-counter-main{width: 100%;}
.about-section-wrapper .about-counter h3 {font-size: 30px; font-weight: 400;}
.about-section-wrapper .about-counter p {font-size: 50px;font-weight: 400; color: #fff;}
.about-section-wrapper .about-counter-text { width: 100%;max-width: 580px; }
.about-section-wrapper .about-counter-text h3{margin: 0 0 20px; color: #fff; text-align: left;}
.about-section-wrapper .about-counter-text p {font-size: 16px;margin-bottom: 15px; color: #fff;}
.about-counter-text .common-knowmore-image{background: #fff; border-bottom: 1px solid #192541;}
.about-counter-text .common-knowmore-image a{color: #B50C09;}
.about-counter-text .common-knowmore-image:hover{background: #192541; border-bottom: 1px solid #fff;}
/* .about-section-wrapper .cta-btn {padding: 8px 24px;background-color: #fff;color:#B50C09;transition: background 0.3s ease;} */

/* call to action */
.index-call-to-action-main{background: url('../images/index-cta-bg.webp') no-repeat center center/cover; width: 100%; height: 270px;position: relative; display: flex; justify-content: center; align-items: center;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.index-call-to-action-main::before{content: ''; position: absolute; background: #17223c3b; width: 100%; height: 100%; top: 0; left: 0;}
.inner-index-call-to-action{position: relative; text-align: center; }
.inner-index-call-to-action .common-knowmore-image{margin: auto; border-bottom: 1px solid #fff;}
.inner-index-call-to-action .common-knowmore-image:hover{background: #fff;}
.inner-index-call-to-action .common-knowmore-image:hover a{color: #B50C09;}
.inner-index-call-to-action p{color: #ffffffeb; font-size: 46px; text-align: center;}

.common-knowmore-image{background: #B50C09;padding: 6px 24px;width: 100%;max-width: 140px; overflow: hidden; border-bottom: 1px solid #192541;transition: 0.5s;cursor: pointer;}
.common-knowmore-image button{color: #fff; position: relative; z-index: 2; text-align: center;}
.common-knowmore-image a{color: #fff; text-align: center;}
.common-knowmore-image:hover a{color: #fff;font-weight: 400;}

/* Hover effect with mask animation */
.common-knowmore-image:hover{
    background: #192541;
    /* -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.webp");
    mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.webp");
    -webkit-mask-size: 2300% 100%;
    mask-size: 2300% 100%;
    -webkit-animation: ani-reverse 0.3s steps(22) forwards;
    animation: ani-reverse 0.3s steps(22) forwards; border-bottom: 2px solid #B50C09; */
  }
  
  
  /* Keyframes for reverse animation */
  @-webkit-keyframes ani-reverse {
    from {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }
    to {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }
  }
  
  @keyframes ani-reverse {
    from {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
    }
    to {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }
  }
/* call to action */

/* why us */
.index-why-us-main{padding: 120px 0 100px;}

  
  .product-main {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    padding: 40px 0;
    flex-wrap: wrap;
  }
  
  .product-cards {
    width: 100%; height: 100%;
    max-width: 280px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    overflow: hidden;
  }
  
  .product-img img {
    object-fit: cover;
    width: 100%; height: 100%;
    display: block;
  }
  .product-img {height: 100%;}
  
  .product-content-sub {
    position: absolute;
    bottom: 10px; height: 100%;
    width: 100%; 
    text-align: center;
    color: #fff;
    transition: background 0.3s ease;padding: 30px 0;
  }
  
  .product-cards h3 {
    margin: 10px 0;
    font-size: 26px;
  }

  .product-content-sub a{ background: #d10f0f; color: #fff; width: 100%; padding: 10px 0;}

  .product-cards p{color: #fff; font-size: 16px;text-align: center; padding: 0 20px;}
  
  .product-cards:hover .product-content-sub {
    background: #293144b2; 
  }
  
  .product-cards:hover .product-content-sub h3 {
    color: #fff; 
  }
  
  .product-cards:hover .product-img::before {
    opacity: 1;
  }
  
  .product-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 71%); 
    transition: opacity 0.3s ease;
  }

  .icon-wrapper {
    background-color: #192541; 
    padding: 15px; width: 90px; height: 90px;
    border-radius: 50%; margin: auto;
}

.icon-wrapper img {
    width: 60px;
    height: 60px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(18deg) brightness(104%) contrast(101%);
}
  
/* why us */

/* 3 steps */
.inner-three-benefits-main h2{font-style: italic;font-weight: 600;}
.three-benefits-paragraph{text-align: center;width: 100%; max-width: 1100px; margin: 0px auto 40px;}
.inner-three-benefits-main .span-subheading{margin: 0 0 5px;}

.three-benefits-main{padding: 120px 0 90px;}
.cash-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px; margin-bottom: 70px;
}

.card-reverse {
    flex-direction: row-reverse;
}

.cash-image {
    position: relative;
    display: inline-block;
    width: 45%;
}

.cash-image img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: relative;
}

/* Corner effect for the image */
.cash-image::after {
    content: "";
    position: absolute;
    background-color: #b50c09e8;
    z-index: 1;
}

.card-reverse .cash-image::before{
    content: "";
    position: absolute;
    background-color: #b50c09e8; 
    z-index: 1;bottom: -30px;
    left: -30px;
    width: 85%;
    height: 90%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.card-reverse .cash-image::after{ display: none;}
.card-reverse .cash-content{ text-align: right;padding-left: 15px;}
.card-reverse .cash-content p{padding-right: 30px;}
.card-reverse .cash-content h3{left: -30px; position: relative;}
.card-reverse .cash-content .common-knowmore-image{left: -30px; position: relative; margin: auto; margin-right: inherit;}
.card-reverse .cash-content::before,
.cash-content::after {content: "";position: absolute;right: -100px;top: 50%;transform: translateY(-50%);}

.card-reverse .cash-content::before {
    width: 10px;
    height: 10px;
    background-color: #b50c09e8; 
    border-radius: 50%; right: 0px; left: auto;
}

.card-reverse .cash-content::after {
    width: calc(100% + -400px); right: -27%; left: auto;
    height: 2px;
    background-color: #b50c09e8; 
}

.cash-image::after {
    bottom: -30px;
    right: -30px;
    width: 85%;
    height: 90%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cash-content {
    position: relative;
    max-width: 45%;
    padding-left: 30px; 
}

.cash-content h3 {
    font-size: 36px;
    color: #192541;
    font-style: italic;line-height: 38px;
}

.cash-content p {
   font-weight: 400;
    color: #2f2f2fe3;
}


.cash-content::before,
.cash-content::after {
    content: "";
    position: absolute;
    left: -27%;
    top: 50%;
    transform: translateY(-50%);
}

.cash-content::before {
    width: 10px;
    height: 10px;
    background-color: #b50c09e8; 
    border-radius: 50%;left: 0;
}

.cash-content::after {
    width: calc(100% + -400px);
    height: 2px;
    background-color: #b50c09e8;
}
/* 3 steps */

/* looking to scrap  */
.index-looking-to-scrap-main-wrapper{padding: 0px 0 130px;}
.inner-looking-to-scrap-main{display: flex;justify-content: center;align-items: stretch;}
.looking-to-scrap-image-main{width: 100%;max-width: 40%;padding: 60px;position: relative; color: #fff;display: flex;justify-content: center;align-items: center;}
.looking-to-scrap-image-main::before{position: absolute;content: '';background: #16223cc7;top: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;}
.lookimg-your-scrap-image-content{width: 100%;max-width: 410px; position: relative;}
.lookimg-your-scrap-image-content .common-knowmore-image{border-bottom: 1px solid #fff;}
.looking-to-scrap-image-main p{position: relative; color: #fff;}
.looking-to-scrap-image-main h3{font-size: 28px;line-height: 32px; position: relative;padding: 0 0 20px;} 
/* .looking-to-scrap-image-main .know-more-btn{position: relative;margin: 30px 0 0;} */
.looking-to-scrap-content-main{width: 100%;max-width: 60%;padding: 40px 10px;position: relative; background: #B50C09;color: #fff;}
.looking-to-scrap-content-main h2{font-style: italic; margin: 0 0 30px;width: 100%;max-width: 800px; color:#fff}
.we-buy-all-scrap-list{display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap; width: 100%;max-width: 800px;}
.we-buy-all-scrap-box{width: 100%;max-width: 235px;padding: 25px 20px; border-right: 2px solid #fff;border-bottom: 2px solid #fff;} 
.we-buy-all-scrap-box p{color: #fff;text-align: center; margin: 0px;} 
.we-buy-all-scrap-box:nth-child(4), .we-buy-all-scrap-box:nth-child(5), .we-buy-all-scrap-box:nth-child(6){border-bottom: none;}
.we-buy-all-scrap-box:nth-child(3), .we-buy-all-scrap-box:nth-child(6){border-right: none;}
/* looking to scrap  */

/*  cash-for-cars-rigo-jiffy */
.index-rigo-jiffy-main-wrappper{padding: 0 0 120px;}
.rigo-jiffy-content-main{position: relative;display: flex;align-items: center;justify-content: space-evenly;gap: 20px; ;}
.rigo-jiffy-image{position: relative;width: 100%; max-width: 450px; height: 400px;}
.rigo-jiffy-image img {width: 100%;height: 400px;max-width: 450px;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);position: relative;}
.rigo-jiffy-image::after {content: "";position: absolute;background-color: #b50c09e8;z-index: -1;bottom: 0;left: -30px;width: 40%;height: 115%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;top: 0;margin: auto;}
.rigo-jiffy-content{width: 100%;max-width: 580px;}
.rigo-jiffy-content h2{font-style: italic;line-height: 1.2;text-align: left;}

.rigo-jiffy-content-main:nth-child(2){flex-direction: row-reverse;margin: 100px 0 0;}
.rigo-jiffy-content-main .rigo-jiffy-image:nth-child(2)::after{right: -30px;}
.rigo-jiffy-content-main:nth-child(2) .rigo-jiffy-image::after {content: "";position: absolute;background-color: #b50c09e8;z-index: -1;bottom: -30px;right: -30px; left: inherit;width: 40%;height: 115%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/*  cash-for-cars-rigo-jiffy */

/* ======testimonials start====== */
.index-testimonials-wrapper{position: relative; padding: 50px 0 10px;}
.testimonials-wrap{padding: 20px 0 80px; position: relative;}
.index-testimonials-wrapper::before{ content: ''; position: absolute; background: url('../images/testimonial-bg.webp') no-repeat center right/cover; width: 100%; height: 450px; top: 0; left: 0;}
.index-testimonials-wrapper::after{content: ''; position: absolute; background: #b50c0994; width: 100%; height: 450px; top: 0; left: 0; border-bottom: 3px solid #B50C09;}
.inner-testimonials-section h2{color: #fff; position: relative; z-index: 1; line-height: 47px;} 
.testi img {width: 100px !important;margin: 0 auto; border-radius: 50%;}
.test-txt h3{ color: #fff; text-align: center; margin: 10px 0 30px; font-weight: 600;}

.testi-cor{width: 100%;max-width: 850px;margin: auto;}
.test-txt p{text-align: center; color: #fff;}
.testimonials-wrap .owl-dots{display: none;}

.custom-nav {
    position: absolute;
    top: 12%; 
    transform: translateY(-50%);
    z-index: 2; 
    cursor: pointer;
}

.custom-nav-left {
    left: 15px; 
}

.custom-nav-right {
    right: 15px; 
}

.nav-arrow {
    width: 30px; 
    height: 30px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(156deg) brightness(104%) contrast(103%);
}

.owl-carousel .testi img {
    width: 140px !important;
    margin: 0 auto;
    border-radius: 50%;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* blog section  */
.blog-section-main-wrapper{padding: 0 0 100px;}
.blog-section{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 20px; padding: 40px 0 0;}
.inner-blog-section-main .about-us-logo-content{width: 100%; max-width: 500px;}
.blog-section-main-wrapper.blog-section {display: flex;justify-content: space-between;gap: 20px;padding: 20px;}

.blog-card {
    /* background: #f9f9f9; */
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%; max-width: 380px;
}

.blog-image {
    position: relative;
}

.blog-image span{display: flex; justify-content: center; align-items: center;}

.blog-image img {
    width: 100%;
    height: 100%;
}

.blog-date {
    position: absolute;
    bottom: -30px;
    left: 10px;
    background: #192440;
    color: #fff;
    padding: 10px 5px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 18px;
}

.blog-content {
    padding: 40px 20px;
}

.blog-content p {
    font-size: 18px;
    color: #1a263f;
    font-weight: 400;
}
.blog-content a{ color: #B50C09; text-decoration: underline !important; font-size: 16px; font-weight: 600;}
.blog-card:hover .blog-date{ background: #B50C09; color: #fff;}  

.blog-section .owl-nav{display: none;}
.blog-section .owl-dots{display: none;}

/* populr Brands */
.popular-brands-main-wrapper{padding: 0 0 120px;}
.inner-popular-brand h2{ margin: 0 0 20px;}
.polular-brand-list-wrapper {overflow: hidden;position: relative;width: 100%;max-width: 100%;}
.polular-brand-list{display: flex; gap: 20px; }
.polular-brand-list span{ justify-content: center;align-items: center;}
.polular-brand-list img{width: 100%; max-width: 250px;}
.popular-brands-main-wrapper .fluid-container{ padding: 0; max-width: 1920px;}
.polular-brand-list .owl-nav{display: none;}
.polular-brand-list .owl-dots{display: none;}

/* get a quote - header */

.get-in-touch-index-main{background: #f9f9f9; position: relative; bottom: -5px;padding: 40px 0 90px;}
.inner-get-in-touch-main p{width: 100%; max-width: 800px; text-align: center; margin: auto; color: #2f2f2fe8; font-weight: 400;}
.inner-get-in-touch-main h2{ margin: 0 0 10px;}
.header-form-container {max-width: 850px;}
.form-row {display: flex;justify-content: space-between;margin-bottom: 20px;flex-wrap: wrap;}
.form-row:last-child{margin-bottom: 0px;}
.input-group {position: relative;flex: 1;min-width: 200px; margin-right: 10px;}
.input-group:last-child {margin-right: 0;}
.input-group label {position: absolute;bottom: 15px;pointer-events: none;transition: all 0.3s ease; padding: 0px 15px;}
.input-group input,
.input-group textarea {width: 100%;padding: 8px 10px;border-bottom: 1px solid #8f8484;font-size: 16px;background-color: transparent;}
.input-group input:focus,
.input-group textarea:focus {outline: none;border-bottom: 2px solid black;}

.input-group input:focus + label,
.input-group textarea:focus + label {bottom: 30px;}
.input-group select {width: 100%;padding: 15px 15px;border: none;border-bottom: 1px solid #8f8484;font-size: 16px;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="gray" d="M7.4 7.4l4.6 4.6 4.6-4.6z"/></svg>') no-repeat right center;padding-right: 30px; }
.input-group select:focus {outline: none;border-bottom: 2px solid black;}
.input-group select option {padding: 10px;}
.submit-button {text-align: center;}
.submit-button button {background-color: #b01b1b;color: #fff;padding: 10px 30px;font-size: 16px;cursor: pointer;border-bottom: 2px solid #ffd700ad;}
.submit-button button:hover {background-color: #d11c1c;}
textarea {resize: none;}

.inner-get-in-touch-main {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 30px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);z-index: 1000;width: 90%;max-width: 600px;}
.close-btn {position: absolute; top: -14px; right: 25px;font-size: 64px;cursor: pointer;}

.header-form-container .input-group:nth-child(1), .input-group:nth-child(2){margin: 0 0 20px;}
.header-form-container .input-group input, .input-group textarea{border-bottom: 1px solid #8f8484 !important;}
.index-form .input-group:nth-child(1), .input-group:nth-child(2){margin: 0 0 0px;}
.header-form-container .form-row{margin-bottom: 10px;}
.header-form-container .form-md input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    /* -webkit-text-fill-color: #000 !important; */
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
  }
/* Hide the label when select is valid */
.header-form-container .form-group #condition:valid + label {display: none !important;}


/* Inner Banner */
.inner-page-banner-wrapper {height: 300px; position: relative;}
.inner-page-banner-wrapper .fluid-container { height: 100%; position: relative; display: flex; justify-content: flex-start; align-items: flex-end;}
.inner-page-banner-wrapper .fluid-container .banner-text { position: relative;  padding: 20px;}
.banner-text h1 {color: #fff;  line-height: 1;  padding: 0 0 20px; text-align: center; font: weight 500;}
.banner-text nav ol { display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.banner-text nav ol li a, .banner-text nav ol li span {color: #fff;display: flex; justify-content: center; align-items: center;}
.banner-text nav ol li span img {width: 100%; max-width: 30px; filter: invert(100%) sepia(0%) saturate(6855%) hue-rotate(129deg) brightness(104%) contrast(104%);}
.inner-page-banner-wrapper .fluid-container > span { position: absolute; right: 0; overflow: hidden; bottom: 0;width: 100%; max-width: 500px;}
.inner-page-banner-wrapper .fluid-container > span img { object-position: bottom; object-fit: cover; width: 100%; max-width: 500px; bottom: -5px; position: relative;}

.car-towing-banner .fluid-container > span img{max-width: 420px; bottom: -12px;}
.testimonials-banner .fluid-container > span img{max-width: 350px; object-position: top; height: 300px;right: -60px;}
.blog-banner .fluid-container > span img{max-width: 400px; bottom: -7px;}
.faq-banner .fluid-container > span img{max-width: 350px;bottom: -7px;}
/* .contact-us-banner .fluid-container > span img{max-width: 280px; right: -121px;} */
.contact-us-banner{position: relative;}
.contact-us-banner::before{position: absolute;width: 100%; max-width: 300px;height: 375px;right: 0px;top: 25px;background: url('../images/banners/contact-us.webp'); content: '';}
/* Inner Banner */

/* inner page about us css */
.about-us-main-wrapper{padding: 80px 0;}
.inner-about-us-wrapper h1{font-weight: 400; text-align: center;}
.p-italic{font-size: 20px;font-style: italic;color: #b50b09; text-align: center;margin: 0px 0px 10px;}


.about-we-selling-main-wrapper{padding: 20px 0px 100px;}
.about-misssion-content-box p {color: #fff;}
.about-misssion-content-box {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;padding: 20px;width: 100%;max-width: 930px;margin: auto;background: #bb211f;}
.inner-about-mission-carss h2{font-style: italic;margin: 0 0 20px;}
.about-misssion-content-box span{display: flex; justify-content: center;align-items: center;}
.about-misssion-content-box span img{width: 100%; max-width: 120px;background: #f9f9f9;border-radius: 100%;padding: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.about-misssion-content-box p{text-align: center;}

.our-automotive-main-wrapper{padding: 100px 0 100px;}
.inner-our-automotive-main .rigo-jiffy-image::after{right: -30px;left: inherit;}

.about-us-why-choose-main-wrapper{padding: 0 0 120px;}
.inner-about-us-why-choose-us h2{margin: 0 0 30px;}
.cars-timeline{padding: 0px 100px; position: relative; width: 100%; z-index: 0;}
.cars-timeline ul li{position: relative; width: 50%; }
.cars-timeline::before{content: ''; position: absolute; height: 82%; width: 2px; background: #192541; left: 50%; top: 9%; z-index: -1;}
.cars-timeline ul li:nth-child(odd){float: left; text-align: right; clear: both;}
.cars-timeline ul li:nth-child(even){float: right; text-align: left; clear: both;}
.cars-timeline ul li:nth-child(odd) .cars-timeline-content{right: 50px;position: relative;}
.cars-timeline ul li:nth-child(even) .cars-timeline-content{left: 50px;position: relative;}
.cars-timeline ul li:nth-child(odd) .cars-timeline-content p{text-align: right;}
.cars-timeline ul::after{content: ''; display: table; clear: both;}
.cars-timeline-content{padding: 15px 20px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-bottom: 3px solid  #b50b09;position: relative;}
.cars-timeline-content:hover{border-top: 3px solid #192541; border-bottom: none;}

.cars-timeline ul li:nth-child(odd)::before,
.cars-timeline ul li:nth-child(even)::before {content: ' ';position: absolute;height: 40px;width: 40px;top: 40%;background-image: url('../images/icons/steering-wheel.webp');background-size: contain;background-repeat: no-repeat;background-position: center;filter: invert(15%) sepia(64%) saturate(5213%) hue-rotate(355deg) brightness(81%) contrast(101%);z-index: 2;}

.cars-timeline ul li:nth-child(odd)::after,
.cars-timeline ul li:nth-child(even)::after {content: ' ';position: absolute;height: 40px;width: 40px;top: 40%;background-color: #fff; border-radius: 50%; z-index: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.cars-timeline ul li:nth-child(odd)::before { right: -22px; }
.cars-timeline ul li:nth-child(even)::before { left: -19px; }

.cars-timeline ul li:nth-child(odd)::after { right: -22px; }
.cars-timeline ul li:nth-child(even)::after { left: -19px; }

.cars-timeline ul li:nth-child(odd) .cars-timeline-content::before {position: absolute;content: '';background: #b50b09;width: 30px;height: 30px;top: 0px;bottom: 0px;right: -30px;margin: auto;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);}
.cars-timeline ul li:nth-child(even) .cars-timeline-content::before {position: absolute;content: '';background: #b50b09;width: 30px;height: 30px;top: 0px;bottom: 0px;left: -30px;margin: auto; clip-path: polygon(100% 0%, 0% 50%, 100% 100%);}
/* inner page about us css */

/* inner page cash for cars css */
.cash-for-cars-main-wrapper{padding: 80px 0;}
.inner-cash-for-cars h2{font-style: italic;}
.inner-cash-for-cars p{width: 100%;max-width: 1100px;text-align: center;margin: 15px auto 40px;}
.top-cash-for-cars-list{display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;margin: 20px 0 0; gap: 30px;}
.top-cash-for-cars-box{width: 100%;max-width: 320px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 30px;border: 2px solid #b50b09; border-radius: 10px;}
.top-cash-for-cars-box p{text-align: center; font-size: 24px;margin: 0;}
.top-cash-for-cars-box:hover{border: 2px solid #192541;}

.cash-for-cars-instant-main-wrapper{padding: 40px 0 200px;}
/* inner page cash for cars css */

/* inner-page scrap your cars css */
.scarp-your-cars-main-wrapper{padding: 80px 0 60px;}
.scarp-your-cars-main-wrapper h2{font-style: italic;}
.scarp-your-cars-main-wrapper .span-subheading{margin: 0 0 10px;} 
.scarp-your-cars-main-wrapper p{width: 100%;max-width: 1100px; text-align: center; margin: 0px auto 20px;}

.inner-types-scrap-for-cars-main h2{font-style: italic; margin: 0 0 30px;}
.types-scrap-timeline{position: relative;}
.types-scrap-timeline::before{position: absolute; content: '';background: #1a2541; width: 2px; height: 65%; left: 0px; top: 50px;}
.types-scrap-timeline ul li{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 0 0 40px 60px; padding: 20px; border: 2px solid #b50b09; border-radius: 10px;text-align: center; position: relative;}
.types-scrap-timeline ul li::before{position: absolute;content: '';background: #b50b09;width: 30px;height: 30px;top: 0px;bottom: 0px;left: -30px;margin: auto;clip-path: polygon(100% 0%, 0% 50%, 100% 100%);}
.types-scrap-timeline ul li::after{position: absolute;content: '';background: #1a2541;width: 30px;height: 30px;top: 0px;bottom: 0px;left: -76px;margin: auto; border-radius: 50%;}
    
.inner-scarp-car-solution-main .rigo-jiffy-image::after{right: -30px; left: initial;}
.types-scrap-for-cars-main-wrapper{padding: 80px 0 120px;}
/* inner-page scrap your cars css */

/* contact us css */
.contact-us-main-wrapper{padding: 80px 0 140px;}
.contact-us-lists{display: flex;justify-content: center;align-items: center; gap: 20px;padding: 0 0 70px;flex-wrap: wrap;}
.contact-us-box{width: 100%;max-width: 375px;display: flex;justify-content: center;align-items: center;gap: 20px;}
.contact-us-box i{background: url('../images/car-tire.webp') no-repeat center center/cover;width: 100%;max-width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #fff;}
.contact-us-box h3{color: #b50b09;}
.contact-us-box a{color: #1a2541;}
.contact-us-box a:hover{color: #b50b09;}


/* .inner-contact-get-in-touch-main{display: flex;justify-content: center;align-items: center;gap: 20px;margin: 50px 0 0;} */
/* .contact-get-in-touch-image{width: 100%;max-width: 400px;} */
/* .contact-get-in-touch-image img{width: 100%;max-width: 400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;height: 420px;} */
.contact-get-in-touch-form{width: 100%;max-width: 900px; border: 2px solid #b50b09;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 70px 80px 70px 10px;border-radius: 10px; display: flex;justify-content: flex-end;margin-left: 280px;position: relative;}   
.contact-get-in-touch-form::before{position:absolute;content: '';background: url('../images/contact-us.webp') no-repeat center center/cover; width: 100%;max-width: 400px; height: 470px;top: 0px;left: -200px;bottom: 0px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 0px; margin: auto;}

     
.contact-form-container{width: 100%; max-width: 500px;}
.contact-form-container h1{font-weight: 400; }
/* .contact-form-container .contact-form-left .form-group input{border: 2px solid #8f8484; border-radius: 10px; } */
/* .contact-form-container .contact-form-left .form-group .form-md input, .form-md textarea{border: 2px solid #8f8484; border-radius: 10px; } */
.contact-form-container .form-md label{top: 12px ;}   
.contact-form-container .form-group #condition:valid + label {display: none !important;}
.contact-form-container .form-md input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    /* -webkit-text-fill-color: #000 !important; */
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s;
  }


/* contact us page form and map */
.input-block label {padding: 30px 0 5px;display: flex;justify-content: flex-start;align-items: center;font-size: 18px;}
.input-block input, .input-block textarea {background: #fff;padding: 10px;border: 2px solid #e1e1e1;border-radius: 5px;}
.footer-links.contact-page {border-top: 0;padding: 0 0 20px 0;border-bottom: 1px solid #fff;}
/* form */
.form-md { width: 100%; text-align: center; margin: 20px auto;}
.form-md .form-group {max-width: 500px;}
.form-group {margin: 25px 0;position: relative;}
.form-group #condition{position: relative;bottom: -14px;border-bottom: 1px solid #000;padding: 0 0 15px;}
.form-md input, .form-md textarea {position: relative;display: block;width: 100%;border-bottom: 1px solid #000; padding: 15px 10px; outline: none !important;font-size: 16px; color: rgba(0,0,0,0.85);transition: all .2s ease-in-out;}
.form-md label {position: absolute;top: 18px; left: 12px;text-align: left;display: inline-block; font-size: 18px; color: #000; margin: 0px auto;cursor: text;transition: all .15s ease-in-out;}
.form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -10px;font-weight: initial;}

/* form and map */
/* contact us css */

/* faq page css */
.faq-wrapper{padding: 60px 0 80px;}
.with-faq{margin: 20px 0px;}    
.set > a {display: flex;justify-content: space-between;align-items: center;padding: 18px 15px; border-bottom: 1px solid #f2ecec;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.set > a i{margin-left: 20px;color: #0c76c2;}
.set > a img{margin-left: 20px; border-radius: 50px; width: 100%;max-width: 30px;filter: invert(11%) sepia(10%) saturate(5970%) hue-rotate(192deg) brightness(93%) contrast(90%);
    /* filter: invert(100%) sepia(12%) saturate(7481%) hue-rotate(292deg) brightness(119%) contrast(111%); */
}
.set > a i.fa-plus{margin-left: 20px; color: #0c76c2; border: 2px solid #0c76c2; padding: 2px; border-radius: 50px;}
.set > a.active{color: #fff !important; background: linear-gradient(to left, #b50c09 0%, #192541 85%);border-radius: 10px;}
.set > a.active img{filter: invert(100%) sepia(12%) saturate(7481%) hue-rotate(292deg) brightness(119%) contrast(111%);}
.with-faq .content{background-color: #fff;border-bottom: 1px solid #ddd;display:none;}
.with-faq .content p {padding: 10px 15px 25px;margin: 0;}
/* faq page css */

/* car towing */
.car-towing-main-wrapper{padding: 80px 0;}
.inner-car-towing-wrapper{display: flex;justify-content: center;align-items: center;gap: 60px;}
.inner-car-towing-wrapper span{display: flex; justify-content: center;align-items: center;width: 100%; max-width: 400px; border: 2px solid #b50c09; border-radius: 10px;}
.inner-car-towing-wrapper span img{width: 100%; max-width: 400px; box-shadow: rgba(0, 0, 0, 0.24) 5px 10px 15px;border-radius: 10px;}
.car-towing-understanding{width: 100%; max-width: 650px;}
.car-towing-understanding h2{color: #b50c09; text-align: start;font-style: italic;font-weight: 500;}

.inner-car-towing-two-main-wrapper h2{color: #b50c09; text-align: start;font-style: italic;font-weight: 500;}
.towing-two-heading{margin: 5px 0 30px;}
.car-towing-two-main-wrapper{padding: 20px 0 100px;}
.common-reasons-towing-boxs{display: flex; justify-content: flex-start;align-items: stretch; gap: 40px 40px; flex-wrap: wrap;}
.commom-reasons-towing-box{width: 100%; max-width: 360px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px; border: 1px solid #b50c09;padding: 20px; background: #f9f9f9;}
.commom-reasons-towing-box:hover{background: #fff;}
.commom-reasons-towing-box h3{border-bottom: 2px solid #b50c09;padding: 0 0 10px;font-weight: 400; color: #192541;}

.car-towing-three-main-wrapper{background: #1a2541;}
.inner-car-towing-three-main{display: flex; justify-content: center;align-items: stretch; gap: 40px;padding: 40px 0;}
.inner-car-towing-three-main span{display: flex; justify-content: center; border-radius: 10px; border: 1px solid #fff;width: 100%;max-width: 400px;}
.inner-car-towing-three-main span img{width: 100%; max-width: 400px;border-radius: 10px;}
.towing-three-cost-content-wrapper h2{color: #fff; text-align: start;font-style: italic;font-weight: 500;}
.towing-three-cost-content-wrapper p{color: #fff;}
.towing-cost-boxs h3{color: #fff;}
.towing-cost-boxs p{margin: 5px 0 25px;}
.towing-three-cost-content-wrapper{width: 100%;max-width: 700px;}

.car-towing-four-main-wrapper{padding: 100px 0 140px;}
.inner-car-towing-four h2{color: #b50c09; font-style: italic;font-weight: 500;}
.inner-car-towing-four p{text-align: center;}
/* car towing */

/* Sitemap */
.inner-sitemap-wrapper{padding: 60px 20px;}
.inner-sitemap-wrapper h2{text-align: center; color: #192541;font-weight: 600; margin: 0 0 40px;}
.sitemap-content{display:flex;justify-content: center; align-items: center; flex-wrap: wrap; gap: 40px;}
.sitemap-content .sitemap-component{width: 100%;max-width: 400px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: all 0.4s;}
.sitemap-content .sitemap-component:hover{transform: translateY(-10px);}
.sitemap-component a{color: #f7bf00; padding: 10px 10px; text-transform: uppercase; display: flex;justify-content: flex-start;align-items: center; gap: 20px; font-weight: 600;}
.sitemap-component a img{width: 100%; max-width: 40px;filter: invert(15%) sepia(64%) saturate(5213%) hue-rotate(355deg) brightness(81%) contrast(101%);}
/* sitemap  */

/* vinutha */
.soc-icon {position: fixed;top: 40%;right: 0px;z-index: 10;max-width: 100px;}
.soc-icon ul li{color: #fff;height: 70px;position: relative;background-image: linear-gradient(to right, #eab601, #ad8600);cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;align-items: center;font-size: 20px;justify-content: center; text-align: center;padding: 0px 5px;border-radius: 5px;}
.quote-container{position: fixed;top: 50%;right: 0;transform: translateY(-50%);width: 500px;background: linear-gradient(to right, #eab601, #ad8600);padding: 15px;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);display: none;z-index: 100;}
.rot .input-wrapper{border: 1px solid #fff; margin-bottom: 10px;}
.quote-container .rot{text-align: center;}
.quote-container h3{color: white;margin: 0 0 10px;}
.close-modal {cursor: pointer;color: white;font-weight: bold;font-size: 20px;display: block;text-align: right;}
.rot .upload-doc{justify-content: center;}
.rot form .submit-btn button {color: #00365c;padding: 8px 0;background: #fff;border-radius: 5px;font-size: 16px;width: 140px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
/* vinutha */

/* kruthin */
.testimonial-wrapper{padding: 80px 0 120px;}
.testimonial-inner h2{padding: 0 0 20px;}
.testimonial{background-color: #f9f9f9;padding: 20px;border: 2px solid #840200;border-radius: 20px;width: 100%;max-width: 400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;height: 100%;margin: auto;}
.testimonial p{font-size: 26px;text-align: start;}
.testimonial span{font-size: 18px;text-align: start;}
.testimonial-container .owl-stage{display: flex;justify-content: center;align-items: stretch;gap: 40px;padding: 10px 0;}
.testimonial-container .owl-dots{display: flex;justify-content: center;align-items: center;gap: 10px;}
.testimonial-container .owl-nav{display: none;}
.testimonial-container .owl-dots .owl-dot{width: 10px;height: 10px;background-color: #840200; border-radius: 50%;}
.testimonial-container .owl-dots button.owl-dot.active {background: #e7a813;width: 40px;border-radius: 10px;height: 10px;}
.form-group #condition {
	position: relative !important;
	bottom: -14px !important;
	border-bottom: 1px solid #000;
	padding: 15px !important;
	font-weight: 500 !important;
	font-family: 'Kanit', sans-serif !important;
}

/* kruthin */

.range-content {display: flex;justify-content: center;align-items: center;gap: 40px;}
.range-content p {
	color: #fff;
	font-size: 30px;
    width: 220px;
    text-align: right;
}
.range-content h3 {
	font-size: 40px;
    width: 150px;
}

.our-process-box span a img {
	width: 100%;
	max-width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(105%) contrast(101%);
}
/* responsive */
@media(max-width:1280px){
    .contact-get-in-touch-form{margin-left: 240px;}
}
@media(max-width:1260px){
    .cash-content::after {width: calc(100% + -365px); left: -33%;}
    /* .card-reverse .cash-content::after{width: calc(100% + -415px);} */
    .cash-content::before{left: -5px;}
    .card-reverse .cash-content::before{right: -4px;}
}
@media(max-width:1220px){
    .we-buy-all-scrap-box {max-width: 200px; padding: 25px 5px;}
    .cash-content::before {left: -10px;}
    .card-reverse .cash-content::before {right: -10px;}
    .cash-content::before, .cash-content::after{display: none;}
}
@media(max-width:1219px){
    .product-main{justify-content: center; gap: 20px 40px;}
}
@media(max-width:1200px){
    .contact-get-in-touch-form{margin-left: 195px;}
    .contact-get-in-touch-form::before {left: -140px;}
    .index-form-container{max-width: 900px;}
    .common-reasons-towing-boxs{justify-content: center;}

}
@media(max-width:1199px){
    .blog-card {margin: auto;}
}
@media(max-width:1176px){
    .types-scrap-timeline::before{height: 62%;top: 64px;}
}
@media(max-width:1140px){
    .contact-get-in-touch-form::before{display: none;}
    .contact-get-in-touch-form{margin: auto; padding: 70px 80px 70px 70px;}
    .contact-form-container{margin: auto;}
    .contact-form-container .input-group{min-width: 750px;}
}
@media(max-width:1080px){
    .cars-timeline ul li:nth-child(odd) .cars-timeline-content{right: 65px;}
    .cars-timeline ul li:nth-child(even) .cars-timeline-content{left: 65px;}
    .cars-timeline-content {padding: 15px 10px;}
    .footer-contact-links-list{gap: 30px;}
    .footer-contact-links ul{gap: 30px;}
    header .bottom-header ul{gap: 10px 15px}
    .header-logo img{max-width: 180px !important;}
    .inner-car-towing-three-main{flex-direction: column-reverse; gap: 20px;}
    .towing-three-cost-content-wrapper{max-width: 100%;}
    .inner-car-towing-three-main span{margin: auto;}
    .inner-car-towing-three-main{padding: 30px 0;}
    .car-towing-four-main-wrapper {padding: 60px 0 100px;}
    .three-benefits-main {padding: 40px 0 0;}
    .looking-to-scrap-image-main { margin: 0 0 60px;max-width: 100%;}
}
@media(max-width:1040px){
    .inner-looking-to-scrap-main{flex-direction: column;}
    .looking-to-scrap-image-main {max-width: 100%;}
    .looking-to-scrap-content-main{max-width: 100%;}
    .we-buy-all-scrap-list{margin: auto;}
    .we-buy-all-scrap-box{max-width: 220px;}
    .looking-to-scrap-content-main h2{margin: 0 auto 30px;}
    .inner-car-towing-wrapper{flex-direction: column-reverse; gap: 20px;}
    .car-towing-understanding{max-width: 100%;}
}

@media(max-width:992px){
    header .bottom-header .fluid-container {padding: 2px 0;}
    .resp-menu{display: block;}
    header .toggle {display: block !important;}
    header .bottom-header ul{display: none;}
    .header-logo img{margin-left: 8px;}
    header.scrolled{top: -38px;}
    header .bottom-header .header-logo{padding: 0px 0px 0 20px;}
    /* .card-reverse.cash-content h3 br{display: none;} */
    .card-reverse {flex-direction: column-reverse;}
    .cash-card{flex-direction: column-reverse;margin-bottom: 85px;}
    .card-reverse .cash-content p{padding-right: unset;}
    .cash-content{max-width: 100%;padding-left: unset;}
    .cash-image{width: 100%;}
    .cash-content h3 br{display: none;}
    .index-testimonials-wrapper{padding: 15px 0 0px;}
    .footer-contact-links ul{gap: 20px; padding: 0px;}

    .rigo-jiffy-content-main{flex-direction: column; gap: 50px;}
    .rigo-jiffy-content {max-width: 100%;}
    .rigo-jiffy-content-main:nth-child(2){flex-direction: column-reverse; margin: 90px 0 0;}
    .rigo-jiffy-content-main:nth-child(1){flex-direction: column-reverse; }

    .types-scrap-timeline::before{display: none;}
    .header-form-container .input-group{min-width: 100%;}
    .index-form-container .input-group{min-width: 150px;}
    .about-us-main-wrapper {padding: 60px 0 20px;}
    .our-automotive-main-wrapper {padding: 100px 0 40px;}
    .inner-page-banner-wrapper .fluid-container > span {max-width: 450px; right: 50px;}
    .testimonials-banner .fluid-container > span img{max-width: 300px;}
    header.scrolled a{padding: 0px 0 0px;}
    header {position: fixed;}
    .owl-carousel .testi img {  width: 98px !important;}
    .card-reverse .cash-content .common-knowmore-image {left: 0;}
}

@media(max-width:920px){
    .contact-get-in-touch-form{padding: 70px 20px 70px 20px;}
    .contact-get-in-touch-form {justify-content: center;}
    .index-form-container {max-width: 770px;}
}
@media(max-width:840px){
    .about-section-wrapper .about-inner-content{flex-direction: column;}
    .inner-testimonials-section h2 br{display: none;}
    .inner-testimonials-section h2{font-size: 32px; line-height: 40px;}
    .test-txt p{font-size: 16px;  margin: 5px 0;}
    .nav-arrow{width: 20px; height: 20px;}
    .custom-nav{top: 50%;}
    .owl-carousel .testi img{width: 110px !important;}

    .cars-timeline ul li:nth-child(odd)::before, .cars-timeline ul li:nth-child(even)::before{display: none;}
    .cars-timeline ul li:nth-child(odd)::after, .cars-timeline ul li:nth-child(even)::after{display: none;}
    .cars-timeline::before{display: none;}
    .cars-timeline ul li {width: 100%;}
    .cars-timeline ul li:nth-child(odd) .cars-timeline-content::before{display: none;}
    .cars-timeline ul li:nth-child(even) .cars-timeline-content::before{display: none;}
    .cars-timeline{padding: 0px;}
    .cars-timeline ul li:nth-child(odd) .cars-timeline-content{right: 0px;margin: 0 0 30px;}
    .cars-timeline ul li:nth-child(even) .cars-timeline-content{left: 0px;margin: 0 0 30px;}
    .cars-timeline ul li:nth-child(odd) .cars-timeline-content p {text-align: center;}
    .cars-timeline ul li:nth-child(even) .cars-timeline-content p {text-align: center;}

    .contact-form-container .input-group {min-width: 100%;}
    .index-form-container{display: none;}
}

@media(max-width:840px){
    .contact-us-lists{flex-direction: column;}
    .contact-us-box{justify-content: flex-start;}
}

@media(max-width:776px){
    .footer-common-cta-box{max-width: 215px; padding: 10px;}
    .footer-contact-links h2 {font-size: 32px;margin: 0 0 10px;}

    .inner-page-banner-wrapper span img{display: none;}
    .banner-text nav ol li span img{display: block !important; max-width: 20px;}
    .inner-page-banner-wrapper .fluid-container{justify-content: center;}
    .banner-text h1 {font-size: 24px;padding: 0 0 10px}
    .inner-page-banner-wrapper{height: 320px;}
    .nav-content h2{font-size: 24px;}
    .contact-us-banner::before{display: none;}
    .testimonial-container .owl-stage{gap: 0;}
    .vtp-index-slider .swiper-button-prev, .vtp-index-slider .swiper-button-next { transform: translateY(250%);}
    .index-testimonials-wrapper {  padding: 50px 0 0px;}
    .owl-nav {  top: 66% !important ;
    }
}
@media(max-width:619px){
    .we-buy-all-scrap-list{max-width: 100%;}
    .we-buy-all-scrap-box:nth-child(2), .we-buy-all-scrap-box:nth-child(4){border-right: none;}
    .we-buy-all-scrap-box:nth-child(3){border-right: 2px solid #fff;}
    .we-buy-all-scrap-box:nth-child(4){border-bottom: 2px solid #fff;}
}
@media(max-width:576px){
    /* header .bottom-header .inner-bottom-header{padding: 5px;} */
    /* .header-logo{font-size: 28px;} */
    .swiper-wrapper .swiper-slide .fluid-container .content h2{font-size: 32px;}
    .swiper-button-prev img, .swiper-button-next img{width: 25px; height: 25px;}
    .swiper-navs .swiper-button-prev{top: -115px;}
    .swiper-navs .swiper-button-next{top: -115px;}
    .our-process-main {padding: 70px 0;}
    /* header.scrolled {top: -60px;} */
    header.scrolled a {padding: 15px 0 0px;}
    .hc-nav-trigger{right: 18px;}
    header .toggle{top: 0;}
    header.scrolled a {padding: 0px 10px 0px;}
    .three-benefits-main {padding: 80px 0 40px;}
    .cash-content{ padding-left: 0px;}
    .card-reverse .cash-content{padding-left: 0px;}
    .card-reverse .cash-content h3 {left: 0;}
    .cash-content h3{font-size: 24px;}
    .inner-index-call-to-action p{font-size: 26px; line-height: 1.4;}
    .product-main{justify-content: center;}
    .footer-common-cta-box ul li a{font-size: 16px; }
    .footer-common-cta-box{padding: 10px 5px;}
    .footer-common-call-to-action{ flex-wrap: unset;flex-direction: column; align-items: center;}
    .copyrights p a, .copyrights p{font-size: 11px !important}
    .copyrights{justify-content: center; gap: 7px;}
    #to-top img{max-width: 35px; }
    #to-top{ right: -30px;}
    .cash-card{margin-bottom: 100px;}
    .span-subheading {font-size: 27px;}
    h2{font-size: 26px;}
    .lookimg-your-scrap-image-content{max-width: 100%;}
    .looking-to-scrap-image-main{padding: 20px;}
    .looking-to-scrap-image-main h3 {font-size: 24px;}
    .index-looking-to-scrap-main-wrapper {padding: 0px 0 70px;}
    .index-why-us-main {padding: 70px 0 60px;}

   
    .footer-contact-links ul{gap: 0px 20px;}
    .header-logo img {max-width: 150px !important;}
    header .toggle{left: -50px;}
    .cash-card {margin-bottom: 75px;}
    .rigo-jiffy-image{height: unset;max-width: 250px;}
    .rigo-jiffy-image img{height: unset;}
    .rigo-jiffy-image::after {left: -15px;width: 40%;height: 110%;bottom: 5px;}
    .rigo-jiffy-content-main{gap: 15px;}
    .our-process-box span { margin-bottom: 0; 
    }
}

@media(max-width:530px){
   .about-we-selling-main-wrapper{padding: 20px 0px 70px;}
}

@media(max-width:480px){
    .banner-section-3 .content #contactForm{display: none;}
    header.scrolled {top: -35px;}
    header .bottom-header .header-logo {padding: 0px 0px 0 10px;}
    .footer-contact-links h2 {font-size: 26px;}
    .swiper-wrapper .swiper-slide .fluid-container .content{max-width: 400px;}
    .swiper-wrapper .swiper-slide .fluid-container .content h2 {font-size: 24px;}
    .popular-brands-main-wrapper {padding: 0 0 160px;}
    .our-process-list{gap: 30px 0;}
    .product-main{gap: 30px 0px;}
    .cash-for-cars-main-wrapper{padding: 60px 0;}
    .car-towing-main-wrapper {padding: 60px 0;}
    .car-towing-two-main-wrapper {padding: 0px 0 60px;}
    .car-towing-four-main-wrapper {padding: 40px 0 140px;}
    .header-logo img{margin-left: 0px;}
    header .toggle {left: -24px;}
    .card-reverse .cash-image::before{bottom: -25px;}
    .cash-image::after{bottom: -25px;}
    .our-process-main {padding: 30px 0 20px;}
    .our-process-list {gap: 20px 0;}
    .three-benefits-main {padding: 40px 0 0;}
    .index-looking-to-scrap-main-wrapper { padding: 0px 0 30px;}
    .rigo-jiffy-content-main:nth-child(2) { margin: 50px 0 0;}
    .index-rigo-jiffy-main-wrappper {padding: 0 0 70px;}
    .index-why-us-main {padding: 30px 0;}
    .product-main { padding: 12px 0;}
    .testimonials-wrap { padding: 20px 0 47px;}
    .owl-nav .nav-arrow { width: 19px !important;}
    .about-section-wrapper::after {width: 100%; clip-path: initial}
    .about-section-wrapper::before { display: none;}
    .blog-section-main-wrapper { padding: 0 0 10px;}
    .popular-brands-main-wrapper { padding: 0 0 88px;}
    .footer-common-call-to-action { transform: skew(0deg);}
    .footer-common-cta-box ul { transform: skew(0deg);}
    .footer-common-cta-box { max-width: 100%;}
    .second-header-connection ul li a span { display: none;}
    .footer-contact-links .footer-logo {font-size: 25px;}
    .about-counter-text h3{font-size: 20px;}
    .range-content p {font-size: 24px;}
    .range-content h3 {font-size: 28px;}
    .about-section-wrapper { padding: 30px 0 40px;}
    header .bottom-header { background-color: #fff;}
    h1 {font-size: 24px;}
    h2 {font-size: 22px;}
    .inner-testimonials-section h2 { font-size: 22px; }
    .span-subheading {font-size: 20px;}
    .our-process-box h3 { font-size: 20px;}
    .product-cards h3 {font-size: 20px;}
    .cash-content h3 { font-size: 20px;}
    p { font-size: 16px;}
    .cash-content h3 { line-height: inherit;}
    .three-benefits-paragraph { margin: 0px auto 30px;}
    .looking-to-scrap-image-main h3 {font-size: 20px;text-align: center;}
    .lookimg-your-scrap-image-content .common-knowmore-image {margin: auto;}
    .looking-to-scrap-content-main { padding: 25px 0 0 10px;}
    .inner-index-call-to-action p {font-size: 22px;}
    .testimonials-wrap { padding: 4px 0 47px;}
    .blog-section {padding: 20px 0 0;}
    .blog-content { padding: 10px 20px;}
   
}
@media(max-width:420px){
    .header-logo {font-size: 22px;}
    
    
    .footer-contact-links ul{gap: 0px 50px;} 
    .sub-footer-links li {margin: 5px 0;}
    .footer-contact-links ul li a{font-size: 16px;}
    .footer-contact-links ul:nth-child(2){gap: 0px 107px;}
    .about-section-wrapper .about-counter p{font-size: 32px;}
    .about-section-wrapper .about-counter h3{font-size: 28px;}
   .contact-form-container h1{font-size: 30px;}
    .contact-us-main-wrapper {padding: 80px 0 180px;}
    .contact-us-box i {max-width: 80px;height: 80px;}
    .contact-us-box{justify-content: flex-start;}
    .range-content p { font-size: 25px;}
    .range-content h3 {font-size: 30px;}
    .range-content { gap: 18px;}
   

}
@media(max-width:419px){
    .we-buy-all-scrap-box:nth-child(1), .we-buy-all-scrap-box:nth-child(3), .we-buy-all-scrap-box:nth-child(5){border-right: none;}
    .we-buy-all-scrap-box:nth-child(5){border-bottom: 2px solid #fff;}
    .looking-to-scrap-content-main h2 {margin: 0px;}
    .contact-get-in-touch-form {padding: 30px 20px 50px 20px;}
}
@media(max-width:380px){
    .index-testimonials-wrapper {
        padding: 15px 0 0px;
    }
}



.owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* prevents blocking carousel clicks */
}

.owl-nav button {
  background: none;
  border: none;
  outline: none;
  pointer-events: auto; /* enable click */
}

.owl-nav .nav-arrow {
  width: 40px; /* same as your old buttons */
  height: auto;
  cursor: pointer;
}