/*comman css*/
h1,h2,h3,h4,h5,h6,a,p{
    word-break: break-word!important;
}
.search-cls .elementor-post__read-more{
    padding: 12px 24px !important;
    display: block!important;
    width: fit-content!important;
}

.centuary-btn-cls{}

.form-cls .ff-btn-submit,
.drivers-menu-cls .elementor-item,
.centuary-btn-cls .elementor-button-link,
.inquiry-form-cls .ff-btn-submit,
.search-cls .elementor-post__read-more{
    position: relative !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    text-align: center !important;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    color: #ffffff !important;
    overflow: hidden !important;
    border: none!important;
    border-radius: 0px!important;
    opacity: 1!important;
    z-index: 1!important;
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%) !important;
    letter-spacing: 1px !important;
}
.form-cls .ff-btn-submit:hover,
.drivers-menu-cls .elementor-item:hover,
.centuary-btn-cls .elementor-button-link:hover,
.inquiry-form-cls .ff-btn-submit:hover,
.search-cls .elementor-post__read-more:hover{
    opacity: 1!important;
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 50px rgba(59, 130, 246, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.form-cls .ff-btn-submit::after,
.drivers-menu-cls .elementor-item::after,
.centuary-btn-cls .elementor-button-link::after,
.inquiry-form-cls .ff-btn-submit::after,
.search-cls .elementor-post__read-more::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
    transition: left 0.6s ease;
    z-index: -1;
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
}
.form-cls .ff-btn-submit:hover::after,
.drivers-menu-cls .elementor-item:hover::after,
.centuary-btn-cls .elementor-button-link:hover::after,
.inquiry-form-cls .ff-btn-submit:hover::after,
.search-cls .elementor-post__read-more:hover::before{
    left: 0px!important;
}


.form-cls .ff-btn-submit{
    padding-left: 40px!important;
}
.form-cls .ff-btn-submit::before{
    content: '';
    position: absolute!important;
    width: 14px!important;
    height: 11px!important;
    left: 10px!important;
    top: 50%!important;
    transform: translate(0,-50%)!important;
    padding-left: 30px!important;
    background-image: url('https://xxii.thehsdigital.com/wp-content/uploads/2025/07/btn-double-arrow.svg')!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: 14px 11px!important;
}
/*comman css end*/
/*popups*/
.inquiry-form-cls .dialog-close-button{
    border-radius: 50%!important;
    padding: 5px!important;
    border: 2px solid #fff!important;
    box-shadow: none!important;
    outline: none!important;
}
.inquiry-form-cls .dialog-message{
    height: unset!important;
    align-items: flex-start!important;
}
.inquiry-form-cls .fluentform .ff_list_buttons .ff-el-form-check-label>span{
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    border: 2px solid #ccc !important;
    border-radius: 8px !important;
    background-color: #f5f5f5 !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: 0.2s ease-in-out !important;
    box-sizing: border-box !important;
}
.inquiry-form-cls .fluentform .ff_list_buttons .ff-el-form-check-label>span:focus,
.inquiry-form-cls .fluentform .ff_list_buttons .ff-el-form-check-label>span:hover{
    background-color: #e6f0ff !important;
    border-color: #0b4575 !important;
}
.inquiry-form-cls .fluentform .ff_list_buttons .ff_item_selected .ff-el-form-check-label>span{
    background-color: #0b4575!important;
    color: #fff!important;
    box-shadow: -1px 0px 0px 0px #0b4575!important;
    border-color: #0b4575!important;
}
.inquiry-form-cls .fluentform .ff_list_buttons .ff-el-input--content{
    gap: 0px 20px!important;
    display: flex!important;
    flex-flow: wrap!important;
}
.inquiry-form-cls .fluentform .service-radio-btns .ff-el-input--content>.ff-el-form-check{
    width: 48%!important;
}
.inquiry-form-cls .fluentform .service-radio-btns .ff-el-input--content>.ff-el-form-check:last-child{
    width: 99%!important;
}
.inquiry-form-cls .fluentform .ff_list_buttons .ff-el-input--content>.ff-el-form-check .ff-el-form-check-label{
    width: 100%!important;
}
.inquiry-form-cls .fluentform .square-radio-btns .ff-el-input--content>.ff-el-form-check,
.inquiry-form-cls .fluentform .stories-radio-btns .ff-el-input--content>.ff-el-form-check,
.inquiry-form-cls .fluentform .property-radio-btns .ff-el-input--content>.ff-el-form-check,
.inquiry-form-cls .fluentform .service-radio-btns .ff-el-input--content>.ff-el-form-check{
    width: 48%!important;
}

.main-pop-menu-cls .dialog-widget-content{
    width: 100%!important;
}
.main-pop-menu-cls .dialog-widget-content .dialog-message{
    margin: 0px auto!important;
}
/*popups end*/
/*header css*/
.drivers-menu-cls .elementor-item{
    background: #fff!important;
    color: #000!important;
    display: flex!important;
    flex-flow: row-reverse!important;
    gap: 5px!important;
}
.drivers-menu-cls .elementor-item::after{
    background: rgba(0, 0, 0, 0.2)!important;
}

.drivers-menu-cls .elementor-nav-menu .sub-menu{
    clip-path: polygon(0% 0%, 97% 0%, 100% 100%, 3% 100%)!important;
}
/*header css end*/
/*Landing Page*/
.landing-banner-cls .star{
    color:#ffd700 !important;
}
.landing-banner-cls  .landing-banner-exp-cls,
.landing-banner-cls .high-mile-cls{
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%)!important;
}

.diag{
	clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%) !important;
}
.diag2{
	clip-path: polygon(0% 0%, 100% 0%, 97% 100%, 0% 100%) !important;
}
.apply-now-heading-cls{
	box-shadow: 0 2px 8px rgba(11, 69, 117, 0.15), 0 4px 12px rgba(11, 69, 117, 0.1) !important;
	clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%) !important;
    display: inline-block !important;
}
.google-review-cls .ti-rating,
.google-review-cls .nowrap  {
    color: #ffffff !important;
}
.google-review-cls .nowrap strong  {
    color: #ffffff !important;
}
.faq-cls .e-n-accordion-item-title{
    border-top: 1px solid #cbd5e0!important;
}
/*Landing Page End*/
/*index*/
.call-btn-cls .elementor-button-link{
    color: #000000 !important;
    background: #ffffff !important;
}
.call-btn-cls .elementor-button-link::after{
    background: rgba(0, 0, 0, 0.2)!important;
}
.live-map-cls,
.live-map-cls .elementor-widget-container,
.live-map-cls .e-hosted-video,
.live-map-cls .elementor-video{
    height: 100% !important;
}
.latest-news-cls .elementor-post__text{
    border: 1px solid #0083F6 !important;
    display: flex !important;
}   
.latest-news-cls .elementor-post__text .elementor-post__meta-data{
    order: 1 !important;
}
.latest-news-cls .elementor-post__text .elementor-post__title{
    order: 2 !important;
    margin-bottom: 10px !important;
}
.latest-news-cls .elementor-post__text .elementor-post__read-more{
    order: 3 !important;
}
/*index end*/
/*footer*/
.footer-cls .elementor-icon-list-item{
    margin-bottom: 10px !important;
}
/*footer end*/
/*inner pages*/
.about-slide-tab-cls .tab-btn-cls .elementor-button-link{
    cursor: text!important;
}
.about-slide-tab-cls .swiper-pagination{
    display: none!important;
    position: absolute!important;
    left: auto!important;
    top: auto!important;
    bottom: 119px!important;
    right: 120px!important;
    width: auto!important;
    transform: unset!important;
}
.about-slide-tab-cls .swiper-pagination-bullet{
    width: 170px!important;
    height: 54px!important;
    background: transparent!important;
    border: none!important;
    border-radius: 0px!important;
    margin: 0px 10px !important;
}
.about-slide-tab-cls .swiper-pagination-bullet-active{
    background: transparent!important;
}

.what-needed-cls .elementor-image-box-wrapper .elementor-image-box-img{
    display: flex!important;
    margin: 0px auto 20px!important;
}
.driver-app-form-cls .fluentform .name-lable-cls{
    margin-bottom: 0px !important;
    color: #000000 !important;
}
.driver-app-form-cls .fluentform .ff-el-is-error .ff-el-form-check-label{
    color: #0083F6 !important;
}
.driver-app-form-cls .ff-el-is-required.asterisk-right label:after{
    color: #0083F6 !important
}
/*inner pages end*/

/*res*/
@media(min-width:2560px){}      
@media(min-width:2000px) and (max-width:2560px){}
@media(min-width:1800px) and (max-width:1999px){}
@media(min-width:1551px) and (max-width:1799px){}
@media(min-width:1351px) and (max-width:1550px){}
@media(min-width:1200px) and (max-width:1350px){}
@media(min-width:1025px) and (max-width:1199px){}
@media(min-width:992px) and (max-width:1024px){}
@media(min-width:768px) and (max-width:991px){}
@media(min-width:448px) and (max-width:767px){
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check:last-child,
    .inquiry-form-cls .ff_list_buttons .ff-el-input--content>.ff-el-form-check .ff-el-form-check-label,
    .inquiry-form-cls .square-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .stories-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .property-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check{
        width: 100%!important;
    }
}
@media(max-width:447px){
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check:last-child,
    .inquiry-form-cls .ff_list_buttons .ff-el-input--content>.ff-el-form-check .ff-el-form-check-label,
    .inquiry-form-cls .square-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .stories-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .property-radio-btns .ff-el-input--content>.ff-el-form-check,
    .inquiry-form-cls .service-radio-btns .ff-el-input--content>.ff-el-form-check{
        width: 100%!important;
    }
}
/*res end*/