@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');

.sppb-addon-title {
    font-family: 'Figtree', sans-serif !important;
  letter-spacing:0.1px !important;
}
li, p, a{
   font-family: 'Figtree', sans-serif !important;
  /*font-size:18px !important;*/
   font-weight:400 ;
}
h1{
  font-size:42px !important;
}
h2{
  font-size:35px !important;
}
h3{
  font-size:28px !important;
}
h4{
  font-size:25px !important;
}
h5{
  font-size:22px !important;
}
h6{
   font-size:20px !important;
}
.about-block1 h6{
  font-weight:400 !important;
}
#ab-inner1 .sppb-row, #ab2-block .sppb-row{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:40px;
}

#ab-inner1 .sppb-row-column, #ab2-block .sppb-row-column{
    width:100%;
    max-width:100%;
}
.about-block2 h4{
  font-weight:600 !important;
  letter-spacing: 0.3px !important;
  margin-top:1.5rem !important;
}
.title-tagline p{
    letter-spacing: 2px !important;
    font-weight:500 !important;
}


/* Remove SP Builder Container */
.about-block4 > .sppb-row-container{
    max-width:100% !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

/* LEFT SIDE */
.about-block4 .ab4-left{
    background:#f7f7ff;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  border-radius:60px 0px 0px 60px;
}
.about-block4 .sppb-row-column{
    padding:0 !important;
}

.about-block4 .ab4-left .sppb-column-addons{
  max-width:700px;
  padding:80px 70px;
}

/* RIGHT SIDE */
.about-block4 .ab4-right{
    background:#0d243d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:flex-start;
  border-radius:0px 60px 60px 0;
}

.about-block4 .ab4-right .sppb-column-addons{
    padding:80px 70px;
}

/* Right List */
.about-block4 .ab4-right p{
    font-size:18px !important;
    margin:0 0 18px !important;
    line-height:1.5 !important;
}

.about-block4 .ab4-right .fas{
    margin-right:10px !important;
    font-size:19px !important;
}
/* Card */
.ab-inner6 .sppb-column {
    background: #f7f7ff;
    border-radius: 18px;
    padding: 35px 30px;
    transition: all .35s ease;
    cursor: pointer;
}

.ab-inner6 .sppb-column .sppb-addon-title {
    transition: all .35s ease;
}
.ab-inner6 .sppb-column p {
    transition: all .35s ease;
}
.ab-inner6 .sppb-column img {
    transition: all .35s ease;
}
.ab-inner6 .sppb-column:hover {
    background: #025afa;
    transform: translateY(-3px); /* optional */
}
.ab-inner6 .sppb-column:hover .sppb-addon-title,
.ab-inner6 .sppb-column:hover p {
    color: #fff;
}
.ab-inner6 .sppb-column:hover img {
    filter: brightness(0) invert(1);
}
.sppb-button-wrapper a {
    text-decoration: none !important;
}

.ab7-middle{
    position: relative;
    z-index: 2;
}
.ab7-middle .sppb-column-addons{
    padding: 30px;
    background-color:#f7f7ff;
    border: 1.5px solid #025afa;
    border-radius: 40px;
    max-width: 940px;
    margin: 0 auto;
}
.ab7-middle::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height:110px;
    background: url("https://worxtms.com/dev/images/2026/07/16/_spmedia_thumbs/map%201.png") no-repeat left center;
    background-size: contain;
}
.ab7-middle::after{
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
   height:200px;
    background: url("https://worxtms.com/dev/images/2026/07/16/_spmedia_thumbs/map-2.png") no-repeat right center;
    background-size: contain;
}
.home-slider .sp-item{
    position: relative;
}

/* .home-slider .sp-item::after{
    content: "";
    position: absolute;
    top: 60%;
    right: 8%;
    transform: translateY(-50%);
    width: 48%;
    height: 100%;
    background: url("https://worxtms.com/dev/images/2026/07/18/Asset%2022x.png") no-repeat right center;
    background-size: contain;
    z-index: 1;
} */

.home-slider .sp-slider-content-wrap{
    position: relative;
    z-index: 2;
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    background: linear-gradient(90deg, #8db7ff 0%, #6b95ff 100%);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.hero-badge span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

/* Decorative circles */
.hero-badge::before,
.hero-badge::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
}

.hero-badge::before {
    width: 18px;
    height: 18px;
    right: -5px;
    top: -5px;
}

.hero-badge::after {
    width: 12px;
    height: 12px;
    right: 12px;
    bottom: -4px;
}


@media(max-width:1024px){
li, p, a{
  font-size:15px !important;
}
h1{
  font-size:32px !important;
}
h2{
  font-size:29px !important;
}
h3{
  font-size:25px !important;
}
h4{
  font-size:22px !important;
}
h5{
  font-size:20px !important;
}
h6{
   font-size:18px !important;
}
  div#ab-inner1 p.sppb-addon-title, section#ab2-block h4.sppb-addon-title {
    line-height: 1.3;
}
  #ab-inner1 .sppb-row, #ab2-block .sppb-row{
    gap:20px;
}
  .about-block4 .ab4-left .sppb-column-addons, .about-block4 .ab4-right .sppb-column-addons{
    padding: 40px 40px;
}
  .ab-inner6 .sppb-column {
    padding: 20px 18px;
}
 .ab7-middle .sppb-column-addons {
    max-width: 700px;
}
  .ab7-middle::before {
    left: -40px;
    width: 100%;
    height: 90px;
}
  .ab7-middle::after {
    right: -30px;
    height: 140px;
}
  
}

@media(max-width:767px){
h1{
  font-size:26px !important;
}
h2{
  font-size:24px !important;
}
h3{
  font-size:23px !important;
}
h4{
  font-size:21px !important;
}
h5{
  font-size:19px !important;
}
h6{
   font-size:17px !important;
}
  #ab-inner1 .sppb-row, #ab2-block .sppb-row{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
    /* #ab-inner1 .sppb-row > .sppb-row-column:last-child:nth-child(odd),
#ab2-block .sppb-row > .sppb-row-column:last-child:nth-child(odd){
    grid-column: 1 / -1;
    justify-self: center;
} */
  div#ab-inner1 img, #ab2-block img{
    width:80% ;
}
  .about-block4 .ab4-left {
    border-radius: 50px 50px 0px 0px;
}
  .about-block4 .ab4-right {
    border-radius: 0px 0px 50px 50px;
}
  .about-block6 .sppb-row-column {
    padding: 0 !important;
    margin: 0 !important;
}
  .ab-inner6 .sppb-row.sppb-nested-row {
    gap: 1.4rem;
}
  .sp-page-builder.page-3 .ab7-middle h1{
    font-size:22px !important;
  }
  #ab2-block, .about-block3, .about-block5, .about-block6, .about-block7{
    padding: 40px 0 !important;
}
  .about-block3 .sppb-row, .about-block5 .sppb-row{
    gap: 1.5rem;
}
  .sp-page-builder .page-content #ab-inner1 {
    background-image: none !important;
}
  #ab-inner1 .sppb-addon-title, #ab2-block .sppb-addon-title{
  padding: 0 !important;
  margin: 0;
    margin-top: 0px;
}
  .about-block2 h4 {
    font-size:18px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  margin: 1rem 0 !important;
}
  .home-slider .sp-item::after {
  top: 82%;
  right: 1%;
  transform: translateY(-50%);
  width: 45%;
  height: 100%;
}
  #home-b2 .sppb-row-container, .about_block .sppb-row-container, .howitworks_block .sppb-row-container, .tracking_block .sppb-row-container{
  padding: 0 !important;
}
  
}


.sp-page-builder .page-content #ab7 {
    border-radius: 40px 40px 0 0 !important;
}

/* integration page */
#int-inner1 .sppb-row.sppb-nested-row{
    position: relative;
}

/* Dashed line */
#int-inner1 .sppb-row.sppb-nested-row::before{
    content: "";
    position: absolute;
    left: 15%;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background: repeating-linear-gradient(
        to right,
        #333232 0 12px,      
        transparent 12px 24px 
    );
    z-index: 1;
}

/* Blue circles */
#int-inner1 .sppb-row-column{
    position: relative;
    z-index: 2;
}

/* Circle after 1st and 2nd column */
#int-inner1 .sppb-row-column:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #1d73f8;
    border-radius: 50%;
    z-index: 3;
}

.integration-block2 h4 {
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-align:left !important;
}

/* Horizontal layout */
.integration-block2 .sppb-column-addons{
    display: flex;
    align-items: center;
    gap: 25px;
}

  .sp-page-builder.page-6 .about-block4 .ab4-left,  .sp-page-builder.page-6 .about-block4 .ab4-right{
    border-radius:0;
}
@media(min-width:1200px){
  .int4-text p{
    padding:0 15rem !important;
  }
}

.int-inner6 .sppb-column {
    background: #fff;
    border-radius: 25px;
    padding: 50px;
}

@media(max-width:1024px){
  #int-inner1 .sppb-row-column:not(:last-child)::after {
  right: -10px;
}
  .integration-block2 .sppb-column-addons {
    gap: 10px;
}
  .integration-block2, .integration-block3, .integration-block4, .int-inner6{
    padding: 50px 0 !important;
}
  .integration-block2 img.sppb-img-responsive {
    width: 80px;
}
  .integration-block2 h4 {
        font-size: 20px !important;
    }
  .int-inner6 .sppb-column {
    padding: 30px;
}
}

@media(max-width:767px){

  .integration-block2 .sppb-column-addons {
       gap: 10px;
flex-direction: column;
    }
#int-inner1 .sppb-row.sppb-nested-row{
     position: relative;
    display: flex;
    gap: 3.2rem;
}
  /* Remove horizontal dashed line */
    #int-inner1 .sppb-row.sppb-nested-row::before{
        left: 50%;
        right: auto;
        top: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        transform: translateX(-50%);
        background: repeating-linear-gradient(
            to bottom,
            #333232 0 12px,
            transparent 12px 24px
        );
    }

    /* Column positioning */
    #int-inner1 .sppb-row-column{
        position: relative;
        z-index: 2;
    }

    /* Remove desktop circles */
    #int-inner1 .sppb-row-column:not(:last-child)::after{
        top: auto;
        right: auto;
        left: 50%;
        bottom: -27px;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background: #1d73f8;
        border-radius: 50%;
    }
  .integration-block2 .sppb-row {
    gap: 2rem !important;
display: grid;
grid-template-columns: repeat(2,1fr);
}
  .integration-block2 h4 {
  text-align: center !important;
  font-size: 18px !important;
}
  .integration-block3 .sppb-row, .int-inner6 .sppb-row{
    gap: 1.5rem;
}
      .int-inner6 .sppb-column {
        padding: 22px;
    }
}


/* management page */
#manage-inner1 .sppb-row{
    display:grid;
     grid-template-columns: repeat(6, minmax(0, 1fr)) ;
    gap:30px;
}
#manage-inner1  .sppb-row-column{
    width:100%;
    max-width:100%;
}
  .sp-page-builder.page-8 .about-block4 .ab4-left,  .sp-page-builder.page-8 .about-block4 .ab4-right{
    border-radius:0;
}
@media(min-width:1200px){
  .management-block4 p, .management-block1 p{
    padding:0 8rem !important;
  }
}
@media (max-width: 1024px) {
    #manage-inner1 .sppb-row{
        gap: 15px;
    }
 .management-block1, .management-block2, .management-block4{
    padding: 50px 0 !important;
}
}

@media (max-width: 767px) {
    #manage-inner1 .sppb-row{
      grid-template-columns: repeat(2,minmax(0,1fr));
      gap: 20px;
    }
   .sp-page-builder .page-content #manage-inner1 {
    background-image: none !important;
}
}



#worxlink-inner .sppb-row{
    display:grid;
     grid-template-columns: repeat(5, minmax(0, 1fr)) ;
    gap:20px;
}
#worxlink-inner .sppb-row-column{
    width:100%;
    max-width:100%;
}
#worxlink-inner img {
    width: 100px !important;
}
  .sp-page-builder.page-10 .about-block4 .ab4-left,  .sp-page-builder.page-10 .about-block4 .ab4-right{
    border-radius:0;
}
#worxlink-block5 {
    padding: 0 0 50px 0 !important;
}
#worxlink-block5 .sppb-column {
    background-color: #025afa;
    border-radius: 30px;
    padding: 80px 120px;
}

@media (max-width: 1024px) {
  .worxlink-block1, #worxlink-inner, .worxlink-block4{
    padding:50px 0 !important;
  }
  #worxlink-block5 .sppb-column {
  padding: 50px 80px;
}
  #worxlink-inner .sppb-row {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media (max-width: 767px) {
#worxlink-inner .sppb-row {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
  #worxlink-inner img {
  width: 80px !important;
}
   #worxlink-inner h5 {
    font-size: 18px !important;
  }
    #worxlink-block5 .sppb-column {
    padding: 25px;
  }
   .worxlink-block4 .sppb-row, .worxlink-block1 .sppb-row{
  gap: 1.5rem;
}
}

.worxlive-block2 img {
    width: 100px !important;
}
  .sp-page-builder.page-13 .about-block4 .ab4-left,  .sp-page-builder.page-13 .about-block4 .ab4-right{
    border-radius:0;
}
@media(max-width:1024px){
  .worxlive-block2{
    padding:50px 0 !important;
  }
}
@media(max-width:767px){
    .worxlive-block2 .sppb-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}




/*login page*/
.com-users-login.login, form#member-registration{
    max-width:700px;
    margin:60px auto;
    background:#fff;
    padding:20px 40px;
    border-radius:20px;
    box-shadow:0 15px 50px rgba(14,36,60,.08);
    border:1px solid #eef2f7;
    transition:.35s;
}
.com-users-login.login:hover{
    transform:translateY(-5px);
    box-shadow:0 25px 60px rgba(2,90,250,.12);
}
/* Heading */
.com-users-login .page-header{
    text-align:center;
    margin-bottom:0px;
    border:none;
}
.com-users-login fieldset, #member-registration fieldset{
  margin-bottom: 0em !important;
}
.com-users-login h1, form#member-registration legend{
    font-size:36px !important;
    font-weight:700;
    color:#0e243c;
    margin-bottom:10px;
    text-align:center;
}
.form-control-feedback {
  display: inline-block !important;
  margin-left: 2rem !important;
}
.com-users-login h1:after, form#member-registration legend::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#025afa;
    border-radius:50px;
    margin:15px auto 0;
}

/* Labels */

.control-label label{
    color:#0e243c;
    font-weight:600;
    margin-bottom:8px;
}

/* Inputs */

.form-control{
    height:40px;
    border-radius:14px;
    border:2px solid #e7edf6;
    background:#f9fbff;
    font-size:15px;
    transition:.35s;
    box-shadow:none;
}

.form-control:hover{
    border-color:#bdd4ff;
    background:#fff;
}

.form-control:focus{
    border-color:#025afa;
    background:#fff;
    box-shadow:0 0 0 5px rgba(2,90,250,.12);
}

/* Password Toggle */

.input-password-toggle{
    border-radius:0 14px 14px 0;
    border:2px solid #e7edf6;
    border-left:none;
    background:#f9fbff;
    color:#0e243c;
    transition:.3s;
  height: 40px !important;
  line-height: 0 !important;
}

.input-password-toggle:hover{
    background:#025afa;
    color:#fff;
}

/* Remember */

.form-check{
    margin:15px 0 25px;
}

.form-check-input:checked{
    background:#025afa;
    border-color:#025afa;
}

/* Login Button */

.btn-primary{
    width:100%;
    height:45px;
    border:none;
    border-radius:100px;
    background:#025afa;
    color:#fff;
    font-size:16px;
    font-weight:600;
    transition:.35s;
}

.btn-primary:hover{
    background:#0e243c;
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(2,90,250,.25);
}

/* Passkey Button */

.plg_system_webauthn_login_button{
    width:100%;
    height:45px;
    border-radius:100px;
    border:2px solid #e7edf6;
    background:#fff;
    color:#0e243c;
    font-weight:600;
    transition:.35s;
    margin-bottom:15px;
}

.plg_system_webauthn_login_button:hover{
    border-color:#025afa;
    color:#025afa;
    background:#f7faff;
}

/* Links */

.com-users-login__options{
    margin-top:0px;
    border:none;
}
.com-users-login__options.list-group a {
  font-size: 15px !important;
  flex: 1;
}
.com-users-login__options.list-group {
  display: flex;
  flex-direction: row;
}
.com-users-login__options a{
    border:none;
    padding:14px 0;
    color:#6b7280;
    text-decoration:none;
    transition:.3s;
    background:none;
}

.com-users-login__options a:hover{
    color:#025afa;
    padding-left:8px;
}

/* Invalid */

.form-control-danger,
.form-control.is-invalid{
    border-color:#ef4444;
}

.form-control-danger:focus{
    box-shadow:0 0 0 4px rgba(239,68,68,.12);
}
 .control-group {
  margin-top:0.6em !important;
  margin-bottom:0.6em !important;
}

@media (min-width: 1025px) {
    fieldset .control-group:nth-child(3),
    fieldset .control-group:nth-child(4),
    fieldset .control-group:nth-child(5),
    fieldset .control-group:nth-child(6){
        display: inline-block;
        width: 48.6%;
        vertical-align: top;
    }

    fieldset .control-group:nth-child(3), fieldset .control-group:nth-child(5){
        margin-right: 2%;
    }
    fieldset .control-group .controls {
  display: flex;
  flex-direction: column-reverse;
  }
    .form-control-feedback {
  display: inline-block !important;
  margin-left: 1rem !important;
  font-size: 14px !important;
}
  
}

/* Responsive */

@media(max-width:768px){

.com-users-login.login, form#member-registration{
    margin:20px 0px;
    padding:15px 15px;
}
.com-users-login h1, form#member-registration legend{
    font-size:22px !important;
}
  .com-users-login h1:after, form#member-registration legend::after {
    margin: 10px auto 0;
}
.form-control, .btn-primary, .plg_system_webauthn_login_button{
    height:36px;
  padding: 0 1rem !important;
}
 .input-password-toggle {
  padding:0 0.5rem !important;
  height: 35px !important;
}
  .control-label label {
  font-size: 13px !important;
}
  .control-label span {
  font-size: 11px !important;
}
 .form-control-feedback {
  margin-left: 1rem !important;
}
  .plg_system_webauthn_login_button {
  margin-bottom: 2px !important;
  font-size: 13px !important;
}
  .com-users-login__options.list-group a {
  font-size: 14px !important;
  padding: 6px 0 !important;
}
  .com-users-login__options.list-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
  button[class*="plg_system_webauthn_login_button"] {
  padding: 0 !important;
}
  .plg_system_webauthn_login_button svg {
  width: 20px !important;
}
  .control-group {
  margin: 0.5em 0 !important;
}
}



/* LEFT FEATURE CARDS */

.hb3-left .sppb-addon-image-layout-wrap{
    background-color:#fff;
    border-radius:18px;
    padding:16px 18px;
    margin-bottom:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    overflow:hidden;
    transition:all .35s ease;
}
.hb3-left .sppb-row{
    display:flex;
    align-items:center;
    gap:20px;
}
.hb3-left .sppb-col-sm-6:first-child{
    flex:0 0 60px;
    max-width:60px;
}
.hb3-left .sppb-col-sm-6:last-child{
    flex:1;
    max-width:calc(100% - 70px);
}
.hb3-left .sppb-addon-image-layout-image{
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .35s ease !important;
}

.hb3-left .image-layout-preset-style-card .sppb-addon-image-layout-content{
    padding:0 !important;
}
.hb3-left .sppb-addon-image-layout-image img{
    width:60px;
    height:60px;
  object-fit:contain;
    transition:all .35s ease;
}
.hb3-left .sppb-image-layout-title{
    margin:0;
    font-size:18px !important;
    line-height:1.2;
    font-weight:700;
    color:#1d2757 !important;
    text-transform:uppercase;
    font-family:'Figtree',sans-serif !important;
    transition:all .35s ease;
}
.hb3-left .sppb-addon-image-layout-text{
    display:none;
}
/* Hover (only inactive cards) */
.feature-card:not(.active) .sppb-addon-image-layout-wrap:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

/* ACTIVE CARD */

.feature-card{
    cursor:pointer;
}
.feature-card.active .sppb-addon-image-layout-wrap{
    background-color:#025afa;
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(2,90,250,.12);
}

.feature-card.active .sppb-addon-image-layout-image img{
    filter:brightness(0) invert(1);
    transform:scale(1.08);
}
.feature-card.active .sppb-image-layout-title{
    color:#fff !important;
}

/* CENTER IMAGES */

.feature-image{
    display:none;
    opacity:0;
    transform:translateY(20px);
    transition:opacity .4s ease,transform .4s ease;
}

.feature-image.active{
    display:block;
    opacity:1;
    transform:translateY(0);
}

.feature-image img{
    width:100%;
    height:auto;
    display:block;
}

.feature-card .sppb-addon-image-layout-wrap,
.feature-card .sppb-addon-image-layout-image,
.feature-card .sppb-addon-image-layout-image img,
.feature-card .sppb-image-layout-title{
    transition:all .35s ease;
}

@media(max-width:1024px){
  .hb3-left .sppb-col-sm-6:first-child {
    flex: 0 0 32px;
    max-width: 32px;
}
  .hb3-left .sppb-image-layout-title {
    font-size: 12px !important;
    margin: 0 !important;
}
  .hb3-left .sppb-addon-image-layout-wrap {
    border-radius: 10px;
    padding: 3px 10px;
}
  .hb3-left .sppb-row {
    gap: 10px;
}
}


@media (max-width: 767px){
 .hb3-left .sppb-image-layout-title {
    font-size: 15px !important;
    margin: 0 !important;
}
  .hb3-left .sppb-addon-image-layout-wrap {
        border-radius: 10px;
        padding: 4px 20px;
    }
  .hb3-left .sppb-col-sm-6:first-child {
        flex: 0 0 45px;
        max-width: 45px;
    }
      .hb3-left .sppb-row {
        gap: 25px;
    }
}

@media(min-width:1025px){
  .hb3-left .sppb-column-addons {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
}
}

.animate-heading span.animated-heading-after-part {
    color: #025afa !important;
}



.text-list-group ul{
  display: flex;
  align-items: center;
  gap: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.text-list-group li {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 14px;
  font-size: 15px !important; 
}

.text-list-group li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  border: 2px solid #0066ff;
  border-radius: 50%;
  color: #0066ff;
  font-size: 11px;
  font-weight: bold;
}

.text-list-group li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  height: 24px;
  width: 1px;
  background: rgba(255,255,255,0.5);
}
.sp-item:first-child .hero-badge {
    border: 1px solid #0066ff;
    background: none !important;;
}

.sp-item:first-child .hero-badge span {
    color: #007bff;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.sp-item:first-child .hero-badge::before, .sp-item:first-child .hero-badge::after{
  display:none !important;
}
@media(max-width:767px){
  .text-list-group ul {
  gap: 10px;
}
.text-list-group li {
  padding-right: 6px;
  font-size: 10px !important;
}
.text-list-group li::before {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  font-size: 8px;
}
  .hero-badge {
    padding: 8px 16px;
}
  .sp-item:first-child .hero-badge span {
 font-size: 10px !important;
}

/*home page slides*/
  .hb3-left .sppb-column-addons {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
  .hb3-left .sppb-addon-wrapper {
    width: 20%;
}
  .hb3-middle .sppb-column-addons {
    width: 100%;
    display: block;
}
  .hb3-left .sppb-addon-image-layout-image img {
    width: 100%;
    height: 30px;
    object-fit: contain;
}
  .hb3-left .sppb-col-sm-6:first-child {
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
}
  .hb3-left .sppb-col-sm-6:last-child {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 !important;
}
  .hb3-left .sppb-image-layout-title {
    font-size: 7px !important;
    margin: 0 !important;
    text-align: center;
}
  .hb3-left .sppb-row {
    gap: 8px;
    justify-content: center;
    align-items: center;
}
  .hb3-left .sppb-addon-image-layout-wrap {
    border-radius: 10px;
    padding: 6px;
    height: 75px;
}
  .hb3-left .image-layout-preset-style-card .sppb-row .sppb-col-sm-6:nth-child(2), .hb3-left .image-layout-preset-style-overlap .sppb-row .sppb-col-sm-6:nth-child(2) {
    justify-content: center;
}
  
.hb3-middle{
    display:grid;
}
.feature-image{
    grid-area:1/1;
    opacity:0;
    visibility:hidden;
    transform:translateX(40px);
    transition:.4s ease;
  width: 88%;
    margin: 0 auto;
}

.feature-image.active{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}
  
/* Active card */
.feature-card.active{
    transition:.3s;
}
}


.ab7-middle .text-list-group ul {
    justify-content: center;
    margin-top: 2rem;
}
.ab7-middle .text-list-group li {
    color: #000 !important;
}
.ab7-middle .text-list-group li:not(:last-child)::after {
    background: #000 !important;
}
@media(max-width:767px){
  .ab7-middle .sppb-column-addons {
    padding: 25px 20px;
}
  .ab7-middle img.sppb-img-responsive {
    width: 70%;
}
  .ab7-middle .text-list-group li {
 text-align:left !important;
}
}



#pricing-new span.animated-heading-before-part{
  color:#3366FF !important;
}

#contact-us-block .sppb-btn-lg {
    padding: 8px 30px !important;
}

.sppb-addon-image-overlay-icon {
  width: 40px;
  height: 40px;
  line-height: 34px;
  color:#3366FF !important;
  background: #fff !important;
  font-size: 30px !important;
}
.sppb-addon-image-overlay {
  background-color: RGBA(51, 102, 255, 0.4) !important;
}
.container-header .navbar-toggler .icon-menu::before {
    content: "\f0c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
    color: #000 !important;
    font-size: 28px !important;
}




/*MAIN CONTAINER */
.top-section,
.address-container{
    background:#fff !important;
    border:1px solid #e8edf7 !important;
    border-radius:12px !important;
    padding:16px !important;
    margin-bottom:10px !important;
    box-shadow:0 2px 8px rgba(0,0,0,.05) !important;
}

.shipment-field{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
}

.shipment-field label{
    font-size:12px !important;
    font-weight:600 !important;
    color:#1748d0 !important;
}

.shipment-field input,
.shipment-field select,
.select2-selection--single{
    height:36px !important;
    min-height:36px !important;
    border-radius:6px !important;
    border:1px solid #d8e2f0 !important;
    background:#fff !important;
    font-size:12px !important;
    color:#444 !important;
    padding:0 12px !important;
    box-shadow:none !important;
}

.shipment-field input:focus,
.shipment-field select:focus{
    border-color:#2962ff !important;
    outline:none !important;
    box-shadow:0 0 0 3px rgba(41,98,255,.12) !important;
}


::placeholder{
    color:#9aa5b5 !important;
    font-size:12px !important;
}



.select2-container{
    width:100% !important;
}

.select2-selection--single{
    display:flex !important;
    align-items:center !important;
}

.select2-selection__rendered{
    line-height:34px !important;
    font-size:13px !important;
    padding-left:0 !important;
}

.select2-selection__arrow{
    height:34px !important;
}


form#form-shipment .pickup,
form#form-shipment .dropoff{
    background:#fff !important;
    border:1px solid #e3ebfa !important;
    border-radius:10px !important;
    box-shadow:0 2px 6px rgba(0,0,0,.04) !important;
  align-self: flex-start;
}

.pickup_search_address,
.dropoff_search_address{
    background:#fafcff !important;
}

input[type="date"],
input[type="time"]{
    height:36px !important;
    font-size:13px !important;
}


#map{
    height:200px !important;
    border-radius:12px !important;
    overflow:hidden !important;
	margin-top: 0.8rem !important;
}

.shipment_stop_company_list_outer{
    z-index:9999 !important;
}


.shipment-field input,
.shipment-field select{
    font-size:12px !important;
    padding-left:10px !important;
}

.shipment-field label{
    font-size:11px !important;
}
.toggle-btn{
    width:42px !important;
    height:42px !important;
    border:1px solid #dfe5f2 !important;
    border-radius:6px !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    transition:.3s !important;
    box-shadow:0 2px 6px rgba(0,0,0,.05) !important;
    margin-left:auto !important;
  margin-bottom: 0.5rem;
}

.toggle-btn i{
    font-size:26px !important;
    color:#2962ff !important;
    transition:.3s !important;
}

.toggle-btn.active{
    border-color:#ff8a3d !important;
}

.toggle-btn.active i{
    color:#ff8a3d !important;
    transform:rotate(180deg) !important;
}
#toogleiconsforsearchfirstrow {
  margin-right: 1rem;
}

/* @media(min-width:1025px){
.top-section .shipment-field {
  margin-bottom: 0 !important;
}
} */

@media(max-width:767px){
  #form-shipment .shipment-field {
  margin-bottom: 10px !important;
}
  .toggle-btn{
    width:32px !important;
    height:32px !important;
}

.toggle-btn i{
    font-size:20px !important;
}
.shipment-listing .main-layout #shipments-osm-map {
  height: 220px;
}
  .shipment-listing .main-layout .sidebar {
  width: 100%;
  height: 100%;
  min-width: auto;
  padding: 10px;
}
}


div#shipments-container .card > h3 > span:nth-of-type(2) {
    font-size: 16px !important;
      font-weight:600 !important;
}

div#shipments-container span.circle-badge{
    height: auto !important;
    width: auto !important;
  padding:2px 4px !important;
    font-size: 0.4em !important;
    font-weight: 500 !important;
      background-color: #009900 !important;
}

div#shipments-container .card > p > span {
    font-size: 16px !important;
}
div#shipments-container .price-icon a, div#shipments-container .price-icon{
    font-size: 15px !important;
  font-weight:600 !important;
}



#section-id-e8aba2f5-424b-47a8-ba09-014be50c2ea5 {
  display: block !important;
  z-index: 9 !important;
  will-change: auto !important;
 height:900px !important;
}

@media(max-width:767px){
  #section-id-e8aba2f5-424b-47a8-ba09-014be50c2ea5 {
 height:520px !important;
}
}