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 !important;
}
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 #fff;
font-size: 14px;
}
.fl-flyout-left .fl-menu-mobile-close {
color: #fff;
font-size: 22px;
padding: 10px 15px;
}
.fl-menu-mobile-toggle.hamburger.fl-content-ui-button:focus {
outline: none;
}
.fl-flyout-left .fl-menu-mobile-close:focus {
outline: none;
}
.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;
}
}
/* ==========================================================
DAX CLASSIC CARS - HIGH OCTANE RACING MENU & SUBMENU
========================================================== */
/* 1. Main Nav Container */
.dax-menu nav {
display: flex;
align-items: center;
}
.dax-menu ul.menu {
display: flex !important;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.dax-menu nav {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.dax-menu ul.menu > li {
position: relative;
list-style: none;
padding: 10px 0;
}
/* 2. Top-Level Links (Metallic Sporty Look) */
.dax-menu ul.menu > li > a,
.dax-menu ul.menu > li > .fl-has-submenu-container > a {
position: relative;
display: inline-flex;
align-items: center;
padding: 10px;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.85) !important;
text-decoration: none;
background: transparent;
border-radius: 4px;
overflow: hidden;
transition: color 0.3s ease, transform 0.25s ease;
z-index: 1;
}
/* Animated Tachometer / Carbon Underline */
.dax-menu ul.menu > li > a::after,
.dax-menu ul.menu > li > .fl-has-submenu-container > a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background: linear-gradient(90deg, #ff1a1a, #ff6b00);
box-shadow: 0 0 12px #ff2a2a, 0 0 20px #ff2a2a;
transform: translateX(-50%);
transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 2px;
}
/* Hover State - Glow + Shift */
.dax-menu ul.menu > li:hover > a,
.dax-menu ul.menu > li:hover > .fl-has-submenu-container > a {
color: #ffffff !important;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 30, 30, 0.12) 100%);
}
.dax-menu ul.menu > li:hover > a::after,
.dax-menu ul.menu > li:hover > .fl-has-submenu-container > a::after {
width: 85%;
}
/* Toggle Arrow Icon Animation */
.dax-menu .fl-has-submenu-container {
position: relative;
display: inline-flex;
align-items: center;
}
.dax-menu .fl-menu-toggle {
margin-left: 6px;
color: #ff3b30;
font-size: 11px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.dax-menu ul.menu > li:hover .fl-menu-toggle {
transform: rotate(180deg) scale(1.2);
}
/* ==========================================================
3. SUBMENU - SMOKED GLASS + RACING REDLINE ACCENT
========================================================== */
.dax-menu ul.sub-menu {
position: absolute;
top: calc(100% - 6px); /* Exact fit taaki click miss na ho */
left: 0;
min-width: 240px;
margin: 0;
padding: 8px 0;
list-style: none;
/* Dark Frosted Glass Effect */
background: rgba(14, 15, 18, 0.94);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
/* Chrome & Red Accent Borders */
border: 1px solid rgba(255, 255, 255, 0.12);
border-top: 3px solid #ff1a1a;
border-radius: 0 0 8px 8px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8),
0 0 20px rgba(255, 26, 26, 0.2);
/* Smooth Slide-Down Animation */
opacity: 0;
visibility: hidden;
transform: translateY(14px) scaleY(0.95);
transform-origin: top center;
transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
z-index: 9999;
}
/* Hover Par Submenu Open */
.dax-menu ul.menu > li:hover > ul.sub-menu,
.dax-menu ul.menu > li:focus-within > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0) scaleY(1);
}
/* Submenu Links */
.dax-menu ul.sub-menu li {
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.dax-menu ul.sub-menu li:last-child {
border-bottom: none;
}
.dax-menu ul.sub-menu li a {
position: relative;
display: flex;
align-items: center;
padding: 12px 20px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #cbd5e1 !important;
text-decoration: none;
background: transparent;
transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
overflow: hidden;
}
/* Left Indicator Speed-Line on Submenu Hover */
.dax-menu ul.sub-menu li a::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: linear-gradient(180deg, #ff1a1a, #ff7a00);
box-shadow: 0 0 10px #ff1a1a;
transition: width 0.25s ease;
}
/* Submenu Hover Transition */
.dax-menu ul.sub-menu li a:hover {
color: #ffffff !important;
background: linear-gradient(90deg, rgba(255, 26, 26, 0.2) 0%, rgba(255, 26, 26, 0.02) 100%);
padding-left: 28px;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.dax-menu ul.sub-menu li a:hover::before {
width: 4px;
}
/* DAX MENU & SUBMENU STYLES css end */
/* header button css start */
/* ===================================================
DAX HEADER ACTIONS (STACKED / EK KE NICHE EK)
=================================================== */
.dax-header-actions {
display: flex;
flex-direction: column; /* Ek ke niche ek lane ke liye */
align-items: flex-end; /* Right side align */
justify-content: center;
gap: 8px; /* Dono ke beech ka vertical gap */
width: 100%;
}
/* Base Car Badge Button */
.dax-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 7px 18px; /* Thoda compact vertical padding */
font-size: 13px;
font-weight: 800;
font-style: italic;
letter-spacing: 0.8px;
text-transform: uppercase;
text-decoration: none !important;
transform: skewX(-14deg);
border-radius: 4px;
transition: all 0.25s ease;
cursor: pointer;
overflow: visible; /* overflow: hidden hataya taaki icon na kate */
box-sizing: border-box;
white-space: nowrap;
}
/* Un-skew inside text & icon */
.dax-btn .dax-text,
.dax-btn .dax-icon {
transform: skewX(14deg);
display: inline-flex;
align-items: center;
}
.dax-btn .dax-icon {
width: 15px;
height: 15px;
min-width: 15px; /* Shrink protect */
stroke-width: 2.3;
transition: transform 0.25s ease, stroke 0.25s ease;
}
/* 1. Login Button */
.dax-btn-login {
color: #e2e8f0 !important;
background: linear-gradient(135deg, #1f2327 0%, #0d0f12 100%);
border: 1px solid #4a4f56;
border-bottom: 2px solid #ff2a2a;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.dax-btn-login:hover {
color: #ffffff !important;
border-color: #ff2a2a;
background: linear-gradient(135deg, #2b3137 0%, #171a1f 100%);
box-shadow: 0 4px 16px rgba(255, 42, 42, 0.4);
transform: skewX(-14deg) translateY(-2px);
}
.dax-btn-login:hover .dax-icon {
stroke: #ff2a2a;
transform: skewX(14deg) translateX(2px);
}
/* 2. Phone Button */
.dax-btn-phone {
color: #ffffff !important;
background: linear-gradient(135deg, #e11d48 0%, #c81e1e 50%, #991b1b 100%);
border: 1px solid rgba(255, 255, 255, 0.35);
border-bottom: 2px solid #5a0909;
box-shadow: 0 3px 14px rgba(220, 38, 38, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.dax-btn-phone:hover {
box-shadow: 0 5px 20px rgba(220, 38, 38, 0.8), inset 0 1px 0 #ffffff;
transform: skewX(-14deg) translateY(-2px);
}
.dax-btn-phone:hover .dax-icon {
transform: skewX(14deg) scale(1.1) rotate(8deg);
}
/* header button css end */
/* hero section css start */
/* ==========================================================
DAX CLASSICS - PURE CLEAN HERO (NO BOX / FADING SPEED LINES)
========================================================== */
.dax-hero-pure {
position: relative;
max-width: 950px;
margin: 0 auto;
/* Header ko clear karne ke liye dynamic safe top spacing */
padding-top: clamp(100px, 14vh, 160px) !important;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
}
/* 1. Chrome Reflection Titles */
.dax-hero-titles {
margin-bottom: 12px;
}
.dax-hero-h1 {
margin: 0;
font-size: 54px;
font-weight: 900;
font-style: italic;
line-height: 1.1;
letter-spacing: 1px;
text-transform: capitalize;
color: #ffffff;
background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 55%, #94a3b8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.9));
}
.dax-hero-h2 {
margin: 6px 0 0 0;
font-size: 24px;
font-weight: 800;
font-style: italic;
letter-spacing: 0.8px;
color: #cbd5e1;
text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8);
}
/* 2. Amber Consignment Alert Badge */
.dax-consign-alert {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 14px 0 24px 0;
padding: 7px 22px;
font-size: 13px;
font-weight: 900;
font-style: italic;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #fbbf24;
background: rgba(20, 20, 24, 0.65);
border: 1px solid rgba(251, 191, 36, 0.4);
border-radius: 50px;
box-shadow: 0 0 16px rgba(251, 191, 36, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.dax-alert-dot {
width: 7px;
height: 7px;
background: #fbbf24;
border-radius: 50%;
box-shadow: 0 0 8px #fbbf24;
animation: alertStrobe 1.2s infinite alternate;
}
@keyframes alertStrobe {
0% { transform: scale(0.8); opacity: 0.5; }
100% { transform: scale(1.4); opacity: 1; box-shadow: 0 0 12px #fbbf24; }
}
/* 3. Event Details Container (Box Hata Diya) */
.dax-pure-details {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
max-width: 760px;
padding: 0;
background: transparent !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* Har row ke bottom par left-right se fade hone wali line */
.dax-detail-row {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px 14px 12px;
background: transparent !important;
}
.dax-detail-row::after {
content: '';
position: absolute;
bottom: 0;
left: 5%;
width: 90%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(255, 42, 42, 0.75) 50%, transparent 100%);
box-shadow: 0 0 8px rgba(255, 42, 42, 0.4);
}
.dax-detail-row:last-child::after {
display: none; /* Last row ke baad line nahi chahiye toh */
}
.dax-detail-text {
font-size: 16.5px;
font-weight: 700;
font-style: italic;
letter-spacing: 0.6px;
color: #f1f5f9;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95);
}
/* Clickable Links for Numbers */
.dax-pure-link {
color: #ff3b30 !important;
text-decoration: none !important;
font-weight: 900;
letter-spacing: 0.8px;
margin-left: 4px;
transition: color 0.2s ease, text-shadow 0.2s ease;
}
.dax-pure-link:hover {
color: #ffffff !important;
text-shadow: 0 0 10px #ff2a2a;
}
/* 4. Short Screen Height (Height <= 720px) Fix */
@media screen and (max-height: 720px) {
.dax-hero-pure {
padding-top: 110px !important;
padding-bottom: 20px;
}
.dax-hero-titles {
margin-bottom: 6px;
}
.dax-hero-h1 {
font-size: 38px !important;
line-height: 1.05;
}
.dax-hero-h2 {
font-size: 18px !important;
margin-top: 4px;
}
.dax-consign-alert {
margin: 10px 0 16px 0 !important;
padding: 5px 18px !important;
font-size: 11.5px !important;
}
.dax-pure-details {
gap: 6px !important;
}
.dax-detail-row {
padding: 4px 8px 8px 8px !important;
}
.dax-detail-text {
font-size: 13.5px !important;
}
}
/* 5. Extra Short Screen Height (Height <= 600px - jaise 570px screenshot me tha) */
@media screen and (max-height: 600px) {
.dax-hero-pure {
padding-top: 95px !important;
padding-bottom: 15px;
}
.dax-hero-h1 {
font-size: 30px !important;
}
.dax-hero-h2 {
font-size: 15px !important;
}
.dax-consign-alert {
margin: 6px 0 10px 0 !important;
padding: 4px 14px !important;
font-size: 10.5px !important;
}
.dax-detail-row {
padding: 2px 4px 6px 4px !important;
}
.dax-detail-text {
font-size: 12px !important;
}
}
/* 6. Mobile Width Responsive */
@media (max-width: 768px) {
.dax-hero-h1 {
font-size: 34px !important;
}
.dax-hero-h2 {
font-size: 18px !important;
}
.dax-detail-text {
font-size: 14px !important;
}
}
/* hero section css end */
/* ALL ROADS LEAD TO css start */
.dax-paddock-section {
position: relative;
padding: 40px 24px;
background: #ffffff;
box-sizing: border-box;
overflow: hidden;
}
.dax-paddock-container {
max-width: 1260px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 55px;
align-items: center;
}
/* 1. Left Card Container */
.dax-paddock-left {
display: flex;
flex-direction: column;
}
.dax-paddock-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-top: 3px solid #dc2626;
border-radius: 14px;
padding: 30px;
/* box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08); */
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
/* Top Badge */
.dax-paddock-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 14px;
background: #fff1f2;
border: 1px solid #fecdd3;
border-radius: 30px;
margin-bottom: 12px;
}
.dax-beacon-pulse {
width: 7px;
height: 7px;
background: #dc2626;
border-radius: 50%;
box-shadow: 0 0 10px #dc2626;
animation: daxPulseRing 1.3s infinite ease-in-out;
}
@keyframes daxPulseRing {
0% { transform: scale(0.9); opacity: 0.6; }
50% { transform: scale(1.5); opacity: 1; box-shadow: 0 0 14px #dc2626; }
100% { transform: scale(0.9); opacity: 0.6; }
}
.dax-badge-title {
font-size: 10.5px;
font-weight: 800;
letter-spacing: 1.5px;
color: #dc2626;
text-transform: uppercase;
}
/* Title & Venue */
.dax-paddock-heading {
margin: 0 0 10px 0;
font-size: 24px;
font-weight: 900;
font-style: italic;
line-height: 1.25;
letter-spacing: 0.6px;
color: #0f172a;
text-transform: uppercase;
}
.dax-specs-strip {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 800;
color: #475569;
letter-spacing: 0.6px;
}
.dax-spec-dot {
color: #dc2626;
}
.dax-spec-address {
margin: 4px 0 18px 0;
font-size: 13.5px;
font-weight: 600;
color: #64748b;
}
/* Map Frame with Dynamic Scan Beam */
.dax-map-chassis {
position: relative;
border-radius: 10px;
overflow: hidden;
background: #f8fafc;
border: 1px solid #e2e8f0;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.04);
margin-bottom: 22px;
}
.dax-chassis-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: transform 0.4s ease;
}
.dax-map-chassis:hover .dax-chassis-img {
transform: scale(1.02);
}
/* High-Speed Light Scanner */
.dax-radar-sweep {
position: absolute;
top: 0;
left: -100%;
width: 40%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.15), transparent);
transform: skewX(-20deg);
animation: daxSweep 5s infinite cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}
@keyframes daxSweep {
0% { left: -100%; }
40%, 100% { left: 200%; }
}
/* 2. Speed Telemetry ETA Grid */
.dax-eta-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 10px;
}
.dax-eta-card {
position: relative;
display: flex;
flex-direction: column;
padding: 10px 14px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-left: 3px solid #dc2626;
border-radius: 6px;
transform: skewX(-8deg);
transition: all 0.25s cubic-bezier(0.2, 1, 0.3, 1);
cursor: pointer;
}
.dax-eta-card * {
transform: skewX(8deg);
}
.dax-eta-card:hover {
background: #ffffff;
border-color: #dc2626;
transform: skewX(-8deg) translateY(-3px);
box-shadow: 0 6px 18px rgba(220, 38, 38, 0.18);
}
.dax-eta-city {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #64748b;
}
.dax-eta-time {
font-size: 14px;
font-weight: 900;
font-style: italic;
color: #0f172a;
margin-top: 2px;
transition: color 0.2s ease;
}
.dax-eta-card:hover .dax-eta-time {
color: #dc2626;
}
/* 3. Right Column: Dispatch Narrative */
.dax-paddock-right {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 10px;
}
.dax-dispatch-beacon {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.dax-rev-line {
width: 26px;
height: 3px;
background: #dc2626;
box-shadow: 0 0 10px rgba(220, 38, 38, 0.6);
border-radius: 2px;
}
.dax-dispatch-kicker {
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
color: #dc2626;
text-transform: uppercase;
}
.dax-dispatch-title {
margin: 0 0 18px 0;
font-size: 44px;
font-weight: 900;
font-style: italic;
letter-spacing: 1px;
line-height: 1.05;
color: #0f172a;
text-transform: uppercase;
}
.dax-lead-text {
font-size: 17.5px;
font-weight: 700;
line-height: 1.6;
color: #1e293b;
margin: 0 0 14px 0;
}
.dax-body-text {
font-size: 15px;
font-weight: 500;
line-height: 1.7;
color: #64748b;
margin: 0 0 32px 0;
}
/* 4. Nitro Redline Action Button */
.dax-action-wrapper {
display: flex;
}
.dax-paddock-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 14px 42px;
font-size: 14px;
font-weight: 900;
font-style: italic;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none !important;
color: #ffffff !important;
background: linear-gradient(135deg, #e11d48 0%, #dc2626 50%, #b91c1c 100%);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 4px;
transform: skewX(-14deg);
box-shadow: 0 8px 24px rgba(220, 38, 38, 0.4);
cursor: pointer;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.dax-paddock-btn .dax-btn-caption,
.dax-paddock-btn .dax-btn-arrow {
transform: skewX(14deg);
}
.dax-btn-arrow {
width: 17px;
height: 17px;
stroke: #ffffff;
transition: transform 0.3s ease;
}
.dax-paddock-btn:hover {
transform: skewX(-14deg) translateY(-3px) scale(1.02);
box-shadow: 0 12px 35px rgba(220, 38, 38, 0.7);
}
.dax-paddock-btn:hover .dax-btn-arrow {
transform: skewX(14deg) translateX(4px);
}
/* Sheen Light Sweep on Hover */
.dax-paddock-btn .dax-sheen-sweep {
position: absolute;
top: -50%;
left: -120%;
width: 60%;
height: 200%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
transform: rotate(25deg);
transition: left 0.6s ease;
}
.dax-paddock-btn:hover .dax-sheen-sweep {
left: 170%;
}
/* 5. Responsive Tuning */
@media (max-width: 980px) {
.dax-paddock-container {
grid-template-columns: 1fr;
gap: 40px;
}
.dax-paddock-right {
padding-left: 0;
}
.dax-dispatch-title {
font-size: 36px;
}
.dax-paddock-heading {
font-size: 21px;
}
}
@media (max-width: 767px) {
.dax-paddock-section {
padding: 20px 10px;
}
}
/* ALL ROADS LEAD TO css end */
/* Our Auction Inventory home css start */
.dax-auction-section {
position: relative;
padding: 68px 24px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
/* AMBIENT BACKGROUND GLOW */
.dax-ambient-glow {
position: absolute;
top: 50%;
left: 50%;
width: 750px;
height: 480px;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(229, 35, 42, 0.14) 0%, rgba(229, 35, 42, 0.03) 50%, transparent 75%);
filter: blur(70px);
pointer-events: none;
animation: pulseGlow 8s ease-in-out infinite alternate;
}
@keyframes pulseGlow {
0% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.6; }
100% { transform: translate(-50%, -50%) scale(1.12); opacity: 0.95; }
}
/* SUBTLE CONTINUOUS SPEED LINES */
.dax-speed-lines {
position: absolute;
inset: -50%;
width: 200%;
height: 200%;
background-image: repeating-linear-gradient(
-45deg,
rgba(255, 255, 255, 0.012) 0px,
rgba(255, 255, 255, 0.012) 2px,
transparent 2px,
transparent 70px,
rgba(229, 35, 42, 0.02) 70px,
rgba(229, 35, 42, 0.02) 72px,
transparent 72px,
transparent 140px
);
animation: smoothLines 30s linear infinite;
pointer-events: none;
}
@keyframes smoothLines {
0% { transform: translate(0, 0); }
100% { transform: translate(70px, 70px); }
}
/* =========================================
MAIN UNIFIED CONTAINER
========================================= */
.dax-container {
position: relative;
z-index: 5;
max-width: 1220px;
width: 100%;
margin: 0 auto;
}
.dax-monolith {
position: relative;
display: grid;
grid-template-columns: 1.15fr 0.85fr;
background: linear-gradient(145deg, rgba(18, 21, 28, 0.92) 0%, rgba(11, 13, 17, 0.96) 100%);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 22px;
box-shadow:
0 25px 60px -15px rgba(0, 0, 0, 0.9),
0 0 0 1px rgba(229, 35, 42, 0.15);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
overflow: hidden;
}
/* CONTINUOUS RACING RED TOP ACCENT */
.dax-monolith::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg,
transparent 0%,
#e5232a 25%,
#ff6b6e 50%,
#e5232a 75%,
transparent 100%
);
background-size: 200% 100%;
animation: smoothLaserSweep 6s linear infinite;
}
@keyframes smoothLaserSweep {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
/* CENTER DIVIDER */
.dax-divider {
position: absolute;
top: 10%;
bottom: 10%;
left: 57.5%;
width: 1px;
background: linear-gradient(180deg,
transparent 0%,
rgba(255, 255, 255, 0.08) 20%,
rgba(229, 35, 42, 0.75) 50%,
rgba(255, 255, 255, 0.08) 80%,
transparent 100%
);
pointer-events: none;
}
/* =========================================
LEFT: INVENTORY WING
========================================= */
.dax-inventory-side {
padding: 54px 48px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dax-tag {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(229, 35, 42, 0.1);
border: 1px solid rgba(229, 35, 42, 0.3);
color: #ff4d54;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 50px;
width: fit-content;
margin-bottom: 24px;
}
.tag-pulse {
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #e5232a;
box-shadow: 0 0 8px #e5232a;
animation: pulseDot 2s infinite ease-in-out;
}
@keyframes pulseDot {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(0.65); opacity: 0.4; }
}
/* ===================================================
ULTRA-SMOOTH INFINITE TEXT SHIMMER (HEADLINE)
- Perfect 300% loop with matching start/end stops
- 100% Linear speed (no awkward stalls or sudden cuts)
=================================================== */
.dax-inventory-title {
font-size: 38px;
font-weight: 800;
line-height: 1.22;
letter-spacing: -0.8px;
margin-bottom: 34px;
/* Seamless repeating color stops */
background: linear-gradient(
90deg,
#f8fafc 0%,
#94a3b8 20%,
#e5232a 35%,
#ff7b80 40%,
#e5232a 45%,
#94a3b8 60%,
#f8fafc 80%,
#94a3b8 100%
);
background-size: 300% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: infiniteSmoothTextFlow 8s linear infinite;
will-change: background-position;
}
@keyframes infiniteSmoothTextFlow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 300% 50%;
}
}
/* BUTTON STYLES */
.dax-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 14px;
background: linear-gradient(135deg, #e5232a 0%, #aa1117 100%);
color: #ffffff;
text-decoration: none;
font-size: 13.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
padding: 16px 34px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 10px 25px rgba(229, 35, 42, 0.45);
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
width: fit-content;
}
.dax-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transform: skewX(-25deg);
transition: left 0.6s ease;
}
.dax-btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(229, 35, 42, 0.65);
color: #fff;
}
.dax-btn:hover::before {
left: 170%;
}
.dax-btn svg {
transition: transform 0.25s ease;
}
.dax-btn:hover svg {
transform: translateX(4px);
}
/* =========================================
RIGHT: SPONSOR & FINANCE WING
========================================= */
.dax-finance-side {
padding: 54px 42px;
display: flex;
flex-direction: column;
justify-content: center;
background: radial-gradient(circle at 75% 50%, rgba(229, 35, 42, 0.05) 0%, transparent 65%);
}
.dax-sponsor-notice {
font-size: 13.5px;
line-height: 1.6;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 22px;
}
/* CONTINUOUS LIQUID COLOR ON SPONSOR NAME */
.sponsor-highlight {
background: linear-gradient(
90deg,
#ffffff 0%,
#ff494f 25%,
#ffffff 50%,
#ff494f 75%,
#ffffff 100%
);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: sponsorSmoothFlow 5s linear infinite;
font-weight: 900;
display: inline-block;
will-change: background-position;
}
@keyframes sponsorSmoothFlow {
0% { background-position: 0% center; }
100% { background-position: 200% center; }
}
/* EMBLEM PEDESTAL (HIGH-RES EMBEDDED LOGO) */
.dax-logo-pedestal {
background: #ffffff;
border-radius: 12px;
padding: 18px 26px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
box-shadow:
0 10px 28px rgba(0, 0, 0, 0.45),
0 0 0 1px rgba(255, 255, 255, 0.25);
transition: transform 0.25s ease;
}
.dax-logo-pedestal:hover {
transform: translateY(-2px);
}
.dax-logo-pedestal svg {
width: 100%;
max-width: 300px;
height: auto;
display: block;
}
/* FINANCE ACTION & GUARANTEE */
.dax-action-copy {
font-size: 14.5px;
line-height: 1.7;
color: #94a3b8;
}
.action-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.action-tag {
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #64748b;
}
.dax-web-link {
display: inline-flex;
align-items: center;
gap: 5px;
color: #ffffff;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 4px 12px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
font-size: 13.5px;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.dax-web-link:hover {
background: rgba(229, 35, 42, 0.18);
border-color: #e5232a;
color: #ff575d;
}
.dax-tel-link {
color: #ff4d54;
text-decoration: none;
font-weight: 800;
letter-spacing: 0.5px;
transition: color 0.2s ease;
}
.dax-tel-link:hover {
color: #ffffff;
text-decoration: underline;
}
.dax-approval-note {
font-size: 14px;
color: #cbd5e1;
margin-top: 10px;
line-height: 1.6;
}
/* PURE CSS SEAMLESS APPROVED GLOW */
.approved-pill {
font-weight: 900;
padding: 2px 8px;
border-radius: 5px;
color: #ffffff;
background: linear-gradient(135deg, #e5232a, #ff3c43);
display: inline-block;
animation: smoothPillGlow 3s ease-in-out infinite alternate;
}
@keyframes smoothPillGlow {
0% {
box-shadow: 0 0 8px rgba(229, 35, 42, 0.45);
filter: brightness(1);
}
100% {
box-shadow: 0 0 18px rgba(229, 35, 42, 0.9);
filter: brightness(1.15);
}
}
/* =========================================
RESPONSIVE
========================================= */
@media (max-width: 992px) {
.dax-monolith {
grid-template-columns: 1fr;
}
.dax-divider {
display: none;
}
.dax-inventory-side, .dax-finance-side {
padding: 40px 30px;
}
.dax-inventory-title {
font-size: 30px;
}
}
@media (max-width: 600px) {
.dax-auction-section {
padding: 10px 0;
}
.dax-btn {
padding: 16px 20px;
}
.dax-inventory-side, .dax-finance-side {
padding: 28px 18px;
}
.dax-inventory-title {
font-size: 24px;
margin-bottom: 22px;
}
.dax-btn {
width: 100%;
justify-content: center;
}
.action-row {
flex-direction: column;
align-items: flex-start;
}
}
/* Our Auction Inventory home css end */
/* Register To Bid At DAX Classics css start */
.dax-light-bid-section {
position: relative;
padding: 68px 24px;
background: radial-gradient(circle at 50% 0%, #ffffff 0%, #edf1f7 60%, #e2e7ef 100%);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid rgba(229, 35, 42, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
/* VINTAGE CONCOURS WATERMARK / AIRFLOW STRIPES */
.light-guilloche-bg {
position: absolute;
inset: 0;
background-image:
radial-gradient(ellipse at 20% 50%, rgba(229, 35, 42, 0.05) 0%, transparent 60%),
radial-gradient(ellipse at 80% 50%, rgba(20, 49, 106, 0.04) 0%, transparent 60%),
repeating-linear-gradient(
60deg,
rgba(0, 0, 0, 0.015) 0px,
rgba(0, 0, 0, 0.015) 1px,
transparent 1px,
transparent 32px
);
pointer-events: none;
}
/* TICKET / COLLECTOR PASS POD */
.vip-pass-card {
position: relative;
z-index: 5;
max-width: 1040px;
width: 100%;
background: #ffffff;
border-radius: 20px;
box-shadow:
0 20px 45px -10px rgba(15, 23, 42, 0.12),
0 4px 12px rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: space-between;
padding: 38px 48px;
overflow: hidden;
}
/* PRISMATIC RAINBOW/CHROME TOP ACCENT */
.vip-pass-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #14316a 0%, #e5232a 50%, #ff6b6b 85%, #14316a 100%);
background-size: 200% 100%;
animation: ribbonFlow 6s linear infinite;
}
@keyframes ribbonFlow {
0% { background-position: 0% 0; }
100% { background-position: 200% 0; }
}
/* LEFT DETAILS (PADDLE + TITLE) */
.vip-left-col {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 660px;
}
.vip-meta-badge {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'Space Grotesk', sans-serif;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #e5232a;
background: rgba(229, 35, 42, 0.07);
border: 1px solid rgba(229, 35, 42, 0.22);
padding: 4px 14px;
border-radius: 30px;
width: fit-content;
}
.badge-icon {
width: 6px;
height: 6px;
border-radius: 50%;
background: #e5232a;
box-shadow: 0 0 6px rgba(229, 35, 42, 0.6);
}
/* BOLD DARK DEEP-CHARCOAL AUTOMOTIVE TITLE */
.vip-bid-headline {
font-size: 34px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -0.6px;
color: #0f172a;
}
.vip-bid-headline span {
color: #e5232a;
position: relative;
display: inline-block;
}
/* VINTAGE PERFORATION TICKET SEPARATOR */
.vip-stub-divider {
position: relative;
height: 80px;
width: 2px;
border-left: 2px dashed #cbd5e1;
margin: 0 36px;
}
/* RIGHT ACTION COLUMN */
.vip-right-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
/* HIGH-OCTANE LUXURY RED BUTTON (HOVER ELEVATION) */
.vip-action-btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(135deg, #e5232a 0%, #b91319 100%);
color: #ffffff;
text-decoration: none;
font-family: 'Space Grotesk', sans-serif;
font-size: 14.5px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 17px 38px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow:
0 8px 24px -2px rgba(229, 35, 42, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.35);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
/* SMOOTH SHEEN SWEEP */
.vip-action-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
transform: skewX(-25deg);
transition: left 0.55s ease;
}
.vip-action-btn:hover {
transform: translateY(-3px) scale(1.02);
box-shadow:
0 14px 34px -2px rgba(229, 35, 42, 0.65),
0 0 16px rgba(229, 35, 42, 0.3);
color:#fff;
}
.vip-action-btn:hover::before {
left: 170%;
}
.vip-action-btn svg {
transition: transform 0.25s ease;
}
.vip-action-btn:hover svg {
transform: translateX(4px);
}
.vip-sub-label {
font-size: 11.5px;
font-weight: 600;
color: #64748b;
letter-spacing: 0.5px;
}
/* =========================================
RESPONSIVE ADAPTATION
========================================= */
@media (max-width: 880px) {
.vip-pass-card {
flex-direction: column;
align-items: flex-start;
gap: 28px;
padding: 34px 28px;
}
.vip-stub-divider {
display: none;
}
.vip-right-col {
width: 100%;
align-items: flex-start;
}
.vip-action-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 540px) {
.dax-light-bid-section {
padding: 44px 16px;
}
.vip-bid-headline {
font-size: 25px;
}
}
/* Register To Bid At DAX Classics css end */
/* about us bg animation css start */
/* ==========================================================
DAX CLASSICS - SMOOTH LIQUID STREAM (NO BOXES, NO GRIDS)
Sirf fluid aerodynamic light-waves flow karengi
========================================================== */
/* 1. Base Pearlescent Automotive Canvas */
.about-us-bg {
position: relative !important;
background-color: #f4f6fa !important;
background-image: radial-gradient(circle at 50% 20%, #ffffff 0%, #edf1f7 60%, #e2e8f0 100%) !important;
overflow: hidden !important;
z-index: 1 !important;
}
/* 2. Fluid Wave Layer 1: Crimson Aerodynamic Light Stream */
.about-us-bg::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: -30% !important;
left: -20% !important;
width: 140% !important;
height: 160% !important;
background: radial-gradient(
ellipse at 30% 50%,
rgba(229, 35, 42, 0.22) 0%,
rgba(229, 35, 42, 0.12) 30%,
rgba(255, 107, 112, 0.05) 50%,
transparent 70%
) !important;
filter: blur(50px) !important;
animation: daxFluidCruiseA 11s ease-in-out infinite alternate !important;
pointer-events: none !important;
z-index: 0 !important;
will-change: transform, opacity !important;
}
/* 3. Fluid Wave Layer 2: Deep Metallic Blue-Silver Stream */
.about-us-bg::after {
content: "" !important;
display: block !important;
position: absolute !important;
bottom: -35% !important;
right: -20% !important;
width: 140% !important;
height: 160% !important;
background: radial-gradient(
ellipse at 70% 50%,
rgba(20, 49, 106, 0.18) 0%,
rgba(20, 49, 106, 0.08) 35%,
rgba(229, 35, 42, 0.08) 55%,
transparent 72%
) !important;
filter: blur(60px) !important;
animation: daxFluidCruiseB 14s ease-in-out infinite alternate !important;
pointer-events: none !important;
z-index: 0 !important;
will-change: transform, opacity !important;
}
/* Butter-Smooth 60FPS Fluid Horizon Movement */
@keyframes daxFluidCruiseA {
0% {
transform: translate3d(-10%, 0, 0) scale(0.9);
opacity: 0.6;
}
50% {
transform: translate3d(8%, -6%, 0) scale(1.15);
opacity: 0.95;
}
100% {
transform: translate3d(22%, 4%, 0) scale(1);
opacity: 0.7;
}
}
@keyframes daxFluidCruiseB {
0% {
transform: translate3d(15%, 0, 0) scale(1.05);
opacity: 0.7;
}
50% {
transform: translate3d(-10%, 8%, 0) scale(0.92);
opacity: 0.95;
}
100% {
transform: translate3d(-24%, -4%, 0) scale(1.18);
opacity: 0.6;
}
}
/* 4. Beaver Builder layers ko transparent rakhna zaroori hai */
.about-us-bg .fl-row-content-wrap,
.about-us-bg .fl-row-fixed-width,
.about-us-bg .fl-col-group,
.about-us-bg .fl-col {
background: transparent !important;
background-color: transparent !important;
position: relative !important;
z-index: 2 !important;
}
/* about us bg animation css start */
/* about us slider css start */
.dax-infinite-strip {
position: relative;
width: 100%;
padding: 40px 0; /* Exact 40px top-bottom */
background: radial-gradient(ellipse at 50% 50%, #12151e 0%, #07080b 100%);
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.06);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
display: flex;
align-items: center;
}
/* Subtle Racing Edge Line */
.dax-infinite-strip::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #e5232a 50%, transparent 100%);
opacity: 0.8;
z-index: 5;
}
/* Side Fade Masks */
.dax-mask-left,
.dax-mask-right {
position: absolute;
top: 0;
bottom: 0;
width: 120px;
z-index: 10;
pointer-events: none;
}
.dax-mask-left {
left: 0;
background: linear-gradient(90deg, #07080b 20%, transparent 100%);
}
.dax-mask-right {
right: 0;
background: linear-gradient(-90deg, #07080b 20%, transparent 100%);
}
/* Continuous Unbroken Moving Rail */
.dax-rail {
display: flex;
width: max-content;
animation: daxNeverEndingScroll 20s linear infinite;
will-change: transform;
}
/* Hover par pause */
.dax-rail:hover {
animation-play-state: paused;
}
/* Each Group (Sets of logos) */
.dax-batch {
display: flex;
align-items: center;
gap: 28px;
padding-right: 28px;
}
/* Compact White Mount for Logos */
.dax-logo-pod {
width: 180px;
height: 115px;
background: #ffffff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
flex-shrink: 0;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.dax-logo-pod:hover {
transform: translateY(-2px);
border-color: rgba(229, 35, 42, 0.6);
box-shadow: 0 10px 25px rgba(229, 35, 42, 0.3);
}
.dax-logo-pod img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
filter: contrast(1.05);
user-select: none;
pointer-events: none;
}
/* 60FPS Never-Ending Mathematical Loop */
@keyframes daxNeverEndingScroll {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
/* Responsive */
@media (max-width: 768px) {
.dax-infinite-strip {
padding: 30px 0;
}
.dax-logo-pod {
width: 150px;
height: 65px;
padding: 8px 14px;
}
.dax-batch {
gap: 18px;
padding-right: 18px;
}
.dax-mask-left, .dax-mask-right {
width: 60px;
}
}
/* about us slider css end */
/* location infor css start */
.daxairports-wrap{
background:#fff;
padding:110px 24px;
box-sizing:border-box;
}
.daxairports-wrap *{box-sizing:border-box;}
.daxairports-inner{
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:1.15fr 1fr;
align-items:center;
}
/* ---------- image ---------- */
.daxairports-media{
position:relative;
z-index:1;
}
.daxairports-photo{
display:block;
width:100%;
height:580px;
object-fit:cover;
border-radius:10px;
}
/* ---------- ticket ---------- */
.daxairports-ticket{
position:relative;
z-index:2;
margin-left:-110px;
filter:drop-shadow(0 22px 34px rgba(25,28,36,0.16));
}
.daxairports-main{
background:#ffffff;
border-top:5px solid #a8141b;
border-radius:10px 10px 0 0;
padding:50px 52px 44px;
-webkit-mask:
radial-gradient(circle 14px at 0 100%,#0000 97%,#000) left/51% 100% no-repeat,
radial-gradient(circle 14px at 100% 100%,#0000 97%,#000) right/51% 100% no-repeat;
mask:
radial-gradient(circle 14px at 0 100%,#0000 97%,#000) left/51% 100% no-repeat,
radial-gradient(circle 14px at 100% 100%,#0000 97%,#000) right/51% 100% no-repeat;
}
.daxairports-label{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
font-size:15px;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
.daxairports-label svg{
width:20px;
height:20px;
fill:#a8141b;
}
.daxairports-title{
margin:0 0 24px;
font-size:54px;
line-height:1.05;
font-weight:300;
color:#1c1d22;
}
.daxairports-bar{
width:56px;
height:3px;
margin:0 0 28px;
border-radius:3px;
background:#1c1d22;
}
.daxairports-text{
margin:0;
font-size:16.5px;
line-height:1.85;
color:#4a4c55;
}
/* ---------- stub ---------- */
.daxairports-stub{
position:relative;
background:#fafafb;
border-radius:0 0 10px 10px;
padding:34px 52px 38px;
-webkit-mask:
radial-gradient(circle 14px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,
radial-gradient(circle 14px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat;
mask:
radial-gradient(circle 14px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,
radial-gradient(circle 14px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat;
}
.daxairports-stub:before{
content:"";
position:absolute;
top:0;
left:22px;
right:22px;
border-top:2px dashed #d3d5db;
}
.daxairports-stub .daxairports-text{
font-size:16px;
}
.daxairports-stub a{
color:#a8141b;
font-weight:600;
text-decoration:none;
border-bottom:2px solid rgba(168,20,27,0.25);
transition:border-color 0.25s ease,color 0.25s ease;
word-break:break-word;
}
.daxairports-stub a:hover{
color:#1c1d22;
border-color:#1c1d22;
}
.daxairports-stub a:focus-visible{
outline:2px solid #a8141b;
outline-offset:3px;
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.daxairports-photo{height:500px;}
.daxairports-ticket{margin-left:-70px;}
.daxairports-main{padding:40px 36px 36px;}
.daxairports-stub{padding:30px 36px 34px;}
.daxairports-title{font-size:44px;}
}
@media (max-width:860px){
.daxairports-wrap{padding:20px 0px;}
.daxairports-inner{grid-template-columns:1fr;}
.daxairports-photo{height:300px;}
.daxairports-ticket{margin:-60px 0px 0;}
.daxairports-main{padding:34px 26px 32px;}
.daxairports-stub{padding:28px 26px 30px;}
.daxairports-title{font-size:38px;}
.daxairports-text{font-size:16px;line-height:1.8;}
}
/* location info css end */
/* securitry sec css start */
.daxsecurity-wrap{
background:#f3f4f6;
padding:50px 24px;
box-sizing:border-box;
}
.daxsecurity-wrap *{box-sizing:border-box;}
.daxsecurity-inner{
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1.15fr;
align-items:center;
}
/* ---------- card ---------- */
.daxsecurity-card{
position:relative;
z-index:2;
margin-right:-110px;
background:#ffffff;
border-left:5px solid #a8141b;
border-radius:10px;
padding:52px 52px 46px;
box-shadow:0 22px 34px rgba(25,28,36,0.14);
}
.daxsecurity-label{
display:inline-flex;
align-items:center;
gap:12px;
margin:0 0 16px;
font-size:15px;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
.daxsecurity-dot{
position:relative;
width:10px;
height:10px;
border-radius:50%;
background:#a8141b;
flex:none;
}
.daxsecurity-dot:after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-radius:50%;
background:#a8141b;
animation:daxsecurityPulse 2s ease-out infinite;
}
@keyframes daxsecurityPulse{
0%{transform:scale(1);opacity:0.55;}
100%{transform:scale(3.2);opacity:0;}
}
.daxsecurity-title{
margin:0 0 24px;
font-size:46px;
line-height:1.12;
font-weight:300;
color:#1c1d22;
}
.daxsecurity-bar{
width:56px;
height:3px;
margin:0 0 30px;
border-radius:3px;
background:#1c1d22;
}
.daxsecurity-row{
display:flex;
align-items:flex-start;
gap:18px;
}
.daxsecurity-row + .daxsecurity-row{
margin-top:24px;
padding-top:24px;
border-top:1px dashed #d3d5db;
}
.daxsecurity-icon{
flex:none;
width:44px;
height:44px;
border-radius:50%;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
}
.daxsecurity-icon svg{
width:22px;
height:22px;
fill:#a8141b;
}
.daxsecurity-text{
margin:0;
font-size:16.5px;
line-height:1.85;
color:#4a4c55;
}
/* ---------- image ---------- */
.daxsecurity-media{
position:relative;
z-index:1;
}
.daxsecurity-photo{
display:block;
width:100%;
height:600px;
object-fit:cover;
border-radius:10px;
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.daxsecurity-card{margin-right:-70px;padding:40px 36px 36px;}
.daxsecurity-photo{height:520px;}
.daxsecurity-title{font-size:38px;}
}
@media (max-width:860px){
.daxsecurity-wrap{padding:30px 0px;}
.daxsecurity-inner{grid-template-columns:1fr;}
.daxsecurity-media{order:-1;}
.daxsecurity-photo{height:300px;}
.daxsecurity-card{margin:-60px 0px 0;padding:32px 24px 30px;}
.daxsecurity-title{font-size:32px;}
.daxsecurity-text{font-size:16px;line-height:1.8;}
.daxsecurity-icon{width:38px;height:38px;}
.daxsecurity-icon svg{width:19px;height:19px;}
.daxsecurity-row{gap:14px;}
}
@media (prefers-reduced-motion:reduce){
.daxsecurity-dot:after{animation:none;opacity:0;}
}
/* securuty css end */
/* lodging sec css start */
.daxlodging-wrap{
background:#fff;
padding:60px 24px;
box-sizing:border-box;
}
.daxlodging-wrap *{box-sizing:border-box;}
.daxlodging-inner{
max-width:1240px;
margin:0 auto;
}
/* ---------- label ---------- */
.daxlodging-label{
display:flex;
align-items:center;
gap:12px;
margin:0 0 40px;
font-size:15px;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
.daxlodging-label svg{
width:22px;
height:22px;
fill:#a8141b;
flex:none;
}
.daxlodging-label:after{
content:"";
flex:1;
height:1px;
background:#d3d5db;
}
/* ---------- accordion ---------- */
.daxlodging-list{
display:flex;
gap:14px;
height:580px;
}
.daxlodging-panel{
position:relative;
flex:1;
min-width:0;
overflow:hidden;
background:#ffffff;
border-radius:14px;
box-shadow:0 12px 26px rgba(25,28,36,0.07);
cursor:pointer;
outline:none;
transition:flex 0.7s cubic-bezier(0.22,0.8,0.24,1),background 0.5s ease,box-shadow 0.5s ease;
}
.daxlodging-panel:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:#a8141b;
transform:scaleX(0);
transform-origin:left center;
transition:transform 0.7s cubic-bezier(0.22,0.8,0.24,1);
z-index:3;
}.daxlodging-panel:hover,
.daxlodging-panel:focus-visible,
.daxlodging-panel:has(:focus-visible),
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child{
flex:3.4;
background:#1c1d22;
box-shadow:0 26px 44px rgba(25,28,36,0.22);
cursor:default;
}.daxlodging-panel:hover:before,
.daxlodging-panel:focus-visible:before,
.daxlodging-panel:has(:focus-visible):before,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child:before{
transform:scaleX(1);
}
.daxlodging-panel:focus-visible{
box-shadow:0 0 0 2px #a8141b;
}
/* ---------- collapsed state ---------- */
.daxlodging-tab{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
padding:30px 0 34px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
opacity:1;
transition:opacity 0.35s ease 0.2s;
}.daxlodging-panel:hover .daxlodging-tab,
.daxlodging-panel:focus-visible .daxlodging-tab,
.daxlodging-panel:has(:focus-visible) .daxlodging-tab,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child .daxlodging-tab{
opacity:0;
pointer-events:none;
transition-delay:0s;
}
.daxlodging-plus{
width:46px;
height:46px;
border-radius:50%;
border:1.5px solid #d3d5db;
display:flex;
align-items:center;
justify-content:center;
transition:background 0.3s ease,border-color 0.3s ease;
}
.daxlodging-plus svg{
width:18px;
height:18px;
fill:#a8141b;
transition:fill 0.3s ease;
}
.daxlodging-panel:hover .daxlodging-plus{
background:#a8141b;
border-color:#a8141b;
}
.daxlodging-panel:hover .daxlodging-plus svg{
fill:#ffffff;
}
.daxlodging-tabname{
writing-mode:vertical-rl;
transform:rotate(180deg);
max-height:430px;
font-size:21px;
line-height:1.3;
font-weight:300;
color:#1c1d22;
}
/* ---------- expanded state ---------- */
.daxlodging-detail{
position:absolute;
left:0;
top:0;
width:500px;
height:100%;
padding:52px 44px 40px;
display:flex;
flex-direction:column;
opacity:0;
transform:translateX(26px);
pointer-events:none;
transition:opacity 0.3s ease,transform 0.3s ease;
}.daxlodging-panel:hover .daxlodging-detail,
.daxlodging-panel:focus-visible .daxlodging-detail,
.daxlodging-panel:has(:focus-visible) .daxlodging-detail,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child .daxlodging-detail{
opacity:1;
transform:translateX(0);
pointer-events:auto;
transition:opacity 0.5s ease 0.3s,transform 0.6s cubic-bezier(0.22,0.8,0.24,1) 0.3s;
}
.daxlodging-name{
margin:0 0 24px;
font-size:36px;
line-height:1.2;
font-weight:300;
color:#ffffff;
}
.daxlodging-bar{
width:52px;
height:3px;
margin:0 0 34px;
border-radius:3px;
background:#a8141b;
}
.daxlodging-row{
display:flex;
align-items:flex-start;
gap:16px;
}
.daxlodging-row + .daxlodging-row{
margin-top:20px;
}
.daxlodging-icon{
flex:none;
width:44px;
height:44px;
border-radius:50%;
background:rgba(255,255,255,0.08);
display:flex;
align-items:center;
justify-content:center;
}
.daxlodging-icon svg{
width:19px;
height:19px;
fill:#e5383f;
}
.daxlodging-text{
margin:0;
padding-top:2px;
font-size:16.5px;
line-height:1.7;
color:#c4c6ce;
}
.daxlodging-text strong{
display:block;
font-weight:700;
color:#ffffff;
}
.daxlodging-text a{
color:#ffffff;
font-weight:600;
text-decoration:none;
}
.daxlodging-text a:hover{
color:#ff6b71;
}
/* link footer */
.daxlodging-foot{
margin-top:auto;
padding-top:26px;
border-top:1px dashed rgba(255,255,255,0.25);
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
font-size:16px;
line-height:1.6;
color:#a9abb4;
}
.daxlodging-foot a{
color:#ffffff;
font-weight:600;
text-decoration:none;
border-bottom:2px solid #a8141b;
transition:border-color 0.25s ease,color 0.25s ease;
}
.daxlodging-foot a:hover{
border-color:#ffffff;
}
.daxlodging-foot a:focus-visible{
outline:2px solid #ffffff;
outline-offset:4px;
}
.daxlodging-arrow{
flex:none;
width:54px;
height:54px;
border-radius:50%;
background:#a8141b;
display:flex;
align-items:center;
justify-content:center;
transition:transform 0.3s ease,background 0.3s ease;
}
.daxlodging-arrow svg{
width:22px;
height:22px;
fill:#ffffff;
}
.daxlodging-foot:hover .daxlodging-arrow{
transform:translateX(6px);
background:#c21b23;
}
/* ---------- tablet / mobile: stacked, everything visible ---------- */
@media (max-width:1180px){
.daxlodging-list{
flex-direction:column;
height:auto;
gap:18px;
}.daxlodging-panel,
.daxlodging-panel:hover,
.daxlodging-panel:focus-visible,
.daxlodging-panel:has(:focus-visible),
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child{
flex:none;
background:#ffffff;
cursor:default;
box-shadow:0 12px 26px rgba(25,28,36,0.07);
}.daxlodging-panel:before,
.daxlodging-panel:hover:before,
.daxlodging-panel:focus-visible:before,
.daxlodging-panel:has(:focus-visible):before,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child:before{
width:5px;
height:100%;
transform:scaleX(1);
}
.daxlodging-tab{display:none;}
.daxlodging-detail{
position:static;
width:auto;
height:auto;
opacity:1;
transform:none;
pointer-events:auto;
padding:34px 32px 30px 38px;
}.daxlodging-panel:hover .daxlodging-detail,
.daxlodging-panel:focus-visible .daxlodging-detail,
.daxlodging-panel:has(:focus-visible) .daxlodging-detail,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child .daxlodging-detail{
transition:none;
}
.daxlodging-name{color:#1c1d22;font-size:30px;}
.daxlodging-icon{background:#f3f4f6;}
.daxlodging-icon svg{fill:#a8141b;}
.daxlodging-text{color:#4a4c55;}
.daxlodging-text strong{color:#1c1d22;}
.daxlodging-text a{color:#1c1d22;}
.daxlodging-text a:hover{color:#a8141b;}
.daxlodging-foot{
margin-top:28px;
border-top-color:#d3d5db;
color:#6a6c75;
}
.daxlodging-foot a{color:#a8141b;border-bottom-color:rgba(168,20,27,0.3);}
.daxlodging-foot a:hover{color:#1c1d22;border-bottom-color:#1c1d22;}
.daxlodging-foot a:focus-visible{outline-color:#a8141b;}
}
@media (max-width:860px){
.daxlodging-wrap{padding:20px 0px;}
.daxlodging-detail{padding:28px 22px 26px 28px;}
.daxlodging-name{font-size:25px;}
.daxlodging-icon{width:38px;height:38px;}
.daxlodging-text{font-size:16px;}
.daxlodging-arrow{width:46px;height:46px;}
}
@media (prefers-reduced-motion:reduce){.daxlodging-panel,
.daxlodging-panel:before,
.daxlodging-tab,
.daxlodging-detail,
.daxlodging-panel:hover .daxlodging-detail,
.daxlodging-panel:focus-visible .daxlodging-detail,
.daxlodging-panel:has(:focus-visible) .daxlodging-detail,
.daxlodging-list:not(:has(.daxlodging-panel:hover)):not(:has(:focus-visible)) .daxlodging-panel:first-child .daxlodging-detail,
.daxlodging-arrow{transition:none;}
}
/* lodging sec css end */
/* inventory page css start */
.daxinventory-wrap{
background:#f3f4f6;
padding:90px 24px 110px;
box-sizing:border-box;
}
.daxinventory-wrap *{box-sizing:border-box;}
.daxinventory-inner{
max-width:1240px;
margin:0 auto;
}
/* ---------- info strip (header) ---------- */
.daxinventory-head{
display:grid;
grid-template-columns:repeat(3,1fr);
margin:0 0 56px;
background:#ffffff;
border-top:5px solid #a8141b;
border-radius:14px;
box-shadow:0 22px 40px rgba(25,28,36,0.09);
}
.daxinventory-cell{
position:relative;
padding:40px 30px 38px;
text-align:center;
}
.daxinventory-cell + .daxinventory-cell:before{
content:"";
position:absolute;
left:0;
top:28px;
bottom:28px;
border-left:2px dashed #d9dbe0;
}
.daxinventory-ico{
width:60px;
height:60px;
margin:0 auto 20px;
border-radius:50%;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
}
.daxinventory-ico svg{
width:26px;
height:26px;
fill:#a8141b;
}
.daxinventory-cell p{
margin:0;
font-size:24px;
line-height:1.4;
font-weight:300;
color:#1c1d22;
}
.daxinventory-phone{
font-weight:600;
color:#a8141b;
text-decoration:none;
border-bottom:2px solid rgba(168,20,27,0.3);
transition:color 0.25s ease,border-color 0.25s ease;
white-space:nowrap;
}
.daxinventory-phone:hover{
color:#1c1d22;
border-color:#1c1d22;
}
.daxinventory-phone:focus-visible{
outline:2px solid #a8141b;
outline-offset:4px;
}
/* ---------- bento mosaic ---------- */
.daxinventory-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-auto-rows:255px;
grid-auto-flow:dense;
gap:18px;
}
/* big featured tile, alternating left / right every 5 vehicles */
.daxinventory-item:nth-child(10n+1){
grid-column:1 / span 2;
grid-row:span 2;
}
.daxinventory-item:nth-child(10n+6){
grid-column:3 / span 2;
grid-row:span 2;
}
.daxinventory-item{
position:relative;
display:block;
overflow:hidden;
border-radius:14px;
background:#1c1d22;
text-decoration:none;
box-shadow:0 12px 26px rgba(25,28,36,0.12);
transition:transform 0.4s ease,box-shadow 0.4s ease;
}
.daxinventory-item:hover{
transform:translateY(-6px);
box-shadow:0 26px 44px rgba(25,28,36,0.22);
}
.daxinventory-item:focus-visible{
outline:3px solid #a8141b;
outline-offset:3px;
}
.daxinventory-photo{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.001);
transition:transform 0.9s cubic-bezier(0.22,0.8,0.24,1);
}
.daxinventory-item:hover .daxinventory-photo{
transform:scale(1.08);
}
.daxinventory-item:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:75%;
background:linear-gradient(to top,rgba(20,21,26,0.93) 0%,rgba(20,21,26,0.55) 50%,rgba(20,21,26,0) 100%);
z-index:1;
transition:height 0.4s ease;
}
.daxinventory-item:hover:before{
height:90%;
}
.daxinventory-title{
position:absolute;
left:0;
bottom:0;
z-index:2;
width:100%;
margin:0;
padding:0 72px 24px 22px;
font-size:18px;
line-height:1.3;
font-weight:500;
color:#ffffff;
}
.daxinventory-title:before{
content:"";
display:block;
width:28px;
height:3px;
margin-bottom:12px;
border-radius:3px;
background:#c21b23;
transition:width 0.4s ease;
}
.daxinventory-item:hover .daxinventory-title:before{
width:64px;
}
.daxinventory-item:nth-child(10n+1) .daxinventory-title,
.daxinventory-item:nth-child(10n+6) .daxinventory-title{
padding:0 96px 34px 34px;
font-size:30px;
}
.daxinventory-item:nth-child(10n+1) .daxinventory-title:before,
.daxinventory-item:nth-child(10n+6) .daxinventory-title:before{
width:46px;
height:4px;
margin-bottom:16px;
}
.daxinventory-arrow{
position:absolute;
right:18px;
bottom:20px;
z-index:2;
width:42px;
height:42px;
border-radius:50%;
background:#ffffff;
display:flex;
align-items:center;
justify-content:center;
transition:background 0.35s ease,transform 0.35s ease;
}
.daxinventory-arrow svg{
width:18px;
height:18px;
fill:#1c1d22;
transition:fill 0.35s ease;
}
.daxinventory-item:nth-child(10n+1) .daxinventory-arrow,
.daxinventory-item:nth-child(10n+6) .daxinventory-arrow{
right:30px;
bottom:32px;
width:54px;
height:54px;
}
.daxinventory-item:hover .daxinventory-arrow{
background:#a8141b;
transform:translateX(-4px);
}
.daxinventory-item:hover .daxinventory-arrow svg{
fill:#ffffff;
}
/* ---------- responsive ---------- */
@media (max-width:1100px){
.daxinventory-grid{
grid-template-columns:repeat(2,1fr);
grid-auto-rows:230px;
}
.daxinventory-item:nth-child(10n+1),
.daxinventory-item:nth-child(10n+6){
grid-column:1 / -1;
grid-row:span 2;
}
.daxinventory-cell p{font-size:20px;}
}
@media (max-width:860px){
.daxinventory-wrap{padding:60px 18px 70px;}
.daxinventory-head{grid-template-columns:1fr;margin-bottom:40px;}
.daxinventory-cell{padding:30px 22px 28px;}
.daxinventory-cell + .daxinventory-cell:before{
left:28px;
right:28px;
top:0;
bottom:auto;
border-left:0;
border-top:2px dashed #d9dbe0;
}
.daxinventory-cell p{font-size:21px;}
}
@media (max-width:600px){
.daxinventory-grid{
grid-template-columns:1fr;
grid-auto-rows:250px;
gap:16px;
}
.daxinventory-item:nth-child(10n+1),
.daxinventory-item:nth-child(10n+6){
grid-column:auto;
grid-row:span 1;
}
.daxinventory-item:nth-child(10n+1) .daxinventory-title,
.daxinventory-item:nth-child(10n+6) .daxinventory-title{
padding:0 72px 24px 22px;
font-size:19px;
}
.daxinventory-item:nth-child(10n+1) .daxinventory-arrow,
.daxinventory-item:nth-child(10n+6) .daxinventory-arrow{
right:18px;
bottom:20px;
width:42px;
height:42px;
}
.daxinventory-title{font-size:19px;}
}
@media (prefers-reduced-motion:reduce){
.daxinventory-item,
.daxinventory-item:before,
.daxinventory-photo,
.daxinventory-title:before,
.daxinventory-arrow,
.daxinventory-phone{transition:none;}
}
/* inverntory page css end */
/* inventory single page css start */
.dax-single-description {
margin-top: 20px !important;
}
.dax-single-sidebar ul {
padding-left: 15px;
/* padding-top: 0; */
/* margin-top: 0; */
}
body .dax-single-auction{
padding:10px 0 90px;
color:#4a4c55;
}
/* ---------- title ---------- */
body .dax-single-auction .dax-single-title{
position:relative;
margin:0 0 52px;
padding:0 0 28px;
font-size:46px;
line-height:1.12;
font-weight:300;
color:#1c1d22;
}
body .dax-single-auction .dax-single-title:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:64px;
height:4px;
border-radius:4px;
background:#a8141b;
}
/* ---------- layout ---------- */
body .dax-single-auction .dax-single-layout{
display:grid;
grid-template-columns:340px minmax(0,1fr);
gap:48px;
align-items:start;
}
/* ---------- sidebar card ---------- */
body .dax-single-auction .dax-single-sidebar{
position:sticky;
top:40px;
min-width:0;
padding:30px 30px 34px;
background:#ffffff;
border-top:5px solid #a8141b;
border-radius:14px;
box-shadow:0 22px 40px rgba(25,28,36,0.09);
}
/* back button */
body .dax-single-auction .dax-single-back{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 30px;
padding:12px 22px 12px 18px;
font-size:14px;
line-height:1;
font-weight:600;
color:#1c1d22;
background:#f3f4f6;
border:0;
border-radius:999px;
text-decoration:none;
transition:background 0.3s ease,color 0.3s ease;
}
body .dax-single-auction .dax-single-back:before{
content:"";
width:16px;
height:16px;
background:currentColor;
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
transition:transform 0.3s ease;
}
body .dax-single-auction .dax-single-back:hover{
background:#a8141b;
color:#ffffff;
}
body .dax-single-auction .dax-single-back:hover:before{
transform:translateX(-4px);
}
body .dax-single-auction .dax-single-back:focus-visible{
outline:2px solid #a8141b;
outline-offset:3px;
}
/* "Details" label */
body .dax-single-auction .dax-single-sidebar h2{
display:flex;
align-items:center;
gap:12px;
margin:0 0 14px;
font-size:15px;
line-height:1.2;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
body .dax-single-auction .dax-single-sidebar h2:after{
content:"";
flex:1;
height:1px;
background:#d9dbe0;
}
/* vehicle name */
body .dax-single-auction .dax-single-sidebar h3{
margin:0 0 24px;
padding:0 0 22px;
position:relative;
font-size:24px;
line-height:1.3;
font-weight:300;
color:#1c1d22;
}
body .dax-single-auction .dax-single-sidebar h3:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:44px;
height:3px;
border-radius:3px;
background:#1c1d22;
}
/* description */
body .dax-single-auction .dax-single-description p{
margin:0 0 14px;
font-size:15px;
line-height:1.6;
color:#1c1d22;
}
body .dax-single-auction .dax-single-description strong{
font-weight:700;
}
body .dax-single-auction .dax-single-description ul{
margin:0;
padding:0;
list-style:none;
}
body .dax-single-auction .dax-single-description li{
position:relative;
margin:0;
padding:13px 0 13px 26px;
font-size:14.5px;
line-height:1.5;
letter-spacing:0.4px;
color:#4a4c55;
border-top:1px dashed #d9dbe0;
}
body .dax-single-auction .dax-single-description li:before{
content:"";
position:absolute;
left:3px;
top:50%;
width:8px;
height:8px;
margin-top:-4px;
border-radius:2px;
background:#a8141b;
transform:rotate(45deg);
}
/* ---------- gallery (main column) ---------- */
body .dax-single-auction .dax-single-layout > :not(.dax-single-sidebar){
min-width:0;
}
body .dax-single-auction .dax-single-layout > :not(.dax-single-sidebar) img{
display:block;
max-width:100%;
height:auto;
border-radius:14px;
}
/* big photo */
body .dax-single-auction .dax-single-layout > :not(.dax-single-sidebar) > img:first-child,
body .dax-single-auction [class*="main"] img,
body .dax-single-auction [class*="hero"] img{
box-shadow:0 22px 40px rgba(25,28,36,0.14);
}
/* thumbnails (generic selectors) */
body .dax-single-auction [class*="thumb"] img{
border-radius:10px;
opacity:0.72;
cursor:pointer;
transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;
}
body .dax-single-auction [class*="thumb"] img:hover,
body .dax-single-auction [class*="thumb"] .is-active img,
body .dax-single-auction [class*="thumb"] .active img,
body .dax-single-auction [class*="thumb"] img.is-active,
body .dax-single-auction [class*="thumb"] img.active{
opacity:1;
transform:translateY(-3px);
box-shadow:0 0 0 3px #a8141b;
}
/* ---------- responsive ---------- */
@media (max-width:1100px){
body .dax-single-auction .dax-single-layout{
grid-template-columns:290px minmax(0,1fr);
gap:32px;
}
body .dax-single-auction .dax-single-title{font-size:38px;}
}
@media (max-width:860px){
body .dax-single-auction{padding-bottom:60px;}
body .dax-single-auction .dax-single-title{
font-size:28px;
margin-bottom:36px;
padding-bottom:22px;
}
body .dax-single-auction .dax-single-layout{
grid-template-columns:1fr;
gap:28px;
}
/* photos first, details card below */
body .dax-single-auction .dax-single-sidebar{
position:static;
order:2;
padding:26px 22px 28px;
}
body .dax-single-auction .dax-single-sidebar h3{font-size:21px;}
}
@media (prefers-reduced-motion:reduce){
body .dax-single-auction .dax-single-back,
body .dax-single-auction .dax-single-back:before,
body .dax-single-auction [class*="thumb"] img{transition:none;}
}
/* inventory single page css end */
/* bideer section css start */
.daxbid-wrap{
background:#f3f4f6;
padding:60px 24px;
box-sizing:border-box;
}
.daxbid-wrap *{box-sizing:border-box;}
.daxbid-inner{
max-width:1200px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:28px;
}
/* ---------- row ---------- */
.daxbid-row{
display:grid;
grid-template-columns:360px 1fr;
background:#ffffff;
border-radius:16px;
overflow:hidden;
box-shadow:0 18px 36px rgba(25,28,36,0.09);
transition:box-shadow 0.4s ease,transform 0.4s ease;
}
.daxbid-row:hover{
transform:translateY(-4px);
box-shadow:0 28px 46px rgba(25,28,36,0.15);
}
/* ---------- button (left) ---------- */
.daxbid-btn{
position:relative;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:40px;
min-height:210px;
padding:34px 34px 32px;
background:#1c1d22;
color:#ffffff;
text-decoration:none;
overflow:hidden;
transition:background 0.4s ease;
}
.daxbid-btn:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:#a8141b;
transition:height 0.4s ease;
}
.daxbid-btn:hover{
background:#a8141b;
color: #fff;
}
.daxbid-btn:hover:before{
height:0;
}
.daxbid-btn:focus-visible{
outline:3px solid #a8141b;
outline-offset:-6px;
}
.daxbid-icon{
position:relative;
width:56px;
height:56px;
border-radius:50%;
background:rgba(255,255,255,0.1);
display:flex;
align-items:center;
justify-content:center;
}
.daxbid-icon svg{
width:26px;
height:26px;
fill:none;
stroke:#ffffff;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.daxbid-bottom{
position:relative;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
}
.daxbid-label{
font-size:19px;
line-height:1.3;
font-weight:700;
letter-spacing:0.8px;
text-transform:uppercase;
}
.daxbid-arrow{
flex:none;
width:48px;
height:48px;
border-radius:50%;
background:#a8141b;
display:flex;
align-items:center;
justify-content:center;
transition:background 0.4s ease,transform 0.4s ease;
}
.daxbid-arrow svg{
width:20px;
height:20px;
fill:#ffffff;
transition:fill 0.4s ease;
}
.daxbid-btn:hover .daxbid-arrow{
background:#ffffff;
transform:translateX(6px);
}
.daxbid-btn:hover .daxbid-arrow svg{
fill:#a8141b;
}
.daxbid-label:hover{
color: #fff;
}
/* ---------- content (right) ---------- */
.daxbid-content{
display:flex;
flex-direction:column;
justify-content:center;
padding:44px 56px;
}
.daxbid-content p{
margin:0;
font-size:19px;
line-height:1.85;
color:#4a4c55;
}
.daxbid-content p + p{
margin-top:14px;
}
.daxbid-contact{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 16px;
}
.daxbid-contact b{
font-weight:700;
color:#1c1d22;
}
.daxbid-contact a{
color:#a8141b;
font-weight:600;
text-decoration:none;
border-bottom:2px solid rgba(168,20,27,0.3);
transition:color 0.25s ease,border-color 0.25s ease;
word-break:break-word;
}
.daxbid-contact a:hover{
color:#1c1d22;
border-color:#1c1d22;
}
.daxbid-contact a:focus-visible{
outline:2px solid #a8141b;
outline-offset:3px;
}
.daxbid-sep{
width:2px;
height:20px;
background:#d3d5db;
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.daxbid-row{grid-template-columns:290px 1fr;}
.daxbid-btn{padding:30px 26px 28px;}
.daxbid-content{padding:38px 36px;}
.daxbid-content p{font-size:18px;}
}
@media (max-width:860px){
.daxbid-wrap{padding:25px 18px;}
.daxbid-inner{gap:22px;}
.daxbid-row{grid-template-columns:1fr;}
.daxbid-btn{
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:0;
padding:26px 24px 24px;
}
.daxbid-bottom{flex:1;align-items:center;}
.daxbid-icon{width:50px;height:50px;}
.daxbid-label{font-size:17px;}
.daxbid-content{padding:28px 24px 30px;}
.daxbid-content p{font-size:16.5px;line-height:1.8;}
.daxbid-sep{display:none;}
}
@media (prefers-reduced-motion:reduce){
.daxbid-row,
.daxbid-btn,
.daxbid-btn:before,
.daxbid-arrow,
.daxbid-arrow svg,
.daxbid-contact a{transition:none;}
.daxbid-row:hover{transform:none;}
.daxbid-btn:hover .daxbid-arrow{transform:none;}
}
/* bidder section css end */
/* gravity form css start */
/* =========================================================
DAX — Gravity Forms (global, all forms)
Light card + charcoal text + dark red #a8141b accent
Paste in: Appearance > Customize > Additional CSS
========================================================= */
/* ---------- form card ---------- */
body .gform_wrapper.gravity-theme{
box-sizing:border-box;
max-width:100%;
margin:0 auto;
padding:56px 60px 60px;
background:#ffffff;
border-top:5px solid #a8141b;
border-radius:16px;
box-shadow:0 22px 44px rgba(25,28,36,0.09);
}
body .gform_wrapper.gravity-theme *,
body .gform_wrapper.gravity-theme *:before,
body .gform_wrapper.gravity-theme *:after{
box-sizing:border-box;
}
/* title + description */
body .gform_wrapper.gravity-theme .gform_title{
margin:0 0 12px;
font-size:42px;
line-height:1.15;
font-weight:300;
color:#1c1d22;
}
body .gform_wrapper.gravity-theme .gform_description{
display:block;
margin:0 0 30px;
font-size:16.5px;
line-height:1.8;
color:#4a4c55;
}
/* "* indicates required fields" */
body .gform_wrapper.gravity-theme .gform_required_legend{
margin:0 0 30px;
font-size:13px;
line-height:1.5;
color:#6a6c75;
}
body .gform_wrapper.gravity-theme .gform_required_legend .gfield_required{
color:#a8141b;
}
/* ---------- grid spacing ---------- */
body .gform_wrapper.gravity-theme .gform_fields{
column-gap:24px;
row-gap:26px;
}
/* ---------- section headings (Personal Information, Dealer Information ...) ---------- */
body .gform_wrapper.gravity-theme .gfield.gsection{
position:relative;
margin:0;
padding:0 0 4px;
border-bottom:0;
}
body .gform_wrapper.gravity-theme .gfield.gsection:not(:first-child){
margin-top:22px;
padding-top:40px;
border-top:1px dashed #d9dbe0;
}
body .gform_wrapper.gravity-theme .gsection .gsection_title{
position:relative;
margin:0;
padding:0 0 18px;
font-size:30px;
line-height:1.2;
font-weight:300;
color:#1c1d22;
}
body .gform_wrapper.gravity-theme .gsection .gsection_title:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:48px;
height:3px;
border-radius:3px;
background:#a8141b;
}
body .gform_wrapper.gravity-theme .gsection .gsection_description{
margin-top:10px;
font-size:15px;
color:#6a6c75;
}
/* ---------- labels ---------- */
body .gform_wrapper.gravity-theme .gfield .gfield_label,
body .gform_wrapper.gravity-theme .gfield legend.gfield_label{
margin:0 0 9px;
padding:0;
font-size:14px;
line-height:1.4;
font-weight:700;
letter-spacing:0.2px;
color:#1c1d22;
}
body .gform_wrapper.gravity-theme .gfield_required,
body .gform_wrapper.gravity-theme .gfield_required .gfield_required_asterisk{
color:#a8141b;
font-weight:700;
}
body .gform_wrapper.gravity-theme .gfield_required_text{
margin-left:4px;
font-size:12px;
font-style:normal;
font-weight:600;
color:#a8141b;
}
/* sub labels (First / Last / City ...) */
body .gform_wrapper.gravity-theme .ginput_complex label,
body .gform_wrapper.gravity-theme .gform-field-label--type-sub,
body .gform_wrapper.gravity-theme .gfield_sublabel_above label,
body .gform_wrapper.gravity-theme .gfield_sublabel_below label{
display:block;
margin:0 0 6px;
padding:0;
font-size:12.5px;
line-height:1.4;
font-weight:600;
letter-spacing:0.2px;
color:#6a6c75;
}
body .gform_wrapper.gravity-theme .gfield_sublabel_below .ginput_complex label{
margin:6px 0 0;
}
/* descriptions / helper text */
body .gform_wrapper.gravity-theme .gfield_description{
padding:8px 0 0;
font-size:13px;
line-height:1.55;
color:#6a6c75;
}
/* ---------- inputs, selects, textarea ---------- */
body .gform_wrapper.gravity-theme input[type="text"],
body .gform_wrapper.gravity-theme input[type="email"],
body .gform_wrapper.gravity-theme input[type="tel"],
body .gform_wrapper.gravity-theme input[type="url"],
body .gform_wrapper.gravity-theme input[type="number"],
body .gform_wrapper.gravity-theme input[type="password"],
body .gform_wrapper.gravity-theme input[type="date"],
body .gform_wrapper.gravity-theme input[type="search"],
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea{
display:block;
width:100%;
height:54px;
margin:0;
padding:0 18px;
font-family:inherit;
font-size:16px;
line-height:1.4;
font-weight:400;
color:#1c1d22;
background-color:#f7f8fa;
border:1.5px solid #dfe1e6;
border-radius:10px;
box-shadow:none;
outline:none;
transition:border-color 0.25s ease,background-color 0.25s ease,box-shadow 0.25s ease;
}
body .gform_wrapper.gravity-theme textarea{
height:auto;
min-height:160px;
padding:16px 18px;
resize:vertical;
}
body .gform_wrapper.gravity-theme input[type="text"]:hover,
body .gform_wrapper.gravity-theme input[type="email"]:hover,
body .gform_wrapper.gravity-theme input[type="tel"]:hover,
body .gform_wrapper.gravity-theme input[type="url"]:hover,
body .gform_wrapper.gravity-theme input[type="number"]:hover,
body .gform_wrapper.gravity-theme input[type="password"]:hover,
body .gform_wrapper.gravity-theme input[type="date"]:hover,
body .gform_wrapper.gravity-theme input[type="search"]:hover,
body .gform_wrapper.gravity-theme select:hover,
body .gform_wrapper.gravity-theme textarea:hover{
border-color:#b9bcc5;
}
body .gform_wrapper.gravity-theme input[type="text"]:focus,
body .gform_wrapper.gravity-theme input[type="email"]:focus,
body .gform_wrapper.gravity-theme input[type="tel"]:focus,
body .gform_wrapper.gravity-theme input[type="url"]:focus,
body .gform_wrapper.gravity-theme input[type="number"]:focus,
body .gform_wrapper.gravity-theme input[type="password"]:focus,
body .gform_wrapper.gravity-theme input[type="date"]:focus,
body .gform_wrapper.gravity-theme input[type="search"]:focus,
body .gform_wrapper.gravity-theme select:focus,
body .gform_wrapper.gravity-theme textarea:focus{
background-color:#ffffff !important;
border-color:#a8141b !important;
box-shadow:0 0 0 4px rgba(168,20,27,0.12) !important;
outline: none !important;
}
body .gform_wrapper.gravity-theme input::placeholder,
body .gform_wrapper.gravity-theme textarea::placeholder{
color:#9a9ca5;
opacity:1;
}
body .gform_wrapper.gravity-theme input:disabled,
body .gform_wrapper.gravity-theme select:disabled,
body .gform_wrapper.gravity-theme textarea:disabled,
body .gform_wrapper.gravity-theme input[readonly]{
opacity:0.65;
cursor:not-allowed;
}
/* select arrow */
body .gform_wrapper.gravity-theme select{
padding-right:48px;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-position:right 14px center;
background-size:24px;
}
/* ---------- name / address sub-fields ---------- */
body .gform_wrapper.gravity-theme .ginput_complex{
display:flex;
flex-wrap:wrap;
gap:18px 24px;
}
body .gform_wrapper.gravity-theme .ginput_complex > span{
flex:1 1 calc(50% - 24px);
min-width:180px;
margin:0;
padding:0;
width:auto;
}
body .gform_wrapper.gravity-theme .ginput_complex > span.address_line_1,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_line_2,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_country{
flex-basis:100%;
}
body .gform_wrapper.gravity-theme .ginput_complex > span.address_city,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_state,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_zip{
flex:1 1 calc(33.333% - 24px);
}
/* ---------- checkboxes + radios ---------- */
body .gform_wrapper.gravity-theme .gfield_checkbox,
body .gform_wrapper.gravity-theme .gfield_radio{
display:flex;
flex-direction:column;
gap:14px;
margin:0;
padding:0;
}
body .gform_wrapper.gravity-theme .gchoice{
display:flex;
align-items:center;
gap:12px;
margin:0;
padding:0;
}
body .gform_wrapper.gravity-theme .gchoice label{
margin:0;
max-width:none;
font-size:15.5px;
line-height:1.5;
font-weight:400;
color:#4a4c55;
cursor:pointer;
}
body .gform_wrapper.gravity-theme input[type="checkbox"],
body .gform_wrapper.gravity-theme input[type="radio"]{
flex:none;
width:24px;
height:24px;
margin:0;
padding:0;
background-color:#ffffff;
background-position:center;
background-repeat:no-repeat;
background-size:16px;
border:2px solid #c9ccd3;
border-radius:7px;
box-shadow:none;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}
body .gform_wrapper.gravity-theme input[type="radio"]{
border-radius:50%;
}
body .gform_wrapper.gravity-theme input[type="checkbox"]:hover,
body .gform_wrapper.gravity-theme input[type="radio"]:hover{
border-color:#a8141b;
}
body .gform_wrapper.gravity-theme input[type="checkbox"]:checked{
background-color:#a8141b;
border-color:#a8141b;
background-image:url("data:image/svg+xml;utf8,");
}
body .gform_wrapper.gravity-theme input[type="radio"]:checked{
background-color:#a8141b;
border-color:#a8141b;
box-shadow:inset 0 0 0 4px #ffffff;
}
body .gform_wrapper.gravity-theme input[type="checkbox"]:focus-visible,
body .gform_wrapper.gravity-theme input[type="radio"]:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(168,20,27,0.18);
}
body .gform_wrapper.gravity-theme input[type="radio"]:checked:focus-visible{
box-shadow:inset 0 0 0 4px #ffffff,0 0 0 4px rgba(168,20,27,0.18);
}
/* ---------- file upload ---------- */
body .gform_wrapper.gravity-theme input[type="file"]{
width:100%;
padding:14px 16px;
font-size:14.5px;
color:#4a4c55;
background:#f7f8fa;
border:1.5px dashed #c9ccd3;
border-radius:10px;
transition:border-color 0.25s ease,background 0.25s ease;
}
body .gform_wrapper.gravity-theme input[type="file"]:hover{
border-color:#a8141b;
background:#ffffff;
}
body .gform_wrapper.gravity-theme input[type="file"]::file-selector-button{
margin-right:16px;
padding:10px 20px;
font-size:14px;
font-weight:700;
color:#ffffff;
background:#1c1d22;
border:0;
border-radius:999px;
cursor:pointer;
transition:background 0.25s ease;
}
body .gform_wrapper.gravity-theme input[type="file"]::file-selector-button:hover{
background:#a8141b;
}
body .gform_wrapper.gravity-theme .gform_fileupload_rules{
font-size:12.5px;
color:#6a6c75;
}
/* ---------- HTML / terms text ---------- */
body .gform_wrapper.gravity-theme .gfield--type-html,
body .gform_wrapper.gravity-theme .gfield--type-html p{
font-size:13.5px;
line-height:1.7;
color:#6a6c75;
}
body .gform_wrapper.gravity-theme .gfield--type-html a{
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
text-decoration:none;
border-bottom:2px solid rgba(168,20,27,0.3);
transition:color 0.25s ease,border-color 0.25s ease;
}
body .gform_wrapper.gravity-theme .gfield--type-html a:hover{
color:#1c1d22;
border-color:#1c1d22;
}
/* ---------- submit / navigation buttons ---------- */
body .gform_wrapper.gravity-theme .gform_footer,
body .gform_wrapper.gravity-theme .gform_page_footer{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:14px;
margin:34px 0 0;
padding:0;
}
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
body .gform_wrapper.gravity-theme .gform_footer .gform_button,
body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button,
body .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"]{
height:58px;
margin:0;
padding:0 52px;
font-family:inherit;
font-size:16px;
font-weight:700;
letter-spacing:0.6px;
color:#ffffff;
background:#a8141b;
border:0;
border-radius:999px;
box-shadow:0 14px 26px rgba(168,20,27,0.28);
cursor:pointer;
transition:background 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;
}
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover,
body .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"]:hover{
background:#1c1d22;
transform:translateY(-3px);
box-shadow:0 18px 30px rgba(25,28,36,0.25);
}
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus-visible,
body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:focus-visible{
outline:3px solid #1c1d22;
outline-offset:3px;
}
/* back / previous */
body .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button{
height:58px;
margin:0;
padding:0 40px;
font-family:inherit;
font-size:16px;
font-weight:700;
color:#1c1d22;
background:#f3f4f6;
border:0;
border-radius:999px;
box-shadow:none;
cursor:pointer;
transition:background 0.3s ease,color 0.3s ease;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button:hover{
background:#1c1d22;
color:#ffffff;
}
/* ---------- validation ---------- */
body .gform_wrapper.gravity-theme .gform_validation_errors{
margin:0 0 34px;
padding:22px 26px;
background:#fff5f5;
border:1px solid #f1c9cb;
border-left:5px solid #a8141b;
border-radius:12px;
box-shadow:none;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2,
body .gform_wrapper.gravity-theme .gform_submission_error{
margin:0;
font-size:17px;
line-height:1.5;
font-weight:700;
color:#a8141b;
}
body .gform_wrapper.gravity-theme .gform_validation_errors ol{
margin:12px 0 0;
font-size:14.5px;
color:#4a4c55;
}
body .gform_wrapper.gravity-theme .gform_validation_errors a{
color:#a8141b;
font-weight:600;
}
body .gform_wrapper.gravity-theme .gfield_error input[type="text"],
body .gform_wrapper.gravity-theme .gfield_error input[type="email"],
body .gform_wrapper.gravity-theme .gfield_error input[type="tel"],
body .gform_wrapper.gravity-theme .gfield_error input[type="url"],
body .gform_wrapper.gravity-theme .gfield_error input[type="number"],
body .gform_wrapper.gravity-theme .gfield_error select,
body .gform_wrapper.gravity-theme .gfield_error textarea{
background-color:#fff5f5;
border-color:#a8141b;
}
body .gform_wrapper.gravity-theme .gfield_error{
margin:0;
padding:0;
background:transparent;
border:0;
}
body .gform_wrapper.gravity-theme .gfield_error .gfield_label{
color:#a8141b;
}
body .gform_wrapper.gravity-theme .gfield_validation_message,
body .gform_wrapper.gravity-theme .validation_message{
margin:8px 0 0;
padding:0;
font-size:13px;
line-height:1.5;
font-weight:600;
color:#a8141b;
background:transparent;
border:0;
}
/* ---------- confirmation message ---------- */
body .gform_confirmation_wrapper .gform_confirmation_message,
body .gform_wrapper.gravity-theme .gform_confirmation_message{
padding: 30px 34px;
font-size: 18px;
line-height: 1.7;
color: #fff;
background: green;
border-left: 5px solid #000;
border-radius: 12px;
}
/* ---------- multi-page progress bar ---------- */
body .gform_wrapper.gravity-theme .gf_progressbar_wrapper{
margin:0 0 38px;
}
body .gform_wrapper.gravity-theme .gf_progressbar_title{
margin:0 0 12px;
font-size:14px;
font-weight:700;
color:#1c1d22;
}
body .gform_wrapper.gravity-theme .gf_progressbar{
height:10px;
background:#e7e8ec;
border:0;
border-radius:10px;
overflow:hidden;
}
body .gform_wrapper.gravity-theme .gf_progressbar_percentage{
height:10px;
background:#a8141b;
border-radius:10px;
}
body .gform_wrapper.gravity-theme .gf_progressbar_percentage span{
display:none;
}
/* ---------- responsive ---------- */
@media (max-width:860px){
body .gform_wrapper.gravity-theme{
padding:34px 22px 38px;
border-radius:14px;
}
body .gform_wrapper.gravity-theme .gform_title{font-size:32px;}
body .gform_wrapper.gravity-theme .gform_fields{row-gap:22px;}
body .gform_wrapper.gravity-theme .gfield.gsection:not(:first-child){
margin-top:12px;
padding-top:30px;
}
body .gform_wrapper.gravity-theme .gsection .gsection_title{font-size:25px;}
body .gform_wrapper.gravity-theme .ginput_complex > span,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_city,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_state,
body .gform_wrapper.gravity-theme .ginput_complex > span.address_zip{
flex:1 1 100%;
}
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
body .gform_wrapper.gravity-theme .gform_footer .gform_button{
width:100%;
padding:0 24px;
}
}
@media (prefers-reduced-motion:reduce){
body .gform_wrapper.gravity-theme input,
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea,
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
body .gform_wrapper.gravity-theme .gform_footer .gform_button,
body .gform_wrapper.gravity-theme .gform_page_footer input{transition:none;}
body .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:hover{transform:none;}
}
/* gravity form css end */
.dax-single-thumb{
background: transparent !important;
}
.dax-single-thumb.is-active {
border-color: none !important;
}
/* contact us css start */
.daxreach-wrap{
background:#f3f4f6;
padding:60px 24px;
box-sizing:border-box;
}
.daxreach-wrap *{box-sizing:border-box;}
/* ---------- main card ---------- */
.daxreach-card{
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:0.85fr 1.25fr;
min-height:780px;
overflow:hidden;
background:#ffffff;
border-radius:24px;
box-shadow:0 34px 70px rgba(25,28,36,0.18);
}
/* ---------- left: "get in touch" panel ---------- */
.daxreach-panel{
position:relative;
overflow:hidden;
background:#1c1d22;
}
.daxreach-panel:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:radial-gradient(circle at 50% 38%,rgba(168,20,27,0.38) 0,rgba(168,20,27,0) 62%);
}
/* signal waves + centre button */
.daxreach-signal{
position:absolute;
left:50%;
top:38%;
width:116px;
height:116px;
margin:-58px 0 0 -58px;
}
.daxreach-wave{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-radius:50%;
border:2px solid rgba(255,74,82,0.6);
opacity:0;
animation:daxreachWave 4.4s ease-out infinite;
}
.daxreach-wave:nth-child(2){animation-delay:1.1s;}
.daxreach-wave:nth-child(3){animation-delay:2.2s;}
.daxreach-wave:nth-child(4){animation-delay:3.3s;}
@keyframes daxreachWave{
0%{transform:scale(1);opacity:0.75;}
100%{transform:scale(4.4);opacity:0;}
}
.daxreach-core{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-radius:50%;
background:radial-gradient(circle at 35% 28%,#d8252e,#a8141b 58%,#7d0f15);
box-shadow:0 0 0 9px rgba(168,20,27,0.25),0 0 54px rgba(168,20,27,0.7);
animation:daxreachBeat 2.2s ease-in-out infinite;
}
@keyframes daxreachBeat{
0%,100%{transform:scale(1);}
50%{transform:scale(1.07);}
}
/* phone -> mail -> chat, one after the other */
.daxreach-icon{
position:absolute;
left:50%;
top:50%;
width:46px;
height:46px;
margin:-23px 0 0 -23px;
fill:none;
stroke:#ffffff;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
opacity:0;
animation:daxreachIcon 9s ease-in-out infinite;
}
.daxreach-icon.is-2{animation-delay:3s;}
.daxreach-icon.is-3{animation-delay:6s;}
@keyframes daxreachIcon{
0%{opacity:0;transform:scale(0.55) rotate(-12deg);}
6%,28%{opacity:1;transform:scale(1) rotate(0deg);}
34%,100%{opacity:0;transform:scale(0.55) rotate(12deg);}
}
/* typing bubbles (a conversation) */
.daxreach-chat{
position:absolute;
left:36px;
right:36px;
bottom:46px;
display:flex;
flex-direction:column;
gap:14px;
}
.daxreach-bubble{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
width:88px;
height:48px;
border-radius:24px 24px 24px 6px;
background:rgba(255,255,255,0.1);
animation:daxreachFloat 3.4s ease-in-out infinite;
}
.daxreach-bubble.is-me{
align-self:flex-end;
border-radius:24px 24px 6px 24px;
background:#a8141b;
box-shadow:0 10px 24px rgba(168,20,27,0.4);
animation-delay:1.2s;
}
.daxreach-bubble i{
display:block;
width:8px;
height:8px;
border-radius:50%;
background:#ffffff;
opacity:0.5;
animation:daxreachDot 1.3s ease-in-out infinite;
}
.daxreach-bubble i:nth-child(2){animation-delay:0.18s;}
.daxreach-bubble i:nth-child(3){animation-delay:0.36s;}
@keyframes daxreachDot{
0%,60%,100%{transform:translateY(0);opacity:0.5;}
30%{transform:translateY(-6px);opacity:1;}
}
@keyframes daxreachFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-6px);}
}
/* ---------- right: form ---------- */
.daxreach-form{
position:relative;
padding:64px 58px 66px;
}
.daxreach-form:before{
content:"";
position:absolute;
left:58px;
top:0;
width:64px;
height:5px;
border-radius:0 0 5px 5px;
background:#a8141b;
}
/* remove the global Gravity Forms card, this column is already the card */
body .daxreach-wrap .gform_wrapper.gravity-theme{
margin:0;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
body .daxreach-wrap .gform_wrapper.gravity-theme .gform_title{
position:relative;
margin:0 0 30px;
padding:0 0 18px;
font-size:40px;
}
body .daxreach-wrap .gform_wrapper.gravity-theme .gform_title:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:44px;
height:3px;
border-radius:3px;
background:#1c1d22;
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.daxreach-card{grid-template-columns:0.7fr 1.3fr;}
.daxreach-form{padding:52px 36px 54px;}
.daxreach-form:before{left:36px;}
.daxreach-chat{left:24px;right:24px;}
}
@media (max-width:860px){
.daxreach-wrap{padding:30px 16px;}
.daxreach-card{
grid-template-columns:1fr;
min-height:0;
border-radius:18px;
}
.daxreach-panel{height:200px;}
.daxreach-signal{
top:50%;
width:80px;
height:80px;
margin:-40px 0 0 -40px;
}
.daxreach-icon{
width:34px;
height:34px;
margin:-17px 0 0 -17px;
}
.daxreach-chat{display:none;}
.daxreach-form{padding:40px 22px 44px;}
.daxreach-form:before{left:22px;}
body .daxreach-wrap .gform_wrapper.gravity-theme .gform_title{font-size:30px;}
}
@media (prefers-reduced-motion:reduce){
.daxreach-wave,
.daxreach-core,
.daxreach-icon,
.daxreach-bubble,
.daxreach-bubble i{animation:none;}
.daxreach-icon.is-1{opacity:1;}
.daxreach-bubble i{opacity:0.8;}
}
/* contact us css end */
/* home event css start */
.daxevent-wrap{
position:relative;
background:#f3f4f6;
padding:110px 24px 120px;
overflow:hidden;
box-sizing:border-box;
}
.daxevent-wrap *{box-sizing:border-box;}
/* soft red glow behind the flyer */
.daxevent-wrap:before{
content:"";
position:absolute;
left:-8%;
top:50%;
width:900px;
height:900px;
margin-top:-450px;
border-radius:50%;
background:radial-gradient(circle,rgba(168,20,27,0.14) 0,rgba(168,20,27,0) 65%);
pointer-events:none;
}
.daxevent-inner{
position:relative;
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:1.3fr 1fr;
gap:84px;
align-items:center;
}
/* ---------- flyer ---------- */
.daxevent-frame{
position:relative;
}
/* red offset outline */
.daxevent-frame:before{
content:"";
position:absolute;
left:24px;
top:24px;
right:-24px;
bottom:-24px;
border:2px solid #a8141b;
border-radius:20px;
}
/* dotted accent */
.daxevent-frame:after{
content:"";
position:absolute;
left:-36px;
bottom:-38px;
width:150px;
height:130px;
background:radial-gradient(circle,#a8141b 2.5px,rgba(168,20,27,0) 3px) 0 0/18px 18px;
opacity:0.45;
}
.daxevent-imgwrap{
position:relative;
z-index:2;
display:block;
overflow:hidden;
border-radius:18px;
background:#111111;
box-shadow:0 36px 70px rgba(25,28,36,0.32);
transition:transform 0.5s cubic-bezier(0.22,0.8,0.24,1),box-shadow 0.5s ease;
}
.daxevent-imgwrap:hover{
transform:translateY(-8px) scale(1.012);
box-shadow:0 46px 84px rgba(25,28,36,0.38);
}
.daxevent-imgwrap:focus-visible{
outline:3px solid #a8141b;
outline-offset:4px;
}
.daxevent-photo{
display:block;
width:100%;
height:auto;
}
/* light sweep across the flyer */
.daxevent-imgwrap:after{
content:"";
position:absolute;
top:0;
left:-60%;
width:34%;
height:100%;
background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.28) 50%,rgba(255,255,255,0) 100%);
transform:skewX(-18deg);
animation:daxeventShine 7s ease-in-out infinite;
pointer-events:none;
}
@keyframes daxeventShine{
0%,55%{left:-60%;}
100%{left:140%;}
}
/* zoom button */
.daxevent-zoom{
position:absolute;
right:18px;
bottom:18px;
z-index:3;
width:52px;
height:52px;
border-radius:50%;
background:#ffffff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 22px rgba(0,0,0,0.35);
transition:background 0.3s ease,transform 0.3s ease;
}
.daxevent-zoom svg{
width:24px;
height:24px;
fill:none;
stroke:#1c1d22;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
transition:stroke 0.3s ease;
}
.daxevent-imgwrap:hover .daxevent-zoom{
background:#a8141b;
transform:scale(1.1);
}
.daxevent-imgwrap:hover .daxevent-zoom svg{
stroke:#ffffff;
}
/* date badge */
.daxevent-badge{
position:absolute;
top:-30px;
right:-30px;
z-index:4;
width:118px;
height:118px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
color:#ffffff;
background:radial-gradient(circle at 35% 28%,#d8252e,#a8141b 60%,#7d0f15);
border:4px solid #ffffff;
box-shadow:0 18px 34px rgba(168,20,27,0.45);
animation:daxeventFloat 3.6s ease-in-out infinite;
}
.daxevent-badge b,
.daxevent-badge i,
.daxevent-badge span{
display:block;
font-style:normal;
}
.daxevent-badge i{
font-size:13px;
line-height:1;
font-weight:700;
letter-spacing:2.5px;
}
.daxevent-badge b{
margin:3px 0 2px;
font-size:42px;
line-height:1;
font-weight:700;
}
.daxevent-badge span{
font-size:13px;
line-height:1;
font-weight:600;
letter-spacing:1.5px;
}
@keyframes daxeventFloat{
0%,100%{transform:translateY(0) rotate(-6deg);}
50%{transform:translateY(-9px) rotate(-6deg);}
}
/* ---------- content ---------- */
.daxevent-label{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 16px;
font-size:15px;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
.daxevent-label svg{
width:20px;
height:20px;
fill:#a8141b;
}
.daxevent-title{
margin:0 0 24px;
font-size:50px;
line-height:1.08;
font-weight:300;
color:#1c1d22;
}
.daxevent-bar{
width:64px;
height:4px;
margin:0 0 30px;
border-radius:4px;
background:#a8141b;
}
.daxevent-list{
margin:0 0 26px;
padding:0;
list-style:none;
}
.daxevent-list li{
display:flex;
align-items:center;
gap:14px;
padding:13px 0;
font-size:18px;
line-height:1.4;
font-weight:500;
color:#1c1d22;
border-bottom:1px dashed #d3d5db;
}
.daxevent-list li:first-child{
border-top:1px dashed #d3d5db;
}
.daxevent-check{
flex:none;
width:28px;
height:28px;
border-radius:50%;
background:#a8141b;
display:flex;
align-items:center;
justify-content:center;
}
.daxevent-check svg{
width:15px;
height:15px;
fill:#ffffff;
}
.daxevent-tag{
margin:0 0 30px;
font-size:26px;
line-height:1.3;
font-weight:700;
font-style:italic;
color:#a8141b;
}
/* buttons */
.daxevent-btns{
display:flex;
flex-wrap:wrap;
gap:14px;
margin:0 0 36px;
}
.daxevent-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
height:58px;
padding:0 34px;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
text-decoration:none;
border-radius:999px;
transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;
}
.daxevent-btn svg{
width:18px;
height:18px;
fill:currentColor;
transition:transform 0.3s ease;
}
.daxevent-btn.is-main{
color:#ffffff;
background:#a8141b;
box-shadow:0 14px 26px rgba(168,20,27,0.3);
}
.daxevent-btn.is-main:hover{
background:#1c1d22;
transform:translateY(-3px);
box-shadow:0 18px 30px rgba(25,28,36,0.25);
}
.daxevent-btn.is-alt{
color:#1c1d22;
background:transparent;
border:2px solid #1c1d22;
}
.daxevent-btn.is-alt:hover{
color:#ffffff;
background:#1c1d22;
transform:translateY(-3px);
}
.daxevent-btn:hover svg{
transform:translateX(4px);
}
.daxevent-btn:focus-visible{
outline:3px solid #a8141b;
outline-offset:3px;
}
/* ---------- responsive ---------- */
@media (max-width:1100px){
.daxevent-inner{gap:56px;}
.daxevent-title{font-size:42px;}
}
@media (max-width:960px){
.daxevent-wrap{padding:80px 20px 80px;}
.daxevent-inner{grid-template-columns:1fr;gap:70px;}
.daxevent-frame{margin:0 20px 0 0;}
.daxevent-badge{top:-26px;right:-18px;width:100px;height:100px;}
.daxevent-badge b{font-size:34px;}
}
@media (max-width:600px){
.daxevent-wrap{padding:45px 16px 20px;}
.daxevent-frame:before{left:14px;top:14px;right:-14px;bottom:-14px;}
.daxevent-frame:after{display:none;}
.daxevent-zoom{width:44px;height:44px;right:12px;bottom:12px;}
.daxevent-badge{width:84px;height:84px;right:-10px;top:-22px;border-width:3px;}
.daxevent-badge i,
.daxevent-badge span{font-size:10.5px;}
.daxevent-badge b{font-size:28px;}
.daxevent-title{font-size:34px;}
.daxevent-list li{font-size:16.5px;}
.daxevent-tag{font-size:22px;}
.daxevent-btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.daxevent-imgwrap:after,
.daxevent-badge{animation:none;}
.daxevent-imgwrap,
.daxevent-zoom,
.daxevent-btn,
.daxevent-btn svg{transition:none;}
.daxevent-imgwrap:hover{transform:none;}
}
/* home event css end */
/* team sec css start */
.dax-team {
max-width: 1280px;
margin: 0 auto;
padding: 60px 24px;
}
.dax-team * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.dax-team a {
text-decoration: none;
color: inherit;
}
/* heading */
.dax-head {
text-align: center;
margin-bottom: 64px;
animation: daxDown .9s both;
}
.dax-head small {
display: inline-block;
color: #a8141b;
font-weight: 600;
font-size: 13px;
letter-spacing: 4px;
text-transform: uppercase;
position: relative;
padding: 0 46px;
}
.dax-head small::before,
.dax-head small::after {
content: "";
position: absolute;
top: 50%;
width: 34px;
height: 2px;
background: #a8141b;
}
.dax-head small::before {
left: 0;
}
.dax-head small::after {
right: 0;
}
.dax-head h2 {
font-size: clamp(24px, 30px, 40px);
font-weight: 800;
color: #1c1c20;
margin-top: 12px;
letter-spacing: -.5px;
}
.dax-head h2 span {
color: #a8141b;
}
.dax-line {
width: 90px;
height: 4px;
border-radius: 4px;
margin: 20px auto 0;
background: linear-gradient(90deg, #a8141b, #d02a32);
position: relative;
overflow: hidden;
}
.dax-line::after {
content: "";
position: absolute;
inset: 0;
background: #fff;
animation: daxSlide 2.2s ease-in-out infinite;
}
/* grid + auto numbering */
.dax-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
gap: 36px 30px;
counter-reset: dax;
}
/* card */
.dax-card {
counter-increment: dax;
position: relative;
background: #fff;
border-radius: 26px;
padding: 14px 14px 26px;
border: 1px solid #f0dfe0;
box-shadow: 0 12px 34px rgba(60, 10, 12, .06);
overflow: hidden;
isolation: isolate;
animation: daxRise .9s cubic-bezier(.2, .8, .2, 1) both;
transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .5s, border-color .5s;
}
.dax-card:nth-child(4n+1) {
animation-delay: .05s;
}
.dax-card:nth-child(4n+2) {
animation-delay: .18s;
}
.dax-card:nth-child(4n+3) {
animation-delay: .31s;
}
.dax-card:nth-child(4n+4) {
animation-delay: .44s;
}
.dax-card:hover {
transform: translateY(-12px);
box-shadow: 0 34px 70px rgba(168, 20, 27, .24);
border-color: rgba(168, 20, 27, .4);
}
/* top red bar that grows on hover */
.dax-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
z-index: 3;
background: linear-gradient(90deg, #a8141b, #d02a32);
transform: scaleX(0);
transform-origin: left;
transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}
.dax-card:hover::before {
transform: scaleX(1);
}
/* soft red wash from bottom on hover */
.dax-card::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(180deg, #fff 40%, #fbeff0);
opacity: 0;
transition: opacity .5s;
}
.dax-card:hover::after {
opacity: 1;
}
/* index number */
.dax-no {
position: absolute;
right: 20px;
bottom: 128px;
font-size: 76px;
font-weight: 800;
line-height: 1;
color: transparent;
-webkit-text-stroke: 1.5px rgba(168, 20, 27, .14);
z-index: -1;
pointer-events: none;
transition: .5s;
}
.dax-no::before {
content: counter(dax, decimal-leading-zero);
}
.dax-card:hover .dax-no {
-webkit-text-stroke-color: rgba(168, 20, 27, .4);
transform: translateY(-8px);
}
/* photo */
.dax-photo {
position: relative;
border-radius: 18px;
overflow: hidden;
aspect-ratio: 350/235;
background: linear-gradient(135deg, #a8141b, #6f0c11);
}
.dax-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
transition: transform 1s cubic-bezier(.2, .8, .2, 1);
}
.dax-card:hover .dax-photo img {
transform: scale(1.09);
}
.dax-photo::after {
content: "";
position: absolute;
top: 0;
left: -80%;
width: 50%;
height: 100%;
background: linear-gradient(110deg, transparent, rgba(255, 255, 255, .45), transparent);
transform: skewX(-20deg);
}
.dax-card:hover .dax-photo::after {
left: 140%;
transition: left .9s ease;
}
.tag {
display: none;
}
/* body */
.dax-body {
position: relative;
padding: 34px 12px 0;
text-align: center;
}
.dax-badge {
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #a8141b, #d02a32);
display: grid;
place-items: center;
border: 4px solid #fff;
box-shadow: 0 10px 22px rgba(168, 20, 27, .4);
transition: transform .7s cubic-bezier(.2, .8, .2, 1);
}
.dax-badge::after {
content: "";
position: absolute;
inset: -4px;
border-radius: 50%;
border: 2px solid #a8141b;
animation: daxPulse 2.4s ease-out infinite;
}
.dax-badge svg {
width: 20px;
height: 20px;
fill: #fff;
}
.dax-card:hover .dax-badge {
transform: translateX(-50%) rotate(360deg) scale(1.1);
}
.dax-name {
font-size: 20px;
font-weight: 700;
color: #1c1c20;
display: inline-block;
position: relative;
padding-bottom: 8px;
}
.dax-name::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 28px;
height: 3px;
border-radius: 3px;
background: #a8141b;
transform: translateX(-50%);
transition: width .5s;
}
.dax-card:hover .dax-name::after {
width: 100%;
}
.dax-role {
display: block;
margin: 12px auto 20px;
max-width: 240px;
color: #a8141b;
background: #fbeff0;
padding: 7px 16px;
border-radius: 50px;
font-size: 12.5px;
font-weight: 600;
line-height: 1.4;
transition: .4s;
}
.dax-card:hover .dax-role {
background: #a8141b;
color: #fff;
box-shadow: 0 10px 22px rgba(168, 20, 27, .35);
}
/* contacts */
.dax-contact {
display: flex;
flex-direction: column;
gap: 10px;
}
.dax-contact a {
position: relative;
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
border-radius: 14px;
background: #faf6f6;
color: #76767e;
font-size: 13.5px;
font-weight: 500;
overflow: hidden;
z-index: 0;
text-align: left;
word-break: break-all;
transition: color .4s, transform .4s;
}
.dax-contact a::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, #a8141b, #d02a32);
transform: translateX(-101%);
transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}
.dax-contact a:hover {
color: #fff;
transform: translateX(4px);
}
.dax-contact a:hover::before {
transform: none;
}
.dax-contact i {
flex: 0 0 32px;
height: 32px;
border-radius: 50%;
background: #fff;
color: #a8141b;
display: grid;
place-items: center;
box-shadow: 0 4px 10px rgba(168, 20, 27, .15);
transition: .4s;
}
.dax-contact svg {
width: 15px;
height: 15px;
fill: currentColor;
}
.dax-contact a:hover i {
transform: rotate(-12deg) scale(1.1);
}
/* chips */
.dax-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.dax-chips span {
border: 1.5px solid rgba(168, 20, 27, .3);
color: #a8141b;
padding: 8px 16px;
border-radius: 50px;
font-size: 13.5px;
font-weight: 600;
transition: .35s;
}
.dax-chips span:hover {
background: #a8141b;
color: #fff;
transform: translateY(-4px);
box-shadow: 0 10px 20px rgba(168, 20, 27, .3);
}
/* keyframes */
@keyframes daxRise {
from {
opacity: 0;
transform: translateY(60px) scale(.96);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes daxDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes daxSlide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes daxPulse {
0% {
transform: scale(1);
opacity: .7;
}
100% {
transform: scale(1.6);
opacity: 0;
}
}
@keyframes daxFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
/* scroll-triggered reveal (pure CSS, modern browsers) */
@supports (animation-timeline: view()) {
.dax-card {
animation: daxRise linear both;
animation-timeline: view();
animation-range: entry 0% entry 35%;
animation-delay: 0s !important;
}
}
@media (max-width: 600px) {
.dax-team {
padding: 10px 0;
}
.dax-grid {
gap: 28px;
}
}
@media (prefers-reduced-motion: reduce) {
* {
animation: none !important;
transition: none !important;
}
}
/* team sec css end */
/* register page css start */
.dax-reg{
--red:#a8141b;
--red-2:#d02a32;
--red-dark:#7a0d13;
--soft:#fbeff0;
--ink:#1c1c20;
--muted:#6a6a73;
max-width:1180px;margin:0 auto;padding:60px 20px 30px;
}
.dax-reg *{box-sizing:border-box}
.dax-reg input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
/* ================= HEADING ================= */
.dax-head{margin-bottom:48px;animation:daxRegIn .8s cubic-bezier(.2,.8,.2,1) both}
.dax-eyebrow{
display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;
color:var(--red);font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;
}
.dax-eyebrow::before{content:"";width:38px;height:2px;background:var(--red);border-radius:2px}
.dax-head h2{
margin:0 0 20px;font-size:clamp(36px,5.2vw,62px);font-weight:700;line-height:1.08;letter-spacing:-1px;color:var(--ink);
}
.dax-head h2 span{
position:relative;display:inline-block;color:var(--red);
}
.dax-head h2 span::after{
content:"";position:absolute;left:0;bottom:2px;width:100%;height:10px;z-index:-1;border-radius:6px;
background:rgba(168,20,27,.14);transform-origin:left;animation:daxRegLine 1s .5s cubic-bezier(.2,.8,.2,1) both;
}
.dax-head p{margin:0;max-width:880px;font-size:19px;line-height:1.85;color:var(--muted)}
/* ================= SLIDING SWITCH ================= */
.dax-switch{
position:relative;display:grid;grid-template-columns:1fr 1fr;
max-width:780px;margin:0 auto;padding:9px;border-radius:100px;
background:#fff;border:1px solid #efdfe0;
box-shadow:0 22px 50px rgba(120,20,26,.12),inset 0 2px 6px rgba(168,20,27,.05);
animation:daxRegIn .8s .15s cubic-bezier(.2,.8,.2,1) both;
}
/* the red slider */
.dax-thumb{
position:absolute;top:9px;bottom:9px;left:9px;width:calc(50% - 9px);border-radius:100px;z-index:0;
background:linear-gradient(120deg,var(--red-dark),var(--red) 55%,var(--red-2));
box-shadow:0 14px 30px rgba(168,20,27,.45);
transition:transform .65s cubic-bezier(.65,-0.2,.25,1.25);
overflow:hidden;
}
/* moving shine inside slider */
.dax-thumb::after{
content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
background:linear-gradient(110deg,transparent,rgba(255,255,255,.4),transparent);
transform:skewX(-20deg);animation:daxRegShine 3.4s ease-in-out infinite;
}
#dax-t2:checked ~ .dax-switch .dax-thumb{transform:translateX(100%)}
/* the two buttons */
.dax-opt{
position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;
padding:20px 22px;border-radius:100px;cursor:pointer;user-select:none;
color:var(--ink);font-size:18px;font-weight:700;line-height:1.25;text-align:left;
transition:color .45s;
}
.dax-opt i{
flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;
background:var(--soft);color:var(--red);transition:.5s cubic-bezier(.2,.8,.2,1);
}
.dax-opt svg{width:22px;height:22px;fill:currentColor}
.dax-opt:hover{color:var(--red)}
.dax-opt:hover i{transform:rotate(-10deg) scale(1.1);background:#f7dcde}
/* active option */
#dax-t1:checked ~ .dax-switch label[for="dax-t1"],
#dax-t2:checked ~ .dax-switch label[for="dax-t2"]{color:#fff}
#dax-t1:checked ~ .dax-switch label[for="dax-t1"] i,
#dax-t2:checked ~ .dax-switch label[for="dax-t2"] i{background:#fff;color:var(--red);transform:scale(1.05)}
/* keyboard focus */
#dax-t1:focus-visible ~ .dax-switch,
#dax-t2:focus-visible ~ .dax-switch{outline:3px solid rgba(168,20,27,.4);outline-offset:5px}
/* little pointer under the switch */
.dax-pointer{
display:block;width:2px;height:46px;margin:0 auto;
background:linear-gradient(180deg,var(--red),transparent);
animation:daxRegIn .8s .35s both;
}
/* ================= FORM PANELS ================= */
.dax-panels{margin-top:10px}
.dax-panel{display:none}
#dax-t1:checked ~ .dax-panels .dax-p1,
#dax-t2:checked ~ .dax-panels .dax-p2{display:block;animation:daxRegPanel .75s cubic-bezier(.2,.8,.2,1) both}
/* ================= KEYFRAMES ================= */
@keyframes daxRegIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes daxRegPanel{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes daxRegLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes daxRegShine{0%,55%{left:-60%}100%{left:150%}}
/* ================= RESPONSIVE ================= */
@media(max-width:760px){
.dax-reg{padding:10px 0}
.dax-head p{font-size:16.5px}
.dax-switch{grid-template-columns:1fr;border-radius:34px;padding:8px}
.dax-thumb{top:8px;left:8px;right:8px;width:auto;bottom:auto;height:calc(50% - 8px);border-radius:28px}
#dax-t2:checked ~ .dax-switch .dax-thumb{transform:translateY(100%)}
.dax-opt{justify-content:flex-start;padding:16px 20px;font-size:16.5px;border-radius:28px}
.dax-opt i{flex-basis:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.dax-reg *,.dax-reg *::before,.dax-reg *::after{animation:none!important;transition:none!important}}
/* register page css end */
/* services page reson sec css start */
.daxsvc-reasons{
background:#f3f4f6;
padding:60px 24px;
}
.daxsvc-btn:active:focus {
color: #fff;
}
.daxsvc-reasons .daxsvc-inner{
display:grid;
grid-template-columns:1fr 1fr;
gap:34px;
align-items:stretch;
}
.daxsvc-reason{
position:relative;
padding:35px 52px 40px;
border-radius:20px;
transition:transform 0.4s ease,box-shadow 0.4s ease;
}
.daxsvc-reason:hover{
transform:translateY(-6px);
}
.daxsvc-label{
display:inline-block;
margin:0 0 18px;
font-size:15px;
font-weight:700;
letter-spacing:0.4px;
color:#a8141b;
}
.daxsvc-reason h3{
margin:0;
font-size:36px;
line-height:1.2;
font-weight:300;
}
.daxsvc-reason.is-light{
background:#ffffff;
border-top:5px solid #a8141b;
box-shadow:0 24px 46px rgba(25,28,36,0.10);
}
.daxsvc-reason.is-light:hover{
box-shadow:0 34px 60px rgba(25,28,36,0.16);
}
.daxsvc-reason.is-light h3{color:#1c1d22;}
.daxsvc-reason.is-light h3 span{
display:block;
margin-top:14px;
padding-top:18px;
border-top:1px dashed #d3d5db;
}
.daxsvc-reason.is-dark{
display:flex;
flex-direction:column;
overflow:hidden;
background:#1c1d22;
box-shadow:0 26px 50px rgba(25,28,36,0.28);
}
.daxsvc-reason.is-dark:hover{
box-shadow:0 36px 64px rgba(25,28,36,0.36);
}
.daxsvc-reason.is-dark:before{
content:"";
position:absolute;
right:-140px;
top:-140px;
width:420px;
height:420px;
border-radius:50%;
background:radial-gradient(circle,rgba(168,20,27,0.55) 0,rgba(168,20,27,0) 65%);
pointer-events:none;
}
.daxsvc-reason.is-dark .daxsvc-label{color:#ff5c63;}
.daxsvc-reason.is-dark h3{
position:relative;
margin-bottom:36px;
color:#ffffff;
}
.daxsvc-fees{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-top:auto;
}
.daxsvc-fee{
padding:15px 20px 10px;
text-align:center;
background:rgba(255,255,255,0.07);
border:1px solid rgba(255,255,255,0.14);
border-radius:14px;
transition:background 0.3s ease,border-color 0.3s ease;
}
.daxsvc-fee:hover{
background:rgba(255,255,255,0.12);
border-color:#a8141b;
}
.daxsvc-fee-name{
display:block;
margin:0 0 14px;
padding:0 0 14px;
font-size:19px;
line-height:1.3;
font-weight:400;
color:#c4c6ce;
border-bottom:1px dashed rgba(255,255,255,0.25);
}
.daxsvc-fee-num{
display:block;
font-size:76px;
line-height:1;
font-weight:300;
color:#ffffff;
}
.daxsvc-fee-num sup{
position:relative;
top:-0.05em;
margin-left:2px;
font-size:0.5em;
font-weight:600;
vertical-align:baseline;
color:#ff4a52;
}
/* services page reson sec css end */
/* services page services sec css start */
.daxsvc-services{
background:#ffffff;
padding:60px 24px 70px;
}
.daxsvc-head{
text-align:center;
margin:0 0 64px;
}
.daxsvc-title{
margin:0 0 22px;
font-size:38px;
line-height:1.1;
font-weight:300;
color:#1c1d22;
}
.daxsvc-bar{
width:64px;
height:4px;
margin:0 auto;
border-radius:4px;
background:#a8141b;
}
.daxsvc-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:28px;
}
.daxsvc-card{
position:relative;
flex:0 1 calc(33.333% - 19px);
padding:40px 36px 42px;
overflow:hidden;
background:#f3f4f6;
border-radius:18px;
transition:transform 0.4s ease,box-shadow 0.4s ease,background 0.4s ease;
}
.daxsvc-card:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:5px;
background:#a8141b;
transform:scaleX(0);
transform-origin:left center;
transition:transform 0.5s cubic-bezier(0.22,0.8,0.24,1);
}
.daxsvc-card:hover{
transform:translateY(-8px);
background:#ffffff;
box-shadow:0 28px 50px rgba(25,28,36,0.14);
}
.daxsvc-card:hover:before{
transform:scaleX(1);
}
.daxsvc-icon{
width:66px;
height:66px;
margin:0 0 24px;
border-radius:50%;
background:#ffffff;
box-shadow:0 8px 18px rgba(25,28,36,0.08);
display:flex;
align-items:center;
justify-content:center;
transition:background 0.4s ease,transform 0.4s ease;
}
.daxsvc-icon svg{
width:30px;
height:30px;
fill:none;
stroke:#a8141b;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
transition:stroke 0.4s ease;
}
.daxsvc-card:hover .daxsvc-icon{
background:#a8141b;
transform:rotate(-6deg) scale(1.05);
}
.daxsvc-card:hover .daxsvc-icon svg{
stroke:#ffffff;
}
.daxsvc-card h4{
margin:0 0 14px;
font-size:22px;
line-height:1.3;
font-weight:500;
color:#1c1d22;
}
.daxsvc-card p{
margin:0;
font-size:15.5px;
line-height:1.8;
color:#4a4c55;
}
/* services page services sec css end */
/* services page Tag Agency css start */
.daxsvc-tap{
background:#f3f4f6;
padding:60px 24px;
}
.daxsvc-panel{
position:relative;
overflow:hidden;
padding:76px 60px 72px;
text-align:center;
background:#1c1d22;
border-radius:26px;
box-shadow:0 34px 70px rgba(25,28,36,0.28);
}
.daxsvc-panel:before{
content:"";
position:absolute;
right:-160px;
top:-180px;
width:560px;
height:560px;
border-radius:50%;
background:radial-gradient(circle,rgba(168,20,27,0.5) 0,rgba(168,20,27,0) 65%);
pointer-events:none;
}
.daxsvc-panel:after{
content:"";
position:absolute;
left:-120px;
bottom:-200px;
width:480px;
height:480px;
border-radius:50%;
background:radial-gradient(circle,rgba(168,20,27,0.32) 0,rgba(168,20,27,0) 65%);
pointer-events:none;
}
.daxsvc-panel > *{position:relative;z-index:1;}
.daxsvc-panel .daxsvc-title{color:#ffffff;margin-bottom:34px;}
.daxsvc-logo{
display:inline-block;
margin:0 0 36px;
padding:14px;
background:#ffffff;
border-radius:18px;
box-shadow:0 20px 40px rgba(0,0,0,0.35);
}
.daxsvc-logo img{
display:block;
width:240px;
max-width:100%;
height:auto;
border-radius:8px;
}
.daxsvc-tap-text{
max-width:860px;
margin:0 auto 52px;
font-size:17px;
line-height:1.9;
color:#c4c6ce;
}
.daxsvc-feats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin:0 0 52px;
}
.daxsvc-feat{
padding:34px 28px 36px;
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.12);
border-radius:16px;
transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease;
}
.daxsvc-feat:hover{
background:rgba(255,255,255,0.11);
border-color:#a8141b;
transform:translateY(-6px);
}
.daxsvc-feat .daxsvc-icon{
margin:0 auto 22px;
background:rgba(255,255,255,0.1);
box-shadow:none;
}
.daxsvc-feat .daxsvc-icon svg{stroke:#ff5c63;}
.daxsvc-feat:hover .daxsvc-icon{background:#a8141b;}
.daxsvc-feat:hover .daxsvc-icon svg{stroke:#ffffff;}
.daxsvc-feat p{
margin:0;
font-size:16.5px;
line-height:1.75;
color:#e7e8ec;
}
.daxsvc-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
height:60px;
padding:0 42px;
font-size:16px;
font-weight:700;
letter-spacing:0.5px;
color:#ffffff;
text-decoration:none;
background:#a8141b;
border-radius:999px;
box-shadow:0 14px 30px rgba(168,20,27,0.45);
transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease;
}
.daxsvc-btn svg{
width:18px;
height:18px;
fill:currentColor;
transition:transform 0.3s ease;
}
.daxsvc-btn:hover{
background:#ffffff;
color:#a8141b;
transform:translateY(-3px);
}
.daxsvc-btn:hover svg{
transform:translateX(5px);
}
.daxsvc-btn:focus-visible{
outline:3px solid #ffffff;
outline-offset:3px;
}
/* services page Tag Agency css end */
/* services page responsive css start */
@media (max-width:1024px){
.daxsvc-reasons .daxsvc-inner{grid-template-columns:1fr;}
.daxsvc-reason h3{font-size:30px;}
.daxsvc-card{flex:0 1 calc(50% - 14px);}
.daxsvc-panel{padding:60px 36px 58px;}
}
@media (max-width:860px){
.daxsvc-reasons,
.daxsvc-tap{padding:40px 16px;}
.daxsvc-services{padding:30px 16px 40px;}
.daxsvc-reason{padding:38px 26px 36px;}
.daxsvc-reason h3{font-size:24px;}
.daxsvc-fee-num{font-size:60px;}
.daxsvc-fee-name{font-size:17px;}
.daxsvc-title{font-size:26px;}
.daxsvc-head{margin-bottom:40px;}
.daxsvc-feats{grid-template-columns:1fr;}
.daxsvc-panel{border-radius:20px;padding:46px 22px 46px;}
.daxsvc-tap-text{font-size:16px;margin-bottom:38px;}
}
@media (max-width:640px){
.daxsvc-card{flex:1 1 100%;padding:32px 26px 34px;}
.daxsvc-fees{gap:12px;}
.daxsvc-fee{padding:15px 10px 10px;}
.daxsvc-btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.daxsvc-reason,
.daxsvc-card,
.daxsvc-card:before,
.daxsvc-icon,
.daxsvc-feat,
.daxsvc-btn,
.daxsvc-btn svg{transition:none;}
.daxsvc-reason:hover,
.daxsvc-card:hover,
.daxsvc-feat:hover,
.daxsvc-btn:hover{transform:none;}
}
/* services page responsive css end */
/* vendore page css start */
.daxvendor-wrap{
position:relative;
background:#f3f4f6;
padding:90px 24px 110px;
box-sizing:border-box;
}
.daxvendor-wrap *{box-sizing:border-box;}
.daxvendor-inner{
max-width:1200px;
margin:0 auto;
}
/* ---------- top: intro + contact ---------- */
.daxvendor-top{
display:grid;
grid-template-columns:1.25fr 1fr;
gap:30px;
margin:0 0 64px;
align-items:stretch;
}
/* intro card */
.daxvendor-intro{
display:flex;
flex-direction:column;
justify-content:center;
padding:50px 50px 48px;
background:#ffffff;
border-left:5px solid #a8141b;
border-radius:18px;
box-shadow:0 22px 44px rgba(25,28,36,0.10);
}
.daxvendor-icon{
width:68px;
height:68px;
margin:0 0 28px;
border-radius:50%;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
}
.daxvendor-icon svg{
width:31px;
height:31px;
fill:none;
stroke:#a8141b;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.daxvendor-headline{
margin:0;
font-size:42px;
line-height:1.2;
font-weight:300;
color:#1c1d22;
}
.daxvendor-bar{
width:60px;
height:4px;
margin:26px 0 24px;
border-radius:4px;
background:#a8141b;
}
.daxvendor-text{
margin:0;
font-size:19px;
line-height:1.8;
color:#4a4c55;
}
/* contact card */
.daxvendor-contact{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:center;
padding:44px 40px 42px;
background:#1c1d22;
border-radius:18px;
box-shadow:0 26px 50px rgba(25,28,36,0.28);
}
.daxvendor-contact:before{
content:"";
position:absolute;
right:-120px;
top:-140px;
width:400px;
height:400px;
border-radius:50%;
background:radial-gradient(circle,rgba(168,20,27,0.55) 0,rgba(168,20,27,0) 65%);
pointer-events:none;
}
.daxvendor-contact > *{position:relative;}
.daxvendor-who{
margin:0 0 26px;
font-size:19px;
line-height:1.5;
font-weight:400;
color:#ffffff;
}
.daxvendor-line{
display:flex;
align-items:center;
gap:16px;
padding:14px 0;
font-size:19px;
font-weight:600;
color:#ffffff;
text-decoration:none;
border-top:1px dashed rgba(255,255,255,0.22);
transition:color 0.3s ease;
word-break:break-word;
}
.daxvendor-line .daxvendor-ico{
flex:none;
width:46px;
height:46px;
border-radius:50%;
background:rgba(255,255,255,0.1);
display:flex;
align-items:center;
justify-content:center;
transition:background 0.3s ease;
}
.daxvendor-line .daxvendor-ico svg{
width:21px;
height:21px;
fill:none;
stroke:#ff5c63;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
transition:stroke 0.3s ease;
}
.daxvendor-line:hover{
color:#ff8a8f;
}
.daxvendor-line:hover .daxvendor-ico{
background:#a8141b;
}
.daxvendor-line:hover .daxvendor-ico svg{
stroke:#ffffff;
}
.daxvendor-line:focus-visible{
outline:2px solid #ffffff;
outline-offset:4px;
}
/* ---------- site map ---------- */
.daxvendor-map{
position:relative;
}
.daxvendor-map:before{
content:"";
position:absolute;
left:24px;
top:24px;
right:-24px;
bottom:-24px;
border:2px solid #a8141b;
border-radius:22px;
}
.daxvendor-mapcard{
position:relative;
z-index:2;
display:block;
padding:18px;
background:#ffffff;
border-radius:20px;
box-shadow:0 34px 66px rgba(25,28,36,0.20);
text-decoration:none;
transition:transform 0.5s cubic-bezier(0.22,0.8,0.24,1),box-shadow 0.5s ease;
}
.daxvendor-mapcard:hover{
transform:translateY(-8px);
box-shadow:0 44px 80px rgba(25,28,36,0.26);
}
.daxvendor-mapcard:focus-visible{
outline:3px solid #a8141b;
outline-offset:4px;
}
.daxvendor-img{
display:block;
width:100%;
height:auto;
border-radius:12px;
}
.daxvendor-zoom{
position:absolute;
right:34px;
bottom:34px;
width:56px;
height:56px;
border-radius:50%;
background:#1c1d22;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 12px 24px rgba(0,0,0,0.3);
transition:background 0.3s ease,transform 0.3s ease;
}
.daxvendor-zoom svg{
width:25px;
height:25px;
fill:none;
stroke:#ffffff;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.daxvendor-mapcard:hover .daxvendor-zoom{
background:#a8141b;
transform:scale(1.1);
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.daxvendor-top{grid-template-columns:1fr;margin-bottom:52px;}
.daxvendor-headline{font-size:36px;}
}
@media (max-width:860px){
.daxvendor-wrap{padding:56px 16px 74px;}
.daxvendor-intro{padding:32px 24px 32px;}
.daxvendor-icon{width:56px;height:56px;margin-bottom:22px;}
.daxvendor-icon svg{width:26px;height:26px;}
.daxvendor-headline{font-size:28px;}
.daxvendor-bar{margin:20px 0 18px;}
.daxvendor-text{font-size:17px;}
.daxvendor-contact{padding:32px 22px 30px;}
.daxvendor-who{font-size:17.5px;}
.daxvendor-line{font-size:17px;}
.daxvendor-map:before{left:12px;top:12px;right:-12px;bottom:-12px;border-radius:18px;}
.daxvendor-mapcard{padding:10px;border-radius:16px;}
.daxvendor-zoom{right:20px;bottom:20px;width:46px;height:46px;}
}
@media (prefers-reduced-motion:reduce){
.daxvendor-line,
.daxvendor-mapcard,
.daxvendor-zoom{transition:none;}
.daxvendor-mapcard:hover{transform:none;}
}
/* vendore page css start */
/* mobile menu css start */
/* ==========================================================
DAX CLASSICS - TABLET & MOBILE DRAWER FIX (992px & BELOW)
Desktop styling safe rahegi, sirf mobile/tablet fix hoga
========================================================== */
@media (max-width: 992px) {
/* 1. Desktop ke hover ::after pseudo elements ko mobile pe disable karna */
.dax-menu ul.menu > li > a::after,
.dax-menu ul.menu > li > .fl-has-submenu-container > a::after,
.fl-menu .menu > li > a::after,
.fl-menu .fl-has-submenu-container > a::after {
display: none !important;
content: none !important;
}
/* 2. Main Mobile Menu Container / Drawer Styling */
.fl-menu .fl-menu-mobile-nav,
.fl-menu .fl-menu-responsive,
.fl-menu .menu {
background-color: #0d0f14 !important;
border-radius: 0 0 16px 16px !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7) !important;
padding: 10px 0 16px 0 !important;
}
/* 3. Har Menu Item ki Clean Structure & Bottom Border (Except Last) */
.fl-menu .menu > li {
position: relative !important;
width: 100% !important;
margin: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
transition: background-color 0.2s ease !important;
}
/* Last item ki border hatana */
.fl-menu .menu > li:last-child {
border-bottom: none !important;
}
/* Hover / Active touch effect */
.fl-menu .menu > li:hover,
.fl-menu .menu > li:active {
background-color: rgba(229, 35, 42, 0.06) !important;
}
/* 4. Submenu Container & Links Flex Fix (Arrow + Text alignment) */
.fl-menu .fl-has-submenu-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 0 !important;
}
/* Menu Links Styling (Clean bold automotive look) */
.fl-menu .menu > li > a,
.fl-menu .fl-has-submenu-container > a {
display: block !important;
width: 100% !important;
padding: 16px 20px !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
color: #f1f5f9 !important;
text-decoration: none !important;
}
/* Current Active Link Highlight */
.fl-menu .menu > li.current-menu-item > a,
.fl-menu .menu > li.current-menu-item > .fl-has-submenu-container > a {
color: #ff4d54 !important;
}
/* 5. Submenu Toggle Arrow Button (Touch-friendly & Aligned) */
.fl-menu .fl-menu-toggle {
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #94a3b8 !important;
cursor: pointer !important;
border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.fl-menu .fl-menu-toggle:hover {
color: #ff4d54 !important;
}
/* 6. Nested Submenu Dropdown List (Indented & Elegant Dark Theme) */
.fl-menu .sub-menu {
background: #090b0e !important;
padding: 6px 0 !important;
border-top: 1px solid rgba(229, 35, 42, 0.25) !important;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
.fl-menu .sub-menu > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.fl-menu .sub-menu > li:last-child {
border-bottom: none !important;
}
.fl-menu .sub-menu > li > a {
display: block !important;
padding: 12px 20px 12px 34px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #94a3b8 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
}
.fl-menu .sub-menu > li > a:hover {
color: #ffffff !important;
background: rgba(229, 35, 42, 0.08) !important;
padding-left: 38px !important;
transition: all 0.2s ease !important;
}
.fl-menu .fl-has-submenu-container {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* 2. Link ko right side se cut karo taaki arrow ke area me touch na ho sake */
.fl-menu .fl-has-submenu-container > a {
display: block !important;
width: 100% !important;
padding: 16px 65px 16px 20px !important; /* Right padding 65px arrow ke liye reserved hai */
margin: 0 !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
box-sizing: border-box !important;
pointer-events: auto !important;
}
/* 3. Arrow button ko absolute right side top-layer me lock karo (Z-INDEX 9999) */
.fl-menu .fl-has-submenu-container > .fl-menu-toggle {
position: absolute !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 55px !important;
height: 100% !important;
min-height: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
outline: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
z-index: 9999 !important; /* Link ke upar rahega, kisi bhi haal me link click nahi ho sakta */
pointer-events: auto !important;
-webkit-tap-highlight-color: transparent !important;
}
/* Focus red outline/border hatana */
.fl-menu .fl-has-submenu-container > .fl-menu-toggle:focus,
.fl-menu .fl-has-submenu-container > .fl-menu-toggle:active,
.fl-menu .fl-has-submenu-container > .fl-menu-toggle:focus-visible {
outline: none !important;
border: none !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: none !important;
}
/* Arrow icon pseudo layer par event block na ho */
.fl-menu .fl-has-submenu-container > .fl-menu-toggle::before,
.fl-menu .fl-has-submenu-container > .fl-menu-toggle::after {
pointer-events: none !important;
border-color: #ffffff !important;
}
/* 4. Submenu: White background + Push behavior */
.fl-menu ul.sub-menu {
display: none;
position: static !important;
width: 100% !important;
background-color: #ffffff !important;
padding: 0 !important;
margin: 0 !important;
border-top: 2px solid #e5232a !important;
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
/* Open states */
.fl-menu ul.sub-menu[style*="display: block"],
.fl-menu li.fl-active > ul.sub-menu,
.fl-menu li.fl-sub-menu-open > ul.sub-menu {
display: block !important;
}
/* 5. Submenu items (Location Information link) */
.fl-menu ul.sub-menu > li {
display: block !important;
width: 100% !important;
background-color: #ffffff !important;
border-bottom: 1px solid #f1f5f9 !important;
}
.fl-menu ul.sub-menu > li:last-child {
border-bottom: none !important;
}
.fl-menu ul.sub-menu > li > a {
display: block !important;
padding: 14px 24px !important;
color: #0f172a !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
text-decoration: none !important;
background: #ffffff !important;
}
.fl-menu ul.sub-menu > li > a:hover {
color: #e5232a !important;
background: #f8fafc !important;
}
.dax-menu ul.sub-menu li a::before {
left: 10px;
top: 14px;
}
}
/* mobile menu css end */
/* concirege page css start */
.daxconc-wrap{
background:#f3f4f6;
padding:100px 24px 120px;
box-sizing:border-box;
}
.daxconc-wrap *{box-sizing:border-box;}
.daxconc-inner{
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1.15fr;
gap:72px;
align-items:start;
}
/* ---------- left: intro ---------- */
.daxconc-intro{
position:sticky;
top:40px;
}
.daxconc-title{
margin:0 0 24px;
font-size:36px;
line-height:1.08;
font-weight:300;
color:#1c1d22;
}
.daxconc-bar{
width:64px;
height:4px;
margin:0 0 30px;
border-radius:4px;
background:#a8141b;
}
.daxconc-text{
margin:0 0 36px;
font-size:19px;
line-height:1.85;
color:#4a4c55;
}
/* hotel / airline / rental car chips */
.daxconc-chips{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:0 0 30px;
padding:0;
list-style:none;
}
.daxconc-chips li{
display:inline-flex;
align-items:center;
gap:11px;
padding:9px 22px 9px 10px;
font-size:16px;
font-weight:600;
color:#1c1d22;
background:#ffffff;
border-radius:999px;
box-shadow:0 10px 22px rgba(25,28,36,0.08);
transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease,color 0.3s ease;
}
.daxconc-chips li:hover{
transform:translateY(-4px);
color:#ffffff;
background:#a8141b;
box-shadow:0 16px 28px rgba(168,20,27,0.3);
}
.daxconc-ico{
width:40px;
height:40px;
border-radius:50%;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
transition:background 0.3s ease;
}
.daxconc-ico svg{
width:20px;
height:20px;
fill:none;
stroke:#a8141b;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
transition:stroke 0.3s ease,fill 0.3s ease;
}
.daxconc-ico svg.is-fill{
fill:#a8141b;
stroke:none;
}
.daxconc-chips li:hover .daxconc-ico{
background:rgba(255,255,255,0.2);
}
.daxconc-chips li:hover .daxconc-ico svg{
stroke:#ffffff;
}
.daxconc-chips li:hover .daxconc-ico svg.is-fill{
fill:#ffffff;
stroke:none;
}
/* flight path decoration */
.daxconc-path{
display:block;
width:100%;
max-width:420px;
height:auto;
overflow:visible;
}
.daxconc-path path{
fill:none;
stroke:#a8141b;
stroke-width:2;
stroke-linecap:round;
stroke-dasharray:6 9;
animation:daxconcDash 3.2s linear infinite;
}
.daxconc-path .daxconc-plane{
fill:#a8141b;
stroke:none;
animation:none;
}
@keyframes daxconcDash{
to{stroke-dashoffset:-60;}
}
/* ---------- right: form ---------- */
.daxconc-form{
min-width:0;
}
/* the global Gravity Forms card is used as-is, just keep it full width */
body .daxconc-wrap .gform_wrapper.gravity-theme{
margin:0;
}
/* ---------- responsive ---------- */
@media (max-width:1100px){
.daxconc-inner{gap:48px;}
.daxconc-title{font-size:32px;}
}
@media (max-width:900px){
.daxconc-wrap{padding:60px 16px 74px;}
.daxconc-inner{grid-template-columns:1fr;gap:44px;}
.daxconc-intro{position:static;}
.daxconc-title{font-size:26px;}
.daxconc-text{font-size:17px;margin-bottom:28px;}
.daxconc-path{max-width:320px;}
}
@media (prefers-reduced-motion:reduce){
.daxconc-path path{animation:none;}
.daxconc-chips li{transition:none;}
.daxconc-chips li:hover{transform:none;}
}
/* concirege page css end */