.channel-dropdown-container {
background-color: #000000; padding: 20px;
text-align: center; } .nav-tabs {
display: flex;
gap: 10px;
justify-content: center; border-bottom: none; margin: 0;
padding: 0;
border:0px !important;
} .nav-tabs .nav-item {
margin: 0; } .nav-tabs .nav-link {
background-color: #000000 !important;
color: #666666;
border: 1px solid #262626 !important;
border-radius: 30px !important;
padding: 10px 30px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
transition: all 0.3s ease;
} .nav-tabs .nav-link.active {
color: #ffffff !important;
font-weight: bold;
background: #0f0f0f !important;
}
.query-input{
background-color: #000000 !important;
border: 1px solid #262626 !important;
border-top-left-radius: 30px !important;
border-bottom-left-radius: 30px !important;
border-right: 0px !important;
}
.verify-button{
background-color: #000000 !important;
border: 1px solid #262626 !important;
border-top-right-radius: 30px !important;
border-bottom-right-radius: 30px !important;
border-left: 0px !important;
padding: 0px 20px !important;
}
.tab-content .input-group{
width: 680px;
margin: 0px auto;
} .nav-tabs .nav-link:hover {
background-color: #333333; color: #ffffff; } @media (max-width: 768px) {
.nav-tabs {
flex-wrap: wrap; }
.nav-tabs .nav-link {
flex: 1 1 45%; text-align: center;
}
}
.custom-search-form {
border: 0px solid #7777;
padding: 10px;
border-radius: 8px;
display: flex;
justify-content: center;
}
.not-pop{
list-style: disc;
padding-left: 35px;
text-align: justify;
padding-right: 40px;
padding-bottom: 20px;
} select option[data-belongs-to] {
padding-left: 24px; 
}
*:focus {
outline: none !important;
} select option[data-belongs-to]::before {
font-family: 'Font Awesome 6 Free'; content: attr(data-icon);
margin-right: 5px; }
#channel-dropdown {
margin-right: 10px;
padding: 5px 22px;
box-shadow: 1px 3px 6px #000;
border: none;
margin-bottom: 18px;
background-image : url(/wp-content/plugins/custom-search-plugin/img/caret-down-fill.svg);
}
.ser_fild {
padding: 10px;
border-radius: 5px;
border: 0;
box-shadow: 1px 3px 6px #000;
margin-bottom: 18px;
}
#verify-button{
border: none;
background: transparent;
}
.modal-title {
padding-left: 66px;
}
.ppp{
padding-right: 5px;
border-right: none;
width: 100%;
} .custom-search-form {
margin-top: 30px; } @media (min-width: 768px) {
.custom-search-form { }
#channel-dropdown {
margin-right: 10px;
padding: 6px 22px;
border: none;
box-shadow: none;
margin-bottom: 0;
}
.ser_fild {
padding: 10px;
border-radius: 5px;
border: 0;
box-shadow: none;
margin-bottom: 0;
}
#verify-button{
border: none;
background: transparent;
box-shadow: none;
}
.modal-title {
padding-left: 100px;
}
.ppp{
padding-right: 21px;
border-right: 1px solid #7777;
}
} @media (min-width: 992px) {
.custom-search-form { } .custom-search-form .col-lg-4 {
width: 33.3333%;
}
} @media (min-width: 1200px) {
.custom-search-form { }
}