body, html {
min-height: 100%;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
letter-spacing: 0.7px;
}
a:hover, a:focus, a:active, button, input[type="button"], input[type="reset"], input[type="submit"], .btn {
text-decoration: none !important;
transition: background-color 0.6s ease 0s, border-color 0.7s ease 0s, color 0.7s ease 0s;
}
a:focus, a:hover {
outline: none;
text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0;
padding: 0;
letter-spacing: 0.4px;
}
.fl-accordion-button-label, .fl-accordion-button-label:focus {
font-size: 16px !important;
outline: 0;
}
.fl-accordion-small .fl-accordion-button {
padding: 10px 15px !important;
}
.fl-accordion-small .fl-accordion-content {
padding: 10px 30px 10px 15px;
border-top: solid 1px #e7e7e7;
}
.fl-accordion-small .fl-accordion-content {
padding: 15px 40px 15px 20px !important;
border-top: solid 1px #e7e7e7;
}
.fl-page-nav-right .fl-page-header-container {
padding-bottom: 15px;
width: 100%;
}
.fl-page-header-container {
padding-top: 15px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a {
border-bottom: 2px solid transparent;
padding: 1px 0 2px !important;
font-size: 15px;
}
.fl-page-nav-right .fl-page-nav ul.navbar-nav > li {
margin: 0 15px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:focus, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a {
border-bottom-color: #00bfa5;
}
.fl-page-nav-right .fl-page-nav-collapse {
width: 100%;
display: inline-block !important;
float: left;
}
.fl-page-nav .navbar-nav li > a {
padding: 15px 10px;
}
.single-post .footer-menu a, .single-post .mt-footer a {
color: #fff !important;
}
.single-post .footer-menu a:hover, .single-post .mt-footer a:hover {
color: #00bfa5 !important;
}
.single .fl-sidebar ul, .single .fl-sidebar ol {
padding-left: 0;
float: left;
width: 100%;
list-style: none;
margin: 0;
}
.single .fl-sidebar ul li, .single .fl-sidebar ol li {
width: 100%;
float: left;
margin: 3px 0;
}
.single .fl-post-thumb img {
width: 100%;
}
.blog_Home h2.fl-post-grid-title {
font-size: 22px !important;
}
.single-post .fl-post-header .fl-post-meta {
float: left;
margin-bottom: 15px;
width: 100%;
font-weight: 300;
font-size: 14px;
}
.single-post .fl-post-header .fl-post-meta span a {
font-weight: 500;
}
.single-post .fl-post-header .fl-post-meta a, .single-post .entry-footer a, .fl-post-cats-tags a, .fl-comment-form a, .recentcomments a {
color: #00bfa5 !important;
}
.single-post .fl-post-header .fl-post-meta a:hover, .single-post .entry-footer a:hover, .fl-post-cats-tags a:hover, .fl-comment-form a:hover, .recentcomments a:hover {
color: #202125 !important;
}
.single-post .fl-comment-form {
float: left;
width: 100%;
background: #fafafa;
padding: 20px;
border: solid 1px #e7e7e7;
}
.blog_filter_main .snip0047:hover, .blog_filter_main .snip0047:focus {
color: #fff !important;
background: #176BDD !important;
}
.single-post .fl-comment-form .comment-reply-title {
margin-top: 0 !important;
}
.single-post .inner_Para {
padding-right: 17px;
}
.single-post #secondary {
padding-left: 40px;
border-left: solid 1px #e7e7e7;
float: left;
width: 100%;
padding-bottom: 20px;
}
.single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
float: left;
width: 100%;
margin-bottom: 7px;
}
.single-post .fl-comment-form .form-submit input[type="submit"] {
padding: 10px 12px;
font-size: 14px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background-color: #00bfa5;
border-color: #00bfa5;
color: #fff;
letter-spacing: 0.5px;
margin-top: 10px;
font-family: 'Open Sans', sans-serif !important;
}
.single-post .fl-comment-form .form-submit input[type="submit"]:hover, .single-post .fl-comment-form .form-submit input[type="submit"]:focus {
background-color: #498DD1;
border-color: #498DD1;
}
.single-post .single_post_widget ul {
padding: 0;
margin: 0 0 20px 0;
list-style: none;
float: left;
width: 100%;
}
.single-post .fl-widget ul li {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0;
margin: 0;
}
.single-post .fl-widget ul li a {
color: #848484;
font-size: 14px;
font-weight: 400;
transition: all 500ms ease;
}
.single-post .fl-widget ul li a:hover, .single-post .fl-widget ul li a:focus {
color: #00bfa5;
text-decoration: none;
}
.single .fl-widget {
margin-bottom: 20px;
float: left;
width: 100%;
}
.single-post .fl-search-input {
float: left;
width: 100%;
height: 42px;
padding: 10px;
font-size: 15px;
margin-bottom: 0;
}
.fl-sidebar .fl-widget {
margin-bottom: 20px;
float: left;
width: 100%;
}
.fl-widget .fl-widget-title {
font-size: 20px;
font-weight: 400;
}
.single-post .fl-post-header .fl-post-title {
font-size: 30px;
margin-bottom: 5px;
}
.single-post .fl-post-content p {
font-weight: 300;
line-height: 1.7em;
font-size: 14px;
}
.single-post .fl-comment-form .form-control {
padding: 15px;
resize: none;
font-size: 14px;
}
.single-post .fl-post-header {
margin-bottom: 20px;
border-bottom: solid 1px #e7e7e7;
width: 100%;
float: left;
}
.single-post .fl-comment-form .form-control {
padding: 15px;
}
.single-post .fl-comment-form label {
width: 100%;
font-weight: 500 !important;
font-size: 16px;
}
.single-post .fl-comment-form input[type="text"], .single-post .fl-comment-form input[type="email"], .single-post .fl-comment-form input[type="url"] {
width: 100%;
float: left;
height: 42px;
font-size: 14px;
padding: 10px 15px;
margin-bottom: 15px;
}
.single-post .entry-footer {
margin-top: 15px;
float: left;
width: 100%;
border-bottom: solid 1px #e7e7e7;
padding-bottom: 10px;
margin-bottom: 25px;
}
.single-post nav.navigation.post-navigation {
float: left;
width: 100%;
}
.single-post nav.navigation.post-navigation .nav-links a {
border-bottom: solid 1px #00bfa5;
color: #00bfa5;
letter-spacing: 1px;
}
.single-post nav.navigation.post-navigation .nav-links a:hover, .single-post nav.navigation.post-navigation .nav-links a:focus {
border-bottom: solid 1px #4c4c4c;
color: #4c4c4c;
}
.single-post .fl-comment-form .required {
color: red;
}
.single-post .fl-post-cats-tags {
font-weight: 500;
}
.single-post fl-post-cats-tagss a {
font-weight: 500;
}
.single-post .fl-post-content ul, .single-post .fl-post-content ol {
float: left;
width: 100%;
padding-left: 15px;
}
.single-post .fl-post-content ul li, .single-post .fl-post-content ol li {
float: left;
width: 100%;
margin-bottom: 10px;
}
.fl-post-grid-meta, .fl-post-grid-meta a {
color: #4c4c4c !important;
font-weight: 500;
}
.fl-post-grid-text {
background: #fafafa;
}
.fl-post-grid-content a.fl-post-grid-more {
border: none;
background-color: #00bfa5 !important;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
padding: 8px 30px;
display: inline-block;
margin: 5px 3px 5px 3px;
text-transform: uppercase;
line-height: 1.4em;
font-weight: 500;
font-size: 12px;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: 20px;
font-family: 'Raleway', Arial, sans-serif;
}
.fl-post-grid-content a.fl-post-grid-more:hover, .fl-post-grid-content a.fl-post-grid-more:focus {
background-color: #5E96CA !important;
color: #fff;
}
.gray_Hover .fl-photo-img {
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .8s ease-in-out;
}
.gray_Hover .fl-photo-content:hover .fl-photo-img {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1);
}
.fl-post-grid-image a {
display: block;
height: 100%;
}
.fl-comments-popup-link {
display: none !important;
}
.fl-post-grid-title:hover a {
color: #00bfa5;
}
.contact_form .wpcf7-text, .contact_form .wpcf7-textarea, .contact_form .wpcf7-select {
background: #fff none repeat scroll 0 0;
border: 2px solid #00bfa5;
border-radius: 6px;
box-shadow: none;
color: #808080;
font-size: 15px;
height: 48px;
margin-bottom: 10px;
margin-top: 5px;
outline: medium none;
padding: 10px 15px;
resize: none;
width: 100%;
letter-spacing: 1px;
font-weight: 300;
}
.contact_form .wpcf7-textarea {
min-height: 160px;
}
.contact_form .wpcf7-submit {
background: #1f5179;
border: solid 2px #1f5179;
border-radius: 100px !important;
color: #ffffff;
cursor: pointer;
float: none;
font-size: 20px;
font-weight: 300;
padding: 18px 50px 22px;
text-align: center;
display: block;
margin: 15px auto 0;
width: 100%;
}
.contact_form .wpcf7-submit:hover, .contact_form .wpcf7-submit:focus {
background: #00bfa5;
border: solid 2px #00bfa5;
transition: all 0.5s ease 0s;
color: #fff;
}
.C_Form {
float: left;
width: 100%;
margin-bottom: 10px;
}
.wpcf7-form p {
font-size: 16px;
color: #3F5C89;
}
.contact_form .fl-contact-form label {
display: none;
}
.contact_form label {
float: left;
width: 100%;
color: #707070;
text-transform: capitalize;
font-size: 15px;
margin-bottom: 0;
font-weight: 400;
}
.pointer_star {
font-weight: 400;
display: inline-block;
margin-left: 3px;
color: red;
}
.label_SP br {
display: none;
}
.label_SP {
float: left;
width: 100%;
margin-bottom: 5px;
}
div.wpcf7-validation-errors {
background-color: #f2dede;
border: 1px solid #ebccd1;
color: #a94442;
float: left;
width: 100%;
}
div.wpcf7-mail-sent-ok {
background-color: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
float: left;
width: 100%;
}
div.wpcf7-response-output {
margin: 0;
padding: 10px !important;
text-align: center;
float: left;
width: 100%;
}
span.wpcf7-not-valid-tip {
display: block;
font-size: 14px;
font-weight: 400;
float: left;
width: 100%;
background-color: #f2dede;
border: 1px solid #ebccd1;
color: #a94442;
padding: 3px 10px;
margin-bottom: 5px;
margin-top: 5px;
}
.wpcf7-list-item {
float: left;
margin-bottom: 5px;
width: 100%;
}
span.wpcf7-list-item {
margin: 0px 0 7px 0 !important;
}
.wpcf7-list-item > input {
margin-right: 7px;
}
.wpcf7-list-item-label {
display: inline-block;
margin-left: 7px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus {
background-color: #ffffff;
border-color: #d73a25;
box-shadow: none;
outline: 0 none;
}
.list_Alighn li ul {
margin-top: 10px;
}
.list_Alighn ul, .list_Alighn ol {
padding-left: 15px;
float: left;
width: 100%;
margin-bottom: 15px;
}
.list_Alighn ul li, .list_Alighn ol li {
margin-bottom: 10px !important;
float: left;
width: 100%;
}
.fl-page-footer-widgets {
border-top: none !important;
}
.footer_copy {
display: inline-block;
font-size: 13px;
}
.footer_pages {
font-size: 13px;
display: inline-block;
width: 100%;
margin: 10px 0;
}
.pipe_ft {
display: inline-block;
font-size: 12px;
margin: 0 6px 0 10px;
color: #cccccc;
}
.bu_Center {
display: inline-block;
text-align: center;
width: 100%;
margin-top: 20px;
}
.fl-page-nav-wrap {
border-bottom: none !important;
border-top: none !important;
margin-left: 160px !important;
}
.socail_icon {
display: inline-block;
text-align: center;
width: 100%;
margin: 30px 0 10px;
}
.address_text {
display: block;
margin: 20px 0 10px;
font-size: 16px;
}
.socail_icon a {
display: inline-block;
margin: 5px 10px;
}
.socail_icon a:hover {
opacity: 0.90;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.sp_1 {
display: block;
width: 100%;
margin: 10px 0;
font-size: 16px;
}
.fl-page-footer {
border-top: none;
padding: 5px 0 5px;
background-size: cover !important;
}
.fl-page-nav-right .fl-page-header-wrap {
border-bottom: none;
}
.fl-page-header {
border-color: transparent;
background-color: #fff;
}
.fl-page-nav-search {
float: right;
}
.fl-page-nav-search a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.table_All table, .single-ep-specialist table.specialist-table {
float: left;
width: 100%;
border: solid 1px #e7e7e7;
}
.table_All thead {
background: #F1F3F9;
}
.table_All thead th {
color: #6A7382 !important;
text-transform: uppercase;
font-weight: 500;
}
.table_All td, .table_All th, .single-ep-specialist .specialist-table td {
padding: 15px;
font-weight: 400;
font-size: 14px;
text-align: left;
color: #172B4D;
}
.table_All tr:nth-child(2n), .single-ep-specialist .specialist-table tr:nth-child(2n) {
background-color: #F7FAFC;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu {
border-top: none;
padding: 44px 0 0;
transition: all .5s;
background: transparent;
box-shadow: none;
}
.fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu {
padding-top: 18px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu li {
padding: 10px 20px;
display: block;
background: #1f5179;
border-top: 1px solid #00bfa5;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu li:hover {
background: #00bfa5;
transition: background-color 0.6s ease 0s, border-color 0.7s ease 0s, color 0.7s ease 0s;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu li a {
color: #fff !important;
margin: 0 !important;
font-size: 13px !important;
padding: 0 !important;
border: none !important;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu li a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu li a:focus {
color: #fff !important;
border: none !important;
padding: 0 !important;
}
.blockquote {
font-size: 17px;
}
.footer-logo {
position: relative;
margin-bottom: 30px;
}
.logo-widget .text {
color: #cccccc;
font-size: 14px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 25px;
}
.social_area {
display: inline-block;
}
.social_area a {
text-align: center;
margin-right: 8px;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
color: #cccccc;
background: #1c1c1c;
border: 1px solid #2e2e2e;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #cccccc;
display: inline-block;
}
.social_area a:hover {
background: #111111;
color: #cccccc;
border-color: #2e2e2e;
}
.in-touch {
position: relative;
}
.in-touch h2 {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 700;
margin-bottom: 25px;
text-transform: uppercase;
}
.in-touch ul {
position: relative;
padding: 0;
margin: 0;
}
.in-touch ul li {
position: relative;
color: #ffffff;
font-size: 14px;
margin-bottom: 15px;
}
.in-touch ul li span {
position: relative;
color: #cccccc;
}
.number-widget {
position: relative;
margin-top: 50px;
}
.number-widget h3 {
position: relative;
color: #00bfa5;
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
padding-left: 40px;
}
.number-widget .text {
position: relative;
color: #cccccc;
font-size: 14px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 25px;
}
.number-widget h3 .icon {
position: absolute;
left: 0px;
top: 4px;
color: #00bfa5;
font-size: 22px;
}
.header_menu ul.menu li, .mid-menu ul.menu li {
margin: 0 15px !important;
}
.header_menu ul.menu li a, .mid-menu ul.menu li a {
border-bottom: solid 2px transparent;
transition: background-color 0.6s ease 0s, border-color 0.7s ease 0s, color 0.7s ease 0s;
}
.header_menu ul.menu li a:hover, .header_menu ul.menu li.current_page_item a {
border-bottom: solid 2px #fff;
}
.header_menu.header-pages ul.menu li a {
border-bottom: solid 2px transparent;
transition: background-color 0.6s ease 0s, border-color 0.7s ease 0s, color 0.7s ease 0s;
}
.header_menu.header-pages ul.menu li a:hover, .header_menu.header-pages ul.menu li.current_page_item a {
border-bottom: solid 2px #1ba47a !important;
}
.mid-menu ul.menu li a:hover, .mid-menu ul.menu li.current_page_item a {
border-bottom: solid 2px #158563;
}
.social_icon {
display: inline-block;
}
.hero-callout .fl-callout-photo {
width: 100px;
float: left;
}
.hero-callout .fl-callout-content {
float: right;
width: calc(100% - 100px);
}
.hero-callout .fl-callout-content .fl-module-content {
margin: 0;
}
.home_post .fl-post-grid-text .fl-post-grid-title a {
color: #202125;
}
.home_post .fl-post-grid-post {
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
transition: -webkit-box-shadow 0.5s ease-in-out;
-o-transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
}
.home_post .fl-post-grid-post:hover {
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
transition: -webkit-box-shadow 0.5s ease-in-out;
-o-transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
-webkit-box-shadow: 0 0 11px rgba(133, 28, 59, .3);
box-shadow: 0 0 11px rgba(133, 28, 59, .3);
cursor: pointer;
}
.home_post .fl-post-grid-post .fl-post-grid-text {
transform: translateY(0);
transition: .3s ease-out;
transition-property: all;
transition-property: opacity, transform, filter;
}
.home_post .fl-post-grid-post:hover .fl-post-grid-text {
transform: translateY(-15%);
}
.home_post .fl-post-grid-text .fl-post-grid-title a:hover {
color: #5BAE46;
}
.home_post .fl-post-grid-image {
height: 240px;
}
.home_post .fl-post-grid-image img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.home_post .fl-post-column .fl-post-grid-post:hover .fl-post-grid-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.2);
}
.home_post .fl-terms-label, .post_Meta .fl-html {
font-weight: 500;
}
.post_Meta .fl-html a {
font-weight: 400;
}
.home_post .fl-post-column .fl-post-grid-post {
border: solid 3px #999;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
-o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.home_post .fl-post-column:nth-child(3n+1) .fl-post-grid-post:hover {
border: solid 3px #5BAE46;
transition: border-color 0.7s ease 0s;
}
.home_post .fl-post-column:nth-child(3n+2) .fl-post-grid-post:hover {
border: solid 3px #202125;
transition: border-color 0.7s ease 0s;
}
.home_post .fl-post-column:nth-child(3n+3) .fl-post-grid-post:hover {
border: solid 3px #26a8df;
transition: border-color 0.7s ease 0s;
}
.home_post .fl-post-grid-text {
background: #fff !important;
}
.home_post .fl-post-grid-terms a {
color: #5BAE46;
}
.home_post .fl-post-grid-terms a:hover, .home_post .fl-post-grid-terms a:focus {
color: #202125;
}
.home_post .fl-post-grid-terms {
float: left;
width: 100%;
margin-bottom: 10px;
}
.home_post .fl-post-grid-content p {
font-size: 12px;
line-height: 22px;
}
.home_post .fl-post-grid-post {
box-shadow: 0px 8px 9px -4px rgba(0, 0, 0, 0.2);
}
.blog_pagination a {
padding: 4px 12px 6px !important;
}
.blog_pagination span {
padding: 4px 12px 6px !important;
border: 1px solid #fff !important;
}
.post_Content .fl-node-content p {
font-size: 14px;
color: #747474;
line-height: 26px;
}
.nav-previous a, .nav-next a, .post_Meta .fl-html {
font-size: 13px;
}
.prime_Sidebar .fl-widget-title {
border-bottom: double 3px #e7e7e7;
padding-bottom: 6px;
font-size: 20px;
}
.prime_Sidebar .fl-widget ul {
float: left;
width: 100%;
}
.prime_Sidebar .fl-widget ul li {
border-bottom: solid 1px #e7e7e7;
padding: 14px 0;
margin: 0;
}
.prime_Sidebar .fl-widget ul li a {
font-size: 14px;
}
.post_Content ul, .post_Content ol {
margin-top: 0;
margin-bottom: 10px;
padding: 0 0 0 15px;
float: left;
width: 100%;
}
.post_Content ul li, .post_Content ol li {
margin-bottom: 5px;
float: left;
width: 100%;
}
.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
background: #5BAE46;
color: #fff !important;
}
.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
border: 1px solid #5BAE46;
display: inline-block;
padding: 4px 14px 6px;
margin: 0 2px 5px;
border-radius: 4px;
}
.single-post .fl-widget ul li a {
color: #848484;
font-size: 14px;
font-weight: 400;
transition: all 500ms ease;
}
.single-post .fl-widget ul li a:hover, .single-post .fl-widget ul li a:focus {
color: #5BAE46;
text-decoration: none;
}
.prime_Sidebar h2 {
border-bottom: double 3px #e7e7e7;
padding-bottom: 6px;
font-size: 20px;
margin-bottom: 10px;
}
.list-its .fl-icon i {
border: solid 4px #000;
width: 63px;
height: 63px;
line-height: 0;
}
.list-its .fl-icon i::before {
margin-top: 2px !important;
display: inline-block;
}
.copy-text {
width: 100%;
float: right;
text-align: right;
margin-top: 10px;
}
.item-space img {
margin: 0 10px 0 0;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.fl-page-footer-container.container {
width: 100%;
}
p.copyright-text {
font-size: 15px;
font-family: 'Be Vietnam';
line-height: 5rem;
}
a.footer_menu {
padding: 10px;
font-size: 15px;
text-transform: lowercase;
}
.social_icon a {
font-size: 26px;
margin-left: 15px;
}
/*** Media CSS Start Here ***/
@media screen and (max-width:1280px) {
.container {
width: 100%;
}
.fl-page-footer-widgets-container.container {
width: 100%;
padding: 30px 15px !important;
}
.fl-page-footer-container.container {
width: 100%;
}
.fl-post-slider-navigation .slider-next {
right: 5px;
}
.fl-post-slider-navigation .slider-prev {
left: 5px;
}
.fl-page-nav-search .socail_icon {
display: none;
}
.fl-page-nav-wrap {
margin-left: -15px !important;
}
}
@media screen and (max-width:1160px) {
.fl-rich-text br, .fl-heading br {
display: none;
}
}
@media screen and (max-width:1080px) {
.fl-page-header-container.container {
max-width: 100% !important;
}
}
@media screen and (max-width:991px) {
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
border: solid 1px transparent;
}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-offcanvas-close {
font-size: 22px;
padding: 10px 15px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a {
padding: 15px;
}
.fl-page-header {
border-bottom: solid 1px #72687f;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse .fl-page-nav-search {
display: block !important;
}
.fl-page-header-container.container {
max-width: 100% !important;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {
padding-bottom: 0 !important;
}
.fl-page-nav-wrap {
border: none !important;
margin-top: 0;
}
.fl-page-nav-right .fl-page-header-container {
padding-bottom: 10px !important;
}
.fl-col-small {
max-width: 100% !important;
}
.fl-page-header {
border: none;
}
.fl-page-header-primary .fl-logo-img {
height: auto;
}
.fl-page-nav .navbar-nav li > a {
padding: 15px 10px;
}
.hero_Section .fl-row-content-wrap {
margin-top: 0 !important;
}
.fl-page-nav {
background: #fff !important;
border-top: solid 1px #e7e7e7;
margin-top: 10px !important;
padding-top: 10px;
}
.fl-page-header {
background: #fff !important;
}
.fl-page-nav-right .fl-page-nav-search a.fa-search {
position: absolute;
right: 13px;
top: 3px;
}
.fl-builder-content .logo-second {
display: none !important;
}
}
@media screen and (max-width:767px) {
.fl-page-nav-right .fl-page-header-container {
padding-bottom: 10px;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
right: 15px !important;
top: 30px !important;
}
h1.fl-heading {
font-size: 28px !important;
}
h2.fl-heading {
font-size: 24px;
}
h3.fl-heading {
font-size: 20px !important;
}
.fl-page-nav-right .fl-page-nav ul.navbar-nav > li {
margin: 0;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a {
border-bottom: none;
padding: 10px 15px !important;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li > a:focus, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a {
color: #00bfa5 !important;
}
.fl-offcanvas-close {
margin-top: 10px !important;
}
.fl-offcanvas-close:hover i, .navbar-toggler:hover i {
color: #00bfa5 !important;
}
.fl-page-header-container.container {
max-width: 100% !important;
}
.blog_filter_main ul li {
margin-bottom: 10px !important;
}
.fl-page-header-container.container {
max-width: 100% !important;
}
.display_content h1 {
font-size: 34px !important;
line-height: 46px;
margin-top: 0 !important;
}
.fl-page-footer-widgets-row .fl-widget {
margin-bottom: 20px;
float: left;
width: 100%;
}
.fl-page-footer-widgets-container.container {
padding: 30px 15px 0 !important;
}
.fl-page-footer-text.fl-page-footer-text-1 {
padding-bottom: 10px;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li {
border-color: #ddd;
}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled header[class*=" fl-page-nav-toggle-visible-"].fl-page-header .fl-nav-offcanvas-collapse {
border: none;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-header-logo {
text-align: left;
margin-right: 0;
}
.fl-page-nav {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.hero_Section p br {
display: none;
}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled header[class*=" fl-page-nav-toggle-visible-"].fl-page-header .fl-nav-offcanvas-collapse {
background-color: #fff !important;
}
.fl-page-nav .navbar-nav li > a {
font-size: 16px;
}
.fl-row-full-height.hero_Section .fl-row-content-wrap {
min-height: 50vh !important;
}
.fl-post-slider-navigation .slider-prev {
left: 5px;
}
.fl-post-slider-navigation .slider-next {
right: 5px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li ul.sub-menu {
padding: 0;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile.fl-page-nav-right .fl-page-nav-collapse ul.navbar-nav {
margin-top: 45px;
border-top: solid 1px #ddd;
}
.fl-page-nav-search a {
padding: 10px !important;
}
.fl-page-nav-right .fl-page-nav-search a.fa-search {
right: 0;
top: 0;
}
.fl-page-nav-search form {
width: 250px;
padding: 10px;
}
.number-widget {
margin-top: 0;
}
.number-widget .text {
margin-bottom: 0;
}
.fl-page-footer-text {
padding-bottom: 0;
}
.fl-rich-text p br {
display: none;
}
.footer-logo {
margin-bottom: 20px;
}
.logo-widget .text {
margin-bottom: 20px;
}
.fl-flyout-left .fl-menu-mobile-close {
color: #000;
}
.header_menu ul.menu li a {
padding: 12px 15px !important;
border-bottom: solid 1px #84e3bf;
font-size: 14px;
}
.fl-flyout-left .fl-menu-mobile-close {
color: #1ba47a;
font-size: 22px;
padding: 10px 15px;
}
.fl-flyout-left .fl-menu-mobile-close:hover {
color: #202125;
top: 0 !important;
}
.fl-menu-mobile-flyout {
padding: 0 !important;
}
.header_menu ul.menu {
margin-top: 45px;
border-top: solid 1px #ddd;
}
.header_menu ul.menu li, .mid-menu ul.menu li {
margin: 0 !important;
}
.header_menu ul.menu li a:hover, .header_menu ul.menu li.current_page_item a {
border-bottom: solid 1px #84e3bf;
color: #202125;
}
.header_menu.header-pages ul.menu li a {
border-bottom: solid 1px #ddd !important;
}
.header_menu.header-pages ul.menu li a:hover, .header_menu.header-pages ul.menu li.current_page_item a {
border-bottom: solid 1px #1ba47a !important;
}
.copy-text {
text-align: center;
margin-bottom: 15px;
}
.table-outer {
overflow-x: scroll;
float: left;
width: 100%;
}
}
@media screen and (max-width:480px) {
.copy__text {
display: inline-block;
text-align: center;
width: 100%;
}
}
@media screen and (max-width:425px) {
.fl-page-footer-container.container {
width: 100%!important;
}
h1.text-center.footer_heading {
font-size: 3rem!important;
}
}
/* custom css start */
/* menu hover css start */
/* ===========================
Header Main Premium Menu
=========================== */
.header-main .fl-menu .menu > li > a{
position: relative;
display: inline-flex;
align-items: center;
padding: 12px 8px;
color:#fff;
text-decoration:none;
transition:.45s ease;
overflow:hidden;
z-index:1;
}
/* Gold line */
.header-main .fl-menu .menu > li > a::before{
content:"";
position:absolute;
left:50%;
bottom:2px;
width:0;
height:2px;
background:linear-gradient(90deg,#ffb43b,#ffd978,#ffb43b);
transform:translateX(-50%);
transition:.45s cubic-bezier(.19,1,.22,1);
box-shadow:0 0 12px rgba(255,191,73,.6);
}
/* Shine Sweep */
.header-main .fl-menu .menu > li > a::after{
content:"";
position:absolute;
top:0;
left:-130%;
width:45%;
height:100%;
background:linear-gradient(
115deg,
transparent,
rgba(255,255,255,.35),
transparent
);
transform:skewX(-25deg);
transition:.7s;
}
/* Hover */
.header-main .fl-menu .menu > li:hover > a{
color:#ffbf49;
transform:translateY(-2px);
text-shadow:0 0 10px rgba(255,191,73,.45);
}
.header-main .fl-menu .menu > li:hover > a::before{
width:100%;
}
.header-main .fl-menu .menu > li:hover > a::after{
left:160%;
}
/* Active Menu */
.header-main .fl-menu .current-menu-item > a,
.header-main .fl-menu .current_page_item > a{
color:#ffbf49;
}
.header-main .fl-menu .current-menu-item > a::before,
.header-main .fl-menu .current_page_item > a::before{
width:100%;
}
.header-main .fl-menu .current-menu-item > a,
.header-main .fl-menu .current_page_item > a{
color:#ffbf49 !important;
}
.header-main .fl-menu .current-menu-item > a::before,
.header-main .fl-menu .current_page_item > a::before{
width:100% !important;
}
@media (max-width:992px){
.fl-menu .menu > li {
border-bottom: 1px solid #fff !important;
}
.fl-menu .menu > li:last-child {
border-bottom: none !important;
}
.header-main .fl-menu .current-menu-item > a,
.header-main .fl-menu .current_page_item > a{
color:#ffbf49 !important;
}
.header-main .fl-menu .current-menu-item > a::before,
.header-main .fl-menu .current_page_item > a::before{
width:0 !important;
}
}
/* menu hover css end */
/* hero sec css start */
.line-title{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
width:fit-content;
margin:auto;
color:#D4A84F;
font-size:18px;
font-weight:600;
text-transform:uppercase;
letter-spacing:4px;
}
.line-title::before,
.line-title::after{
content:"";
width:120px;
height:1px;
}
.line-title::before{
background:linear-gradient(90deg,
transparent 0%,
rgba(212,168,79,.25) 40%,
#D4A84F 100%);
}
.line-title::after{
background:linear-gradient(90deg,
#D4A84F 0%,
rgba(212,168,79,.25) 60%,
transparent 100%);
}
/* Mobile */
@media (max-width: 767px){
.line-title{
gap:10px;
font-size:14px;
letter-spacing:2px;
}
.line-title::before,
.line-title::after{
width:45px;
}
}
@media (max-width: 480px){
.line-title{
gap:8px;
font-size:13px;
letter-spacing:1.5px;
}
.line-title::before,
.line-title::after{
width:30px;
}
}
/* hero sec css end */
/* home img animation css start */
/* .dxslide-wrap {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.dxslide-container {
display: flex;
gap: 0.6rem;
height: 100vh;
width: 100%;
max-width: 1500px;
border-radius: 1.6rem;
padding: 0.6rem;
background: linear-gradient(135deg, rgba(255,183,3,.35), rgba(251,86,7,.12) 45%, rgba(255,255,255,.04));
box-shadow: 0 50px 110px -30px rgba(0,0,0,0.9);
}
.dxslide-panel {
background-color: #0c0c10;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 1.2rem;
cursor: pointer;
flex: 1;
overflow: hidden;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
transition: flex 0.7s cubic-bezier(0.16, 1, 0.3, 1),
box-shadow 0.5s ease;
}
.dxslide-panel::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.55) 100%);
transition: opacity 0.6s ease;
opacity: 1;
}
.dxslide-panel.dxslide-active::after,
.dxslide-panel:hover::after {
opacity: 0.25;
}
.dxslide-panel:hover,
.dxslide-panel.dxslide-active {
flex: 9;
box-shadow: 0 0 0 2px rgba(255,183,3,0.55), 0 30px 80px -20px rgba(0,0,0,0.8);
}
.dxslide-dot {
position: absolute;
top: 1.2rem;
left: 1.2rem;
z-index: 3;
width: 11px;
height: 11px;
border-radius: 50%;
background: rgba(255,255,255,0.35);
transition: background 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
.dxslide-panel.dxslide-active .dxslide-dot,
.dxslide-panel:hover .dxslide-dot {
background: #ffb703;
box-shadow: 0 0 14px 2px rgba(255,183,3,0.8);
transform: scale(1.3);
}
.dxslide-progress {
position: absolute;
bottom: 0;
left: 0;
height: 4px;
width: 0%;
background: linear-gradient(90deg, #ffb703, #fb5607);
z-index: 3;
border-radius: 0 4px 4px 0;
}
.dxslide-panel.dxslide-active .dxslide-progress {
animation: dxslide-fill 4.5s linear forwards;
}
@keyframes dxslide-fill {
from { width: 0%; }
to { width: 100%; }
}
.dxslide-hint {
position: absolute;
bottom: 1.4rem;
right: 1.4rem;
z-index: 3;
display: flex;
align-items: center;
gap: 6px;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
background: rgba(0,0,0,0.45);
backdrop-filter: blur(6px);
padding: 8px 12px;
border-radius: 30px;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.5s ease, transform 0.5s ease;
pointer-events: none;
}
.dxslide-panel:not(.dxslide-active) .dxslide-hint {
opacity: 0.9;
transform: translateY(0);
}
@media (max-width: 700px) {
.dxslide-wrap { padding: 0; }
.dxslide-container {
flex-direction: column;
height: 80vh;
gap: 0.6rem;
}
.dxslide-hint { display: none; }
}
*/
/* home image animation css end */
/* header hide css start */
/* Initial state: Hidden above the viewport */
/* #scroll-sticky-header {
position: fixed;
top: -150px;
left: 0;
width: 100%;
z-index: 9999;
transition: top 0.4s ease-in-out;
}
#scroll-sticky-header.is-sticky {
top: 0;
} */
/* header hide css end */
/* sticky number email css start */
/* if we want to button in only header please update css to position: absoulute;*/
.header-contact {
position: fixed;
top: 50%;
left: 20px;
transform: translateY(-50%) rotate(180deg);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
writing-mode: vertical-rl;
font-size: 14px;
color: #fff;
background: #6e7171;
padding: 15px;
}
.header-contact a{
color: #fff !important;
text-decoration: none;
}
.val_Pipe{
color:#fff;
}
.home-hero-sec{
position:relative;
}
/* sticky number email css end */
/* slider css start */
.daxlogo-section {
width: 100%;
padding: 60px 0;
overflow: hidden;
background: transparent;
}
.daxlogo-row {
width: 100%;
overflow: hidden;
position: relative;
padding: 12px 0;
}
.daxlogo-track {
display: flex;
width: max-content;
}
/* Row 1 - Left to Right (already added) */
.daxlogo-track-ltr {
animation: daxlogo-scroll-ltr 30s linear infinite;
}
/* Row 2 - Right to Left (new) */
.daxlogo-track-rtl {
animation: daxlogo-scroll-rtl 30s linear infinite;
}
/* .daxlogo-track:hover {
animation-play-state: paused;
} */
.daxlogo-card {
flex: 0 0 auto;
width: 220px;
height: 130px;
margin: 0 12px;
background: #ffffff;
border: 1px solid #e2e2e2;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.daxlogo-card img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@keyframes daxlogo-scroll-ltr {
from { transform: translateX(-50%); }
to { transform: translateX(0%); }
}
/* Right to Left: track starts at 0 and moves to -50% (opposite of row 1) */
@keyframes daxlogo-scroll-rtl {
from { transform: translateX(0%); }
to { transform: translateX(-50%); }
}
@media (max-width: 768px) {
.daxlogo-card { width: 150px; height: 90px; margin: 0 8px; padding: 12px; }
.daxlogo-section {
padding: 10px 0 30px;
}
}
/* slider css end */
/* Fleet Partners css start */
.daxfleet-section {
width: 100%;
background: #f6f7f9;
background-image: radial-gradient(circle, #e3e5ea 1px, transparent 1px);
background-size: 22px 22px;
padding: 60px 24px 70px;
box-sizing: border-box;
}
.daxfleet-inner {
max-width: 1320px;
margin: 0 auto;
}
.daxfleet-header {
text-align: center;
margin-bottom: 40px;
}
.daxfleet-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 4px;
color: #b9862c;
margin-bottom: 18px;
}
.daxfleet-heading {
font-size: 44px;
font-weight: 800;
color: #10192b;
margin: 0;
letter-spacing: -0.8px;
}
.daxfleet-rule {
width: 40px;
height: 2px;
background: #d9a441;
margin: 24px auto 0;
}
/* ---- grid ---- */
.daxfleet-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
}
/* card with one corner cut off diagonally, giving it a badge/pass shape
instead of a plain rectangle */
.daxfleet-card {
position: relative;
background: #ffffff;
height: 172px;
clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
box-shadow: 0 1px 3px rgba(16,25,43,0.05), 0 8px 20px rgba(16,25,43,0.04);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 26px 24px 20px;
box-sizing: border-box;
transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s ease;
overflow: hidden;
}
.daxfleet-card:hover {
transform: translateY(-7px);
box-shadow: 0 4px 10px rgba(16,25,43,0.06), 0 30px 44px rgba(16,25,43,0.13);
}
.daxfleet-card-imgwrap {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 0;
}
.daxfleet-card-name {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.6px;
color: #b3bac6;
margin-top: 10px;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.35s ease, transform 0.35s ease, color 0.35s ease;
text-align: center;
line-height: 1.3;
}
.daxfleet-card:hover .daxfleet-card-name {
opacity: 1;
transform: translateY(0);
color: #7c8494;
}
/* colored triangle filling the cut notch, unique accent per card */
.daxfleet-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 26px 26px 0;
border-color: transparent var(--dax-accent, #d9a441) transparent transparent;
}
.daxfleet-card img {
max-height: 78px;
max-width: 86%;
width: auto;
height: auto;
object-fit: contain;
transition: transform 0.4s ease;
}
.daxfleet-card:hover img {
transform: scale(1.06);
}
/* Avis source file has heavy internal padding baked into the PNG,
needs extra zoom to match visual weight of the other tightly
cropped logo files */
.daxfleet-avis-fix {
transform: scale(2.1);
}
.daxfleet-card:hover .daxfleet-avis-fix {
transform: scale(2.25);
}
/* ---- Responsive ---- */
@media (max-width: 1024px) {
.daxfleet-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
.daxfleet-section {
padding: 30px 16px 50px;
}
.daxfleet-heading { font-size: 28px; }
.daxfleet-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.daxfleet-card { height: 128px; padding: 14px 14px 10px; }
.daxfleet-card img { max-height: 42px; }
.daxfleet-card-name { font-size: 8px; margin-top: 6px; }
.daxfleet-header { margin-bottom: 44px; }
}
/* Fleet Partners css end */
/* Card wrapper */
/* Icon circle background */
.why-dealer-callout .fl-callout-photo {
width: 90px;
height: 90px;
border-radius: 50%;
background: linear-gradient(135deg, #eef4ff, #dbe8ff);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 22px;
transition: all 0.3s ease;
overflow: hidden;
}
.why-dealer-callout .fl-callout:hover .fl-callout-photo {
background: linear-gradient(135deg, #1a3d8f, #2a56c9);
}
/* Icon image sizing */
.why-dealer-callout .fl-callout-photo img,
.why-dealer-callout .fl-photo img {
width: 42px !important;
height: 42px !important;
object-fit: contain;
transition: filter 0.3s ease;
}
.why-dealer-callout .fl-callout:hover .fl-callout-photo img {
filter: brightness(0) invert(1);
}
/* Icon circle background css end*/
/* Built around how dealers actually work css start */
.dax-why-section {
padding: 0;
background: #ffffff;
}
.dax-why-intro {
max-width: 1320px;
margin: 0 auto 60px;
text-align: center;
}
.dax-why-tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: #f2f2f2;
color: #0d0d0d;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.6px;
text-transform: uppercase;
padding: 8px 18px;
border-radius: 30px;
margin-bottom: 20px;
}
.dax-why-tag::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #0d0d0d;
}
.dax-why-title {
font-weight: 800;
color: #0d0d0d;
line-height: 1.25;
margin: 0;
letter-spacing: -0.5px;
}
.dax-why-track {
/* max-width: 900px; */
margin: 0 auto;
position: relative;
}
/* Road strip */
.dax-why-road {
position: absolute;
left: 60px;
top: 0;
bottom: 0;
width: 14px;
transform: translateX(-50%);
background: #2b2b2b;
border-radius: 7px;
overflow: hidden;
}
.dax-why-road::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%);
background-image: linear-gradient(#fff 50%, transparent 50%);
background-size: 2px 22px;
opacity: 0.5;
}
.dax-why-road-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0%;
background: #0d0d0d;
transition: height 0.12s linear;
}
.dax-why-road-fill::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%);
background-image: linear-gradient(#f2c200 50%, transparent 50%);
background-size: 2px 22px;
}
/* Car */
.dax-why-car {
position: absolute;
left: 6px;
top: 0%;
transform: translate(-50%, -52%);
width: 84px;
height: 39px;
transition: top 0.12s linear;
z-index: 3;
pointer-events: none;
rotate: 89deg;
}
.dax-why-car svg {
width: 100%;
height: 100%;
display: block;
}
.dax-why-wheel {
transition: transform 0.12s linear;
}
/* Rows */
.dax-why-row {
display: grid;
grid-template-columns: 120px 1fr;
align-items: flex-start;
padding: 46px 0 0;
position: relative;
opacity: 0.15;
transform: translateY(28px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.dax-why-row.is-active {
opacity: 1;
transform: translateY(0);
}
.dax-why-sign {
position: relative;
z-index: 2;
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
left: 25px;
}
.dax-why-sign::before {
content: "";
position: absolute;
inset: 0;
background: #ffffff;
border: 3px solid #dcdcdc;
border-radius: 10px;
transition: all 0.4s ease;
}
.dax-why-row.is-active .dax-why-sign::before {
border-color: #0d0d0d;
box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}
.dax-why-sign-num {
position: relative;
font-size: 19px;
font-weight: 800;
color: #c2c2c2;
transition: color 0.4s ease;
}
.dax-why-row.is-active .dax-why-sign-num {
color: #0d0d0d;
}
.dax-why-content {
padding-left: 36px;
padding-top: 6px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 40px;
}
.dax-why-row--alt .dax-why-content {
padding-left: 36px;
/* max-width: 620px; */
/* margin-left: auto; */
}
.dax-why-heading {
font-size: 24px;
font-weight: 800;
color: #0d0d0d;
margin: 0 0 12px;
letter-spacing: -0.3px;
}
.dax-why-text {
font-size: 16px;
line-height: 1.7;
color: #5c5c5c;
margin: 0;
max-width: 100%;
}
.dax-why-row--last {
padding-bottom: 10px;
}
@media (max-width: 900px) {
.dax-why-section { padding: 0; }
.dax-why-intro { margin-bottom: 40px; }
.dax-why-row--alt .dax-why-content { max-width: 100%; margin-left: 0; }
}
@media (max-width: 700px) {
.dax-why-road { left: 24px; width: 10px; }
.dax-why-car { left: -14px; width: 56px; height: 26px; }
.dax-why-row { grid-template-columns: 48px 1fr; padding: 34px 0; }
.dax-why-sign { width: 46px; height: 46px; left: 0px}
.dax-why-sign-num { font-size: 15px; }
.dax-why-content { padding-left: 18px; padding-top: 2px; }
.dax-why-row--alt .dax-why-content { padding-left: 18px; }
.dax-why-heading { font-size: 19px; margin-bottom: 8px; }
.dax-why-text { font-size: 14.5px; line-height: 1.6; }
}
@media (max-width: 480px) {
.dax-why-intro { margin-bottom: 30px; }
.dax-why-tag { font-size: 11.5px; padding: 6px 14px; }
.dax-why-row { padding: 26px 0; }
.dax-why-car { width: 46px; height: 21px; left: -8px; }
}
/* Built around how dealers actually work css end */
/* about us slider css start*/
.daxpartners-section {
background-color: #0d0d0d;
padding: 70px 0;
overflow: hidden;
}
.daxpartners-mask {
width: 100%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.daxpartners-track {
display: flex;
align-items: center;
width: max-content;
animation: daxpartners-scroll 26s linear infinite;
}
.daxpartners-track:hover {
animation-play-state: paused;
}
.daxpartners-logo {
height: 90px;
width: auto;
object-fit: contain;
margin: 0 70px;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.daxpartners-logo:hover {
transform: scale(1.08);
}
@keyframes daxpartners-scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@media (max-width: 768px) {
.daxpartners-section { padding: 48px 0; }
.daxpartners-logo { height: 60px; margin: 0 44px; }
.daxpartners-track { animation-duration: 20s; }
}
@media (max-width: 480px) {
.daxpartners-logo { height: 48px; margin: 0 32px; }
}
/* about us slider css end */
/* location page css start */
.dax-section {
background: #FFFFFF;
color: #141C2B;
padding: 40px 0;
position: relative;
overflow: hidden;
}
.dax-section__content a {
color: #C2984A;
text-decoration: underline;
}
.dax-section__content a:hover {
color: #000;
text-decoration: none;
}
/* faint decorative plane, echoes the travel theme without competing */
.dax-section__plane {
position: absolute;
top: 56px;
right: -40px;
width: 340px;
height: auto;
opacity: 0.06;
pointer-events: none;
}
.dax-section__wrap {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 0.85fr 1fr;
gap: 64px;
align-items: center;
position: relative;
}
/* ---- Left: image ---- */
.dax-section__media {
position: relative;
}
.dax-section__media-frame {
position: relative;
border-radius: 14px;
overflow: hidden;
background: #F3F0E9;
}
.dax-section__media img {
display: block;
width: 100%;
height: auto;
}
.dax-section__tag {
position: absolute;
left: -14px;
bottom: 28px;
background: #141C2B;
color: #F7F5F0;
font-size: 12px;
letter-spacing: 0.08em;
padding: 10px 16px;
border-radius: 4px;
}
.dax-section__tag b {
color: #B9762A;
font-weight: 700;
}
/* ---- Right: content ---- */
.dax-section__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 22px;
}
.dax-section__eyebrow-line {
width: 32px;
height: 1px;
background: #C98A3E;
}
.dax-section__eyebrow-text {
font-size: 12px;
letter-spacing: 0.24em;
text-transform: uppercase;
color: #B9762A;
}
.dax-section__title {
font-weight: 600;
font-size: clamp(32px, 3.6vw, 44px);
line-height: 1.2;
letter-spacing: -0.01em;
margin: 0 0 30px 0;
color: #141C2B;
}
.dax-section__body p {
font-size: 16px;
line-height: 1.75;
color: #3A4358;
margin: 0 0 24px 0;
}
.dax-section__body a {
color: #141C2B;
text-decoration: none;
border-bottom: 1px solid #C98A3E;
}
.dax-section__body a:hover {
color: #B9762A;
}
/* Smooth Table / List Design */
.dax-section__list {
list-style: none;
margin: 10px 0 32px 0;
padding: 0;
border-top: 1px solid #E7E3D8;
border-radius: 4px;
}
.dax-section__list li {
display: flex;
align-items: baseline;
gap: 14px;
padding: 16px 12px;
border-bottom: 1px solid #E7E3D8;
font-size: 15.5px;
color: #3A4358;
transition: background-color 0.2s ease;
}
.dax-section__list li:hover {
background-color: #FAF8F3;
}
.dax-section__list .num {
font-size: 12px;
color: #B9762A;
min-width: 22px;
}
.dax-section__list strong {
color: #141C2B;
font-weight: 500;
}
.dax-section__closing {
font-size: 15px;
color: #3A4358;
padding: 18px 24px;
border-left: 3px solid #C98A3E;
background: #FAF8F3;
margin-top: 10px;
}
@media (max-width: 900px) {
.dax-section { padding: 56px 20px; }
.dax-section__wrap {
grid-template-columns: 1fr;
gap: 36px;
}
.dax-section__tag { left:16px; }
}
/* location page css end */
/* Hyatt PlaceWesley css start */
.stay-section{
max-width:1320px;
margin:0 auto;
padding:64px 0px 80px;
}
.stay-grid{
display:grid;
grid-template-columns: 1.05fr 1fr;
gap:0;
background:#F6F5F1;
border-radius:22px;
overflow:hidden;
box-shadow: 0 40px 70px -34px rgba(0,0,0,0.45);
border:1px solid #0A0A0A;
}
/* ---------- BLUEPRINT ILLUSTRATION SIDE ---------- */
.stay-art{
position:relative;
background:#0A0A0A;
min-height: 500px;
display:flex;
align-items:flex-end;
overflow:hidden;
border-right:1px solid #0A0A0A;
}
.stay-art img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.stay-art .fade{
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(10,10,10,0.05) 0%, rgba(10,10,10,0.15) 55%, rgba(10,10,10,0.75) 100%);
}
.stamp{
position:absolute;
top:26px; left:26px;
z-index:3;
border:1px solid rgba(246,245,241,0.5);
color:#F6F5F1;
font-size:10.5px;
letter-spacing:0.16em;
text-transform:uppercase;
padding:7px 12px;
border-radius:999px;
display:flex;
align-items:center;
gap:8px;
}
.stamp::before{
content:'';
width:5px; height:5px;
border-radius:50%;
background:#F6F5F1;
}
.plate-num{
position:absolute;
top:26px; right:26px;
z-index:3;
font-size:10.5px;
letter-spacing:0.14em;
color:rgba(246,245,241,0.55);
text-align:right;
line-height:1.6;
}
/* ---------- CONTENT / TICKET SIDE ---------- */
.stay-content{
position:relative;
padding:52px 48px 44px;
display:flex;
flex-direction:column;
gap:22px;
background:#F6F5F1;
}
.stay-content::before{
content:'';
position:absolute;
left:0; top:0; bottom:0;
border-left: 2px dashed #0A0A0A;
}
.perf{
position:absolute;
left:-13px;
width:26px; height:26px;
border-radius:50%;
background:#E9E7DF;
border:1px solid #0A0A0A;
}
.perf.top{ top:-13px; }
.perf.bottom{ bottom:-13px; }
.eyebrow{
font-size:11.5px;
letter-spacing:0.16em;
text-transform:uppercase;
color:#111111;
display:flex;
align-items:center;
gap:10px;
}
.eyebrow .rule{
height:1px; width:36px;
background:#0A0A0A;
}
h1.stay-title{
font-optical-sizing:auto;
font-weight:560;
font-size:clamp(2.4rem, 4.2vw, 3.4rem);
line-height:0.96;
margin:0;
color:#0A0A0A;
}
h1.stay-title span{
display:block;
font-size:0.32em;
font-weight:500;
letter-spacing:0.06em;
color:#4A4A46;
margin-top:10px;
text-transform:uppercase;
border-top:1px solid #0A0A0A;
padding-top:10px;
width:fit-content;
}
.stay-copy{
font-size:15.5px;
line-height:1.7;
color:#2B2B28;
max-width:52ch;
}
.amenity-row{
display:grid;
grid-template-columns: repeat(4, 1fr);
gap:10px;
margin-top:4px;
}
.amenity{
background:#F6F5F1;
border:1px solid #0A0A0A;
border-radius:12px;
padding:12px 10px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:7px;
transition: background 0.15s ease, color 0.15s ease;
}
.amenity:hover{ background:#0A0A0A; }
.amenity:hover svg{ stroke:#F6F5F1; }
.amenity:hover span{ color:#F6F5F1; }
.amenity svg{ width:19px; height:19px; stroke:#0A0A0A; transition:stroke 0.15s ease; }
.amenity span{
font-size:10px;
letter-spacing:0.04em;
color:#0A0A0A;
font-weight:600;
text-transform:uppercase;
transition:color 0.15s ease;
}
.stay-footer{
margin-top:6px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
border-top:1px dashed #0A0A0A;
padding-top:20px;
}
.cta{
display:inline-flex;
align-items:center;
gap:10px;
background:#0A0A0A;
color:#F6F5F1;
font-family:'Space Grotesk', sans-serif;
font-weight:600;
font-size:14px;
padding:13px 22px;
border-radius:999px;
text-decoration:none;
transition: transform 0.18s ease, background 0.18s ease;
border:1px solid #0A0A0A;
}
.cta:hover{ background:#F6F5F1; color:#0A0A0A; transform: translateY(-2px); }
.cta svg{ width:14px; height:14px; }
.locale{
font-family:'JetBrains Mono', monospace;
font-size:10.5px;
color:#6B6B66;
letter-spacing:0.05em;
}
.locale b{ color:#0A0A0A; }
@media (max-width: 860px){
.stay-section {
padding: 20px 0 40px;
}
.stay-grid{ grid-template-columns: 1fr; }
.stay-art{ min-height:280px; border-right:none; border-bottom:1px solid #0A0A0A; }
.stay-content::before{ display:none; }
.perf{ display:none; }
.stay-content{ padding:40px 26px; }
.amenity-row{ grid-template-columns: repeat(2, 1fr); }
}
@media (prefers-reduced-motion: reduce){
.cta, .amenity{ transition:none; }
}
/* Hyatt PlaceWesley css end */
/* why dealer run with dax css start */
.reasons-section{
max-width:1320px;
margin:0 auto;
padding:70px 0 90px;
}
.reasons-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
margin-bottom:34px;
border-bottom:1px solid #0A0A0A;
padding-bottom:22px;
}
.reasons-eyebrow{
font-size:11.5px;
letter-spacing:0.18em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
color:#111111;
}
.reasons-eyebrow .rule{ width:34px; height:1px; background:#0A0A0A; }
.reasons-head h2{
font-weight:560;
margin:10px 0 0;
color:#0A0A0A;
line-height:1.05;
}
.reason-card.dark .reason-title{
color: #fff !important;
}
.reasons-count{
font-size:12px;
color:#6E6E6E;
letter-spacing:0.05em;
white-space:nowrap;
padding-bottom:4px;
}
.reasons-grid{
display:grid;
grid-template-columns: 1fr 1fr;
gap:2px;
background:#0A0A0A;
border-radius:18px;
overflow:hidden;
box-shadow: 0 40px 70px -34px rgba(0,0,0,0.4);
}
.reason-card{
position:relative;
padding:56px 44px 48px;
min-height:430px;
display:flex;
flex-direction:column;
justify-content:flex-end;
overflow:hidden;
}
.reason-card.light{ background:#F6F5F1; color:#0A0A0A; }
.reason-card.dark{ background:#0A0A0A; color:#F6F5F1; }
.reason-num{
position:absolute;
top:-38px;
right:-6px;
font-weight:680;
font-size:220px;
line-height:1;
letter-spacing:-0.03em;
user-select:none;
pointer-events:none;
}
.reason-card.light .reason-num{ color:#0A0A0A; opacity:0.05; }
.reason-card.dark .reason-num{ color:#F6F5F1; opacity:0.07; }
.reason-tag{
position:relative;
z-index:2;
font-size:11px;
letter-spacing:0.16em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:9px;
margin-bottom:18px;
}
.reason-card.light .reason-tag{ color:#6E6E6E; }
.reason-card.dark .reason-tag{ color:#B9B7AD; }
.reason-tag .dot{
width:6px; height:6px; border-radius:50%;
}
.reason-card.light .reason-tag .dot{ background:#0A0A0A; }
.reason-card.dark .reason-tag .dot{ background:#F6F5F1; }
.reason-title{
position:relative;
z-index:2;
font-weight:560;
font-size:clamp(1.9rem, 3vw, 2.55rem);
line-height:1.06;
margin:0;
}
.reason-foot{
position:relative;
z-index:2;
margin-top:26px;
display:flex;
align-items:center;
gap:10px;
font-size:10.5px;
letter-spacing:0.1em;
text-transform:uppercase;
}
.reason-card.light .reason-foot{ color:#6E6E6E; }
.reason-card.dark .reason-foot{ color:#B9B7AD; }
.reason-foot .line{ width:22px; height:1px; }
.reason-card.light .reason-foot .line{ background:#0A0A0A; }
.reason-card.dark .reason-foot .line{ background:#F6F5F1; }
@media (max-width: 780px){
.reasons-grid{ grid-template-columns: 1fr; }
.reason-card{ min-height:320px; padding:44px 30px 36px; }
.reason-num{ font-size:160px; top:-24px; }
.reasons-section {
padding: 0px 0 20px;
}
}
/* why dealer run with dax css start */
/* ============================
DAX Services Callout — White Cards + Circle Icons
Parent scope: .services-callout
============================ */
@keyframes servicesCalloutFadeUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* services card css start */
/* ---- Section background ---- */
.services-callout {
background: #f5f3ee;
padding: 20px 10px;
}
/* ---- Equal height fix ---- */
.services-callout .fl-row-content-wrap {
align-items: stretch;
}
.services-callout .fl-col {
display: flex;
opacity: 0;
animation: servicesCalloutFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.services-callout .fl-col:nth-child(1) { animation-delay: 0.05s; }
.services-callout .fl-col:nth-child(2) { animation-delay: 0.16s; }
.services-callout .fl-col:nth-child(3) { animation-delay: 0.27s; }
.services-callout .fl-col-content,
.services-callout .fl-module-callout,
.services-callout .fl-module-content {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.services-callout .fl-node-aje4dko2yt9w .fl-callout-photo img,
.services-callout .fl-node-9upe48byznlm .fl-callout-photo img {
width: 62px !important;
height: 45px !important;
}
/* ---- The white card ---- */
.services-callout .fl-callout {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
border-radius: 6px;
padding: 10px 30px 10px 3px;
/* text-align: left; */
/* box-shadow: 0 1px 2px rgba(13, 13, 13, 0.04), 0 18px 34px rgba(13, 13, 13, 0.07); */
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.services-callout .fl-callout:hover {
transform: translateY(-8px);
}
/* thin brass underline accent at top of card */
/* .services-callout .fl-callout::before {
content: "";
position: absolute;
top: 0;
left: 15px;
width: 40px;
height: 3px;
background: #c9a869;
transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
} */
.services-callout .fl-callout:hover::before {
width: 60px;
}
/* ---- Icon: circle badge ---- */
.services-callout .fl-callout-photo {
margin: 0 0 24px;
}
.services-callout .fl-callout-photo .fl-photo-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
border-radius: 50%;
background: #0d0d0d;
transition: background 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.services-callout .fl-callout:hover .fl-callout-photo .fl-photo-content {
background: #c9a869;
transform: scale(1.06);
}
.services-callout .fl-callout-photo img {
width: 28px !important;
height: 28px !important;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(76%) sepia(35%) saturate(482%) hue-rotate(358deg) brightness(92%) contrast(88%);
transition: filter 0.5s ease;
}
.services-callout .fl-callout:hover .fl-callout-photo img {
filter: brightness(0) saturate(100%) invert(6%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
/* ---- Title ---- */
.services-callout .fl-callout-title {
margin: 0 0 14px;
font-size: 19px;
font-weight: 700;
letter-spacing: 0.3px;
color: #0d0d0d;
text-transform: uppercase;
}
.services-callout .fl-callout-title-link,
.services-callout .fl-callout-title-link span {
color: inherit;
text-decoration: none;
}
/* ---- Body text ---- */
.services-callout .fl-callout-text-wrap {
flex: 1;
}
.services-callout .fl-callout-text p {
margin: 0;
font-size: 15px;
line-height: 1.75;
color: #6b6862;
}
@media (prefers-reduced-motion: reduce) {
.services-callout .fl-col {
animation: none;
opacity: 1;
}
}
/* ---- Mobile ---- */
@media (max-width: 767px) {
.services-callout {
padding: 20px;
}
.services-callout .fl-callout {
padding: 36px 28px;
margin-bottom: 20px;
}
.services-callout .fl-callout-photo .fl-photo-content {
width: 60px;
height: 60px;
}
}
/* services card css end */
/* tag agenise css start */
.daxTap-section{
background:#0d0d0d;
padding:100px 24px;
position:relative;
overflow:hidden;
}
.daxTap-section::before{
content:"";
position:absolute;
top:0; left:50%;
width:1px; height:100%;
background:linear-gradient(180deg, transparent, rgba(201,168,105,0.14) 20%, rgba(201,168,105,0.14) 80%, transparent);
pointer-events:none;
}
.daxTap-inner{
max-width:1320px;
margin:0 auto;
display:grid;
grid-template-columns:400px 1fr;
gap:80px;
align-items:center;
position:relative;
}
/* ---- Image column ---- */
.daxTap-imgCol{
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
}
.daxTap-imgFrame{
position:relative;
width:100%;
border-radius:10px;
overflow:visible;
}
.daxTap-photo{
display:block;
width:100%;
aspect-ratio:4/5;
object-fit:cover;
border-radius:10px;
border:1px solid rgba(201,168,105,0.3);
box-shadow:0 30px 60px -20px rgba(0,0,0,0.75);
}
.daxTap-imgCorner{
position:absolute;
width:34px; height:34px;
pointer-events:none;
}
.daxTap-cornerTL{
top:-10px; left:-10px;
border-top:2px solid #c9a869;
border-left:2px solid #c9a869;
}
.daxTap-cornerBR{
bottom:-10px; right:-10px;
border-bottom:2px solid #c9a869;
border-right:2px solid #c9a869;
}
.daxTap-badgeRivetTL{top:8px; left:8px;}
.daxTap-badgeRivetTR{top:8px; right:8px;}
.daxTap-badgeRivetBL{bottom:8px; left:8px;}
.daxTap-badgeRivetBR{bottom:8px; right:8px;}
.daxTap-badgeTop{
display:block;
font-size:15px;
font-weight:700;
letter-spacing:0.5px;
color:#1a2f57;
}
.daxTap-badgeMid{
display:block;
font-size:13px;
font-style:italic;
color:#1a2f57;
margin-top:1px;
}
.daxTap-badgeBot{
display:block;
font-size:8.5px;
letter-spacing:1.2px;
text-transform:uppercase;
color:#c2954f;
margin-top:6px;
}
.daxTap-imgCaption{
font-size:12px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#8a8578;
margin-top:6px;
}
/* ---- Content column ---- */
.daxTap-contentCol{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.daxTap-eyebrow{
font-size:12px;
letter-spacing:2.5px;
text-transform:uppercase;
color:#c9a869;
margin-bottom:14px;
}
.daxTap-heading{
font-size:42px;
line-height:1.1;
color:#f2efe8;
margin:0 0 20px;
font-weight:600;
}
.daxTap-headingDivider{
color:#c2954f;
font-weight:400;
}
.daxTap-desc{
font-size:16px;
line-height:1.7;
color:#b9b4a8;
max-width:520px;
margin:0 0 40px;
}
.daxTap-stub{
list-style:none;
margin:0 0 40px;
padding:0;
width:100%;
max-width:520px;
border-top:1px solid rgba(201,168,105,0.25);
}
.daxTap-stubItem{
display:flex;
align-items:flex-start;
gap:18px;
padding:20px 4px;
}
.daxTap-stubDivider{
border-top:1px dashed rgba(201,168,105,0.25);
margin:0 4px;
}
.daxTap-stubIcon{
flex:0 0 auto;
width:42px; height:42px;
border-radius:50%;
border:1px solid rgba(201,168,105,0.4);
display:flex;
align-items:center;
justify-content:center;
color:#c9a869;
}
.daxTap-stubIcon svg{width:19px; height:19px;}
.daxTap-stubText{
display:flex;
flex-direction:column;
gap:4px;
padding-top:4px;
}
.daxTap-stubTitle{
font-size:16px;
color:#f2efe8;
font-weight:600;
}
.daxTap-stubSub{
font-size:13.5px;
color:#8a8578;
line-height:1.5;
}
.gform_heading {
display: none;
}
.daxTap-cta{
display:inline-flex;
align-items:center;
gap:10px;
padding:15px 30px;
background:linear-gradient(155deg, #c9a869, #a9803f);
color:#0d0d0d;
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
border-radius:4px;
transition:transform 0.25s ease, box-shadow 0.25s ease;
}
.daxTap-cta svg{transition:transform 0.25s ease; width: 22px;}
.daxTap-cta:hover{
transform:translateY(-2px);
box-shadow:0 14px 30px -10px rgba(201,168,105,0.45);
}
.daxTap-cta:hover svg{transform:translateX(3px);}
/* ---- Responsive ---- */
@media (max-width:900px){
.daxTap-inner{
grid-template-columns:1fr;
gap:56px;
}
.daxTap-section::before{display:none;}
.daxTap-imgCol{max-width:340px; margin:0 auto;}
.daxTap-badge{left:16px; bottom:-26px; width:150px;}
.daxTap-contentCol{align-items:center; text-align:center;}
.daxTap-desc{margin-left:auto; margin-right:auto;}
.daxTap-stub{margin-left:auto; margin-right:auto;}
.daxTap-stubItem{text-align:left;}
}
@media (max-width:767px){
.daxTap-section {
padding: 20px;
}
}
@media (max-width:480px){
.daxTap-section{padding:70px 18px;}
.daxTap-heading{font-size:32px;}
.daxTap-badge{left:8px; width:135px; padding:12px 10px 10px;}
.daxTap-badgeTop{font-size:13px;}
.daxTap-badgeMid{font-size:11px;}
}
/* tag agenise css end */
/* team section css start */
.daxTeam{
background:#0d0d0d;
padding:100px 24px 110px;
position:relative;
}
.daxTeam::before{
content:"";
position:absolute;
inset:0;
background-image:
radial-gradient(ellipse 900px 500px at 15% 0%, rgba(201,168,105,0.07), transparent 60%),
radial-gradient(ellipse 900px 500px at 85% 100%, rgba(201,168,105,0.05), transparent 60%);
pointer-events:none;
}
.daxTeam-head{
text-align:center;
max-width:640px;
margin:0 auto 64px;
position:relative;
}
.daxTeam-head--sub{ margin-top:0; margin-bottom:56px; }
.daxTeam-eyebrow{
color:#c9a869;
text-transform:uppercase;
letter-spacing:3px;
font-size:12px;
font-weight:600;
margin:0 0 14px;
}
.daxTeam-title{
color:#f2efe8;
font-size:42px;
font-weight:400;
margin:0 0 20px;
letter-spacing:0.5px;
}
.daxTeam-rule{
display:inline-block;
width:64px;
height:2px;
background:linear-gradient(90deg,#c2954f,#c9a869,#c2954f);
}
.daxTeam-group{
max-width:1240px;
margin:0 auto 64px;
position:relative;
}
.daxTeam-groupHead{
display:flex;
align-items:center;
gap:18px;
max-width:1240px;
margin:0 auto 32px;
}
.daxTeam-groupLine{
flex:1;
height:1px;
background:linear-gradient(90deg, rgba(201,168,105,0), rgba(201,168,105,0.35));
}
.daxTeam-groupHead .daxTeam-groupLine:last-child{
background:linear-gradient(90deg, rgba(201,168,105,0.35), rgba(201,168,105,0));
}
.daxTeam-groupLabel{
color:#c9a869;
font-size:13px;
font-weight:600;
letter-spacing:2.5px;
text-transform:uppercase;
margin:0;
white-space:nowrap;
}
.daxTeam-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:2px;
max-width:1240px;
margin:0 auto;
background:rgba(201,168,105,0.14);
border:1px solid rgba(201,168,105,0.14);
}
.daxTeam-grid--pair{
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:620px;
}
.daxTeam-grid--center{ margin:0 auto; }
.daxTeam-card{
background:#0f0f0d;
padding:44px 26px 32px;
text-align:center;
position:relative;
transition:background .35s ease;
}
.daxTeam-card:hover{
background:#161612;
}
.daxTeam-corner{
position:absolute;
width:16px;
height:16px;
opacity:0;
transition:opacity .35s ease, width .35s ease, height .35s ease;
}
.daxTeam-corner--tl{
top:12px; left:12px;
border-top:1px solid #c9a869;
border-left:1px solid #c9a869;
}
.daxTeam-corner--br{
bottom:12px; right:12px;
border-bottom:1px solid #c9a869;
border-right:1px solid #c9a869;
}
.daxTeam-card:hover .daxTeam-corner{
opacity:1;
width:22px;
height:22px;
}
.daxTeam-name{
color:#f2efe8;
font-size:21px;
font-weight:500;
margin:0 0 10px;
letter-spacing:0.3px;
}
.daxTeam-role{
position:relative;
display:inline-block;
color:#c9a869;
font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1.8px;
margin:0 0 22px;
padding-top:14px;
}
.daxTeam-role::before{
content:"";
position:absolute;
top:0; left:50%;
transform:translateX(-50%);
width:22px;
height:1px;
background:rgba(201,168,105,0.5);
}
.daxTeam-contact{
display:inline-flex;
align-items:center;
gap:6px;
color:#9c9585;
font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:1.5px;
text-decoration:none;
transition:color .25s ease, gap .25s ease;
}
.daxTeam-contact svg{ transition:transform .25s ease; }
.daxTeam-contact:hover{
color:#f2efe8;
gap:9px;
}
.daxTeam-wallace{
max-width:1240px;
margin:96px auto 0;
padding-top:64px;
border-top:1px solid rgba(201,168,105,0.15);
}
@media (max-width: 980px){
.daxTeam-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 560px){
.daxTeam {
padding: 15px 18px 15px;
}
.daxTeam-title{ font-size:32px; }
.daxTeam-grid{ grid-template-columns:1fr; max-width:340px; }
.daxTeam-grid--pair{ max-width:340px; }
.daxTeam-groupHead{ gap:12px; }
.daxTeam-groupLabel{ font-size:11.5px; letter-spacing:2px; }
.daxTeam-wallace{ margin-top:64px; padding-top:48px; }
}
/* team section css end */
/* Transport Assistance page css start */
.daxRoute-section {
background: #0d0d0d;
color: #f2efe8;
padding: 60px 24px 60px;
overflow: hidden;
box-sizing: border-box;
}
.daxRoute-inner { max-width: 1320px; margin: 0 auto; }
.daxRoute-section [data-drreveal] {
opacity: 0;
transform: translateY(26px);
transition: opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1);
}
.daxRoute-section [data-drreveal].is-drvisible { opacity: 1; transform: translateY(0); }
/* ---------- header ---------- */
.daxRoute-header { margin: 0 0 90px; }
.daxRoute-eyebrow {
display: inline-block;
font-size: 12px;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #c9a869;
font-weight: 600;
margin-bottom: 16px;
}
.daxRoute-title {
font-size: 42px;
line-height: 1.15;
font-weight: 700;
color: #f2efe8;
margin: 0 0 20px;
}
.daxRoute-lead {
font-size: 17px;
line-height: 1.65;
color: rgba(242,239,232,0.62);
margin: 0;
}
/* ---------- desktop route ---------- */
.daxRoute-track--desktop {
position: relative;
padding-top: 190px;
margin-bottom: 70px;
}
.daxRoute-plot {
position: relative;
width: 100%;
height: 220px;
}
.daxRoute-svg {
position: absolute; inset: 0;
width: 100%; height: 100%;
pointer-events: none;
}
.daxRoute-path {
fill: none;
stroke: #c9a869;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 7 9;
stroke-dashoffset: 2400;
opacity: .85;
transition: stroke-dashoffset 2.1s cubic-bezier(.19,1,.22,1);
}
.is-drvisible .daxRoute-path { stroke-dashoffset: 0; }
.daxRoute-marker {
fill: #f2efe8;
stroke: #c9a869;
stroke-width: 2;
opacity: 0;
offset-path: path("M 60 180 C 160 60, 260 60, 380 90 C 500 120, 600 260, 700 200 C 800 140, 900 20, 1020 80 C 1140 140, 1240 200, 1340 170");
}
.is-drvisible .daxRoute-marker {
opacity: 1;
animation: daxRouteMarker 4.6s 2s cubic-bezier(.45,0,.55,1) infinite;
}
@keyframes daxRouteMarker {
0% { offset-distance: 0%; opacity: 0; }
5% { opacity: 1; }
95% { opacity: 1; }
100% { offset-distance: 100%; opacity: 0; }
}
.daxRoute-node {
position: absolute;
transform: translate(-50%,-50%) scale(.6);
opacity: 0;
display: flex;
flex-direction: column;
align-items: center;
transition: opacity .6s ease, transform .6s cubic-bezier(.34,1.56,.64,1);
}
.is-drvisible .daxRoute-node { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.daxRoute-node:nth-child(1) { transition-delay: .2s; }
.daxRoute-node:nth-child(2) { transition-delay: .7s; }
.daxRoute-node:nth-child(3) { transition-delay: 1.2s; }
.daxRoute-node:nth-child(4) { transition-delay: 1.7s; }
.daxRoute-node:nth-child(5) { transition-delay: 2.2s; }
.daxRoute-dot {
width: 12px; height: 12px;
border-radius: 50%;
background: #c9a869;
box-shadow: 0 0 0 5px rgba(201,168,105,.18);
}
.daxRoute-dot--origin, .daxRoute-dot--end {
background: #f2efe8;
box-shadow: 0 0 0 5px rgba(242,239,232,.14), 0 0 14px 2px rgba(201,168,105,.5);
}
.daxRoute-nodeLabel {
font-size: 12px;
letter-spacing: .7px;
font-weight: 700;
color: #f2efe8;
white-space: nowrap;
background: rgba(13,13,13,.7);
border: 1px solid rgba(201,168,105,.22);
padding: 5px 10px;
border-radius: 3px;
}
.daxRoute-nodeLabel--below { margin-top: 10px; }
.daxRoute-nodeLabel--above { margin-bottom: 10px; order: -1; }
.daxRoute-photo {
position: absolute;
top: 0;
left: 31%;
width: 300px;
padding: 12px 12px 40px;
background: #f2efe8;
border-radius: 2px;
box-shadow: 0 30px 50px -18px rgba(0,0,0,.65);
transform: rotate(-4deg);
opacity: 0;
transition: opacity .8s ease .3s, transform .8s cubic-bezier(.34,1.4,.64,1) .3s;
}
.is-drvisible .daxRoute-photo { opacity: 1; transform: rotate(-4deg) translateY(0); }
.daxRoute-photoImg {
width: 100%;
height: 190px;
object-fit: cover;
display: block;
filter: saturate(.92) contrast(1.03);
}
.daxRoute-photoTape {
position: absolute;
top: -10px; left: 50%;
transform: translateX(-50%) rotate(-2deg);
width: 70px; height: 22px;
background: rgba(201,168,105,.55);
border: 1px solid rgba(201,168,105,.7);
}
.daxRoute-photoCaption {
position: absolute;
bottom: 12px; left: 12px; right: 12px;
font-size: 11.5px;
letter-spacing: .4px;
font-weight: 600;
color: #161410;
text-align: center;
}
/* ---------- mobile route ---------- */
.daxRoute-track--mobile { display: none; }
/* ---------- CTA ---------- */
.daxRoute-cta {
position: relative;
margin-top: 20px;
padding: 56px 32px;
text-align: center;
border: 1px solid rgba(201,168,105,.22);
border-radius: 6px;
background: linear-gradient(180deg, #161410, #0d0d0d);
overflow: hidden;
}
.daxRoute-ctaGlow {
position: absolute;
top: -140px; left: 50%;
transform: translateX(-50%);
width: 520px; height: 280px;
background: radial-gradient(closest-side, rgba(201,168,105,.16), transparent);
pointer-events: none;
}
.daxRoute-ctaEyebrow {
position: relative;
display: block;
font-size: 26px;
font-weight: 700;
color: #c9a869;
margin-bottom: 12px;
}
.daxRoute-ctaText {
position: relative;
font-size: 15px;
color: rgba(242,239,232,.62);
margin: 0 0 26px;
}
.daxRoute-ctaBtn {
position: relative;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 26px;
border: 1px solid #c2954f;
border-radius: 40px;
color: #f2efe8;
text-decoration: none;
font-size: 15px;
font-weight: 700;
letter-spacing: .4px;
transition: background .35s ease, transform .35s ease, box-shadow .35s ease;
}
.daxRoute-ctaBtn:hover {
background: #c9a869;
color: #161410;
transform: translateY(-2px);
box-shadow: 0 10px 30px -8px rgba(201,168,105,.55);
}
.daxRoute-ctaBtn svg { transition: transform .35s ease; }
.daxRoute-ctaBtn:hover svg { transform: translateX(3px); }
/* ---------- responsive ---------- */
@media (max-width: 900px) {
.daxRoute-section { padding: 30px 20px 30px; }
.daxRoute-title { font-size: 30px; }
.daxRoute-header { margin-bottom: 60px; }
.daxRoute-track--desktop { display: none; }
.daxRoute-track--mobile {
display: block;
position: relative;
padding-left: 26px;
margin-bottom: 60px;
}
.daxRoute-mline {
position: absolute;
left: 5px; top: 6px; bottom: 6px;
width: 1px;
background: linear-gradient(180deg, #c9a869, rgba(201,168,105,.15));
}
.daxRoute-mnode {
position: relative;
display: flex;
align-items: center;
gap: 14px;
padding: 14px 0;
}
.daxRoute-mnode .daxRoute-dot { position: absolute; left: -26px; }
.daxRoute-mtext {
font-size: 14.5px;
font-weight: 700;
color: #f2efe8;
}
.daxRoute-mphoto {
position: relative;
margin: 10px 0 10px 4px;
width: min(320px, 84%);
padding: 10px 10px 34px;
background: #f2efe8;
border-radius: 2px;
box-shadow: 0 20px 34px -14px rgba(0,0,0,.6);
transform: rotate(-2deg);
}
.daxRoute-mphoto img {
width: 100%; height: 170px;
object-fit: cover;
display: block;
}
.daxRoute-mphoto .daxRoute-photoCaption {
position: absolute; bottom: 10px; left: 10px; right: 10px;
font-size: 11px; color: #161410; text-align: center; font-weight: 600;
}
}
@media (prefers-reduced-motion: reduce) {
.daxRoute-section [data-drreveal],
.daxRoute-path,
.daxRoute-node,
.daxRoute-photo,
.daxRoute-marker { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; stroke-dashoffset: 0 !important; }
.daxRoute-photo { transform: rotate(-4deg) !important; }
}
/* Transport Assistance page css end */
.gform_body label{
color: #000 !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="number"], input[type="search"], input[type="url"], textarea {
background-color: transparent;
border-radius: 0;
border: none;
border-bottom: 1px solid;
}
/* dax digital page css start */
.daxG-wrap {
background: #f4f5f3;
padding: 20px 24px 50px;
}
.daxG-inner{max-width:1320px;margin:0 auto}
.daxG-label {
color: #C2984A;
}
.daxG-head{
text-align:center;
max-width:700px;
margin:0 auto 56px;
opacity:0;
transform:translateY(20px);
transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
}
.daxG-head.daxG-in{opacity:1;transform:translateY(0)}
.daxG-live{
display:inline-flex;
align-items:center;
gap:8px;
font-size:11.5px;
font-weight:700;
letter-spacing:.14em;
color:#5b6570;
margin-bottom:22px;
}
.daxG-dot{
width:7px;height:7px;border-radius:50%;
background:#c0392b;
box-shadow:0 0 0 0 rgba(192,57,43,.5);
animation:daxGpulse 2.2s ease-out infinite;
}
@keyframes daxGpulse{
0%{box-shadow:0 0 0 0 rgba(192,57,43,.45)}
70%{box-shadow:0 0 0 8px rgba(192,57,43,0)}
100%{box-shadow:0 0 0 0 rgba(192,57,43,0)}
}
.daxG-title{
font-size:clamp(30px,4.4vw,45px);
line-height:1.14;
font-weight:700;
color:#12181f;
margin:0 0 20px;
letter-spacing:-.01em;
}
.daxG-copy{font-size:16.5px;line-height:1.7;color:#525a62;margin:0 0 14px}
.daxG-stat{color:#12181f;border-bottom:2px solid #c2954f}
.daxG-cta{font-size:14px;color:#8a9099;margin:20px 0 0}
.daxG-strip{
display:flex;
height:420px;
border:1px solid #dfe1dc;
border-radius:10px;
overflow:hidden;
background:#fbfbf9;
opacity:0;
transform:translateY(20px);
transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0s), transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s);
}
.daxG-strip.daxG-in{opacity:1;transform:translateY(0)}
.daxG-seg{
position:relative;
flex:1 1 0;
min-width:0;
padding:30px 26px;
display:flex;
flex-direction:column;
border-right:1px solid #e4e5e0;
cursor:pointer;
overflow:hidden;
color:#12181f;
transition:flex-grow .7s cubic-bezier(.16,1,.3,1), background-color .55s ease, color .55s ease;
}
.daxG-seg:last-child{border-right:none}
.daxG-seg.daxG-active{
flex-grow:2.5;
background:#12181f;
color:#f2efe8;
}
.daxG-strip.daxG-hasActive .daxG-seg:not(.daxG-active){flex-grow:.68}
.daxG-ghost{
position:absolute;
right:8px;
bottom:-18px;
font-size:110px;
font-weight:700;
line-height:1;
color:#12181f;
opacity:.04;
transition:opacity .6s ease, color .6s ease;
}
.daxG-seg.daxG-active .daxG-ghost{opacity:.1;color:#c2954f}
.daxG-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.daxG-num{font-size:12px;font-weight:700;letter-spacing:.1em;color:#a3a89e}
.daxG-seg.daxG-active .daxG-num{color:#c2954f}
.daxG-icon{width:26px;height:26px;color:#12181f;transition:color .5s ease}
.daxG-seg.daxG-active .daxG-icon{color:#c2954f}
.daxG-icon svg{width:100%;height:100%}
.daxG-label{
font-size:17px;
font-weight:700;
line-height:1.3;
margin:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition:white-space 0s;
}
.daxG-seg.daxG-active .daxG-label{white-space:normal}
.daxG-desc{
font-size:14.5px;
line-height:1.65;
color:#c7c2b4;
margin:16px 0 0;
max-width:415px;
opacity:0;
transform:translateY(6px);
transition:opacity .5s ease .12s, transform .5s ease .12s;
}
.daxG-seg.daxG-active .daxG-desc{opacity:1;transform:translateY(0)}
.daxG-track{
position:relative;
height:1px;
background:#dfe1dc;
margin:14px 2px 0;
}
.daxG-trackMark{
position:absolute;
top:-1.5px;
left:0;
width:25%;
height:4px;
border-radius:2px;
background:#c2954f;
transition:left .7s cubic-bezier(.16,1,.3,1);
}
.daxG-signoff{
margin-top:50px;
display:flex;
align-items:center;
justify-content:center;
gap:18px;
flex-wrap:wrap;
text-align:center;
opacity:0;
transform:translateY(18px);
transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0s), transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s);
}
.daxG-signoff.daxG-in{opacity:1;transform:translateY(0)}
.daxG-agent{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.daxG-agentName{font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#12181f}
.daxG-agentPhone{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#525a62}
.daxG-signoffDivider{width:1px;height:14px;background:#d7d9d3}
.daxG-signoffNote{font-size:13px;color:#a3762f;font-weight:600}
.daxG-deck{display:none}
@media (max-width:900px){
.daxG-strip,.daxG-track{display:none}
.daxG-deck{
display:block;
opacity:0;
transform:translateY(20px);
transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0s), transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s);
}
.daxG-deck.daxG-in{opacity:1;transform:translateY(0)}
.daxG-deckTrack{
display:flex;
gap:14px;
overflow-x:auto;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
padding:4px 24px 4px 4px;
margin:0 -4px;
scrollbar-width:none;
}
.daxG-deckTrack::-webkit-scrollbar{display:none}
.daxG-card{
position:relative;
flex:0 0 82%;
scroll-snap-align:center;
background:#12181f;
color:#f2efe8;
border-radius:14px;
padding:26px 24px 28px;
overflow:hidden;
min-height:210px;
}
.daxG-cardGhost{
position:absolute;
right:2px;
bottom:-20px;
font-size:90px;
font-weight:700;
line-height:1;
color:#c2954f;
opacity:.1;
}
.daxG-cardNum{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;color:#c2954f;margin-bottom:16px}
.daxG-cardIcon{display:block;width:26px;height:26px;color:#c2954f;margin-bottom:16px}
.daxG-cardIcon svg{width:100%;height:100%}
.daxG-cardLabel{font-size:17px;font-weight:700;line-height:1.32;margin:0 0 10px;position:relative; color:#fff;}
.daxG-cardDesc{font-size:14px;line-height:1.6;color:#c7c2b4;margin:0;position:relative;max-width:220px}
.daxG-deckDots{display:flex;justify-content:center;gap:7px;margin-top:20px}
.daxG-deckDot{width:6px;height:6px;border-radius:50%;background:#d7d9d3;transition:background-color .3s ease,transform .3s ease}
.daxG-deckDotOn{background:#c2954f;transform:scale(1.3)}
}
@media (max-width:560px){
.daxG-card{flex-basis:86%}
}
@media (prefers-reduced-motion:reduce){
.daxG-head,.daxG-strip,.daxG-signoff,.daxG-deck{transition:none;opacity:1;transform:none}
.daxG-seg{transition:background-color .3s ease,color .3s ease}
.daxG-desc{transition:none;opacity:1;transform:none}
.daxG-dot{animation:none}
.daxG-trackMark{transition:none}
}
/* dax digital page css end */
/* private sale page css start */
.wrap{max-width:1180px; margin:0 auto; padding:0 40px;}
.wyg-intro{
text-align:center;
max-width:720px;
margin:0 auto 66px;
}
.wyg-intro h2 {
font-weight: 600;
font-size: clamp(26px, 3.2vw, 40px);
margin-bottom: 18px;
color: #Fff;
}
.wyg-intro p{
font-size:15.5px;
color:#B9B6AC;
line-height:1.7;
}
.wyg-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:0;
}
.wyg-col{
padding:0 40px;
border-left:1px solid #323841;
}
.wyg-col:first-child{
padding-left:0;
border-left:none;
}
.wyg-col:last-child{
padding-right:0;
}
.wyg-col h3{
font-weight:500;
font-size:17px;
letter-spacing:.02em;
color:#D9863C;
margin-bottom:26px;
}
.wyg-col ul{list-style:none; padding-left: 0;}
.wyg-col li{
display:flex;
gap:12px;
align-items:flex-start;
font-size:14.5px;
line-height:1.6;
color:#B9B6AC;
padding:12px 0;
border-top:1px solid #323841;
}
.wyg-col li:first-of-type{border-top:none;}
.wyg-col li .mark{
color:#D9863C;
font-size:13px;
line-height:1.5;
flex-shrink:0;
}
/* ---------- INFRASTRUCTURE BANNER ---------- */
.infra{
background:#20252C;
border-top:1px solid #323841;
padding:80px 0;
}
.infra-inner{
max-width:820px;
}
.infra h3{
font-weight:600;
font-size:clamp(22px, 2.6vw, 30px);
margin-bottom:22px;
}
.infra p{
font-size:15.5px;
line-height:1.75;
color:#B9B6AC;
max-width:760px;
}
.wyg-col .mark{
background-color: transparent !important;
}
.wyg-intro .eyebrow {
display: none;
}
@media (max-width:820px){
.wrap{padding:0;}
.wyg{padding: 0;}
.wyg-grid{grid-template-columns:1fr; row-gap:40px;}
.wyg-col{padding:0 !important; border-left:none !important; border-top:1px solid #323841; padding-top:0 !important;}
.wyg-col:first-child{border-top:none;}
.infra{padding:56px 0;}
.wyg-intro {
margin: 0 auto 30px;
}
}
/* private sell page css end */
.gfield_html{
color: #000;
}
/* Gravity Forms Progress Bar */
.gform_wrapper.gravity-theme .gf_progressbar {
height: 20px;
background: #e8edf3;
border-radius: 50px;
overflow: hidden;
box-shadow: inset 0 2px 6px rgba(0,0,0,.08);
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
background: linear-gradient(
90deg,
#0f172a 0%,
#1e3a8a 25%,
#2563eb 50%,
#38bdf8 75%,
#60a5fa 100%
) !important;
border-radius: 50px;
color: #fff;
font-weight: 700;
text-shadow: 0 1px 2px rgba(0,0,0,.35);
box-shadow:
0 4px 12px rgba(37,99,235,.35),
inset 0 1px 1px rgba(255,255,255,.35);
position: relative;
overflow: hidden;
}
/* Shine Animation */
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue::after{
content:"";
position:absolute;
top:0;
left:-40%;
width:35%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.45),
transparent
);
transform:skewX(-25deg);
animation:progressShine 2.5s infinite;
}
@keyframes progressShine{
100%{
left:120%;
}
}
#menu-menu-new .fl-menu-toggle.fl-content-ui-button {
left: -7px !important;
top: 1px !important;
}
.fl-menu .fl-has-submenu-container:has(button.fl-menu-toggle) {
grid-template-columns: 1fr 20px !important;
}
#menu-menu-new .sub-menu li a {
border-bottom: 1px solid #fff;
}
#menu-menu-new .sub-menu li:last-child a {
border-bottom: none;
}
@media (max-width: 1200px) {
#menu-menu-new li a {
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width: 992px) {
#menu-menu-new .fl-menu-toggle.fl-content-ui-button {
left: 0px !important;
top: 1px !important;
}
}
/* timer css start */
/* timer css start */
.dax-odo-wrap{
position:relative;
overflow:hidden;
padding:88px 20px 68px;
}
.dax-odo-vignette{
position:absolute;
inset:0;
background:radial-gradient(ellipse at 50% 20%, rgba(201,168,105,.07), transparent 60%);
pointer-events:none;
}
.dax-odo-inner{
position:relative;
z-index:1;
max-width:1100px;
margin:0 auto;
}
.dax-odo-head{
text-align:center;
margin-bottom:44px;
}
.dax-odo-eyebrow{
display:inline-block;
color:#c9a869;
letter-spacing:.28em;
text-transform:uppercase;
font-size:11px;
font-weight:700;
margin-bottom:14px;
opacity:0;
animation:daxOdoRise .8s cubic-bezier(.22,1,.36,1) forwards;
}
.dax-odo-title{
color:#f2efe8;
font-size:clamp(28px,4vw,44px);
font-weight:700;
margin:0;
opacity:0;
animation:daxOdoRise .8s cubic-bezier(.22,1,.36,1) .1s forwards;
}
@keyframes daxOdoRise{
from{ opacity:0; transform:translateY(16px); }
to{ opacity:1; transform:translateY(0); }
}
/* instrument panel */
.dax-odo-panel{
position:relative;
background:
linear-gradient(180deg, rgba(255,255,255,.02), transparent 30%),
linear-gradient(160deg, #232323 0%, #141414 55%, #0a0a0a 100%);
border-radius:18px;
padding:36px 28px 28px;
box-shadow:
0 24px 60px rgba(0,0,0,.6),
inset 0 0 0 1px rgba(201,168,105,.28),
inset 0 2px 0 rgba(255,255,255,.04);
opacity:0;
transform:translateY(28px) scale(.98);
transition:opacity .9s cubic-bezier(.22,1,.36,1) .1s, transform .9s cubic-bezier(.22,1,.36,1) .1s;
}
.dax-odo-panel.is-visible{ opacity:1; transform:translateY(0) scale(1); }
.dax-odo-screw{
position:absolute;
width:10px; height:10px;
border-radius:50%;
background:radial-gradient(circle at 35% 35%, #d8bb80, #8a7143 70%, #5c4a2b);
box-shadow:0 1px 2px rgba(0,0,0,.6), inset 0 0 0 1px rgba(0,0,0,.3);
}
.dax-odo-screw::after{
content:"";
position:absolute;
top:50%; left:15%;
width:70%; height:1px;
background:rgba(0,0,0,.5);
transform:rotate(35deg);
}
.dax-odo-screw--tl{ top:14px; left:14px; }
.dax-odo-screw--tr{ top:14px; right:14px; }
.dax-odo-screw--bl{ bottom:14px; left:14px; }
.dax-odo-screw--br{ bottom:14px; right:14px; }
/* Countdown Container Toggle */
.dax-odo-countdown-wrap {
display: block;
}
.dax-odo-panel.is-live .dax-odo-countdown-wrap {
display: none;
}
/* Live Event Container Toggle */
.dax-odo-live-wrap {
display: none;
text-align: center;
padding: 30px 15px;
}
.dax-odo-panel.is-live .dax-odo-live-wrap {
display: block;
}
/* Live Display Design */
.dax-odo-live-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(220, 53, 69, 0.15);
border: 1px solid rgba(220, 53, 69, 0.5);
color: #ff4d4d;
padding: 6px 18px;
border-radius: 20px;
font-size: 12px;
font-weight: 800;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 16px;
}
.dax-odo-live-dot {
width: 8px;
height: 8px;
background-color: #ff4d4d;
border-radius: 50%;
box-shadow: 0 0 10px #ff4d4d;
animation: daxLivePulse 1.2s infinite ease-in-out;
}
@keyframes daxLivePulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.3; transform: scale(0.8); }
}
.dax-odo-live-title {
color: #f4f1ea;
font-size: clamp(22px, 3vw, 32px);
font-weight: 700;
margin: 0 0 10px 0;
}
.dax-odo-live-desc {
color: rgba(242,239,232,0.7);
font-size: 15px;
max-width: 600px;
margin: 0 auto;
line-height: 1.5;
}
/* Reels & Digits Styling */
.dax-odo-groups{
display:flex;
align-items:flex-end;
justify-content:center;
gap:16px;
flex-wrap:wrap;
}
.dax-odo-group{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.dax-odo-reels{
display:flex;
gap:4px;
padding:8px;
border-radius:8px;
background:#050505;
box-shadow:
inset 0 3px 8px rgba(0,0,0,.85),
inset 0 0 0 1px rgba(0,0,0,.9),
0 1px 0 rgba(255,255,255,.05);
}
.dax-odo-cell{
position:relative;
width:56px;
height:78px;
overflow:hidden;
border-radius:4px;
background:linear-gradient(180deg, #161616 0%, #0c0c0c 100%);
}
.dax-odo-cell-sheen{
position:absolute;
inset:0;
background:linear-gradient(180deg,
rgba(255,255,255,.10) 0%,
rgba(255,255,255,.02) 16%,
transparent 40%,
transparent 70%,
rgba(0,0,0,.35) 100%
);
pointer-events:none;
z-index:3;
}
.dax-odo-strip{
display:flex;
flex-direction:column;
will-change:transform;
transition:transform .62s cubic-bezier(.36,.07,.19,.97);
}
.dax-odo-strip span{
display:flex;
align-items:center;
justify-content:center;
height:78px;
font-size:42px;
font-weight:800;
color:#f4f1ea;
font-variant-numeric:tabular-nums;
letter-spacing:0;
}
.dax-odo-cell--sec{
box-shadow:inset 0 0 0 1px rgba(201,168,105,.35);
}
.dax-odo-cell--sec .dax-odo-strip span{
color:#e9c98a;
}
.dax-odo-label{
color:rgba(242,239,232,.55);
font-size:10.5px;
text-transform:uppercase;
letter-spacing:.2em;
font-weight:700;
}
.dax-odo-tab{
display:flex;
align-items:center;
justify-content:center;
height:78px;
padding-bottom:24px;
}
.dax-odo-tab span{
width:5px;
height:5px;
border-radius:50%;
background:#c9a869;
display:block;
box-shadow:0 -14px 0 #c9a869, 0 14px 0 #c9a869;
opacity:.55;
animation:daxOdoTabPulse 1.6s ease-in-out infinite;
}
@keyframes daxOdoTabPulse{
0%,100%{ opacity:.35; }
50%{ opacity:.9; }
}
/* elapsed-time needle track */
.dax-odo-track-row{
display:flex;
align-items:center;
gap:12px;
margin:28px 6px 4px;
}
.dax-odo-track-label{
color:rgba(242,239,232,.4);
font-size:9.5px;
text-transform:uppercase;
letter-spacing:.14em;
font-weight:700;
white-space:nowrap;
flex-shrink:0;
}
.dax-odo-track-label--end{
color:rgba(201,168,105,.75);
}
.dax-odo-needle-track{
position:relative;
flex:1;
height:4px;
border-radius:4px;
background:#050505;
box-shadow:inset 0 2px 4px rgba(0,0,0,.8);
overflow:visible;
}
.dax-odo-needle-fill{
position:absolute;
left:0; top:0; bottom:0;
width:0%;
border-radius:4px;
background:linear-gradient(90deg, rgba(201,168,105,.25), #c9a869);
transition:width 1s linear;
}
.dax-odo-needle-dot{
position:absolute;
top:50%;
left:0%;
width:12px; height:12px;
border-radius:50%;
background:radial-gradient(circle at 35% 35%, #f2e2b8, #c9a869 70%);
transform:translate(-50%,-50%);
box-shadow:0 0 12px 3px rgba(201,168,105,.65), 0 0 0 3px rgba(5,5,5,.9);
transition:left 1s linear;
}
/* cta */
.dax-odo-cta{
margin-top:44px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
background:rgba(242,239,232,.04);
border:1px solid rgba(201,168,105,.25);
border-radius:14px;
padding:30px 40px;
opacity:0;
transform:translateY(22px);
transition:opacity .8s cubic-bezier(.22,1,.36,1) .35s, transform .8s cubic-bezier(.22,1,.36,1) .35s;
}
.dax-odo-cta.is-visible{ opacity:1; transform:translateY(0); }
.dax-odo-cta-text{
color:#f2efe8;
font-size:clamp(20px,2.4vw,30px);
font-style:italic;
}
.dax-odo-cta-btn{
display:inline-block;
border:1px solid #c9a869;
color:#c9a869;
padding:14px 30px;
border-radius:6px;
text-decoration:none;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
font-size:13px;
transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
white-space:nowrap;
}
.dax-odo-cta-btn:hover{
background:#c9a869;
color:#0d0d0d;
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(201,168,105,.3);
}
@media (max-width: 760px){
.dax-odo-cell{ width:38px; height:56px; }
.dax-odo-strip span{ height:56px; font-size:28px; }
.dax-odo-tab{ height:56px; padding-bottom:20px; }
.dax-odo-groups{ gap:8px; }
.dax-odo-reels{ padding:6px; gap:3px; }
.dax-odo-panel{ padding:30px 14px 22px; }
.dax-odo-cta{ flex-direction:column; text-align:center; }
}
@media (prefers-reduced-motion: reduce){
.dax-odo-tab span,
.dax-odo-eyebrow,
.dax-odo-title{ animation:none !important; }
.dax-odo-strip{ transition:none !important; }
.dax-odo-panel,
.dax-odo-cta{
transition:none !important;
opacity:1 !important;
transform:none !important;
}
}
/* timer css end */
/* timer css end */
/* PREMIUM MODERN HUBSPOT FORM css start */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
/* page wrapper accent (optional, only if form sits alone on page) */
body {
background: radial-gradient(circle at top, #f1f5f9 0%, #e7ecf3 60%, #dde4ee 100%);
}
.hs-form {
position: relative;
max-width: 520px;
margin: 40px auto;
padding: 44px 40px 36px 20px !important;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 20px 40px -12px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(15, 23, 42, 0.03);
overflow: hidden;
}
/* signature top accent bar — gradient racing stripe */
.hs-form::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(90deg, #1d4ed8, #3b82f6, #60a5fa, #1d4ed8);
background-size: 300% 100%;
animation: stripeShift 6s ease infinite;
}
@keyframes stripeShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* form heading (add a .hs-form-title div manually if theme allows, else ignore) */
.hs-form-title {
font-size: 24px;
font-weight: 700;
color: #0f172a;
margin-bottom: 6px;
}
.hs-form-subtitle {
font-size: 14px;
color: #64748b;
margin-bottom: 28px;
}
/* field wrapper */
.hs-form-field {
margin-bottom: 24px;
position: relative;
}
/* label */
.hs-form-field label {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 9px;
font-size: 13.5px;
font-weight: 600;
color: #1e293b;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.hs-form-required {
color: #f43f5e;
font-weight: 700;
}
/* input wrapper */
.hs-form-field .input {
position: relative;
}
/* icon accents per field, using unicode/emoji-free pseudo icons via border-left color coding */
.hs-firstname .input::before,
.hs-lastname .input::before,
.hs-company .input::before,
.hs-email .input::before,
.hs-mobilephone .input::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.45;
pointer-events: none;
z-index: 2;
}
.hs-firstname .input::before,
.hs-lastname .input::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
}
.hs-company .input::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Crect x='3' y='7' width='18' height='14' rx='1'/%3E%3Cpath d='M8 7V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E");
}
.hs-email .input::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
}
.hs-mobilephone .input::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cline x1='11' y1='18' x2='13' y2='18'/%3E%3C/svg%3E");
}
/* input, textarea, select */
.hs-form-field .hs-input {
width: 100%;
padding: 14px 16px 14px 46px;
font-size: 15px;
color: #0f172a;
background: #f8fafc;
border: 1.5px solid #e2e8f0;
border-radius: 12px;
outline: none;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
}
.hs-form-field .hs-input::placeholder {
color: #a3adc2;
font-weight: 400;
}
.hs-form-field .hs-input:hover {
border-color: #cbd5e1;
background: #ffffff;
}
.hs-form-field .hs-input:focus {
border-color: #3b82f6;
background: #ffffff;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14);
}
.hs-form-field .input:focus-within::before {
opacity: 0.9;
}
/* textarea specific */
.hs-form-field textarea.hs-input {
min-height: 110px;
padding-left: 16px;
resize: vertical;
}
/* select dropdown */
.hs-form-field select.hs-input {
appearance: none;
padding-left: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 36px;
cursor: pointer;
}
/* error state — softer, still clear */
.hs-form-field .hs-error-msgs {
list-style: none;
margin: 7px 0 0;
padding: 0;
animation: shakeError 0.35s ease;
}
@keyframes shakeError {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-4px); }
75% { transform: translateX(4px); }
}
.hs-form-field .hs-error-msgs li label {
font-size: 12.5px;
font-weight: 500;
text-transform: none;
color: #f43f5e;
display: flex;
align-items: center;
gap: 5px;
}
.hs-form-field .hs-error-msgs li label::before {
content: "!";
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
border-radius: 50%;
background: #f43f5e;
color: #fff;
font-size: 10px;
font-weight: 700;
}
.hs-form-field .hs-input.error,
.hs-form-field .hs-input.invalid {
border-color: #fda4af;
background: #fff1f2;
}
/* checkbox / radio */
.hs-form-booleancheckbox-display,
.hs-form-radio-display {
font-size: 14px;
color: #475569;
display: flex;
align-items: center;
gap: 9px;
}
.hs-form-booleancheckbox-display input,
.hs-form-radio-display input {
width: 18px;
height: 18px;
accent-color: #3b82f6;
cursor: pointer;
}
/* submit button */
.hs-submit {
margin-top: 12px;
}
.hs-submit .hs-button,
.hs-button.primary.large {
width: 98%;
padding: 16px 24px;
background: linear-gradient(135deg, #2563eb, #1d4ed8);
color: #ffffff;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.3px;
border: none;
border-radius: 12px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 6px 20px rgba(29, 78, 216, 0.3);
}
.hs-form-a49a92b1-cae0-43aa-a8da-c6af2800463b_3c0eb883-35a4-4ef8-9030-0b567ca3c7b5.stacked {
padding-left: 20px;
}
.hs-submit .hs-button:hover,
.hs-button.primary.large:hover {
box-shadow: 0 10px 28px rgba(29, 78, 216, 0.4);
background: linear-gradient(135deg, #1d4ed8, #1e40af);
}
.hs-submit .hs-button:active,
.hs-button.primary.large:active {
transform: translateY(0);
box-shadow: 0 4px 12px rgba(29, 78, 216, 0.3);
}
/* legal / consent text */
.hs-form-field .legal-consent-container,
.hs-richtext {
font-size: 12.5px;
color: #94a3b8;
line-height: 1.6;
margin-top: 16px;
text-align: center;
}
.hs-richtext a {
color: #3b82f6;
font-weight: 600;
text-decoration: none;
}
.hs-richtext a:hover {
text-decoration: underline;
}
/* recaptcha spacing */
.grecaptcha-badge {
margin-top: 16px;
}
.page-id-452 .hs-form-a49a92b1-cae0-43aa-a8da-c6af2800463b_f764599a-e77b-4a36-a810-0c1dfefd0352.stacked {
padding-left: 20px !important;
}
/* mobile responsive */
@media (max-width: 560px) {
.hs-form {
margin: 20px 16px;
padding: 32px 24px 26px;
border-radius: 16px;
}
.hs-form-field .hs-input {
padding: 13px 14px 13px 42px;
font-size: 14.5px;
}
.hs-submit .hs-button,
.hs-button.primary.large {
padding: 14px 20px;
font-size: 15px;
}
}
/* PREMIUM MODERN HUBSPOT FORM css end */
/* thanyou page css start */
.daxthanksL-wrap{
background:#f7f5f0;
padding: 20px 0;
display:flex;
justify-content:center;
box-sizing:border-box;
}
.daxthanksL-wrap *{box-sizing:border-box;}
.daxthanksL-stage{
width:100%;
max-width:980px;
display:grid;
align-items:stretch;
background:#ffffff;
border:1px solid rgba(13,13,13,0.08);
border-radius:10px;
overflow:hidden;
box-shadow:0 20px 50px rgba(13,13,13,0.08);
position:relative;
}
/* reveal */
.daxthanksL-wrap [data-daxthanksL-reveal]{
opacity:0;
transform:translateY(18px);
transition:opacity .7s ease, transform .7s ease;
}
.daxthanksL-wrap [data-daxthanksL-reveal].daxthanksL-inview{
opacity:1;
transform:translateY(0);
}
/* ---- Stub (left) ---- */
.daxthanksL-stub{
background:#0d0d0d;
border-right:1px dashed rgba(201,168,105,0.4);
padding:34px 24px;
display:flex;
align-items:center;
}
.daxthanksL-stubInner{ width:100%; }
.daxthanksL-stubLogo{
color:#c9a869;
font-size:22px;
font-weight:800;
letter-spacing:.06em;
margin-bottom:0;
}
.daxthanksL-stubLabel{
font-size:13px;
letter-spacing:.1em;
text-transform:uppercase;
color:#f2efe8;
line-height:1.6;
font-weight:600;
}
.daxthanksL-stubDivider{
height:1px;
background:rgba(242,239,232,0.15);
margin:20px 0;
}
.daxthanksL-stubTagline{
color:rgba(242,239,232,0.55);
font-size:12px;
letter-spacing:.04em;
}
/* ---- Perforation ---- */
.daxthanksL-perf{
position:relative;
width:0;
}
.daxthanksL-perfHole{
position:absolute;
width:22px;
height:22px;
background:#f7f5f0;
border-radius:50%;
left:-11px;
}
.daxthanksL-perf .daxthanksL-perfHole:first-child{ top:-11px; }
.daxthanksL-perf .daxthanksL-perfHole:last-child{ bottom:-11px; }
/* ---- Body (right) ---- */
.daxthanksL-body{
padding:52px 56px 48px;
min-width:0;
}
.daxthanksL-title{
color:#0d0d0d;
font-size:clamp(40px, 5vw, 58px);
font-weight:700;
line-height:1;
margin:0 0 24px;
}
.daxthanksL-titleDot{ color:#c9a869; }
.daxthanksL-lead{
color:#1a1a1a;
font-size:17px;
line-height:1.7;
max-width:560px;
margin:0 0 16px;
}
.daxthanksL-sub{
color:#4a4a4a;
font-size:15px;
line-height:1.7;
max-width:560px;
margin:0 0 34px;
}
.daxthanksL-contactPanel{
border-top:1px solid rgba(13,13,13,0.1);
border-bottom:1px solid rgba(13,13,13,0.1);
padding:26px 0;
margin-bottom:34px;
}
.daxthanksL-contactIntro{
color:#4a4a4a;
font-size:13.5px;
margin:0 0 18px;
}
.daxthanksL-contactGrid{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
gap:14px;
}
.daxthanksL-contactItem{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border:1px solid rgba(13,13,13,0.1);
border-radius:8px;
text-decoration:none;
transition:border-color .25s ease, background .25s ease, transform .25s ease;
min-width:0;
width:100%;
}
.daxthanksL-contactItem:hover{
border-color:#c9a869;
background:rgba(201,168,105,0.06);
transform:translateY(-2px);
}
.daxthanksL-contactIcon{
width:36px;
height:36px;
min-width:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#0d0d0d;
background:rgba(201,168,105,0.15);
}
.daxthanksL-contactIcon svg{ width:17px; height:17px; }
.daxthanksL-contactValue{
font-size:14.5px;
color:#0d0d0d;
font-weight:600;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
flex:1 1 auto;
}
.daxthanksL-runlist{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
flex-wrap:wrap;
}
.daxthanksL-runlistText{
color:#4a4a4a;
font-size:14px;
margin:0;
max-width:340px;
line-height:1.6;
}
.daxthanksL-runlistBtn{
display:inline-flex;
align-items:center;
gap:10px;
background:#0d0d0d;
color:#f2efe8;
font-weight:700;
font-size:14px;
letter-spacing:.03em;
padding:14px 26px;
border-radius:6px;
text-decoration:none;
white-space:nowrap;
transition:background .25s ease, transform .25s ease;
}
.daxthanksL-runlistBtn:hover{
background:#c9a869;
color:#0d0d0d;
transform:translateY(-2px);
}
.daxthanksL-runlistArrow{ width:16px; height:16px; transition:transform .25s ease; }
.daxthanksL-runlistBtn:hover .daxthanksL-runlistArrow{ transform:translateX(3px); }
/* ---- Mobile ---- */
@media (max-width:860px){
.daxthanksL-stage{
grid-template-columns:1fr;
border-radius:8px;
}
.daxthanksL-stub{
border-right:none;
border-bottom:1px dashed rgba(201,168,105,0.4);
padding:24px;
}
.daxthanksL-stubInner{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.daxthanksL-stubDivider{ display:none; }
.daxthanksL-stubLogo{ margin-bottom:0; }
.daxthanksL-perf{ display:none; }
.daxthanksL-body{ padding:36px 24px 34px; }
.daxthanksL-title{ font-size:38px; margin-bottom:16px; }
.daxthanksL-contactGrid{ grid-template-columns:1fr; }
.daxthanksL-runlist{ flex-direction:column; align-items:flex-start; }
.daxthanksL-runlistBtn{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
.daxthanksL-wrap [data-daxthanksL-reveal]{
opacity:1 !important;
transform:none !important;
transition:none !important;
}
.daxthanksL-contactItem, .daxthanksL-runlistBtn, .daxthanksL-runlistArrow{
transition:none !important;
}
}
/* thankyou page ss end */
/* About Wallace Mobile Sale css start */
.wag-hero{
position: relative;
width: 100%;
height: 62vw;
max-height: 560px;
min-height: 300px;
overflow: hidden;
}
.wag-hero img{
width:100%;
height:100%;
object-fit: cover;
display:block;
}
.wag-hero::after{
content:"";
position:absolute;
inset:0;
background: linear-gradient(180deg, rgba(13,13,13,0.05) 0%, rgba(13,13,13,0.7) 100%);
}
.wag-hero-plate{
position:absolute;
bottom: 70px;
right: 22px;
background: #ffffff;
border: 2px solid #1b1b1b;
border-radius: 6px;
padding: 6px 14px;
font-weight: 600;
letter-spacing: 2px;
font-size: 13px;
color: #1b1b1b;
z-index: 2;
box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.wag-headline-wrap{
display:flex;
justify-content:center;
margin-top: -34px;
position: relative;
z-index: 3;
padding: 0 20px;
}
.wag-headline{
background: #0d0d0d;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: clamp(16px, 2.6vw, 30px);
text-align: center;
padding: 22px 36px;
border-left: 6px solid #c9962c;
border-right: 6px solid #c9962c;
max-width: 900px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.wag-content{
max-width: 760px;
margin: 0 auto;
padding: 56px 0 30px;
text-align: center;
}
.wag-badge-row{
display:flex;
align-items:center;
justify-content:center;
gap: 18px;
margin-bottom: 34px;
}
.wag-badge-line{
height:1px;
flex:1;
max-width: 90px;
background: linear-gradient(90deg, transparent, #1f5c58);
}
.wag-badge-line.wag-right{
background: linear-gradient(90deg, #1f5c58, transparent);
}
.wag-logo-card{
display:inline-flex;
flex-direction:column;
align-items:center;
background: #ffffff;
padding: 30px 44px;
border-radius: 10px;
box-shadow: 0 12px 28px rgba(0,0,0,0.14);
margin-bottom: 42px;
border-bottom: 4px solid #c9962c;
}
.wag-logo-wallace{
font-weight: 700;
font-size: 44px;
color: #0d0d0d;
letter-spacing: 1px;
line-height: 1;
}
.wag-logo-sub{
margin-top: 8px;
font-weight: 600;
font-size: 15px;
letter-spacing: 6px;
color: #c9962c;
display:flex;
align-items:center;
gap: 10px;
}
.wag-logo-sub::before, .wag-logo-sub::after{
content:"";
width: 22px;
height: 2px;
background: #c9962c;
}
.wag-body-text{
font-size: 18px;
line-height: 1.7;
color: #333;
max-width: 620px;
margin: 0 auto;
}
@media (max-width: 520px){
.wag-logo-card{ padding: 22px 26px; }
.wag-logo-wallace{ font-size: 34px; }
.wag-logo-sub{ font-size: 12px; letter-spacing: 4px; }
.wag-hero-plate{ font-size: 11px; padding: 5px 10px; right: 12px; bottom: 50px; }
}
/* About Wallace Mobile Sale css start */
#input_4_10 {
background-color: #fff;
border: none;
}
/* auctionregistration css start */
.auctionregistration{
width:100%;
display:block;
margin:0;
padding:0;
}
.auctionregistration .daxhero{
position:relative;
width:100%;
min-height:90vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
padding:80px 24px 64px;
box-sizing:border-box;
}
/* ---------- content ---------- */
.auctionregistration .daxhero-inner{
position:relative;
z-index:2;
max-width:1320px;
width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
box-sizing:border-box;
}
.auctionregistration .daxhero-eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:22px;
animation:daxheroFade .7s ease both;
}
.auctionregistration .daxhero-eyebrow-line{
width:36px;
height:1px;
background:#c9a869;
}
.auctionregistration .daxhero-eyebrow-text{
color:#c9a869;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
font-weight:600;
}
.auctionregistration .daxhero-title{
color:#ffffff;
font-size:clamp(24px, 3.4vw, 40px);
line-height:1.2;
font-weight:800;
margin:0 0 18px;
letter-spacing:-.3px;
animation:daxheroFade .8s ease .1s both;
}
.auctionregistration .daxhero-title-accent{
color:#c9a869;
position:relative;
white-space:nowrap;
}
.auctionregistration .daxhero-copy{
color:#e6e4de;
width:100%;
font-size:16px;
line-height:1.7;
margin:0 0 40px;
box-sizing:border-box;
animation:daxheroFade .8s ease .2s both;
}
@keyframes daxheroFade{
from{ opacity:0; transform:translateY(16px); }
to{ opacity:1; transform:translateY(0); }
}
/* ---------- auction placard card ---------- */
.auctionregistration .daxhero-card{
position:relative;
width:100%;
max-width:640px;
background:linear-gradient(155deg, #161513 0%, #0f0e0c 100%);
border:1px solid rgba(201,168,105,.4);
border-radius:6px;
padding:44px 46px 38px;
box-shadow:0 30px 60px -20px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.02);
box-sizing:border-box;
animation:daxheroFade .8s ease .3s both;
}
.auctionregistration .daxhero-card-rivet{
position:absolute;
width:9px;
height:9px;
border-radius:50%;
background:radial-gradient(circle at 35% 30%, #e3c98d, #8a6f3b 70%);
box-shadow:0 1px 2px rgba(0,0,0,.6);
}
.auctionregistration .daxhero-card-rivet-tl{ top:14px; left:14px; }
.auctionregistration .daxhero-card-rivet-tr{ top:14px; right:14px; }
.auctionregistration .daxhero-card-rivet-bl{ bottom:14px; left:14px; }
.auctionregistration .daxhero-card-rivet-br{ bottom:14px; right:14px; }
.auctionregistration .daxhero-card-tag{
display:inline-block;
padding:5px 14px;
border:1px solid rgba(201,168,105,.5);
border-radius:100px;
color:#c9a869;
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
margin-bottom:20px;
}
.auctionregistration .daxhero-card-headline{
color:#ffffff;
font-size:clamp(19px, 2.4vw, 27px);
font-weight:800;
line-height:1.35;
margin:0 0 6px;
}
.auctionregistration .daxhero-card-amount{
color:#c9a869;
}
.auctionregistration .daxhero-card-sub{
color:#c2beb4;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
margin:0 0 30px;
}
.auctionregistration .daxhero-btn{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
background:#c9a869;
color:#0d0d0d;
font-weight:800;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
text-decoration:none;
padding:17px 34px;
border-radius:100px;
box-shadow:0 10px 24px -8px rgba(201,168,105,.5);
box-sizing:border-box;
max-width:100%;
}
.auctionregistration .daxhero-btn:hover{
background:#ffffff;
}
.auctionregistration .daxhero-btn-arrow{
flex:none;
}
/* ---------- tablet ---------- */
@media (max-width:1024px){
.auctionregistration .daxhero{ padding:70px 22px 56px; }
.auctionregistration .daxhero-inner{ max-width:760px; }
}
/* ---------- mobile ---------- */
@media (max-width:860px){
.auctionregistration .daxhero{ min-height:auto; padding:60px 18px 48px; }
.auctionregistration .daxhero-eyebrow{ gap:10px; margin-bottom:18px; }
.auctionregistration .daxhero-eyebrow-line{ width:24px; }
.auctionregistration .daxhero-eyebrow-text{ font-size:11px; letter-spacing:2px; }
.auctionregistration .daxhero-title{ font-size:clamp(24px, 6vw, 32px); margin-bottom:14px; }
.auctionregistration .daxhero-copy{ font-size:14.5px; line-height:1.6; margin-bottom:32px; }
.auctionregistration .daxhero-card{ padding:32px 22px 28px; max-width:100%; }
.auctionregistration .daxhero-card-headline{ font-size:clamp(18px, 4.5vw, 22px); }
.auctionregistration .daxhero-btn{ width:100%; padding:16px 20px; }
.auctionregistration .daxhero-brk{ display:none; }
}
/* ---------- small mobile ---------- */
@media (max-width:480px){
.auctionregistration .daxhero{ padding:48px 14px 40px; }
.auctionregistration .daxhero-eyebrow{ flex-wrap:wrap; gap:8px; }
.auctionregistration .daxhero-eyebrow-line{ display:none; }
.auctionregistration .daxhero-title{ font-size:clamp(22px, 7vw, 28px); letter-spacing:0; }
.auctionregistration .daxhero-copy{ font-size:13.5px; margin-bottom:26px; }
.auctionregistration .daxhero-card{ padding:26px 16px 24px; border-radius:4px; }
.auctionregistration .daxhero-card-rivet{ width:7px; height:7px; }
.auctionregistration .daxhero-card-rivet-tl, .auctionregistration .daxhero-card-rivet-tr{ top:10px; }
.auctionregistration .daxhero-card-rivet-bl, .auctionregistration .daxhero-card-rivet-br{ bottom:10px; }
.auctionregistration .daxhero-card-rivet-tl, .auctionregistration .daxhero-card-rivet-bl{ left:10px; }
.auctionregistration .daxhero-card-rivet-tr, .auctionregistration .daxhero-card-rivet-br{ right:10px; }
.auctionregistration .daxhero-card-tag{ font-size:10px; padding:4px 12px; margin-bottom:16px; }
.auctionregistration .daxhero-card-headline{ font-size:18px; line-height:1.4; }
.auctionregistration .daxhero-card-sub{ margin-bottom:24px; }
.auctionregistration .daxhero-btn{ padding:15px 16px; font-size:12.5px; gap:6px; }
}
/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
.auctionregistration .daxhero-eyebrow,
.auctionregistration .daxhero-title,
.auctionregistration .daxhero-copy,
.auctionregistration .daxhero-card{
animation:none;
}
}
/* auctionregistration css end */
/* auctionregistration bottom sec css start */
.daxrs {
background: #F7F5F0;
color: #16181B;
padding: 40px 24px;
}
.daxrs * {
box-sizing: border-box;
}
.daxrs__wrap {
max-width: 1320px;
margin: 0 auto;
text-align: center;
}
.daxrs__lane {
width: 64px;
height: 5px;
margin: 0 auto 26px;
background-image: repeating-linear-gradient(90deg, #FFB81C 0 12px, transparent 12px 20px);
}
.daxrs__heading {
font-weight: 600;
font-size: clamp(26px, 3.6vw, 38px);
line-height: 1.25;
letter-spacing: .01em;
margin: 0;
color: #6A6D74;
}
.daxrs__heading--strong {
color: #16181B;
font-weight: 700;
}
.daxrs__copy {
max-width: 60ch;
margin: 28px auto 36px;
font-size: 16.5px;
line-height: 1.7;
color: #6A6D74;
}
.daxrs__btn {
display: inline-block;
font-weight: 700;
font-size: 16px;
letter-spacing: .04em;
text-transform: uppercase;
text-decoration: none;
color: #F7F5F0;
background: #16181B;
padding: 15px 34px;
border-radius: 8px;
transition: transform .15s ease, box-shadow .15s ease;
}
.daxrs__btn:hover {
transform: translateY(-2px);
box-shadow: 0 7px 0 0 #FFB81C;
}
.daxrs__btn:focus-visible {
outline: 3px solid #16181B;
outline-offset: 3px;
}
.daxrs__gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin: 56px 0 64px;
}
.daxrs__gallery-item {
aspect-ratio: 4/3;
border-radius: 12px;
overflow: hidden;
border: 1px solid #E6E2D8;
background: #EFEBE1;
}
.daxrs__gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.daxrs__banner {
background: #16181B;
color: #F7F5F0;
border-radius: 18px;
padding: 48px 32px;
position: relative;
overflow: hidden;
}
.daxrs__banner::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
background-image: repeating-linear-gradient(90deg, #FFB81C 0 12px, transparent 12px 20px);
}
.daxrs__banner-title {
font-weight: 700;
font-size: clamp(22px, 3vw, 30px);
margin: 0 0 26px;
text-transform: uppercase;
letter-spacing: .01em;
color: #fff;
}
.daxrs__banner .daxrs__btn {
background: #FFB81C;
color: #16181B;
}
.daxrs__banner .daxrs__btn:hover {
box-shadow: 0 7px 0 0 #fff;
}
@media (max-width: 720px) {
.daxrs__gallery {
grid-template-columns: 1fr;
}
.daxrs {
padding: 0;
}
}
/* auctionregistration bottom sec css end */
/* Upcoming Auction Events new section css start */
.abc-slider-home-wrap{
position: relative !important;
width: 100% !important;
max-width: 900px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
background: #171919;
border-radius: 6px;
aspect-ratio: 1320 / 880 !important; /* exact real image ratio — fixed, no JS needed */
box-sizing: border-box !important;
}
.abc-slider-home-wrap .abc-slider-home-slide{
position: absolute !important;
inset: 0 !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: none !important;
object-fit: contain !important; /* harmless safeguard — ratio already matches exactly */
object-position: center !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
z-index: 1;
display: block !important;
}
.abc-slider-home-wrap .abc-slider-home-slide.abc-slider-home-active{
opacity: 1;
z-index: 2;
}
.abc-slider-home-tiles{
position: absolute !important;
inset: 0 !important;
z-index: 5;
display: grid;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
.abc-slider-home-tile{
background: #c9a869;
transform: scaleY(0);
transform-origin: bottom;
transition: transform .45s cubic-bezier(.65,0,.35,1);
outline: 1px solid rgba(13,13,13,0.15);
margin: 0;
padding: 0;
}
.abc-slider-home-tile.abc-slider-home-cover{
transform: scaleY(1);
transform-origin: bottom;
}
.abc-slider-home-tile.abc-slider-home-uncover-prep{
transition: none;
transform: scaleY(1);
transform-origin: top;
}
.abc-slider-home-tile.abc-slider-home-uncover{
transform: scaleY(0);
transform-origin: top;
}
@media (prefers-reduced-motion: reduce){
.abc-slider-home-tile{ display: none; }
.abc-slider-home-wrap .abc-slider-home-slide{ transition: opacity 1s ease !important; }
}
/* Upcoming Auction Events new section css end */
/* Private Dealer Sales Through NADAR, Powered by DAX css start */
.daxpds-section{
position:relative;
overflow:hidden;
background:#0d0d0d;
padding:110px 24px;
box-sizing:border-box;
}
.daxpds-section *,
.daxpds-section *::before,
.daxpds-section *::after{box-sizing:border-box;}
.daxpds-glow{
position:absolute;
border-radius:50%;
filter:blur(120px);
pointer-events:none;
}
.daxpds-glow-one{
width:480px;height:480px;
top:-160px;right:-120px;
background:rgba(201,168,105,0.14);
}
.daxpds-glow-two{
width:380px;height:380px;
bottom:-180px;left:-120px;
background:rgba(201,168,105,0.08);
}
.daxpds-container{
position:relative;
z-index:2;
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:70px;
align-items:center;
}
/* CONTENT */
.daxpds-content{animation:daxpdsRise .9s ease both;}
.daxpds-eyebrow{
display:inline-flex;
align-items:center;
gap:14px;
font-size:13px;
font-weight:600;
letter-spacing:2.4px;
text-transform:uppercase;
color:#c9a869;
margin-bottom:26px;
line-height:1.5;
}
.daxpds-eyebrow-line{
width:44px;height:2px;
flex-shrink:0;
background:linear-gradient(90deg,#c9a869,rgba(201,168,105,0));
}
.daxpds-title{
margin:0 0 28px;
font-size:clamp(34px,4.6vw,58px);
line-height:1.1;
font-weight:700;
letter-spacing:-1px;
color:#f2efe8;
}
.daxpds-title-accent{
background:linear-gradient(90deg,#c9a869,#e9d3a2 50%,#c9a869);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
color:#c9a869;
}
.daxpds-lead{
margin:0 0 20px;
padding-left:20px;
border-left:3px solid #c9a869;
font-size:20px;
line-height:1.6;
font-weight:500;
color:#f2efe8;
}
.daxpds-text{
margin:0 0 18px;
font-size:16.5px;
line-height:1.8;
color:rgba(242,239,232,0.72);
}
.daxpds-btn{
display:inline-flex;
align-items:center;
gap:12px;
margin-top:14px;
padding:16px 32px;
border-radius:100px;
background:#c9a869;
color:#0d0d0d;
font-size:15px;
font-weight:700;
letter-spacing:.6px;
text-decoration:none;
box-shadow:0 12px 32px rgba(201,168,105,0.28);
transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.daxpds-btn svg{transition:transform .3s ease;}
.daxpds-btn:hover{
background:#e0c386;
color:#0d0d0d;
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(201,168,105,0.38);
}
.daxpds-btn:hover svg{transform:translateX(5px);}
/* VISUAL CARD */
.daxpds-visual{animation:daxpdsRise .9s ease .2s both;}
.daxpds-card{
position:relative;
padding:34px 32px;
border-radius:24px;
background:linear-gradient(160deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
border:1px solid rgba(201,168,105,0.28);
box-shadow:0 30px 70px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.daxpds-card::before{
content:"";
position:absolute;
top:0;left:32px;right:32px;
height:2px;
background:linear-gradient(90deg,rgba(201,168,105,0),#c9a869,rgba(201,168,105,0));
}
.daxpds-card-head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:30px;
}
.daxpds-card-dot{
width:9px;height:9px;
border-radius:50%;
background:#c9a869;
box-shadow:0 0 0 0 rgba(201,168,105,0.6);
animation:daxpdsPulse 2.2s infinite;
}
.daxpds-card-label{
font-size:12.5px;
font-weight:600;
letter-spacing:1.8px;
text-transform:uppercase;
color:rgba(242,239,232,0.65);
}
.daxpds-row-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
margin-bottom:12px;
}
.daxpds-row-name{
font-size:17px;
font-weight:600;
color:#f2efe8;
}
.daxpds-row-tag{
padding:5px 12px;
border-radius:100px;
font-size:11.5px;
font-weight:600;
letter-spacing:.6px;
background:rgba(201,168,105,0.15);
color:#c9a869;
border:1px solid rgba(201,168,105,0.4);
}
.daxpds-row-tag-dim{
background:rgba(242,239,232,0.06);
color:rgba(242,239,232,0.55);
border-color:rgba(242,239,232,0.15);
}
.daxpds-bar{
display:flex;
height:50px;
gap:4px;
border-radius:12px;
overflow:hidden;
}
.daxpds-bar-fill{
display:flex;
align-items:center;
justify-content:center;
font-size:12.5px;
font-weight:600;
letter-spacing:.4px;
white-space:nowrap;
transform-origin:left center;
animation:daxpdsGrow 1.2s cubic-bezier(.2,.8,.2,1) .6s both;
}
.daxpds-bar-value{
flex:0 0 66%;
background:rgba(242,239,232,0.12);
color:#f2efe8;
}
.daxpds-bar-fee-away{
flex:1;
background:repeating-linear-gradient(135deg,rgba(242,239,232,0.05) 0 8px,rgba(242,239,232,0.12) 8px 16px);
color:rgba(242,239,232,0.5);
}
.daxpds-bar-fee-yours{
flex:1;
background:linear-gradient(135deg,#c9a869,#e3c88c);
color:#0d0d0d;
}
.daxpds-divider{
height:1px;
margin:28px 0;
background:linear-gradient(90deg,rgba(242,239,232,0),rgba(242,239,232,0.18),rgba(242,239,232,0));
}
.daxpds-card-foot{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:32px;
}
.daxpds-chip{
padding:8px 16px;
border-radius:100px;
font-size:12.5px;
font-weight:500;
color:#f2efe8;
background:rgba(255,255,255,0.05);
border:1px solid rgba(242,239,232,0.14);
}
/* ANIMATIONS */
@keyframes daxpdsRise{
from{opacity:0;transform:translateY(34px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes daxpdsGrow{
from{transform:scaleX(0);opacity:0;}
to{transform:scaleX(1);opacity:1;}
}
@keyframes daxpdsPulse{
0%{box-shadow:0 0 0 0 rgba(201,168,105,0.6);}
70%{box-shadow:0 0 0 12px rgba(201,168,105,0);}
100%{box-shadow:0 0 0 0 rgba(201,168,105,0);}
}
/* RESPONSIVE */
@media (max-width:1024px){
.daxpds-container{gap:46px;}
}
@media (max-width:860px){
.daxpds-section{padding:40px 20px;}
.daxpds-container{grid-template-columns:1fr;gap:54px;}
.daxpds-eyebrow{font-size:12px;letter-spacing:1.8px;}
.daxpds-lead{font-size:18px;}
.daxpds-card{padding:28px 22px;}
.daxpds-bar{height:46px;}
.daxpds-bar-fill{font-size:11px;}
}
@media (max-width:480px){
.daxpds-btn{width:100%;justify-content:center;}
.daxpds-bar-fill{font-size:10.5px;letter-spacing:0;}
}
@media (prefers-reduced-motion:reduce){
.daxpds-content,.daxpds-visual,.daxpds-bar-fill,.daxpds-card-dot{animation:none;}
}
/* Private Dealer Sales Through NADAR, Powered by DAX css end */
/* DAX and NADAR Handle sec css start */
/* Unique prefix: dx-clean- */
.dx-clean-section {
background-color: #1a1a1a;
padding: 60px 20px;
font-family: inherit;
box-sizing: border-box;
}
.dx-clean-wrap {
max-width: 1140px;
margin: 0 auto;
}
.dx-clean-head {
text-align: center;
margin-bottom: 40px;
}
.dx-clean-title {
color: #ffffff;
font-size: 32px;
font-weight: 700;
margin: 0 0 10px;
}
.dx-clean-desc {
color: #b0b0b0;
font-size: 17px;
margin: 0;
}
.dx-clean-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.dx-clean-box {
background: #222222;
border: 1px solid #333333;
border-left: 3px solid #c9a869;
border-radius: 6px;
padding: 16px 18px;
display: flex;
align-items: center;
gap: 12px;
}
.dx-clean-icon {
color: #c9a869;
font-size: 16px;
font-weight: bold;
line-height: 1;
}
.dx-clean-text {
color: #e0e0e0;
font-size: 15px;
line-height: 1.4;
}
.dx-clean-brand {
text-align: center;
margin-top: 35px;
color: #c9a869;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
}
/* Mobile & Tablet Responsive */
@media (max-width: 900px) {
.dx-clean-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.dx-clean-grid {
grid-template-columns: 1fr;
}
.dx-clean-title {
font-size: 24px;
}
.dx-clean-section {
padding: 0px;
}
}
/* DAX and NADAR Handle sec css end */
/* how it workds sec css start */
/* Unique prefix: dax-hiw- */
.dax-hiw-section {
background-color: #FDFCFB;
color: #ffffff;
padding: 80px 20px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-sizing: border-box;
}
.dax-hiw-container {
max-width: 900px;
margin: 0 auto;
}
/* Header */
.dax-hiw-header {
text-align: center;
margin-bottom: 55px;
}
.dax-hiw-tag {
display: inline-block;
color: #c2984a;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
background: rgba(194, 152, 74, 0.1);
border: 1px solid rgba(194, 152, 74, 0.35);
padding: 5px 16px;
border-radius: 50px;
margin-bottom: 14px;
}
.dax-hiw-title {
color: #333;
font-size: clamp(30px, 4vw, 42px);
font-weight: 800;
margin: 0 0 12px;
letter-spacing: -0.5px;
}
.dax-hiw-subtitle {
color: #9c9c9c;
font-size: 16px;
margin: 0;
}
/* Timeline Layout */
.dax-hiw-timeline {
display: flex;
flex-direction: column;
}
.dax-hiw-step {
display: flex;
gap: 28px;
position: relative;
opacity: 0;
transform: translateY(22px);
animation: daxFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
/* Staggered entrance animations */
.dax-hiw-step:nth-child(1) { animation-delay: 0.1s; }
.dax-hiw-step:nth-child(2) { animation-delay: 0.22s; }
.dax-hiw-step:nth-child(3) { animation-delay: 0.34s; }
.dax-hiw-step:nth-child(4) { animation-delay: 0.46s; }
.dax-hiw-step:nth-child(5) { animation-delay: 0.58s; }
/* Timeline Node & Connector */
.dax-hiw-node {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}
.dax-hiw-badge {
width: 48px;
height: 48px;
border-radius: 50%;
background: #1b1b1b;
border: 2px solid #c2984a;
color: #c2984a;
font-weight: 800;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 16px rgba(194, 152, 74, 0.25);
z-index: 2;
transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.dax-hiw-step:hover .dax-hiw-badge {
transform: scale(1.1);
background: #c2984a;
color: #111111;
box-shadow: 0 0 24px rgba(194, 152, 74, 0.5);
}
.dax-hiw-line {
width: 2px;
flex-grow: 1;
background: linear-gradient(180deg, #c2984a 0%, rgba(194, 152, 74, 0.15) 100%);
margin: 6px 0;
min-height: 40px;
}
.dax-hiw-step:last-child .dax-hiw-line {
display: none;
}
/* Card Content */
.dax-hiw-content {
flex-grow: 1;
padding-bottom: 30px;
}
.dax-hiw-card {
background: #1c1c1f;
border: 1px solid #2d2d31;
border-radius: 12px;
padding: 22px 26px;
transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.dax-hiw-step:hover .dax-hiw-card {
border-color: rgba(194, 152, 74, 0.6);
transform: translateX(6px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}
.dax-hiw-card-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 10px;
}
.dax-hiw-step-title {
color: #f5f5f7;
font-size: 19px;
font-weight: 700;
line-height: 1.35;
margin: 0;
}
.dax-hiw-source-pill {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
color: #bfbfbf;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
padding: 3px 10px;
border-radius: 6px;
flex-shrink: 0;
}
.dax-hiw-desc {
color: #b0b0b8;
font-size: 15px;
line-height: 1.6;
margin: 0;
}
/* Keyframe Animation */
@keyframes daxFadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}
/* Mobile Responsive */
@media (max-width: 650px) {
.dax-hiw-section {
padding: 40px 16px;
}
.dax-hiw-step {
gap: 16px;
}
.dax-hiw-badge {
width: 38px;
height: 38px;
font-size: 14px;
}
.dax-hiw-card {
padding: 18px 18px;
}
.dax-hiw-card-header {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.dax-hiw-step-title {
font-size: 17px;
}
}
/* how it wokrs sec css end */
/* See What Your Inventory css start */
/* Unique Prefix: dax-apex- */
.dax-apex-wrapper {
position: relative;
background: #0d0d0f;
background-image:
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(194, 152, 74, 0.18), transparent 70%),
radial-gradient(ellipse 60% 40% at 50% 120%, rgba(194, 152, 74, 0.1), transparent 70%);
color: #ffffff;
padding: 110px 24px 85px;
overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;
box-sizing: border-box;
}
/* Background Subtle Infinite Marquee */
.dax-apex-marquee-track {
position: absolute;
top: 18px;
left: 0;
width: 100%;
display: flex;
overflow: hidden;
user-select: none;
pointer-events: none;
opacity: 0.12;
mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}
.dax-apex-marquee-content {
display: flex;
align-items: center;
gap: 30px;
white-space: nowrap;
animation: daxApexMarquee 38s linear infinite;
font-size: 13px;
font-weight: 700;
letter-spacing: 3px;
color: #c2984a;
}
.dax-apex-bullet {
font-size: 8px;
color: #c2984a;
}
@keyframes daxApexMarquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
/* Container */
.dax-apex-container {
max-width: 880px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2;
}
/* Pill Badge */
.dax-apex-header-top {
display: flex;
justify-content: center;
margin-bottom: 26px;
}
.dax-apex-pill {
display: inline-flex;
align-items: center;
gap: 9px;
background: rgba(194, 152, 74, 0.08);
border: 1px solid rgba(194, 152, 74, 0.35);
color: #c2984a;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding: 6px 18px;
border-radius: 100px;
}
.dax-apex-pill-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #c2984a;
box-shadow: 0 0 10px #c2984a;
}
/* Headline */
.dax-apex-headline {
color: #ffffff;
font-size: clamp(34px, 4.6vw, 52px);
font-weight: 800;
line-height: 1.15;
letter-spacing: -1px;
margin: 0 0 24px;
}
.dax-apex-gold-shimmer {
background: linear-gradient(135deg, #ffffff 10%, #ecd49f 40%, #c2984a 75%, #8f6922 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
/* Lead */
.dax-apex-lead {
color: #cfd0d8;
font-size: clamp(17px, 2vw, 20px);
line-height: 1.6;
max-width: 760px;
margin: 0 auto 36px;
font-weight: 400;
}
/* Focal Statement Framing (Luxury Corner Accents) */
.dax-apex-focal-frame {
position: relative;
background: linear-gradient(180deg, rgba(25, 26, 32, 0.8) 0%, rgba(15, 16, 19, 0.95) 100%);
border: 1px solid rgba(194, 152, 74, 0.25);
padding: 34px 40px 30px;
margin: 0 auto 36px;
max-width: 720px;
box-sizing: border-box;
box-shadow:
0 20px 40px -15px rgba(0, 0, 0, 0.7),
inset 0 0 30px rgba(194, 152, 74, 0.03);
}
/* Custom Gold Framing Corners */
.dax-apex-corner {
position: absolute;
width: 12px;
height: 12px;
border-color: #c2984a;
}
.dax-apex-c-tl { top: -1px; left: -1px; border-top: 2px solid; border-left: 2px solid; }
.dax-apex-c-tr { top: -1px; right: -1px; border-top: 2px solid; border-right: 2px solid; }
.dax-apex-c-bl { bottom: -1px; left: -1px; border-bottom: 2px solid; border-left: 2px solid; }
.dax-apex-c-br { bottom: -1px; right: -1px; border-bottom: 2px solid; border-right: 2px solid; }
.dax-apex-frame-label {
display: block;
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
color: #c2984a;
text-transform: uppercase;
margin-bottom: 10px;
}
.dax-apex-statement {
margin: 0;
padding: 0;
font-size: clamp(21px, 2.7vw, 29px);
font-weight: 700;
color: #f7edd8;
letter-spacing: -0.3px;
font-style: italic;
line-height: 1.35;
}
/* Subtext */
.dax-apex-subtext {
color: #9da0ae;
font-size: 16px;
line-height: 1.65;
max-width: 680px;
margin: 0 auto 40px;
}
/* Button Row */
.dax-apex-button-row {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 50px;
}
.dax-apex-btn-primary {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(135deg, #c2984a 0%, #aa7e32 100%);
color: #0c0d10;
font-size: 15.5px;
font-weight: 700;
padding: 16px 36px;
border-radius: 4px;
text-decoration: none;
box-shadow: 0 8px 24px rgba(194, 152, 74, 0.35);
}
.dax-apex-btn-arrow {
font-size: 18px;
line-height: 1;
}
.dax-apex-btn-secondary {
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #e5e5eb;
font-size: 15.5px;
font-weight: 600;
padding: 15px 30px;
border-radius: 4px;
text-decoration: none;
}
/* Micro Metadata Strip (Trust Signals) */
.dax-apex-meta-strip {
display: inline-flex;
align-items: center;
gap: 22px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
flex-wrap: wrap;
justify-content: center;
}
.dax-apex-meta-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #8c8f9f;
font-weight: 500;
}
.dax-apex-meta-check {
color: #c2984a;
font-weight: 800;
font-size: 14px;
}
.dax-apex-meta-divider {
width: 1px;
height: 14px;
background: rgba(255, 255, 255, 0.15);
}
/* Responsive */
@media (max-width: 768px) {
.dax-apex-wrapper {
padding: 70px 18px 55px;
}
.dax-apex-br-desktop {
display: none;
}
.dax-apex-focal-frame {
padding: 24px 18px;
}
.dax-apex-button-row {
flex-direction: column;
width: 100%;
}
.dax-apex-btn-primary,
.dax-apex-btn-secondary {
width: 100%;
box-sizing: border-box;
justify-content: center;
}
.dax-apex-meta-strip {
gap: 12px;
}
.dax-apex-meta-divider {
display: none;
}
}
/* See What Your Inventory css end */
/* Auction Transport Services hero section css start */
/* SECTION 1: DARK LUXURY INTRO */
.ats-dark-intro-sec {
position: relative;
background-color: #080b11;
overflow: hidden;
padding: 85px 24px 80px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #ffffff;
border-bottom: 2px solid #cca353;
}
.ats-dark-bg-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.ats-dark-glow-radial {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
width: 750px;
height: 380px;
background: radial-gradient(ellipse at center, rgba(204, 163, 83, 0.16) 0%, rgba(8, 11, 17, 0) 70%);
}
.ats-dark-mesh-lines {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(204, 163, 83, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
background-size: 45px 45px;
opacity: 0.8;
}
.ats-dark-speed-laser {
position: absolute;
bottom: 0;
left: -40%;
width: 40%;
height: 2px;
background: linear-gradient(90deg, transparent, #ffd978, #cca353);
box-shadow: 0 0 10px #ffd978;
animation: atsLaserPulse 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes atsLaserPulse {
0% { left: -40%; }
100% { left: 120%; }
}
.ats-dark-wrap {
position: relative;
z-index: 2;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
.ats-dark-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(204, 163, 83, 0.12);
border: 1px solid rgba(204, 163, 83, 0.4);
padding: 6px 16px;
border-radius: 50px;
color: #ffd978;
font-size: 11.5px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 22px;
}
.ats-dark-dot {
width: 7px;
height: 7px;
background: #ffd978;
border-radius: 50%;
box-shadow: 0 0 8px #ffd978;
}
.ats-dark-heading {
font-size: 38px;
font-weight: 800;
color: #ffffff;
line-height: 1.25;
margin: 0 0 16px;
letter-spacing: -0.5px;
}
.ats-dark-tagline {
font-size: 18px;
font-weight: 500;
color: #cca353;
margin: 0 0 32px;
}
.ats-dark-overview-card {
position: relative;
background: rgba(18, 23, 34, 0.7);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px;
padding: 28px 36px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.ats-dark-top-border {
position: absolute;
top: 0;
left: 20%;
right: 20%;
height: 1px;
background: linear-gradient(90deg, transparent, #cca353, transparent);
}
.ats-dark-overview-card p {
font-size: 16px;
line-height: 1.75;
color: #cbd5e1;
margin: 0;
}
@media (max-width: 768px) {
.ats-dark-heading { font-size: 28px; }
.ats-dark-tagline { font-size: 16px; }
.ats-dark-intro-sec { padding: 60px 18px; }
.ats-dark-overview-card { padding: 22px 20px; }
}
/* Auction Transport Services hero section css end */
/* two way dispatch source css start */
/* ========================================================
SECTION 2: COMPLETE CSS (LIGHT THEME + SYNC DUAL TRUCKS)
======================================================== */
.ats-highway-super-sec {
position: relative;
background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
overflow: hidden;
padding: 85px 24px 280px; /* Highway ke upar cards ko breathe karne ka space */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #0f172a;
border-bottom: 1px solid #cbd5e1;
}
/* 240px WIDE DUAL-LANE HIGHWAY */
.ats-super-road-stage {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 240px;
pointer-events: none;
z-index: 1;
}
.ats-super-road-tarmac {
position: relative;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #1e2532 0%, #0f141d 50%, #151c27 100%);
box-shadow: 0 -16px 35px rgba(15, 23, 42, 0.3);
}
/* HIGHWAY CURBS & GUARDRAILS */
.ats-road-curb-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #d97706, #f59e0b, #d97706);
box-shadow: 0 0 10px rgba(217, 119, 6, 0.5);
}
.ats-road-curb-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #334155;
}
/* CENTER MEDIAN (EXACT VERTICAL CENTER) */
.ats-road-median-double {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 10px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 2;
}
.ats-median-line {
display: block;
width: 100%;
height: 2.5px;
background: #f59e0b;
box-shadow: 0 0 6px rgba(245, 158, 11, 0.4);
}
/* MOVING DASHED LANES */
.ats-super-dashes {
position: absolute;
left: 0;
width: 200%;
height: 2px;
background: repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 28px, transparent 28px, transparent 65px);
opacity: 0.45;
}
.ats-super-dashes.dashes-upper {
top: 25%;
animation: atsDashesWest 1.1s linear infinite;
}
.ats-super-dashes.dashes-lower {
bottom: 25%;
animation: atsDashesEast 1.1s linear infinite;
}
@keyframes atsDashesEast {
0% { transform: translateX(0); }
100% { transform: translateX(-65px); }
}
@keyframes atsDashesWest {
0% { transform: translateX(-65px); }
100% { transform: translateX(0); }
}
/* ========================================================
SYNCHRONIZED DUAL TRUCKS (EXACT SAME START, DURATION & END)
======================================================== */
.ats-carrier-rig {
position: absolute;
width: 410px;
will-change: transform;
z-index: 3;
}
/* LOWER LANE (Eastbound: Left to Right) */
.ats-carrier-rig.rig-eastbound {
bottom: 8px;
left: -480px;
animation: atsSyncEast 14s linear infinite;
}
/* UPPER LANE (Westbound: Right to Left) */
.ats-carrier-rig.rig-westbound {
top: 8px;
right: -480px;
animation: atsSyncWest 14s linear infinite;
}
/* PURE HARDWARE-ACCELERATED X-AXIS TRANSFORMS */
@keyframes atsSyncEast {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(calc(100vw + 960px), 0, 0);
}
}
@keyframes atsSyncWest {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(calc(-100vw - 960px), 0, 0);
}
}
.ats-carrier-svg {
width: 100%;
height: auto;
display: block;
}
/* ========================================================
FOREGROUND CONTENT & LIGHT CARDS
======================================================== */
.ats-highway-content-wrap {
position: relative;
z-index: 4;
max-width: 1200px;
margin: 0 auto;
}
/* HEADER */
.ats-super-head {
text-align: center;
max-width: 840px;
margin: 0 auto 52px;
}
.ats-super-pill {
display: inline-block;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #b45309;
background: #fef3c7;
border: 1px solid #fde68a;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 14px;
}
.ats-super-title {
font-size: 34px;
font-weight: 800;
color: #0f172a;
line-height: 1.25;
margin: 0 0 14px;
letter-spacing: -0.5px;
}
.ats-super-desc {
font-size: 16px;
line-height: 1.65;
color: #475569;
margin: 0;
}
/* 3 CARDS GRID */
.ats-super-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.ats-super-card {
background: rgba(255, 255, 255, 0.96);
border: 1px solid #cbd5e1;
border-radius: 14px;
padding: 30px 24px;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(0, 0, 0, 0.03);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
position: relative;
}
.ats-super-card:hover {
transform: translateY(-5px);
border-color: #d97706;
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1);
}
.ats-super-card.featured {
border-top: 4px solid #d97706;
}
/* CARD META & ICONS */
.ats-card-top-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.ats-route-tag {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.8px;
padding: 4px 10px;
border-radius: 6px;
text-transform: uppercase;
}
.ats-route-tag.inbound {
background: #fef3c7;
color: #b45309;
}
.ats-route-tag.outbound {
background: #fef3c7;
color: #d97706;
}
.ats-route-tag.transfer {
background: #e0f2fe;
color: #0284c7;
}
.ats-card-icon-box {
width: 44px;
height: 44px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.ats-card-icon-box.gold { background: #fef3c7; }
.ats-card-icon-box.amber { background: #fef3c7; }
.ats-card-icon-box.blue { background: #e0f2fe; }
.ats-super-card h4 {
font-size: 19px;
font-weight: 800;
color: #0f172a;
margin: 0 0 10px;
}
.ats-super-card p {
font-size: 14.5px;
line-height: 1.6;
color: #475569;
margin: 0;
}
/* ========================================================
RESPONSIVE (TABLET & MOBILE)
======================================================== */
@media (max-width: 920px) {
.ats-super-grid {
grid-template-columns: 1fr;
}
.ats-super-title {
font-size: 26px;
}
.ats-highway-super-sec {
padding: 60px 18px 270px;
}
.ats-carrier-rig {
width: 310px;
}
.ats-carrier-rig.rig-eastbound {
left: -360px;
}
.ats-carrier-rig.rig-westbound {
right: -360px;
}
@keyframes atsSyncEast {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(calc(100vw + 720px), 0, 0); }
}
@keyframes atsSyncWest {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(calc(-100vw - 720px), 0, 0); }
}
}
/* two way dispatch source css end */
/* Dealer Transportation Without the Extra Legwork css start */
/* LIGHT AUTOMOTIVE LOGISTICS THEME */
.ats-light-engine-sec {
background-color: #f8fafc;
padding: 60px 20px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
position: relative;
overflow: hidden;
}
.ats-light-container {
max-width: 1200px;
margin: 0 auto;
}
/* SECTION HEADER */
.ats-light-head {
text-align: center;
max-width: 820px;
margin: 0 auto 46px;
}
.ats-light-tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
background: #fef3c7;
border: 1px solid #fde68a;
border-radius: 30px;
color: #b45309;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 14px;
}
.ats-light-live-dot {
width: 7px;
height: 7px;
background: #d97706;
border-radius: 50%;
box-shadow: 0 0 8px #d97706;
animation: atsLivePulse 1.8s infinite ease-in-out;
}
@keyframes atsLivePulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.4); opacity: 0.6; }
}
.ats-light-maintitle {
font-size: 36px;
font-weight: 800;
color: #0f172a;
line-height: 1.22;
margin: 0 0 14px;
letter-spacing: -0.5px;
}
.ats-light-subp {
font-size: 16px;
line-height: 1.65;
color: #475569;
margin: 0;
}
/* DUAL CONSOLE GRID */
.ats-light-console-wrap {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 32px;
align-items: start;
}
/* LEFT SIDE: RADAR / SIMULATOR */
.ats-light-telemetry-col {
position: sticky;
top: 30px;
}
.ats-light-radar-box {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 24px;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.ats-light-radar-topbar {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 16px;
border-bottom: 1px solid #f1f5f9;
}
.ats-light-meta-sub {
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #94a3b8;
letter-spacing: 0.8px;
margin-bottom: 3px;
}
.ats-light-route-info strong {
font-size: 17px;
font-weight: 800;
color: #0f172a;
}
.ats-light-status-pill {
display: flex;
align-items: center;
gap: 7px;
background: #ecfdf5;
border: 1px solid #a7f3d0;
color: #059669;
padding: 4px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
}
.ats-light-ping {
width: 6px;
height: 6px;
background: #10b981;
border-radius: 50%;
}
/* SVG MAP CANVAS */
.ats-light-svg-canvas {
margin: 18px 0;
background: radial-gradient(circle at 50% 50%, #fefce8 0%, #ffffff 80%);
border-radius: 12px;
border: 1px solid #f8fafc;
overflow: hidden;
}
.ats-light-map-svg {
width: 100%;
height: auto;
display: block;
}
.ats-anim-road {
animation: atsRoadFlow 1.4s linear infinite;
}
@keyframes atsRoadFlow {
from { stroke-dashoffset: 28; }
to { stroke-dashoffset: 0; }
}
#atsCarrierIcon {
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
/* TELEMETRY BADGES */
.ats-light-badges-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
padding: 16px 0;
border-top: 1px solid #f1f5f9;
border-bottom: 1px solid #f1f5f9;
margin-bottom: 20px;
}
.ats-light-badge-item {
background: #f8fafc;
padding: 10px 12px;
border-radius: 8px;
}
.ats-b-lbl {
display: block;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 3px;
}
.ats-b-val {
display: block;
font-size: 12px;
font-weight: 700;
color: #1e293b;
line-height: 1.3;
}
/* DIRECT CTA STRIP */
.ats-light-direct-cta {
display: flex;
align-items: center;
justify-content: space-between;
background: #0f172a;
border-radius: 10px;
padding: 14px 18px;
color: #ffffff;
}
.ats-light-cta-sub {
display: block;
font-size: 11px;
color: #94a3b8;
}
.ats-light-cta-num {
font-size: 16px;
font-weight: 800;
color: #ffd978;
}
.ats-light-cta-btn {
background: #d97706;
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
padding: 9px 16px;
border-radius: 6px;
transition: background 0.2s ease, transform 0.2s ease;
}
.ats-light-cta-btn:hover {
background: #b45309;
transform: translateY(-1px);
}
/* RIGHT: LIST STACK (NO BORING CARDS) */
.ats-light-list-header {
margin-bottom: 16px;
}
.ats-light-list-badge {
font-size: 11px;
font-weight: 800;
letter-spacing: 1px;
color: #d97706;
}
.ats-light-list-sub {
font-size: 13px;
color: #64748b;
margin: 4px 0 0;
}
.ats-light-items-stack {
display: flex;
flex-direction: column;
gap: 10px;
}
.ats-light-item {
display: flex;
align-items: center;
gap: 16px;
padding: 14px 18px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
}
.ats-light-item:hover {
border-color: #cbd5e1;
background: #f8fafc;
transform: translateX(4px);
}
.ats-light-item.active {
background: #ffffff;
border-color: #d97706;
box-shadow: 0 6px 18px rgba(217, 119, 6, 0.12);
transform: translateX(6px);
}
.ats-light-item.active::before {
content: "";
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 4px;
background: #d97706;
border-radius: 0 4px 4px 0;
}
.ats-light-num {
font-size: 14px;
font-weight: 800;
color: #94a3b8;
min-width: 24px;
transition: color 0.2s;
}
.ats-light-item.active .ats-light-num {
color: #d97706;
}
.ats-light-item-body h4 {
font-size: 15px;
font-weight: 700;
color: #1e293b;
margin: 0 0 3px;
transition: color 0.2s;
}
.ats-light-item.active .ats-light-item-body h4 {
color: #0f172a;
}
.ats-light-item-body p {
font-size: 13px;
line-height: 1.45;
color: #64748b;
margin: 0;
}
.ats-light-arrow {
color: #cbd5e1;
font-size: 18px;
font-weight: 700;
transition: transform 0.25s, color 0.25s;
margin-left: auto;
}
.ats-light-item.active .ats-light-arrow {
color: #d97706;
transform: translateX(3px);
}
/* RESPONSIVE */
@media (max-width: 960px) {
.ats-light-console-wrap {
grid-template-columns: 1fr;
}
.ats-light-telemetry-col {
position: relative;
top: 0;
}
.ats-light-maintitle {
font-size: 28px;
}
}
/* Dealer Transportation Without the Extra Legwork css end */
/* Transportation That Supports the Way Dealers Buy and Sell sec css start */
.ats-lot-stream-sec {
background: linear-gradient(145deg, #eef2f6 0%, #e2e8f0 100%);
padding: 68px 24px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #0f172a;
position: relative;
border-top: 1px solid #cbd5e1;
border-bottom: 1px solid #cbd5e1;
}
.ats-lot-container {
max-width: 1200px;
margin: 0 auto;
}
/* HEADER */
.ats-lot-header {
text-align: center;
max-width: 840px;
margin: 0 auto 48px;
}
.ats-lot-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
background: rgba(217, 119, 6, 0.12);
border: 1px solid rgba(217, 119, 6, 0.3);
border-radius: 30px;
color: #b45309;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 14px;
}
.ats-lot-ping-dot {
width: 7px;
height: 7px;
background: #d97706;
border-radius: 50%;
box-shadow: 0 0 8px #d97706;
}
.ats-lot-title {
font-size: 35px;
font-weight: 800;
line-height: 1.25;
color: #0f172a;
margin: 0 0 14px;
letter-spacing: -0.5px;
}
.ats-lot-subtitle {
font-size: 16px;
line-height: 1.65;
color: #475569;
margin: 0;
}
/* 2-COLUMN SPLIT */
.ats-lot-layout {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 40px;
align-items: center;
}
/* LEFT: VIDEO FRAME */
.ats-lot-video-side {
position: relative;
}
.ats-lot-frame {
position: relative;
border-radius: 18px;
overflow: hidden;
background: #0f172a;
aspect-ratio: 16 / 10.5;
border: 2px solid #ffffff;
box-shadow: 0 20px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.ats-lot-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ats-lot-overlay-tint {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(15, 23, 42, 0.5) 0%, rgba(15, 23, 42, 0.05) 50%, rgba(15, 23, 42, 0.75) 100%);
pointer-events: none;
}
/* VIDEO HUD TAGS */
.ats-lot-tag-top {
position: absolute;
top: 16px;
left: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(15, 23, 42, 0.82);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #f8fafc;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.8px;
padding: 6px 14px;
border-radius: 30px;
z-index: 2;
}
.ats-lot-live-cam {
width: 7px;
height: 7px;
background: #ef4444;
border-radius: 50%;
box-shadow: 0 0 8px #ef4444;
}
.ats-lot-bottom-bar {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
display: flex;
align-items: center;
justify-content: space-around;
background: rgba(15, 23, 42, 0.82);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 12px;
padding: 10px 18px;
z-index: 2;
}
.ats-lot-stat {
display: flex;
flex-direction: column;
}
.ats-lot-stat-lbl {
font-size: 10px;
text-transform: uppercase;
color: #ffd978;
font-weight: 700;
letter-spacing: 0.8px;
margin-bottom: 2px;
}
.ats-lot-stat-val {
font-size: 13px;
font-weight: 700;
color: #ffffff;
}
.ats-lot-divider {
width: 1px;
height: 24px;
background: rgba(255, 255, 255, 0.15);
}
/* RIGHT: TIMELINE FLOW (NO BOX CARDS) */
.ats-lot-flow-side {
display: flex;
flex-direction: column;
}
.ats-lot-step {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 12px 16px;
border-radius: 12px;
transition: transform 0.25s ease, background 0.25s ease;
}
.ats-lot-marker {
width: 44px;
height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.ats-lot-marker.gold {
background: #ffffff;
border: 2px solid #d97706;
}
.ats-lot-marker.blue {
background: #ffffff;
border: 2px solid #0284c7;
}
.ats-lot-dir-label {
display: inline-block;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 4px;
}
.gold-lbl { color: #b45309; }
.blue-lbl { color: #0369a1; }
.ats-lot-step-body h3 {
font-size: 19px;
font-weight: 800;
color: #0f172a;
margin: 0 0 6px;
}
.ats-lot-step-body p {
font-size: 14px;
line-height: 1.6;
color: #475569;
margin: 0;
}
/* CONNECTOR VERTICAL CONDUIT */
.ats-lot-track-line {
width: 2px;
height: 32px;
background: linear-gradient(180deg, #d97706 0%, #0284c7 100%);
margin-left: 36px;
opacity: 0.6;
}
/* CLOSING STATEMENT BAR */
.ats-lot-statement {
display: flex;
align-items: center;
gap: 16px;
margin-top: 18px;
background: #ffffff;
border: 1px solid #cbd5e1;
border-left: 4px solid #d97706;
border-radius: 12px;
padding: 16px 20px;
box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}
.ats-lot-check {
width: 32px;
height: 32px;
border-radius: 50%;
background: #fef3c7;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ats-lot-statement-text {
font-size: 13.5px;
line-height: 1.5;
color: #334155;
}
.ats-lot-statement-text strong {
color: #0f172a;
font-weight: 700;
}
/* RESPONSIVE */
@media (max-width: 960px) {
.ats-lot-layout {
grid-template-columns: 1fr;
}
.ats-lot-track-line {
display: none;
}
.ats-lot-title {
font-size: 27px;
}
}
/* Transportation That Supports the Way Dealers Buy and Sell sec css end */
/* fleet auction css start */
.dax-fleet-banner {
width: 100%;
padding: 30px 20px;
color: #222;
background: transparent;
box-sizing: border-box;
}
.dax-fleet-banner * {
box-sizing: border-box;
}
.dax-fleet-banner-inner {
margin: 0 auto;
padding: 28px 32px;
background: #fff;
border-top: 4px solid #C2984A;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.dax-fleet-banner .dax-fleet-tag {
display: inline-block;
color: #C2984A;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 8px;
}
.dax-fleet-banner h2 {
font-size: 30px;
line-height: 1.2;
margin: 0 0 15px;
color: #171717;
}
.dax-fleet-banner p {
font-size: 15px;
line-height: 1.65;
color: #444;
margin: 0 0 12px;
}
.dax-fleet-cta {
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid #e5e5e5;
}
.dax-fleet-banner h3 {
font-size: 21px;
line-height: 1.4;
color: #C2984A;
margin: 0;
}
.dax-fleet-register-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 15px;
padding: 12px 24px;
background: #C2984A;
color: #ffffff !important;
text-decoration: none !important;
font-size: 15px;
font-weight: 700;
border: 2px solid #C2984A;
border-radius: 4px;
transition: background 0.25s ease, border-color 0.25s ease;
}
.dax-fleet-register-btn:hover {
background: #171717;
border-color: #171717;
color: #ffffff !important;
}
.dax-fleet-register-btn span {
font-size: 20px;
line-height: 1;
}
@media (max-width: 600px) {
.dax-fleet-banner {
padding: 18px 12px;
}
.dax-fleet-banner-inner {
padding: 22px 18px;
}
.dax-fleet-banner h2 {
font-size: 25px;
}
.dax-fleet-banner h3 {
font-size: 19px;
}
.dax-fleet-register-btn {
width: 100%;
}
}
/* fleet auction css end */