@media (min-width: 1921px) {
  .banner-hero img { width:100% }
}


@media (max-width: 1800px) {

	.banner-hero h1 {
	  max-width: 70%;
    font-size: 64px;    
    margin: 20px auto 25px;
	}

	.banner-hero p {
	    max-width: 48%;
	}

	.about-duxre-section .about-duxre-card .gives-back-card-text h3 {
	  font-size: 40px;
		max-width: 100%;
	}

	.control-data-section .hero-title {
	    font-size: 40px;
	    max-width: 100%;
		  padding: 0 0 0 64px;
	}

	.control-data-section .control-data-cards .card {
	    min-width: auto;
	    max-width: 100%;
		  padding: 36px 35px;
		  gap: 18px;
	}

	.control-data-section .control-data-cards .card-title {
	    font-size: 18px;
		  line-height: normal;
	}

	.control-data-section .control-data-cards .card-desc {
	    font-size: 16px;
	}

	.brokers-better-section .common-title .subtitle {
	    max-width: calc(100% - 61%);
		  margin: 0 auto 24px;
	}

	.brokers-better-section .brokers-cards-block-grid .card-content h2 {
	    font-size: 18px;
	}
	.brokers-better-section .brokers-cards-block-grid .card-content p{
		  font-size: 14px;
	}

	.duxre-deliver-section .common-title .subheadline {
	    max-width: 80%;
	}

	.duxre-deliver-section .deliver-features-grid .card-title {
	    font-size: 18px;
	}

	.duxre-deliver-section .deliver-features-grid .card-title.big {
	    font-size: 50px;
	}

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
	    font-size: 40px;
	  	line-height: 40px;
	    max-width: 100%;
		  margin-bottom: 24px;
	}

	.gives-back-section .gives-back-card .gives-back-card-text p {
	    max-width: calc(100% - 0%);
	}

	.early-access-section h3 {
	    font-size: 40px;
	}
 
	.early-access-section p {
	    max-width: 94%;
	}

	.duxre-footer p {
	    max-width: 45%;
	}

   .duxre-header .header__navigation .menu__item--depth-1 a{font-size:13px;}
  .duxre-header .content-wrapper .button-wrapper .button {
    padding: 11px 24px 12px; 
    font-size: 14px;
  }
  .footer{
	    padding: 30px 34px;
  }

  .banner-hero .hero-content{
	top: 42%;
  }

  .about-duxre-section .about-duxre-card{
	padding: 48px;
  }
  .about-duxre-section .about-duxre-card .section-header{
	padding-bottom: 24px;
	margin-bottom: 48px;
  }
  .about-duxre-section .about-duxre-card .gives-back-card-text h3{
	margin-bottom: 12px;
  }
  .about-duxre-section .about-duxre-card .gives-back-card-text p{
	    margin: 0 0 12px;
  }
  .about-duxre-section .about-duxre-card .gives-back-card-text .gives-back-btn{
	    padding: 10px 25px 9px;
  }
  .control-data-section{
	    padding: 96px 48px;
  }
  .control-data-section .control-data-cards .card-desc, .control-data-section .control-data-cards .card-desc p{
		font-size: 14px;
  }
  .control-data-section .control-data-cards .card-desc p:last-child{
	margin-bottom: 0;
  }
  .brokers-better-section{
	padding: 96px 30px;
  }
  .brokers-better-section .common-title h3{
	font-size: 40px;
  }
  .brokers-better-section .brokers-cards-block-grid .card{
	gap: 18px;
	padding: 36px;
	justify-content: start;
  }
  .duxre-deliver-section{
	padding: 96px 48px;
  }
  .duxre-deliver-section .common-title .headline{
	font-size: 40px;
  }
  .duxre-deliver-section .deliver-features-grid .card-desc{
	font-size: 14px;
  }
  .duxre-deliver-section .deliver-features-grid .card{
	padding: 48px;
	gap: 12px;
  }
  .dnd_area-row-6-padding {
    padding-top: 48px !important;
  }
  .gives-back-section .gives-back-card{
	padding: 48px;
  }
  .gives-back-section .gives-back-card .section-header{
	padding-bottom: 18px;
	margin-bottom: 48px;
  }
  .gives-back-section{
	padding: 0 48px;
  }
  .gives-back-section .gives-back-card .gives-back-card-text .gives-back-btn{
	margin: 10px 0 0;
	padding: 10px 24px 10px;
  }
  .early-access-section{
	margin: 0 48px 64px;
	padding: 48px 64px 0;
  }
  .early-access-section img{
	width: 63%;
  }
  body .dnd_area-row-8-margin {
    margin-bottom: 48px !important;
  }
  .about-duxre-section{
	padding: 0 48px;
  }
  .duxre-header {
    padding: 30px 48px;
  }
  .brokers-better-section .common-title .cta-btn{
	padding: 10px 24px 9px;
	margin-bottom: 48px;
  }
  .duxre-deliver-section .common-title .get-access{
	    padding: 8px 28px 8px;
  }
  .banner-hero .theme-red-btn{      
	    padding: 11px 30px 10px;
  }
  .early-access-section .theme-border-btn{
		padding: 10px 25px 9px;
  }
  /* .early-access-section .theme-white-btn{
	    padding: 8px 25px 9px;
  } */
  .banner-slider{
	    padding: 0 48px 20px;
    margin-top:-100px;
  }
  .banner-center-slider .slick-list{
	    padding: 120px 0 !important;
  }
  .brokers-better-section .brokers-cards-block-grid .phone-card img{
	    max-width: 205px;
  }
      footer p span {
        margin-top: 50px !important;
		display: block;
    }
	    footer p > span {
        margin-top: 0 !important;
    }
	#hs_cos_wrapper_widget_1749720681890 hr{
		margin-top: 28px !important;
    	margin-bottom: 28px !important;
	}
	.cell_17496440382023-padding {
    	padding-top: 7px !important;
	}
	.scrolltop-btn{
		bottom: 70px;
	}
}

@media (max-width: 1400px) {

	.duxre-header {
	    padding: 20px 50px 20px;
	}

	.duxre-header .navbar-nav {
	    margin: 0px 0px 0px 20px;
	}

	.banner-hero h1 {
        max-width: 80%;
    }

	.banner-hero p {
        max-width: 53%;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text p {
	    max-width: calc(100% - 10%);
	}

	.control-data-section .hero-title {
        font-size: 40px;
    }

    .control-data-section .control-data-cards .card-title {
        font-size: 20px;
    }

    .brokers-better-section .common-title h3 {
	    font-size: 40px;
	}

	.brokers-better-section .brokers-cards-block-grid .card-content h2 {
        font-size: 18px;
    }

    .duxre-deliver-section .common-title .headline {
	    font-size: 40px;
	}

	.duxre-deliver-section .common-title .subheadline {
        max-width: 90%;
    }

    .duxre-deliver-section .deliver-features-grid .card {
	    padding: 40px 40px;
	}

	.duxre-deliver-section .deliver-features-grid .card-title {
        font-size: 18px;
    }

    .duxre-deliver-section .deliver-features-grid .card-title.big {
        font-size: 40px;
    }

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
        max-width: 100%;
    }
	.early-access-section h3 {
        font-size: 38px;
    }

    .early-access-section p {
        max-width: 100%;
    }

    .duxre-footer p {
        max-width: 55%;
    }

  
  .duxre-header .header__navigation .menu__item--depth-1 a{font-size:13px;}
  .duxre-header .content-wrapper .button-wrapper .button {
    padding: 12px 12px;    
    font-size: 13px;
  }
    .banner-slider{
	    padding: 0 48px 20px;
    margin-top:-170px;
  }
}

@media (max-width: 1300px) {

	.banner-hero h1 {
		font-size: 50px;
        max-width: 60%;
    }

    .banner-hero p {
        max-width: 55%;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text h3 {
        font-size: 30px;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text p {
        max-width: calc(100% - 0%);
    }

    .control-data-section .hero-title {
        font-size: 30px;
    }

    .brokers-better-section .common-title h3 {
        font-size: 30px;
    }

    .brokers-better-section .common-title .subtitle {
        max-width: calc(100% - 42%);
    }

    .duxre-deliver-section .common-title .headline {
        font-size: 30px;
    }

    .duxre-deliver-section .common-title .subheadline {
        max-width: 100%;
    }

    .gives-back-section .gives-back-card .gives-back-card-text h3 {
		font-size: 30px;
        max-width: 74%;
    }

    .early-access-section h3 {
        font-size: 30px;
    }

    .banner-hero .hero-content {
	    top: 50%;
	}
  .duxre-header .menu__wrapper{margin-left:0px;}
  
    .duxre-header .header__navigation .menu__item--depth-1 a {
        font-size: 12px;
        padding: 10px 5px !important;
    }

	.privacy-policy-section {
    padding: 120px 0 50px;
  }
  .privacy-policy-section h1{
	font-size: 30px;
  }
  .privacy-policy-section h2{
	font-size: 18px;
  }
}

@media (max-width: 1200px) {
	 .banner-slider{	    
    margin-top:0px;
  }
	.duxre-header {
        padding: 10px 20px 10px;
    }

	.duxre-header .navbar-nav {
        margin: 0px 0px 0px 0px;
    }

    .duxre-header .navbar-nav a {
    	font-size: 14px;
		padding: 10px 10px !important;
    }

	.banner-hero {
	    margin-top: 0px;
	}

    .banner-hero h1 {
        font-size: 40px;
        max-width: 60%;
    }

	.banner-hero p {
        max-width: 69%;
    }

    .about-duxre-section {
	    padding: 20px 20px 0px;
	}

	.about-duxre-section .about-duxre-card {
	    padding: 30px 30px;
	}

	.about-duxre-section .about-duxre-card .gives-back-card-text h3 {
        max-width: 100%;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text .gives-back-btn {
	    margin: 0px 0px 0px;
	}

	.control-data-section {
	    padding: 50px 20px;
	}

	.control-data-section .control-data-cards .card {
	    gap: 15px;
	    padding: 30px 30px;
	}

	.control-data-section .hero-title {
        max-width: 75%;
    }

	.brokers-better-section {
	    padding: 50px 10px;
	}

	.duxre-deliver-section {
	    padding: 50px 20px;
	}

	.duxre-deliver-section .deliver-features-grid .card {
        padding: 30px 30px;
    }

    .gives-back-section {
	    padding: 50px 20px;
	}

	.gives-back-section .gives-back-card {
	    padding: 30px 30px;
	}

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
        font-size: 30px;
        max-width: 76%;
    }

	.gives-back-section .gives-back-card .gives-back-card-text .gives-back-btn {
	    margin: 0px 0px 0px;
	}

	.early-access-section {
	    padding: 50px 30px 0px;
	    margin: 0px 30px 50px;
	}

	.duxre-footer {
	    padding: 50px 20px 40px;
	}

#hs-eu-policy-wording, 
#hs-eu-cookie-disclaimer{max-width:60% !important;}

}

@media (max-width: 992px) {

	.duxre-header {
        padding: 10px 20px;
    }

    .duxre-header .navbar-brand img {
    	width: 70%;
	    margin: 0px 0px 0px 20px;
    }

    .duxre-header .navbar-toggler {
    	border: 0;
    }

    .duxre-header .navbar-toggler:focus {
    	box-shadow: none;
    }

    .duxre-header .navbar-collapse {
    	position: absolute;
	    left: 0;
	    top: 100%;
	    background: #fff;
	    width: 100%;
	    padding: 20px 0px;
    }

    .duxre-header .navbar-nav {
        margin: 0px 0px;
        text-align: center;
    }

    .duxre-header .navbar-nav a {
    	font-size: 16px;
		padding: 10px 10px !important;
    }

    .mobile-show {
    	display: block;
    }

    .destop-show {
    	display: none;
    }

    .banner-hero h1 {
        font-size: 32px;
        max-width: 70%;
    }

    .banner-hero p {
        max-width: 90%;
    }

    .banner-hero .theme-red-btn {
    	padding: 12px 30px;
	}

	.banner-hero {
	    margin-top: 0px;
	    height: 400px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.banner-hero .hero-content {
	    top: 50%;
	}

	.banner-slider {
	    padding: 0px 0px 0px;
	}

	.about-duxre-section {
	    padding: 30px 0px 0px;
	}

	.about-duxre-section .about-duxre-card {
	    padding: 30px 30px;
	}

	.about-duxre-section .about-duxre-card .gives-back-card-text .gives-back-btn {
	    margin: 0px 0px 30px;
	}

	.control-data-section {
	    padding: 50px 0px;
	}

	.control-data-section .hero-title {
        margin-bottom: 30px;
		max-width: 45%;
    }

    .control-data-section .control-data-cards .card {
	    gap: 20px;
	    padding: 24px 24px;
	}

	.brokers-better-section {
	    padding: 50px 0px;
	}

	.brokers-better-section .common-title .subtitle {
        max-width: calc(100% - 22%);
    }

    .brokers-better-section .brokers-cards-block-grid {
    	display: block;
    }

    .brokers-better-section .brokers-cards-block-grid .card {
    	padding: 24px 24px;
    }

    .brokers-better-section .brokers-cards-block-grid .cards-col.left .card,
    .brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
    	min-height: auto;
    }

    .brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
	    border-right: none;
	    border-top: 1px solid #ECECEC;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card {
		border-right: 0;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card:last-child {
		border-bottom: 1px solid #C4C4C4;
	}

	.duxre-deliver-section {
	    padding: 50px 0px;
	}

	.duxre-deliver-section .common-title {
		text-align: center;
	}

	.duxre-deliver-section .common-title .subheadline {
        max-width: 60%;
        margin: 0 auto 20px;
    }

    .duxre-deliver-section .common-title .get-access {
    	margin-bottom: 30px;
    }

    .duxre-deliver-section .deliver-features-grid .card {
        padding: 24px 24px;
    }

    .gives-back-section {
	    padding: 50px 0px;
	}

	.gives-back-section .gives-back-card {
	    padding: 24px 24px;
	}

	.mob-mb {
		margin-bottom: 20px !important;
	}

	.gives-back-section .gives-back-card .gives-back-card-text .gives-back-btn {
		margin: 0px 0px 0px;
	}

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
        font-size: 30px;
        max-width: 50%;
    }

	.early-access-section {
	    padding: 50px 50px 0px;
	    margin: 0px 0px 0px;
	}

	.early-access-section h3 {
        font-size: 30px;
        text-align: center;
    }

    .early-access-section p {
        max-width: 75%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .early-access-section .theme-btn-group {
	    justify-content: center;
	    margin-bottom: 50px;
	}

	.early-access-section .text-end {
	    text-align: center !important;
	}

	.duxre-footer {
	    padding: 50px 10px 40px;
	}

	.duxre-footer .email-link {
		margin-bottom: 40px;
		display: inline-block;
	}

	.duxre-footer p {
        max-width: 50%;
    }

	.copyright-section p {
		max-width: 100%;
	}

	.duxre-deliver-section .common-title .headline br {
		display: none;
	}

	#hs_cos_wrapper_dnd_area-module-4_ h2{
		font-size: 26px;
	}
	.privacy-policy-section {
    padding: 120px 0 50px;
  }
  .privacy-policy-section h1{
	font-size: 26px;
  }
  .privacy-policy-section h2{
	font-size: 18px;
  }

}



@media (max-width: 991px) {
	
	.duxre-header {
        padding: 10px 15px;
    }

    .duxre-header .navbar-brand img {
    	width: 70%;
	    margin: 0px 0px 0px 20px;
    }

    .duxre-header .navbar-toggler {
    	border: 0;
    }

    .duxre-header .navbar-toggler:focus {
    	box-shadow: none;
    }

    .duxre-header .navbar-collapse {
    	position: absolute;
	    left: 0;
	    top: 100%;
	    background: #fff;
	    width: 100%;
	    padding: 20px 0px;
    }

    .duxre-header .navbar-nav {
        margin: 0px 0px;
        text-align: center;
    }

    .mobile-show {
    	display: block;
    }

    .destop-show {
    	display: none;
    }

	.banner-hero h1 {
        font-size: 32px;
        max-width: 100%;
    }

    .banner-hero p {
        max-width: 80%;
    }

    .banner-hero .theme-red-btn {
    	padding: 9px 30px;
	}

	.banner-hero {
	    margin-top: 50px;
	    height: 400px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.banner-hero .hero-content {
	    top: 40%;
	}


	.about-duxre-section {
	    padding: 0px 15px;
	}

	.about-duxre-section .about-duxre-card {
	    padding: 24px 24px;
	}

	.about-duxre-section .about-duxre-card .section-header {
	    padding-bottom: 20px;
	    margin-bottom: 30px;
	}

	.about-duxre-section .about-duxre-card .section-title.small {
	    font-size: 12px;
	}

	.about-duxre-section .row-wrap-reverse {
		flex-wrap: wrap-reverse;
	}

	.about-duxre-section .row-wrap-reverse img {
		margin-bottom: 30px;
	}

	.about-duxre-section .about-duxre-card .gives-back-card-text h3 {
        font-size: 24px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text .gives-back-btn {
	    padding: 9px 30px;
	    margin: 20px auto 0;
	    text-align: center;
	}

	.control-data-section {
	    padding: 50px 15px;
	    position: relative;
	}

	.control-data-section .hero-title {
        font-size: 24px;
        margin-bottom: 30px;
        max-width: 86%;
		padding: 0;
    }

    .control-data-section .control-data-cards {
	    flex-flow: wrap;
	}

    .control-data-section .control-data-cards .card {
    	padding: 24px 24px;
		gap: 20px;
    }

    .control-data-section .control-data-cards .card-icon {
	    width: 44px;
	}

	.control-data-section .control-data-cards .card-title {
        font-size: 18px;
    }

    .control-data-section .control-data-cards .card:last-child {
	    margin-top: -1px;
	}

	.brokers-better-section {
	    padding: 50px 0px;
	}

	.brokers-better-section .common-title h3 {
        font-size: 24px;
    }

    .brokers-better-section .common-title .subtitle {
        max-width: calc(100% - 10%);
    }

    .brokers-better-section .common-title .cta-btn {
	    padding: 10px 40px;
		line-height: 19px;
		margin: 0 0 35px;
	}

	.brokers-better-section .brokers-cards-block-grid {
		display: block;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card,
	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
	    min-height: auto;
	    flex: 1 1 0;
	}

	.brokers-better-section .brokers-cards-block-grid .card {
		padding: 24px 24px;
		gap: 20px;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
	    border-right: none;
	    border-top: 1px solid #ECECEC;
	}
  

	.brokers-better-section .brokers-cards-block-grid .card-icon {
	    width: 44px;
	    height: 44px;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card:last-child {
		border-bottom: 1px solid #C4C4C4;
	}

	.duxre-deliver-section {
	    padding: 50px 15px;
	    text-align: center;
	}

	.duxre-deliver-section .common-title .headline {
        font-size: 24px;
    }

    .duxre-deliver-section .common-title .subheadline {
        max-width: 90%;
        margin: 0 auto;
    }

    .duxre-deliver-section .common-title .get-access {
	    margin-top: 20px;
	    margin-bottom: 30px;
		padding: 9px 28px;
	}

	.duxre-deliver-section .deliver-features-grid {
		display: block;
		text-align: left;
	}

	.duxre-deliver-section .deliver-features-grid .card {
        padding: 24px 24px;
    }

    .duxre-deliver-section .deliver-features-grid .card-outline {
	    border-width: 1px 1px 1px 1px;
	}

    .duxre-deliver-section .deliver-features-grid .outline-bottom {
    	margin: -1px 0px 0px 0px;
	}

	.duxre-deliver-section .deliver-features-grid .card-title.big {
        font-size: 32px;
    }

    .gives-back-section {
	    padding: 0 15px 0;
	}

	.gives-back-section .gives-back-card {
	    padding: 24px 24px;
	}

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
        font-size: 24px;
        max-width: 95%;
        margin-bottom: 15px;
    }

    .gives-back-section .gives-back-card .gives-back-card-text .gives-back-btn {
	    padding: 11px 25px 12px;
	    margin: 0px 0px 0px;
	}

	.early-access-section {
	    padding: 0 0px 0px;
	    margin: 0px 0px 0px;
	    text-align: center;
	}

	.early-access-section h3 {
        font-size: 24px;
        max-width: 80%;
        margin: 0 auto 20px;
    }

    .early-access-section p {
        max-width: 90%;
        margin: 0px auto 50px;
    }

    .early-access-section .theme-btn-group {
	    /* flex-flow: column-reverse; */
		padding-bottom: 50px;
		gap: 15px;
	}

	.early-access-section .text-end {
		text-align: center !important;
	}

	.early-access-section img {
		width: 70%;
		right: 0;
	}

	.gives-back-section .gives-back-card .section-title.small {
	    font-size: 12px;
	}

	.duxre-footer {
	    padding: 50px 0px 40px;
	}

	.duxre-footer p {
        max-width: 100%;
    }

    .email-link {
    	margin-bottom: 40px;
    	display: inline-block;
    }

    .copyright-section {
	    flex-flow: column-reverse;
	    text-align: center;
	}

    .footer-social-media {
	    margin: 0px 0px 20px;
	    text-align: center;
	}

	.duxre-footer .footer-links li a {
	    text-transform: unset;
	}

	.banner-hero{
		padding: 0 15px;
	}
	body .dnd_area-row-6-padding {
    	padding: 50px 0 0 !important;
	}
	.gives-back-section .gives-back-card .section-header{
		margin-bottom: 34px;
		padding-bottom: 15px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text:last-child {
    	padding-left: 20px;
	}
	.duxre-deliver-section .common-title{
		padding: 0 18px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text p{
		margin: 0 0 20px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text p:last-child {
    	margin: 0 0 20px;
	}
	.header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle{
		margin: 0 10px 0 0;
	}
	.duxre-header .content-wrapper .button-wrapper .button{
		padding: 12px 8px;
        font-size: 10px;
    white-space:nowrap;
	}
    .early-access-section .theme-btn-group {
        margin-bottom: 0;
    }
	.footer{
		padding: 64px 0;
	}
	.dnd_area-row-8-margin {
    	margin-bottom: 0 !important;
	}
	#hs_cos_wrapper_footer-module-2 .social-links {
    	justify-content: right !important;
	}
	#hs_cos_wrapper_footer-module-3_ div span{
		text-align: center;
    	justify-content: left;
    	display: flex;
	}
	#hs_cos_wrapper_widget_1749720681890 hr{
		margin-top: 28px;
    	margin-bottom: 28px;
	}
	.gives-back-card-text{
		padding-bottom: 40px;
	}
	#hs_cos_wrapper_footer-module-2{
		padding-top: 15px;
	}
	#hs_cos_wrapper_footer-module-2 .social-links__link:first-child{
		margin-left: 0;
	}
  
      .banner-hero {
        padding: 0 0px;
    }
	.duxre-header .header__close--toggle.show{
		margin-left: 0 !important;
	}
	.about-duxre-section .about-duxre-card .gives-back-card-text p{
		margin: 0 0 20px;
	}
	.brokers-better-section .brokers-cards-block-grid .cards-col.right {
    	border-left: 0;
	}
	.early-access-section{
		background-image: url(https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/Cards.png) !important;
		background-size: 100%;
	}
	.duxre-header .header__navigation .menu__item--depth-1 a {
        font-size: 10px;
        padding: 10px 2px;
    }
	.duxre-header .header__navigation {
    	margin: 0px 0px 0px 0;
	}
  
  footer .row-fluid-wrapper.row-depth-1.row-number-10.dnd-section .row-fluid {
    align-items: center;
  }
  .slick-dots{
		display: flex;
		justify-content: center;
		gap: 6px;
		position: relative;
		top: -50px;
	}
	.slick-dots li button{
		background: #BFBEBF;
		font-size: 0;
		height: 7px;
		width: 7px;
		padding: 0;
		border: 0;
		border-radius: 50%;
	}
	.slick-dots .slick-active button{
		background: #EE3135;
	}
  #hs-eu-policy-wording, 
#hs-eu-cookie-disclaimer{max-width:100% !important;}
  .hs-banner-optimization-animation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area {
    width: auto;
    position: relative;
    left: auto;
    right: 30px;
    top: 0px;
}

}

@media (max-width: 767px) {
	
	.duxre-header {
        padding: 10px 15px;
    }

    .duxre-header .navbar-brand img {
    	width: 70%;
	    margin: 0px 0px 0px 20px;
    }

    .duxre-header .navbar-toggler {
    	border: 0;
    }

    .duxre-header .navbar-toggler:focus {
    	box-shadow: none;
    }

    .duxre-header .navbar-collapse {
    	position: absolute;
	    left: 0;
	    top: 100%;
	    background: #fff;
	    width: 100%;
	    padding: 20px 0px;
    }

    .duxre-header .navbar-nav {
        margin: 0px 0px;
        text-align: center;
    }

    .mobile-show {
    	display: block;
    }

    .destop-show {
    	display: none;
    }

	.banner-hero h1 {
        font-size: 29px;
		line-height: 32px;
        max-width: 100%;
		margin: 0 0 15px;
    padding:0px 10px;
    }

    .banner-hero p {
        max-width: 90%;
		margin: 0 auto 40px;
		font-size: 15px;
    }

    .banner-hero .theme-red-btn {
		padding: 11px 30px 11px;
        width: 93%;
        display: block;
        margin: 0 auto;
	}

	.banner-hero {
	    margin-top: 50px;
	    height: 400px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.banner-hero .hero-content {
	    top: 42%;
	}

	.banner-slider {
		display: block;
		padding: 0 15px 48px;

	}

	.about-duxre-section {
	    padding: 0px 15px;
	}

	.about-duxre-section .about-duxre-card {
	    padding: 24px 12px 0;
	}

	.about-duxre-section .about-duxre-card .section-header {
	    padding-bottom: 24px;
	    margin-bottom: 30px;
	}

	.about-duxre-section .about-duxre-card .section-title.small {
	    font-size: 12px;
	}

	.about-duxre-section .row-wrap-reverse {
		flex-wrap: wrap-reverse;
	}

	.about-duxre-section .row-wrap-reverse img {
		margin-bottom: 30px;
	}

	.about-duxre-section .about-duxre-card .gives-back-card-text h3 {
        font-size: 24px;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .about-duxre-section .about-duxre-card .gives-back-card-text .gives-back-btn {
	    padding: 8px 30px 9px;
	    margin: 20px auto 0;
	    text-align: center;
	    display: block;
	}

	.control-data-section {
	    padding: 48px 15px;
	    position: relative;
	}

	.control-data-section .hero-title {
        font-size: 23px;
        margin-bottom: 27px;
        max-width: 100%;
		padding: 0;
		text-align: center;
    }

    .control-data-section .control-data-cards {
	    flex-flow: wrap;
	}

    .control-data-section .control-data-cards .card {
    	padding: 24px 12px;
		gap: 10px;
    }

    .control-data-section .control-data-cards .card-icon {
	    width: 44px;
		margin-bottom: 10px;
	}
	.control-data-section .control-data-cards .card-icon img{
		width: 48px !important;
    	height: 48px !important;
    	max-width: inherit !important;
	}

	.control-data-section .control-data-cards .card-title {
        font-size: 18px;
    }

    .control-data-section .control-data-cards .card:last-child {
	    margin-top: -1px;
	}

	.brokers-better-section {
	    padding: 48px 0px;
	}

	.brokers-better-section .common-title h3 {
        font-size: 23px;
    }

    .brokers-better-section .common-title .subtitle {
        max-width: calc(100% - 10%);
    }

    .brokers-better-section .common-title .cta-btn {
	    padding: 8px 30px 9px;
	    width: 100%;
		line-height: normal;
		margin: 0 0 48px;
	}

	.brokers-better-section .brokers-cards-block-grid {
		display: block;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card,
	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
	    min-height: auto;
	    flex: 1 1 0;
	}

	.brokers-better-section .brokers-cards-block-grid .card {
		padding: 36px 12px;
		gap: 20px;
	}

	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card {
	    border-right: none;
	    border-top: 1px solid #ECECEC;
	}

    	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card:first-child {
	    border-right: none;
	    border-top: 1px solid #c4c4c4;
	}
   	.brokers-better-section .brokers-cards-block-grid .cards-col.right .card:last-child {
	    border-right: none;
	    border-top: 0px solid #c4c4c4;
	}
  
	.brokers-better-section .brokers-cards-block-grid .card-icon {
	    width: 44px;
	    height: 44px;
	}

.brokers-better-section .brokers-cards-block-grid .card-icon img{
	        height: 48px !important;
        max-width: inherit !important;
        width: 48px !important;
}
	.brokers-better-section .brokers-cards-block-grid .cards-col.left .card:last-child {
		border-bottom: 1px solid #C4C4C4;
	}

	.duxre-deliver-section {
	    padding: 48px 15px;
	    text-align: center;
	}

	.duxre-deliver-section .common-title .headline {
        font-size: 24px;
    }

    .duxre-deliver-section .common-title .subheadline {
        max-width: 100%;
        margin: 0 auto;
    }

    .duxre-deliver-section .common-title .get-access {
	    margin-top: 20px;
	    margin-bottom: 48px;
	    width: 100%;
		padding: 9px 28px 10px;
		line-height: normal;
	}

	.duxre-deliver-section .deliver-features-grid {
		display: block;
		text-align: left;
	}

	.duxre-deliver-section .deliver-features-grid .card {
        padding: 36px 12px;
    }

    .duxre-deliver-section .deliver-features-grid .card-outline {
	    border-width: 1px 1px 1px 1px;
	}

    .duxre-deliver-section .deliver-features-grid .outline-bottom {
    	margin: -1px 0px 0px 0px;
	}

	.duxre-deliver-section .deliver-features-grid .card-title.big {
        font-size: 28px;
    }

    .gives-back-section {
	    padding: 0 15px 0;
	}

	.gives-back-section .gives-back-card {
	    padding: 24px 12px 0;
	}

	.gives-back-section .gives-back-card .gives-back-card-text h3 {
        font-size: 23px;
		line-height: normal;
        max-width: 95%;
        margin-bottom: 15px;
    }

    .gives-back-section .gives-back-card .gives-back-card-text .gives-back-btn {
	    padding: 8px 25px 9px;
	    margin: 0px 0px 0px;
	    width: 100%;
		line-height: normal;
	}

	.early-access-section {
	    padding: 0 0px 0px;
	    margin: 0px 0px 0px;
	    text-align: center;
	}

	.early-access-section h3 {
        font-size: 23px;
        max-width: 84%;
        margin: 0 auto 20px;
    }

    .early-access-section p {
        max-width: 90%;
        margin: 0px auto 24px;
    }

    .early-access-section .theme-btn-group {
	    flex-flow: column-reverse;
	}

	.early-access-section .theme-border-btn {
		margin: 0px 0px 48px 0px;
    	width: 100%;
		padding: 8px 25px 9px;
	}

	.early-access-section .theme-white-btn {
		width: 100%;
		margin: 0px 0px;
		padding: 8px 25px 9px;
	}

	.early-access-section .text-end {
		text-align: center !important;
	}

	.early-access-section img {
		width: 70%;
		right: 0;
	}

	.gives-back-section .gives-back-card .section-title.small {
	    font-size: 12px;
	}

	.duxre-footer {
	    padding: 50px 0px 40px;
	}

	.duxre-footer p {
        max-width: 100%;
    }

    .email-link {
    	margin-bottom: 40px;
    	display: inline-block;
    }

    .copyright-section {
	    flex-flow: column-reverse;
	    text-align: center;
	}

    .footer-social-media {
	    margin: 0px 0px 20px;
	    text-align: center;
	}

	.duxre-footer .footer-links li a {
	    text-transform: unset;
	}

	.banner-hero{
		padding: 0 15px;
	}
	body .dnd_area-row-6-padding {
    	padding: 48px 0 0 !important;
	}
	.gives-back-section .gives-back-card .section-header{
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text:last-child {
    	padding-left: 20px;
	}
	.duxre-deliver-section .common-title{
		padding: 0 18px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text p{
		margin: 0 0 20px;
	}
	.gives-back-section .gives-back-card .gives-back-card-text p:last-child {
    	margin: 0 0 20px;
	}
	.header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle{
		margin: 0 10px 0 0;
	}
	.duxre-header .content-wrapper .button-wrapper .button{
		padding: 7px 15px 7px;
        font-size: 12px;
		position: relative;
        top: 0px;
	}
    .early-access-section .theme-btn-group {
        margin-bottom: 0;
		padding: 0;
		gap: 16px;
    }
	.footer{
		padding: 48px 0 !important;
	}
	body .dnd_area-row-8-margin {
    	margin-bottom: 48px !important;
	}
	#hs_cos_wrapper_footer-module-2 .social-links {
    	justify-content: center !important;
	}
	#hs_cos_wrapper_footer-module-3_ div span{
		text-align: center;
    	justify-content: center;
    	display: flex;
		font-size: 12px !important;
	}
	#hs_cos_wrapper_widget_1749720681890 hr{
		margin-top: 28px;
    	margin-bottom: 28px;
	}
	.gives-back-card-text{
		padding-bottom: 48px;
	}
	#hs_cos_wrapper_footer-module-2{
		padding-top: 15px;
	}
	#hs_cos_wrapper_footer-module-2 .social-links__link:first-child{
		margin-left: 0;
	}
  
      .banner-hero {
        padding: 250px 0 10px 0;
		height: 420px;
    }
	.duxre-header .header__close--toggle.show{
		margin-left: 0 !important;
		margin-right: 10px !important;
	}
	.about-duxre-section .about-duxre-card .gives-back-card-text p{
		margin: 0 0 20px;
	}
	.brokers-better-section .brokers-cards-block-grid .cards-col.right {
    	border-left: 0;
	}
	.early-access-section{
		background-image: url(https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/Cards.png) !important;
		background-size: 100%;
        background-position: top;
		padding: 0 15px;
	}
	.control-data-section .control-data-cards .card-desc {
        font-size: 15px;
    }
	.brokers-better-section .brokers-cards-block-grid .phone-card{
		padding: 45px 0;
	}
	body #hs_cos_wrapper_module_17496323938018 {
	    margin-bottom: 22px !important;
	}

	.dnd_area-row-1-background-layers{
		background: #fff !important;
	}
	.slick-dots{
		display: flex;
		justify-content: center;
		gap: 6px;
		position: relative;
		top: 10px;
	}
	.slick-dots li button{
		background: #BFBEBF;
		font-size: 0;
		height: 7px;
		width: 7px;
		padding: 0;
		border: 0;
		border-radius: 50%;
	}
	.slick-dots .slick-active button{
		background: #EE3135;
	}
	.banner-center-slider .slick-list{
		padding: 50px 0 0 !important;
	}
	.gives-back-section-right-img .row{
		flex-flow: column-reverse;
	}
	footer > p{
		margin-top: 30px;
	}
	#hs-link-site_logo_hs_logo_widget img{
		width: 75px !important;
		position: relative;
    	top: 0px;
	}
	.menu__item--depth-1{
		border-top: 0;
	}
	.duxre-header .header__navigation .menu__item--depth-1{
		border: 0 !important;
	}
	ul.no-list{
		background: #fff;
		padding: 0 0 10px;
	}
	.duxre-header .header__navigation .menu__item--depth-1 a{
		font-size: 15px;
        font-weight: 600;
		padding:15px !important;
	}
	html{
		overflow-x: hidden;
	}
	.control-data-section .control-data-cards .card-desc, .control-data-section .control-data-cards .card-desc p {
        font-size: 15px;
    }
	.brokers-better-section .brokers-cards-block-grid .card-content p {
        font-size: 15px;
    }
	.footer .menu__wrapper .menu__item--depth-1 a{
		font-size: 15px !important;
	}
	#hs_cos_wrapper_widget_1749720681890 hr{
		margin-bottom: 20px !important;
	}
	footer p{
		margin: 0 0 50px !important;
		font-size: 15px !important;
	}
	footer p span{
		margin-top: 30px !important;
		display: block;
	}
	footer p > span{
		margin-top: 0 !important;
	}
	body #hs_cos_wrapper_module_17496323938018 img{
		width: 90px !important;
	}

	.header__navigation--toggle {
		background-image: url(https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/menu-icon.svg);
    background-size: cover;
		height: 18px;
    width: 26px;
	}
  
	.header__close--toggle{
		background-image: url(https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/close-icon.svg);
		height: 22px;
		width: 22px;
		background-size: 100%;
	}
  
	.duxre-header .header__row-2{
		min-width: 36px;
	}

	.banner-center-slider .slick-slide {
    margin: 0 5px; /* Adjust spacing as needed */
  }

  .banner-center-slider .slick-list {
    margin: 0 -5px; /* Negative margin to compensate overall width */
  }
  .duxre-deliver-section .deliver-features-grid .card-desc{
	font-size: 15px;
  }

  .header__navigation.open, .header__search.open, .header__language-switcher.open{
	top: 50px !important;
  }

  #hs_cos_wrapper_widget_1749720681890 hr{
	margin-top: 18px !important;
  }
  

  
  .privacy-policy-section {
    padding: 70px 0 50px;
  }
  .privacy-policy-section h1{
	font-size: 26px;
  }
  .privacy-policy-section h2{
	font-size: 18px;
  }

  .duxre-deliver-section .deliver-features-grid .card:nth-child(3){
	border-bottom: 0;
  }


    .duxre-header {
        padding: 10px 12px;
    }
	.banner-hero .theme-red-btn {
		margin: 0 12px;
        padding: 11px 30px;
        width: auto;
    }
	.about-duxre-section {
        padding: 0 12px;
    }
	.brokers-better-section .row{
		padding-left: 12px;
		padding-right: 12px;
	}
	.brokers-better-section .row>*{
		padding-left: 0;
		padding-right: 0;
	}
	.duxre-deliver-section {
        padding: 48px 12px;
    }
	.control-data-section {
        padding: 48px 12px;
    }
	.gives-back-section {
        padding: 0 12px 0;
    }
	footer .container-fluid{
		padding: 0 12px;
	}
	.banner-slider {
        padding: 0 12px 48px;
    }
	.early-access-section{
		padding: 0 12px;
	}
	 .banner-slider{	    
    margin-top:0px;
  }
  .banner-hero h1 br{display:none}
  
  .banner-center-slider .slick-center,
.banner-center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
	transform: scale(1);
	/* background-color: #000000; */
	transition: ease all 0.5s;
}
  
 .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section.dnd_area-row-1-background-image.dnd_area-row-1-background-layers {
    background-image: url(https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/Frame%202087332392.png) !important;
    background-position: top left !important;
    background-size: 140% !important;
    background-repeat: repeat-y !important;
}

.duxre-header .menu__wrapper {    
    margin: 0 0 0 0px;
}
  
  .duxre-footer h4, .duxre-footer h6{margin-bottom:20px;}
  .duxre-footer .menu__wrapper .menu__item--depth-1 {margin: 0 0 10px;}
  


     
/* Changing order of the cards */
    .duxre-deliver-section .deliver-features-grid {display: flex;  flex-direction: column; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(1) { order: 1; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(2) { order: 6; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(3) { order: 2; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(4) { order: 4; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(5) { order: 3; }
    .duxre-deliver-section .deliver-features-grid .card:nth-child(6) { order: 5; }
 
  #hs_cos_wrapper_footer-module-2 .social-links .social-links__link img {width: 32px; height: 32px;}

    .scrolltop-btn {
        bottom: 30px;
        right: 20px;
    }
  
  .scrolltop-btn img {
    width: 50px;
    height: 50px;
  }

  body.go1432718904{
        overflow: hidden;
    height: 100vh;
  }
  
   .row-depth-1 .row-fluid {
        width: 100%;
        flex-direction: column-reverse !important;        
    }


 .hs-banner-optimization-animation {  
    max-width: calc(100% - 25px) !important;  
    border-radius: 10px !important;
    bottom: 10px !important;
 }
 #hs-banner-parent * {
    line-height: 1.5em !important;
 }
  #hs-eu-cookie-disclaimer{max-width:100% !important; }
  .hs-banner-optimization-animation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area { 
    right: 0px;   
    width: 100%;
    display: block; }
  #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons{display:block !important}    
  #hs-eu-cookie-confirmation #hs-eu-confirmation-button{width: 100% !important;}
  #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons #hs-eu-confirmation-button{margin-bottom:20px; width: 100% !important;}
  #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons #hs-eu-decline-button{margin-bottom:20px; width: 100% !important;}
  #hs-eu-header-container {
    position: absolute;
    top: 15px;
    right: 15px;
}
  
}

/* === DUXRE HERO – FINAL MOBILE/TABLET FIXES (keep last) === */

/* Tablet & down */
@media (max-width: 992px){
  /* Let the hero be a normal block; remove forced 400px height */
  .banner-hero{
    height:auto !important;
    display:block !important;
    padding:56px 20px 28px !important;   /* top / sides / bottom */
    background-size:cover !important;
    background-position:center !important;
  }

  /* Stop absolute positioning on mobile */
  .banner-hero .hero-content{
    position:static !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    max-width:none !important;
    text-align:left !important;
    margin:0 !important;
  }

  /* Scalable, readable headings */
  .banner-hero h1{
    font-size:clamp(26px, 6.4vw, 34px) !important;
    line-height:1.15 !important;
    margin:0 0 12px 0 !important;
    max-width:100% !important;
    padding:0 !important;
  }

  /* Body copy */
  .banner-hero p{
    font-size:16px !important;
    line-height:1.45 !important;
    max-width:100% !important;
    margin:8px 0 18px 0 !important;
  }

  /* CTA – full width, comfortable tap target */
  .banner-hero .theme-red-btn{
    display:block !important;
    width:100% !important;
    min-height:48px !important;
    padding:14px 18px !important;
    border-radius:10px !important;
    margin:0 !important;
  }

  /* If hero uses an <img>, make it behave */
  .banner-hero > img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:16px 0 0 0 !important;
    transform:none !important;
  }
}

/* Phone focus – tighten a bit more */
@media (max-width: 767px){
  .banner-hero{
    padding:48px 16px 20px !important;
  }
  .banner-hero h1{
    font-size:clamp(24px, 7vw, 30px) !important;
    margin:0 0 10px 0 !important;
  }
  .banner-hero p{
    font-size:15px !important;
    margin:6px 0 16px 0 !important;
  }
}

/* === DUXRE HERO — MOBILE STACK FIX (keep last) === */
@media (max-width: 767px){
  /* Use the hero as a background so text can sit on it */
  .banner-hero{
    margin-top: 0 !important;                 /* kill extra top gap */
    padding: 24px 16px 20px !important;       /* tighten under the nav */
    min-height: 420px !important;             /* enough canvas for text over image */
    background-image: url('https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/Duxre%20Above%20the%20fold%20background%20image.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center 10% !important; /* nudge image up; try 0%–15% */
  }

  /* Hide the inline hero <img> so it doesn't push content down */
  .banner-hero > img{
    display: none !important;
  }

  /* Let content flow normally on top of the background */
  .banner-hero .hero-content{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  /* Tight, readable type */
  .banner-hero h1{
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.15 !important;
    margin: 0 0 10px 0 !important;
  }
  .banner-hero p{
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin: 6px 0 16px 0 !important;
    max-width: 100% !important;
  }
  .banner-hero .theme-red-btn{
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }
}

/* Tablet tweak to keep things consistent */
@media (min-width: 768px) and (max-width: 992px){
  .banner-hero{
    margin-top: 0 !important;
    padding: 32px 20px 24px !important;
    min-height: 460px !important;
    background-image: url('https://50111798.fs1.hubspotusercontent-na2.net/hubfs/50111798/Duxre%20Above%20the%20fold%20background%20image.png') !important;
    background-size: cover !important;
    background-position: center 8% !important;
  }
  .banner-hero > img{ display: none !important; }
  .banner-hero .hero-content{ position: relative !important; }
}

/* === DUXRE HERO — MOBILE SPACING & LENGTH TUNE (keep last) === */

/* Phones */
@media (max-width: 767px){
  .banner-hero{
    /* add breathing room under sticky nav */
    padding-top: 88px !important;     /* was 24px */
    padding-bottom: 20px !important;
    min-height: 360px !important;     /* was 420px */
    background-position: center 8% !important;
  }

  /* optional: add a little gap before CTA */
  .banner-hero .theme-red-btn{
    margin-top: 10px !important;
  }
}

/* Small tablets */
@media (min-width: 768px) and (max-width: 992px){
  .banner-hero{
    padding-top: 96px !important;     /* was 32px */
    padding-bottom: 24px !important;
    min-height: 380px !important;     /* was 460px */
    background-position: center 6% !important;
  }
}

/* === DUXRE HERO — MOBILE TEXT + BUTTON RIGHT-PADDING FIX (keep last) === */
@media (max-width: 767px){
  /* keep hero width aligned visually */
  .banner-hero p{
    padding-right: 16px !important;    /* reduce right spacing */
    padding-left: 4px !important;      /* small offset for balance */
    text-align: left !important;
  }

  .banner-hero .theme-red-btn{
    width: auto !important;            /* no full width */
    display: inline-block !important;  /* natural size button */
    padding: 12px 22px !important;     /* slightly smaller sides */
    margin-left: 4px !important;       /* align with paragraph start */
    margin-right: 0 !important;        /* remove extra right padding */
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 992px){
  .banner-hero p{
    padding-right: 20px !important;
    padding-left: 4px !important;
  }

  .banner-hero .theme-red-btn{
    width: auto !important;
    display: inline-block !important;
    padding: 12px 24px !important;
    margin-left: 4px !important;
    margin-right: 0 !important;
  }
}
/* === Mobile Hero Video Fix === */
@media (max-width: 768px) {
.banner-hero {
  min-height: 560px !important;
  padding-top: 80px !important;
  padding-bottom: 10px !important; /* tighten gap below video */
}


  .banner-hero video,
  .duxre-hero-bg {
    object-fit: cover !important;
    object-position: center 40% !important; /* moves frame downward */
    transform: scale(1.15) !important; /* zooms slightly out to reduce crop */
  }

 /* === Force hero text lower on mobile === */
@media (max-width: 768px) {
  body .banner-hero .hero-content {
    position: absolute !important;
    top: 60% !important;            /* lower text */
    transform: translateY(-50%) !important;
    width: 90% !important;
    left: 5% !important;
    right: 5% !important;
    text-align: left !important;
    z-index: 3 !important;
  }

  body .banner-hero p.subtext {
    margin-bottom: 20px !important;
  }
}
/* === Reduce white space between hero and next section (mobile) === */
@media (max-width: 768px) {
  body .banner-hero {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body .about-section,
  body .section.about-section {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}
/* === Fix mobile spacing between hero and next section === */
@media (max-width: 768px) {
  body .banner-hero {
    margin-bottom: -20px !important;   /* pull next section up */
    padding-bottom: 0 !important;
  }

  body main > .section:first-of-type,
  body main > .section:nth-of-type(2),
  body .about-section,
  body .section.about-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* === Final fine-tune: tighten space between hero and next section === */
@media (max-width: 768px) {
  body .banner-hero {
    margin-bottom: -35px !important;   /* was -20px */
    padding-bottom: 0 !important;
  }

  body main > .section:first-of-type,
  body main > .section:nth-of-type(2),
  body .about-section,
  body .section.about-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* === Mobile hero height + text alignment fine-tune === */
@media (max-width: 768px) {
  /* Reduce hero video height */
  .banner-hero,
  .banner-hero video.duxre-hero-bg {
    max-height: 520px !important;   /* Adjust overall hero height */
    height: 520px !important;
    object-fit: cover !important;
  }

  /* Lift text and button slightly */
  .banner-hero .hero-content {
    top: 18% !important;  /* was around 28% on desktop */
    transform: none !important;
  }

  .banner-hero p {
    margin-bottom: 18px !important; /* Add space before button */
  }

  .banner-hero .theme-red-btn {
    margin-top: 0 !important;
  }
}
/* === Mobile hero (image fallback) fine-tuning === */
@media (max-width: 768px) {

  /* Reduce hero image height */
  .banner-hero img.hero-bg,
  .banner-hero img {
    max-height: 520px !important;
    height: 520px !important;
    object-fit: cover !important;
  }

  /* Lift text and tighten vertical spacing */
  .banner-hero .hero-content {
    top: 16% !important;  /* move text up */
    transform: none !important;
  }

  .banner-hero h1 {
    font-size: clamp(26px, 6vw, 34px) !important;
    line-height: 1.1 !important;
  }

  .banner-hero p {
    margin-top: 6px !important;
    margin-bottom: 18px !important;
  }

  .banner-hero .theme-red-btn {
    margin-top: 0 !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
  }

  /* Keep smooth spacing with next section */
  body .banner-hero {
    margin-bottom: -30px !important;
  }
}
/* === FINAL Mobile Hero Fix: height + vertical alignment === */
@media (max-width: 768px) {

  /* Resize entire hero wrapper */
  .banner-hero {
    position: relative !important;
    height: 480px !important;
    max-height: 480px !important;
    overflow: hidden !important;
    margin-bottom: -25px !important;
  }

  /* Fix hero image (fallback) */
  .banner-hero img,
  .banner-hero img.hero-bg {
    width: 100% !important;
    height: 480px !important;
    max-height: 480px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  /* Lift content overlay */
  .banner-hero .hero-content {
    position: absolute !important;
    top: 14% !important;    /* was 28% desktop */
    left: 24px !important;
    right: 24px !important;
    transform: none !important;
    z-index: 3 !important;
  }

  .banner-hero h1 {
    font-size: clamp(24px, 5.6vw, 32px) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
  }

  .banner-hero p {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }

  .banner-hero .theme-red-btn {
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }
}
/* === Absolute override for mobile hero height + alignment (HubSpot inline fix) === */
@media (max-width: 768px) {

  /* Force hero wrapper to fixed height */
  .banner-hero,
  .banner-hero .dnd-section,
  .banner-hero .dnd-column,
  .banner-hero .dnd-module {
    height: 440px !important;
    max-height: 440px !important;
    min-height: 440px !important;
    overflow: hidden !important;
  }

  /* Fix fallback image (HubSpot injects inline height) */
  .banner-hero img,
  .banner-hero img.hero-bg {
    width: 100% !important;
    height: 440px !important;
    max-height: 440px !important;
    min-height: 440px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Lift text and tighten layout */
  /* === Fine-tune hero text vertical alignment for mobile === */
@media (max-width: 768px) {
  .banner-hero .hero-content {
    position: absolute !important;
    top: 10% !important;   /* was 16% — moved higher */
    left: 22px !important;
    right: 22px !important;
    z-index: 5 !important;
    transform: none !important;
  }

  .banner-hero h1 {
    font-size: clamp(24px, 5.8vw, 32px) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
  }

  .banner-hero p {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  .banner-hero .theme-red-btn {
    margin-top: 2px !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }
}

  .banner-hero h1 {
    font-size: clamp(24px, 5.8vw, 32px) !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }

  .banner-hero p {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  .banner-hero .theme-red-btn {
    margin-top: 0 !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }

  /* Reduce gap before next section */
  body .banner-hero {
    margin-bottom: -20px !important;
  }
}
/* === Final Mobile Hero Cleanup + Vertical Alignment Fix === */
@media (max-width: 768px) {

  /* Force hero wrapper height */
  .banner-hero,
  .banner-hero .dnd-section,
  .banner-hero .dnd-column,
  .banner-hero .dnd-module {
    height: 440px !important;
    max-height: 440px !important;
    min-height: 440px !important;
    overflow: hidden !important;
  }

  /* Fix fallback image sizing */
  .banner-hero img,
  .banner-hero img.hero-bg {
    width: 100% !important;
    height: 440px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  /* Fine-tune hero content position and spacing */
  .banner-hero .hero-content {
    position: absolute !important;
    top: 10% !important; /* previously 16% */
    left: 22px !important;
    right: 22px !important;
    z-index: 5 !important;
    transform: none !important;
  }

  .banner-hero h1 {
    font-size: clamp(24px, 5.8vw, 32px) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
  }

  .banner-hero p {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  .banner-hero .theme-red-btn {
    margin-top: 2px !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }

  /* Tighten gap before next section */
  body .banner-hero {
    margin-bottom: -20px !important;
  }
}
/* === Remove duplicate hero image on mobile to prevent overlay === */
@media (max-width: 768px) {
  html body .banner-hero img.hero-bg,
  html body .banner-hero img {
    display: none !important;
  }
}
/* === Mobile hero height + balanced text === */
@media (max-width: 768px) {
  html body .banner-hero {
    height: 420px !important;       /* trims visual height so top isn't duplicated */
    overflow: hidden !important;
  }

  html body .banner-hero .hero-content {
    top: 9% !important;             /* slightly lower than before for balance */
  }
}
/* === FINAL HERO MOBILE FIX: Clean layer + balanced alignment === */
@media (max-width: 768px) {
  /* Force single background layer */
  html body .banner-hero img.hero-bg,
  html body .banner-hero img:not(.keep-visible) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
  }

  /* Keep hero video or background area stable */
  html body .banner-hero {
    position: relative !important;
    height: 380px !important;        /* trims top glow area */
    overflow: hidden !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  /* Re-center text block */
  html body .banner-hero .hero-content {
    position: absolute !important;
    top: 12% !important;             /* lift slightly */
    left: 24px !important;
    right: 24px !important;
    z-index: 6 !important;
    transform: none !important;
    text-align: left !important;
  }

  /* Adjust heading and text sizing */
  html body .banner-hero h1 {
    font-size: clamp(22px, 5vw, 30px) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
  }

  html body .banner-hero p {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
  }

  html body .banner-hero .theme-red-btn {
    margin-top: 15px !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
  }

  /* Reduce gap before next module */
  html body section.banner-hero + section {
    margin-top: -10px !important;
  }
}
/* === Final mobile alignment polish for hero === */
@media (max-width: 768px) {
  /* Raise hero text slightly */
  html body .banner-hero .hero-content {
    top: 9% !important;     /* was 12% — centers the content vertically */
  }

  /* Trim hero height just a bit more for better fold fit */
  html body .banner-hero {
    height: 360px !important;   /* was 380px */
  }

  /* Reduce space between hero and next section */
  html body section.banner-hero + section {
    margin-top: -15px !important;
  }

  /* Slight text refinement */
  html body .banner-hero h1 {
    font-size: clamp(22px, 4.8vw, 28px) !important;
  }

  html body .banner-hero p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  html body .banner-hero .theme-red-btn {
    padding: 9px 18px !important;
    font-size: 14.5px !important;
  }
}
/* === DUXRE MOBILE HERO – LOCKED ALIGNMENT + HEIGHT FIX === */
@media (max-width: 768px) {
  /* Force the hero container to stay consistent */
  html body .banner-hero,
  html body [class*="banner-hero"] {
    position: relative !important;
    min-height: 340px !important;       /* controls total hero height */
    max-height: 340px !important;
    overflow: hidden !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  /* Override HubSpot inline top positioning */
  html body .banner-hero .hero-content,
  html body [class*="banner-hero"] .hero-content {
    position: absolute !important;
    top: 15% !important;               /* sweet spot for balanced text */
    left: 24px !important;
    right: 24px !important;
    z-index: 10 !important;
    transform: none !important;
  }

  /* Text + button sizing */
  html body .banner-hero h1 {
    font-size: clamp(22px, 5vw, 28px) !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }

  html body .banner-hero p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
  }

  html body .banner-hero .theme-red-btn {
    margin-top: 4px !important;
    padding: 10px 18px !important;
    font-size: 14.5px !important;
    border-radius: 6px !important;
  }
/* === Tighten gap between hero and next section (universal HubSpot fix) === */
@media (max-width: 768px) {
  html body .banner-hero {
    margin-bottom: -40px !important;  /* closes the white space */
  }

  html body .banner-hero + * {
    margin-top: 0 !important;          /* neutralizes HubSpot's top margin */
    padding-top: 5px !important;       /* adds subtle breathing room */
  }
}
/* === Final mobile spacing + hero text stability fix === */
@media (max-width: 768px) {

  /* Keep hero text locked in place */
  html body .banner-hero .hero-content,
  html body [class*="banner-hero"] .hero-content {
    top: 28% !important;       /* maintain previous good position */
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    z-index: 6 !important;
    transform: none !important;
  }

  /* Close white gap below hero without pushing content */
  html body .banner-hero {
    margin-bottom: -30px !important;  /* closes space below video/image */
    padding-bottom: 0 !important;     /* ensures hero height stays fixed */
  }

  /* Ensure next section aligns properly */
  html body .banner-hero + * {
    margin-top: 0 !important;
    padding-top: 8px !important;      /* small soft edge for flow */
  }
}