.theme-box:hover .image-holder {
    transition : 1s;
    bottom     : 0;
}

.sw-theme-default .toolbar {
    display: flex !important;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    align-items: center;
    height: 10vh;
}

.hidden {
    display : none !important;
}


#button_loader {
    font-size      : 13px;
    font-weight    : 600;
    font-family    : serif;
    color          : white;;
    text-align     : center;
    letter-spacing : .03em;
    animation      : animate 1s linear infinite;
}

.invalid-feedback-website{
    color: red;
}

@keyframes animate {
    0% {
        opacity : 0;
    }

    50% {
        opacity : 0.7;
    }

    100% {
        opacity : 0;
    }
}


.page-count,
.total-page-count {
    position : relative;
    top      : 20px;
    right    : 0;
    color    : #a0a0a0;
}

.pagi-disabled {
    pointer-events : none;
    background     : #dadada;
    opacity        : 0.3;
}

.domains {
    position : relative;
}



.item-pagination {
    position        : absolute;
    bottom          : -1.5%;
    left            : 0;
    margin          : auto;
    z-index         : 99;
    display         : flex;
    width           : 100% !important;
    justify-content : center;
    align-items     : center;
    gap             : 15px;
    padding         : 0 !important;
}

.pagination-item {
    display          : flex;
    justify-content  : center;
    align-items      : center;
    background-color : #fff;
    cursor           : pointer;
    padding          : 10px 15px;
    margin-left      : -1px;
    line-height      : 1.25;
    border           : 1px solid #eaedf1;
    color            : #25252a;
}

.page-count > .selected {
    display          : flex;
    justify-content  : center;
    align-items      : center;
    border           : 1px solid #707070;
    cursor           : pointer;
    padding          : 10px 15px;
    margin-left      : -1px;
    line-height      : 1.25;
    border           : 1px solid #eaedf1;
    color            : #fff;
    background-color : #00418A  !important;
    border-color     : #00418A;
}

.m-l-34 {
    margin-top : -34px
}

.custom_search_box {
    background: #fff;
    box-shadow: 0px 0px 9px 1px rgb(227 228 239) !important;
    border-radius: 4px;
    font-size: 17px;
    line-height: 20px;
    padding: 15px 15px 15px 65px !important;
    margin: 0px !important;
    width: 75%;
    border-width: 0px !important;
    background: url('../../images/search.svg') no-repeat 25px center;
    background-size: 20px;
}

.template-manu{
    margin-top: 76px;
    margin-bottom: 30px;
}

@media (max-width : 767px) {
    #exampleModal .form-check {
        line-height: 22px;
    }
    .m-l-34 {
        margin-top : -34px
    }

    .page-count,
    .total-page-count {
        top : 5px;
        margin: 0 auto;
        max-width: 365px;
        overflow-x: auto;


    }
    .item-pagination {

        bottom          : 0;

    }
    .pagination-item,
    .page-count > .selected {
        padding: 10px;
    }

    .input-group-text{
        height: 42px;
        margin: 15px 0px;
    }
    .btn-filter{
        padding: 18px;
        margin: 10px 6px 15px 0px;
        border-radius: 5px !important;
    }
    .fa-search, .fa-times {
        font-size: 24px;
    }
    /* .page-link {
        padding: 0.375rem 0.4rem;
    } */
    #inlineFormInputKeyword{
        height: 42px;
        /* margin: 10px 0px; */
    }
    #clearSearchId{
        height: 42px;
    }
    .custom_search_box {
        width: 74%;
    }
    .template-manu{
        margin-top: 0px;
        margin-bottom: 30px;
    }
}


.card {
    /* position: relative; */
    margin-bottom: 1.5rem;
    width: 100%;
    margin-top: 0px;
    border: 1px solid #eaeaea;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.card-title {
    text-align: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.9rem 0rem 0.9rem 0rem;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    margin-bottom: 0px !important;
}


.custom_search_box_icon_div
{
    position: absolute;
}
.custom_search_box_icon_div button
{
    background: none;
    border: none;
}
.fixed-content {
    margin: 0px auto !important;
    top: 0;
    position:fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0px 23px;
    height: 70px;
    max-width: 1734px;
    box-shadow: 0px 10px 10px 0px rgba(58, 63, 67, 0.12) !important;
}
.fixed-content .custom_search_box
{
    padding-top: 13px;
    padding-bottom: 13px;
}

.fixed-content2 {
    top: -500px;
    position:fixed;
    width: 100%;
}
.left-filter.fixed-content2
    {
        position:sticky;
        width: inherit;
        top: -320px;
    }
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    margin-top: -1.6px;
    margin-right: 10px;
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    input[type="checkbox"] {
        margin-top: 0px;
    }
}

.col-2 {
    max-width: 23% !important;
    flex: 0 0 23%;
    padding-right: 0px !important;
}
.col-10 {
    max-width: 77% !important;
}
.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.image-holder {
    display: block;
    height: 215px;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0px;
}
.themes .card
{
    border: 1px solid #e0e0e0 !important;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 25px -25px;
    padding:5px;
}
.btn-5 {
    background: #135b7b;
    color: #fff;
    line-height: 40px;
}

.btn-6 {
    background-color: #091E71;
    color: #fff;
    line-height: 40px;
}
.custom-btn {
    line-height: 42px;
    padding: 0px 15px 0px 15px;
    border: 0px solid #f0f0f0 !important;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    border-radius: 0.25rem;
}
.btn-transparent-blue {
    background-color: #091E71;
    color: #ffffff;
    line-height: 40px;
    border: 1px solid #1E82FF !important;
}
.text-white {
    color: #fff !important;
}
.fa-search, .fa-times{
    font-size: 24px;
}
.theme-pagination, .plugin-pagination, .pagination-center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
}

@media (max-width: 2650px){
    .tutorial img {
        width: 49.85%;
    }
}

@media (min-width: 992px){
    .col-lg-6 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

@media (min-width: 768px){
    .left-filter .form-check {
        line-height: 22px;
    }
}

@media (max-width: 1450px){
    .tutorial img {
        width: 49.75%;
    }
}

@media (max-width: 992px){
    .tutorial img {
        width: 49.6%;
    }
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #0a58ca;
}
.divider {
    position: relative;
    margin: 32px 5px 36px;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(0, 198, 255, 0.12) 9.37%, rgba(30, 130, 255, 0.12) 100%);
}

@media (max-width: 767.98px) {
    .divider {
        font-size: 1rem;
    }
    .tutorial img {
        width: 49.4%;
    }
}

@media (max-width: 575.98px) {
    .divider {
        margin: 60px 5px 36px !important;
    }
    .tutorial img {
        width: 49%;
    }
}

.divider::before {
    position: absolute;
    content: attr(data-text);
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: max-content;
    background: #fff;
    display: inline-block;
    padding: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(0, 0, 0, 0.5);
}

.hide {
    display: none !important;
}

.bootstrap-tagsinput {
    background-color: transparent;
    border: 0px solid #ccc;
    box-shadow: inset 0 0px 0px;
    display: inline-block;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    cursor: text;
    overflow: hidden;
    padding: 0px;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    margin-bottom: 10px;
    background-color: #00c6ff;
    padding: 0.2rem;
    border-radius: 5px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 0px;
    display: inherit;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
    background-color: #127af5 !important;
    padding: 5px 6px;
    line-height: 25px;
    border-radius: 5px;
}

.search-btn{
    border-width: 0px !important;
    font-size: 1rem;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0rem;
    padding: 10px !important;
    border-radius: 5px !important;
    margin: 0px;
    color: #000 !important;
    background-color: #f1f1f9 !important;
}

.search-btn:hover, .search-btn:active {
    color: #000 !important;
    background-color: #f1f1f9 !important;
}
.search-wrapper {
    margin-top: 0px;
    margin-bottom: 30px;
}
#signuplink:link:active{
    color: #0d6efd !important;
    text-decoration: underline!important;
    cursor:pointer  !important;
}
.user-account.register-section .left-section .key-services .d-flex {
    margin-bottom: 0px;
}
.user-account.register-section .left-section .key-services h3{
    margin-bottom: 25px;
}
.user-account .right-section {
     margin-top: 2%;
 }
.user-account .right-section .divider {
    margin: 35px 5px 25px;
}
.group-input {
    width: 100%;
}
.backButton:hover {
  color: #3c8f69;
}
.filter-icon {
    margin-right: 10px; 
    width: 20px; 
    max-width: none;
}
@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky {
        z-index: 0 !important;
    }
}