/*
Theme Name: BoxShop Child
Theme URI: http://demo.theme-sky.com/boxshop/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: boxshop
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: boxshop-child
*/

/* Limit Search result */
#ts-search-result-container {
    display: none;
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
#ts-search-result-container .view-all-wrapper {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000;
    background-color: #fff;
}
/* End Limit Search result */
/*order-process pg faq icon*/
body.wpb-js-composer .vc_toggle_title h4:before {
    color:#000
}

/*each tab automatic hover order process pg*/
.process-steps .ts-feature-wrapper .feature-content {
    background: #fff;
}

.process-steps .ts-feature-wrapper:nth-child(1) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:0s;
}

.process-steps .ts-feature-wrapper:nth-child(2) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:3s;
}

.process-steps .ts-feature-wrapper:nth-child(3) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:6s;
}

.process-steps .ts-feature-wrapper:nth-child(4) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:9s;
}

.process-steps .ts-feature-wrapper:nth-child(5) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:12s;
}

.process-steps .ts-feature-wrapper:nth-child(6) .feature-content{
    animation:processHighlight 18s infinite;
    animation-delay:15s;
}

@keyframes processHighlight{

    0%,16.6%{
        background:#e5e5e5;
    }

    16.7%,100%{
        background:#fff;
    }

}
/*each tab automatic hover order process pg ends*/


/*home page circle & line to join tabs*/
.process-icon .feature-icon {
    width: 90px;
    height: 90px;
    background: #f3f3f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.process-line:after{
    content:"";
    position:absolute;
    top:45px;
    /* left:82%; */
    left:71%;
    width:100%;
    height:2px;
    background:#dddddd;
    z-index:1;
}

.process-line:before{
    content:"";
    position:absolute;
    top:41px;
    right:-5px;
    width:10px;
    height:10px;
    background:#848484;
    border-radius:50%;
    z-index:2;
}

.process-icon .feature-icon i {
    font-size: 40px !important;
    line-height: 1;
}
/*home page circle & line to join tabs ends*/

/*top header rhs social icons*/
.social-follow{
	display:flex;
	align-items:center;
	gap:12px;
}

.social-follow .follow-text{
	font-size:13px;
	font-weight:600;
	margin-right:6px;
}

.social-follow a{
	color:#666;
	font-size:15px;
	line-height:1;
	transition:all .3s ease;
	text-decoration:none;
}

.social-follow a:hover{
	color:#000;
}
/*top header rhs social icons ends*/





/*sticky btn on site rhs*/
.sticky-side-buttons{
    position:fixed;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
}

.sticky-btn{
    display:block;
    width:48px;
    height:150px;
    margin-bottom:10px;
    background:#1f1f1f;
    color:#fff;
    text-decoration:none;
    border-radius:8px 0 0 8px;
    position:relative;
    transition:.3s;
    overflow:hidden;
}

.sticky-btn:hover{
    background: rgba(80, 80, 80, 0.85);
    color: #fff;
    opacity: 0.75;
}

.sticky-btn span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(-90deg);
    white-space:nowrap;
    font-size:15px;
    font-weight:500;
    letter-spacing:.3px;
}
/*sticky btn on site rhs ends*/


/*ts-feature blank no link cursor pointer*/
.ts-feature-wrapper.no-link,
.ts-feature-wrapper.no-link *{
    cursor: default !important;
}

.ts-feature-wrapper.no-link a{
    pointer-events: none !important;
}
/*ts-feature blank no link cursor pointer ends*/



/*home-page-service tab shadow+hover*/
.service-tabs-shadow .ts-feature-wrapper {
    position: relative;
    background: #f7f7f7;
    animation: floatingCard 4s ease-in-out infinite;
    box-shadow: 0 4px 5px rgba(0,0,0,0.8);
    z-index: 1;
}

/*on hover effect*/
.service-tabs-shadow .ts-feature-wrapper:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 2px 4px #757575, inset 0 -2px 4px #757575, 0 8px 18px #757575;
}
/*home-page-service tab shadow+hover ends*/




/*large order page form*/
.large-order-form .col-1, .large-order-form .col-2 {
    width: calc(50% - 15px);
}

.contact-form.large-order-form {
    display: flex;
    flex-wrap: wrap;
}

.large-order-form .col-2 textarea {
    height: 286px !important;
}

.large-order-form .form-submit, .large-order-form .submit-contact {
    width: 100%;
    flex: 0 0 100%;
    text-align: center;
    margin-top: 10px;
}
/*large order page form ends*/

/*contact us pg form-details*/
.contact-us-form .col-full {
    width: 100%;
    padding:0 10px;
    float: left;
}

.contact-us-form {
    margin: 0 10px;
}

.contact-us-form .wpcf7-textarea{
    height:100px;
}

.page-id-1613 .ts-feature-wrapper {
    line-height: 0;
    margin-bottom: 60px;
}

.contact-us-form p {
    margin: 0 0 5px;
}

.contact-us-form .col-1, .contact-us-form .col-2 {
    padding: 0 10px;
}
/*contact us pg form-details ends*/



/*sticky form*/
.w4u-callback-section {
    background: #e9e9e9cc;
    padding-top: 32px;
    padding-bottom: 10px;
}

.w4u-callback-grid{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:60px;
}

.w4u-callback-form{
    width:50%;
    flex:0 0 50%;
}

.w4u-callback-content{
    width:50%;
    flex:0 0 50%;
}

.callback-btn{
    background:#555454;
    color:#fff;
    border:1px solid #555454;
}

.callback-btn:hover{
    background:#444;
    border-color:#444;
    color:#fff;
}
/*sticky form ends*/


/*about us page before banner margin*/
.page-id-4182 .breadcrumb-title-wrapper.breadcrumb-v2{
    margin-bottom:10px;
}



/*about us featured image with gradient effect for all screens*/
.hero-banner{
    position:relative;
    display:flex;
    align-items:center; 
    min-height:400px; 
    padding-top: 90px;
}

.hero-content{
    width:100%;
    max-width:600px;
    margin-left:clamp(30px,5vw,120px);
    padding-right:20px;
}

/*form separator not on contact-us page*/
body:not(.page-id-1613) .first-footer-area .vc_separator .vc_sep_line {
    border-color: #ffffff !important;
}


/*4 tab pages why-bsn-choose-us section gets horizontal*/
@media (max-width: 991px) and (min-width: 768px) {
.why-choose-grid .wpb_column {
    width: 100%;
}
}

/*hp 4 tab grid*/
@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .service-tabs-shadow.vc_row-flex > .wpb_column > .wpb_wrapper {
        display: flex;
    }
}

/*hp 4 tab grid*/
@media (max-width: 768px) {
.wpb_column.vc_column_container.vc_col-sm-3 {
    width: 100%;
}
}

/*our process wide with img below and line-dot*/
@media (min-width: 768px) and (max-width: 1024px) {
.wpb_column.vc_column_container.vc_col-sm-8:has(.process-row), .process-image {
    width: 100%;
}

.process-line:after {
    content: "";
    position: absolute;
    top: 45px;
    left: 77%;
    width: 100%;
    height: 2px;
    background: #dddddd;
    z-index: 1;
}
}



.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container .options.per-row-10 {
    display: inline-flex !important;
    flex-flow: row wrap;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
    word-break: break-all;
    max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle.toggle-open:not(:last-child) {
    margin-bottom: 10px !important;
}