.search-tab-container{padding: 48px 0 93px;position: relative;}
.search-tab-container .nav {flex-wrap: nowrap;gap: 20px;}
.search-tab-container .nav-item {width: 20%;}
.search-tab-container .nav-tabs .nav-link {width: 100%; padding: 14px 10px;margin-bottom: 0;border: 0;display: flex;justify-content: center;align-items: center;background-color: rgb(255 255 255 / 20%);border-top-left-radius: 20px;border-top-right-radius: 20px;}
.search-tab-container .nav-tabs .nav-link.active {background-color: var(--vb-white);}
.search-tab-container .nav-tabs {border-bottom: 0;}    
.search-tab-container .nav-tabs .nav-link.active .tab-icon {filter: brightness(1);}   
.search-tab-container .form-group .form-label {font-size: 18px;font-weight: 600;color: #333;margin-bottom: 6px;}
.search-tab-container .form-group .form-select {height: 50px;border: 1px solid #333;border-radius: 0;padding: 10px 40px 10px 14px;font-size: 18px;font-weight: 300;color: #333;background-image: url(../../assets/images/select-arrow.svg);background-repeat: no-repeat;background-size: 32px 12px;background-position-x: calc(100% - 10px);background-position-y: center;-webkit-appearance: none;width: 100%;}
.search-tab-container .form-control {padding: 10px 14px;font-size: 16px;font-weight: 300;height: 50px;border: 1px solid #707070!important; border-radius: 0;}
.search-tab-container .form-select:focus {box-shadow: none; border-color: var(--vb-green);}
.search-tab-container .form-control:focus {color: #333;border-color: var(--vb-green) !important;box-shadow: none;}
.tab-content {background:  var(--vb-white);border-radius: 0 0 20px 20px;}
.tab-icon {width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;filter: brightness(0);} 
.tab-content-box {padding: 26px 32px 32px;}  
.tab-content-box h5 {font-size: 25px;margin-bottom: 16px;text-transform: uppercase;}  
.fcb-right {width: 304px;flex-shrink: 0;margin-left: 30px;}
.fcb-left {gap: 30px;width: calc(100% - 304px);}
.fcb-col {width: 50%;}
.form-btn .btn {padding: 14px;} 


.search-tab-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; }
.search-tab-bg-inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; clip-path: polygon(100% 0%, calc(50% - 335px) 0%, calc(50% - 335px) 65px, 0% 65px, 0% 100%, calc(50% + 535px) 100%, calc(50% + 535px) calc(100% - 65px), 100% calc(100% - 65px));}

.search-tab-bg:before{content:'';height: 65px;background: var(--vb-white);border-radius: 0 0  20px 0;position: absolute;top: 0;left: 0;left: calc(50% - 336px);width: 20px; z-index: 2;}
.search-tab-bg:after{content:'';height: 65px;background: var(--vb-white);border-radius: 20px 0 0 0;position: absolute;bottom: 0;right: calc(50% - 536px);width: 20px; z-index: 2;}



/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .tab-content-box {padding: 24px 18px 32px 18px;}
    .fcb-left {gap: 20px;}
    .fcb-right {margin-left: 20px;}
    .search-tab-bg-inner{clip-path: polygon(100% 0%, 255px 0%, 255px 65px, 0% 65px, 0% 100%, calc(100% - 440px) 100%, calc(100% - 440px) calc(100% - 65px), 100% calc(100% - 65px));}
    .search-tab-bg:before{left: 255px;}
    .search-tab-bg:after{right: 440px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
    .form-content-box {flex-flow: column;}
    .fcb-left {width: 100%;flex-flow: column;gap: 14px;}
    .fcb-right {margin-top: 30px;margin-left: 0;width: 100%;}
    .fcb-col {width: 100%;}
    .form-btn .btn {width: 100%;}
    .search-tab-container{padding: 48px 0 106px; }
    .search-tab-container .heading{padding-right: 100px;}
    .search-tab-bg-inner{clip-path: polygon(calc(100% - 60px) 0%, calc(100% - 60px) 62px, 100% 62px, 100% calc(100% - 40px), calc(100% - 274px) calc(100% - 40px), calc(100% - 274px) 100%, 0% 100%, 0% 0%);}
    .search-tab-bg:before{border-radius: 0 0 0 20px;left: auto;right: 60px;height: 62px;}
    .search-tab-bg:after{border-radius: 20px 0 0 0;right: 240px;height: 40px;width: 20px;bottom: 0;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .search-tab-container .nav {gap: 7px;}
    .search-tab-container .form-control {padding: 10px 10px;} 
    .search-tab-container .heading{margin-bottom: 15px;}
    .search-tab-bg-inner{clip-path: polygon(calc(100% - 100px) 0%, calc(100% - 100px) 62px, 100% 62px, 100% calc(100% - 40px), calc(100% - 240px) calc(100% - 40px), calc(100% - 240px) 100%, 0% 100%, 0% 0%);}
    /* .search-tab-bg:after{width: 240px;} */
    .search-tab-bg:before{right: 100px;}


  .search-tab-container{margin-bottom: 50px;}
  .home .search-tab-container{margin-bottom: 0 !important;}
  .home .business-category-search-tab-line-mob{display: none !important;}

  .home .search-tab-bg-inner{clip-path: polygon(calc(100% - 100px) 0%, calc(100% - 100px) 62px, 100% 62px, 100% calc(100% - 40px), calc(100% - 220px) calc(100% - 40px), calc(100% - 220px) 100%, 0% 100%, 0% 0%);}
  .home .search-tab-bg:after{right: 0;bottom: 39px;width: 220px;height: 20px;}

}


/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}