@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');
        body {
            background: url("../images/bg-header-lg.jpg") 0 -95px repeat-x #f3f3f3;
            padding-top: 40px;
            padding-bottom: 60px;
        }
        
        .logo-header {
            background: #f8f8f8;
        }
        
        .logo .logo-img {
            padding: 0px 0px 0px 45px;
            height: calc((100px - 0px) + 40px);
            object-fit: cover;
            margin: -30px 0px -30px 0px;
        }
        
        .header-content {
            margin: 0px 0px 0px 20px;
            font-family: 'Montserrat';
            font-size: 18px;
        }
        
        .content-list {
            margin-top: 8rem
        }
        
        .add-btn {
            border: none;
            background: transparent;
            cursor: pointer;
        }
        
        .label {
            font-family: 'Montserrat';
            font-size: 15px;
        }
        
        .nav-item {
            background: #f8f8f8;
            font-size: 14px;
            font-family: 'Montserrat';
        }
        
        .nav-item:not(:last-child) {
            margin-right: 5.5rem;
        }
        
        .nav-item:first-child {
            margin-left: 10%;
        }
        
        .tab-content {
            padding: 25px;
        }
        
        .tab-pane {
            background: #ffffff;
            padding: 25px;
        }
        
        .form-control {
            border-radius: 6px;
            border: 1px solid #9e9e9e;
        }
        
        label {
            font-size: 15px;
            font-family: 'Montserrat';
            padding-right: 5px;
        }
        
        .top-section {
            padding-top: 5px;
            border-bottom: 1px solid #f9f9f9;
            padding-bottom: 25px;
        }
        
        .Content-edit {
            padding: 25px 0px 0px 0px;
        }
        
        .add-btn {
            border: none;
            background: transparent;
        }
        
        .favcolor {
            border: none;
        }
        
        .fname {
            border: 1px solid #e0e0e0;
            border-radius: 5px
        }

.color-pick {
    border: 1px solid #f3f3f3;
    max-width: 300px;
    border-radius: 6px;
}

.place-hold {
    border: none;
    padding: 10px 15px;
}
.place-hold:focus{
    outline:none;
    box-shadow:none;

}
.color-type {
    border: none;
    background: none;
    padding: 0px;
    height: 44px;
    margin: 0px;
    width: 36px;
}

.input-group-append {
    margin-left: -1px;
}

.add-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0px 8px;
    outline: none;
}

.remove-btn {
    padding: 0px 9px;
    border: none;
    background: transparent;
    cursor: pointer;
    outline: none;
}

.add-btn:focus {
    outline: none;
}

.remove-btn:focus {
    outline: none;
}
.btn-theme {
    text-align: center;
}

.create-btn {
    border-radius: 6px;
    background: #000000;
    border: solid 1px #f3f3f3;
    color: #ffffff;
    padding: 5px 15px 5px 15px;
    font-size: 15px;
    font-family: 'Montserrat';
}