@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

* {

    font-family: Plus Jakarta Sans;
}




/* profile page css start .................. */

.profile-page {

    /* border:1px solid violet; */



}



.profile-box {

    border-left: 1px solid #e9e9e9;
    /* margin-top: 100px; */
}


/* side bar css profile  ...........*/

.profile-side-bar {
    padding-left: 0px;
    margin-top: 45px;
}

.side-menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    cursor: pointer;
    transition: 0.3s ease;
    padding: 12px 0px;
    border: 0 !important;
}

/* Default menu link style */
.side-menu a {
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    /* Default text color */
    transition: color 0.3s ease;
}

/* Active menu link */
/* .side-menu a {
    color: #077bca;

    font-weight: 600;
} */

/* Default icon (grayscale) */
.side-menu img {

    /* transition: filter 0.3s ease; */
}

/* Active menu icon */
.side-menu.active img {}

/* Right Side Content Styling */
.content-area {
    flex: 1;
    padding: 20px 0 20px 0;
    padding-bottom: 80px;
    /* border:1px solid green; */
}

.content {
    /* display: none; */
}

.content.active {
    /* display: block; */
}

.bus-pro-img img {
    padding-left: 3px;
}

.nav-login-div-name {}


/* right side page ............................*/

.content {
    /* margin-top: 50px; */
    padding-left: 50px;
}

.profile-sub-div {


    /* border:1px solid green; */
    /* padding:30px 0px; */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.profile-sub-div .profile-ip-div:nth-child(1) {
    display: flex;
    flex-direction: column;
    /* border:1px solid blue; */

}

.profile-sub-div .profile-ip-div:nth-child(2) {

    display: flex;

    /* border:1px solid yellow; */
    justify-content: space-between;
}

.profile-sub-div .profile-ip-div:nth-child(3) {
    display: flex;
    flex-direction: column;
    /* border:1px solid black; */

}

.profile-logo {

    border: 1px solid #ececec;
    border-radius: 3px;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s
}

.profile-sub-div form input:focus {

    border: 1px solid #c2dbff;
    background-color: #dbe9fa;
}

.profile-sub-div form input:hover {

    border: 1px solid #c2dbff;

}

.profile-add-ip-div1 input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.profile-add-ip-div1 input:hover {

    border: 1px solid #c2dbff !important;
    ;

}




.profile-add-ip-div1 select:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.profile-add-ip-div1 select:hover {

    border: 1px solid #c2dbff !important;
    ;

}


.profile-ip-2 select:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.profile-ip-2 select:hover {

    border: 1px solid #c2dbff !important;

}

.service-ip1 input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}


.service-ip1 input:hover {

    border: 1px solid #c2dbff !important;

}

.business-content-box textarea:hover {

    border: 1px solid #c2dbff !important;
}

.business-content-box textarea:focus {
    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;

}

.event-ip1 input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.event-ip1 input:hover {
    border: 1px solid #c2dbff !important;


}



.event-second-ip-div input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.event-second-ip-div input:hover {
    border: 1px solid #c2dbff !important;


}

.event-third-ip-div input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.event-ip31 input:hover {
    border: 1px solid #c2dbff !important;


}



.event-ip2 textarea:focus {
    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;

}

.event-ip2 textarea:hover {

    border: 1px solid #c2dbff !important;
}

.setting-ips input:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.setting-ips input:hover {

    border: 1px solid #c2dbff !important;

}


.setting-bottom-ip textarea:focus {

    border: 1px solid #c2dbff !important;
    background-color: #dbe9fa !important;
}

.setting-bottom-ip textarea:hover {
    border: 1px solid #c2dbff !important;

}



.profile-logo .btn-danger {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0.1rem 0.5rem;
}

.header-wrapper .nav-login-div-name .nav-login-a.nav-login-div-drope span {

    opacity: 1 !important;
    background: none;
    border: 0;
    color: #000000;

}

.nav-login-div.nav-login-div-name {
    border: 0;
    border-radius: 0;
    z-index: 99999;
}



.profile-functional-img-divs {

    border: 1px dotted #ececec;
    border-radius: 3px;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s
        /* transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out; */
}

.profile-img {

    /* border: 1px dotted #ececec; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
}

.profile-img:hover {
    cursor: pointer;
}

.profile-functional-div-img:hover {
    cursor: pointer;
}


.profile-logo:hover .profile-img {

    transform: scale(1.1);
    /* box-shadow:  0 10px 20px rgba(0, 0, 0, 0.25); */
    box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 2px 2px;
    opacity: 0.8;

}


.profile-functional-img-divs:hover .profile-functional-div-img {

    transform: scale(1.1);
    /* box-shadow:  0 10px 20px rgba(0, 0, 0, 0.25); */
    box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 2px 2px;
    opacity: 0.8;
}

.profile-logo img {
    /* border-radius: 3px; */
    width: 45px;

}

.profile-functional-div-img img {

    width: 45px;

}

.profile-functional-div-img {

    /* border: 1px solid #ececec; */
    border-radius: 3px;

    display: flex;
    align-items: center;
    justify-content: center;

}

.profile-sub-div .profile-ip-div:nth-child(1) h5 {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 15px;

}

.profile-ip-div .profile-ip-1 .ip1:nth-child(1) {
    /* border:1px solid blue; */
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
    position: relative;
}

.profile-ip-div .profile-ip-1 .ip1:nth-child(2) {
    /* border:1px solid blue; */
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
    position: relative;
}

.profile-ip-div .profile-ip-2 .ip1:nth-child(1) {
    /* border:1px solid rgb(0, 225, 255); */
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-ip-div .profile-ip-2 .ip1:nth-child(2) {
    /* border:1px solid rgb(0, 225, 255); */
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.ip1 select {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;
}


.ip1 select label {

    width: 100%;
}

.ip1 select {

    appearance: none;
    color: #818181
}

.ip1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid #ced4da;
    /* Initial border style */
    border-radius: 4px;
    background-color: #fff;
    /* Adjust background color as needed */
    background-image: none;
    /* Remove the default dropdown arrow */
    outline: none;
    /* Remove the default focus outline */

}

.profile-ip-6 {
    width: 100%;
    margin-bottom: 20px;
}

.ip1-6 label {

    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;

}

.ip1-6 input {


    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;
    color: #818181
}


.profile-add-3 {
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
    width: 100%;

}

.profile-add-3 label {

    width: 100%;
    margin-bottom: 5px
}

.profile-add-3 input {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: #818181;
    padding-left: 10px;

}




.profile-ip-1 {

    /* border:1px solid red; */
    display: flex;
    gap: 20px;
    margin-bottom: 23px;
    width: 100%;
}

#map_link {
    padding-left: 10px;
    color: #818181;
    font-size: 14px;

}

.profile-add-ip-div.repeat_address {
    width: 100%;
}

/* .profile-ip-2 {



    margin-bottom: 20px;
} */


.profile-ip {
    display: flex;

}

.ip1 label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;

}

.ip1 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;
    color: #818181
}

.profile-ip-4 {


    margin-bottom: 20px;
    width: calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);

}

.ip1.ip1-sel2.ip1-sel21 {
    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);

}

.profile-ip-2 {

    width: 100%;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;

}

input[type="hidden"] {
    display: none !important;
}

.busi-profile-ip-div {

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}


.profile-timezonee {

    margin-bottom: 20px;
    width: calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);

}

.profile-add-ip-div .profile-timezonee {
    margin-bottom: 20px;
    width: calc(100% - 10px);
    flex: 1 1 calc(50% - 10px);
}

.profile-timezonee input[type=text] {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: #818181;
    padding-left: 10px;
}

.timezone-tag {


    /* margin:10px 0px 20px 0px; */
    position: relative;

}

.timezone-tag::after {

    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: #bbbbbb transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 47px;
    transform: translateY(-50%, -50%);
    pointer-events: none;



}

.timezone-tag label {

    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;


}

.timezone-tag select {


    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    /* padding: 0px; */
    width: 100%;
    padding-right: 40px;
    box-sizing: border-box;
    font-size: 16px;
    color: #818181;

    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
    padding-left: 6px;

}

/* .timezone-tag select::after {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: #bbbbbb transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 47px;
    transform: translateY(-50%, -50%);
    pointer-events: none;
} */




.ip1-sel1 {
    position: relative;
    display: inline-block;
    width: 100%;
    /* Adjust width as needed */
}

.ip1-sel1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #fff;

    width: 100%;
    outline: none;
    font-size: 16px;
    cursor: pointer;
}

/* Add dropdown icon */
.ip1-sel1::after {
    content: "";

    border-width: 6px;
    border-style: solid;
    position: absolute;
    border-color: #bbbbbb transparent transparent transparent;
    right: 15px;
    top: 77%;
    transform: translateY(-50%);
    pointer-events: none;
    /* Prevent interaction */
    color: #555;
    /* Icon color */
}






.ip1-sel2 {
    position: relative;
    display: inline-block;
    width: 100%;
    /* Adjust width as needed */
}

.ip1-sel2 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #fff;

    width: 100%;
    outline: none;
    font-size: 16px;
    cursor: pointer;
}

/* Add dropdown icon */
.ip1-sel2::after {
    content: "";

    border-width: 6px;
    border-style: solid;
    position: absolute;
    border-color: #bbbbbb transparent transparent transparent;
    right: 15px;
    top: 77%;
    transform: translateY(-50%);
    pointer-events: none;
    /* Prevent interaction */
    color: #555;
    /* Icon color */
}

/* .ip1-start input{


    margin-top: 23px;
}

.ip1-end input{

    margin-top: 23px

} */


.ip1-tag label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.ip1-tag input {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;
    color: #818181
}





.pro-sel {
    width: 100%;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: rgb(179, 179, 179);
}

.profile-add {
    font-size: 18px;
    color: #077bca;
    font-weight: 500;
    padding-top: 10px;
}

.profile-ip-2-days {

    display: flex;
    flex-wrap: wrap !important;
    justify-content: space-between;
}

.profile-ip-2-days .ip1 {

    width: 22%;
    position: relative;
}

/* .ip1-start{

position: relative;

}

.ip1-end{
    position: relative;
}


.ip1-start label{

    position: absolute;

    }

    .ip1-end label{
        position: absolute;
    } */


/* new added css for business profile ......27-02-2025............................................*/






.business-profile-full-logo-div {

    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);

    display: flex;
    flex-direction: column;

}


.profile-functional-div {

    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    object-fit: contain;
    /* border:1px solid rgb(39, 30, 31); */

}



.profile-img-full2 {

    width: 55% !important;
    height: 100% !important;
    object-fit: contain;
}

.profile-img-full {

    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.profile-functional-div img.profile-img-full {
    width: 100% !important;
    padding: 0;
    border-radius: 4px;
}

.profile-logo img.profile-img-full2 {
    width: 100% !important;
    padding: 0;
    border-radius: 4px;
}

/* #86a191 */

.business-profile-font {
    font-size: 13px;
    color: #888888;
    padding-left: 1px;
}

.business-profile-font1 {
    font-size: 13px;
    color: #888888;
    padding-left: 1px;

}


.business-profile-title1 {
    font-size: 16px;
    margin: 0px;
    color: #000000;
    padding-bottom: 16px;
}


.business-profile-title2 {

    font-size: 16px;
    margin: 0px;
    color: #000000;
    padding-bottom: 16px;

}

.profile-img img {

    /* width:100%;
        height:100%; */
    object-fit: cover;
}

.profile-img-functional-full {

    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;

}

.profile-functional-div-img img {

    /* width:100%;
        height:100%; */
    object-fit: cover;
}



.profile-functional-img-divs .btn-danger {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0.1rem 0.5rem;
}

.profile-functional-div-img {


    /* border: 1px dotted #071358; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* new added css for business profile ................27-02-2025.............................*/











.profile-add-ip-div1 {

    display: flex;
    gap: 20px;
    margin-bottom: 23px;

}


.profile-add-ip-div2 {

    display: flex;
    gap: 20px;
    margin-bottom: 23px;
}


.profile-add-ip-div3 {

    display: flex;
    gap: 20px;
    margin-bottom: 23px;

}

.profile-add-ip-div4 {

    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;

}

.repeat_address .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    margin-bottom: 20px;
}

.profile-save1 {
    border: 1px solid #0066ab;
    background-color: #0066ab;
    font-size: 15px;
    color: #fff;
    padding: 5px 17px;
    border-radius: 4px;

}

.profile-add1 {
    border: 1px solid #cda20a;
    background-color: #cda20a;

    font-size: 15px;
    color: #fff;
    padding: 5px 17px;
    border-radius: 4px;

}

.profile-save1:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}

.profile-add1:hover {

    border: 1px solid #0066ab;
    background-color: #0066ab;
}


.profile-add-ip-div5 {

    display: flex;
    gap: 20px;
    margin-bottom: 23px;

}

.profile-add-ip-div6 {

    display: flex;

    margin-bottom: 23px;

}


.profile-add .profile-add-ip-div:nth-child(1) {

    display: flex;
    gap: 20px;

}

.profile-add-1 {
    position: relative;
}

.profile-add-ip-div .profile-add-1:nth-child(1) {


    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}


.profile-add-ip-div .profile-add-1:nth-child(2) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div .profile-add-1:nth-child(1) label {

    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div .profile-add-1:nth-child(2) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;

}

.profile-add-ip-div .profile-add-1:nth-child(1) input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: #818181;
    padding-left: 10px;

}

.profile-add-ip-div .profile-add-1:nth-child(2) input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: #818181;
    padding-left: 10px;
}

.profile-add-ip-div2 .profile-add-2 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: #818181;
    padding-left: 10px;
}



.no-result {
    font-size: 14px;
    color: red !important;
    border: none !important;
}


.city-list:has(.no-result) {

    border: none;

}

.city-list {
    /* border: 1px solid #e9e9e9; */
    padding: 5px 0px
}

.city-list li {
    border-bottom: 1px solid #e9e9e9;
    padding: 4px 12px;
    color: #888888;

}

.city-list li:hover {

    background: #e7e7e7;
    color: #000;
}

.profile-add-2 {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);

}

.profile-add-2 label {

    width: 100%;
    padding-bottom: 6px;

}


.profile-add-2 select {
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
    padding-left: 6px;
}





.profile-add-ip-div2 .profile-add-2:nth-child(1) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);

}

.profile-add-ip-div2 .profile-add-2:nth-child(2) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div2 .profile-add-2:nth-child(1) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div2 .profile-add-2:nth-child(2) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.pro-city {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: rgb(179, 179, 179);
}

.pro-country {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    color: rgb(179, 179, 179);
}



.profile-add-ip-div3 .profile-add-3 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;
    color: #818181;
}

.profile-add-ip-div3 .profile-add-3:nth-child(1) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div3 .profile-add-3:nth-child(2) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div3 .profile-add-3:nth-child(1) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div3 .profile-add-3:nth-child(2) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div3 .profile-add-3 input {

    padding-left: 6px;
    color: #818181;
}

.profile-add-2 select {
    appearance: none;
    /* Remove default arrow */
    -webkit-appearance: none;
    /* For Safari */
    -moz-appearance: none;
    /* For Firefox */
    background: none;
    /* Remove background for browsers that add default arrows */
    /* padding: 0px;  */
    width: 100%;
    padding-right: 40px;
    /* Add enough padding to prevent text from overlapping with the custom arrow */
    box-sizing: border-box;
    font-size: 16px;
    color: #818181;
}

.profile-add-3 {
    position: relative;
    display: inline-block;
}

.profile-add-2 {
    position: relative;
    display: inline-block;
}

.profile-add-2::after {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: #bbbbbb transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 47px;
    transform: translateY(-50%, -50%);
    pointer-events: none;

}






.profile-add-2 select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 10px;
    border: 1px solid #999999;
    border-radius: 4px;
    background-color: #fff;
    /* Adjust background color as needed */
    background-image: none;
    /* Remove the default dropdown arrow */
    outline: none;
    /* Remove the default focus outline */
}


/* ------------------------------------------------------------ */


.profile-add-ip-div5 .profile-add-3 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
}

.profile-add-ip-div5 .profile-add-3:nth-child(1) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div5 .profile-add-3:nth-child(2) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
}

.profile-add-ip-div5 .profile-add-3:nth-child(1) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div5 .profile-add-3:nth-child(2) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}



/* div -6 */


.profile-add-ip-div6 .profile-add-3 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
}

.profile-add-ip-div6 .profile-add-3:nth-child(1) {

    flex: 1 1 100%;
    max-width: 100%;
}

/* .profile-add-ip-div5 .profile-add-3:nth-child(2) {

    flex: 1 1 calc(50% - 5px);
    max-width: calc(50% - 5px);
} */

.profile-add-ip-div6 .profile-add-3:nth-child(1) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.profile-add-ip-div6 .profile-add-3:nth-child(2) label {
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}







/* ------------------------------------------------------------------ */
.profile-save {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    font-size: 15px;
    color: #fff;

    padding: 5px 17px;
    border-radius: 4px;

}

.profile-edit {

    border: 1px solid #0066ab;
    background-color: #0066ab;


    font-size: 15px;
    color: #fff;

    padding: 5px 17px;
    border-radius: 4px;
}

.profile-save:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;
}

.profile-edit:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;
}











.business-profile-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 600px;

    /* padding-right: 11%; */
    margin-bottom: 5px;
    display: none;
}

.business-profile-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.business-profile-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.business-profile-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.business-profile-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.business-profile-top-edit-a img {
    width: 15px
}

.business-profile-top-edit-b img {
    width: 15px
}


.profile-ip-div {

    display: flex;
    justify-content: space-between;
    position: relative;
}

.profile-ip-div .remove-address-btn {

    /* position: absolute; */
    top: 2%;
    right: 10px;
}

/* services sub div css start .............................................................................*/





#services {
    margin-top: 71px;
}


.service-sub-div {


    /* border:1px solid black; */
}

.service-title {
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding-bottom: 0px;
}

.service-content-box {
    /* border:1px solid blue; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.service-ip1 {
    margin-bottom: 20px;
    width: 100%;
}

.service-box1 {

    /* border:1px solid green; */
    display: flex;
    flex-direction: column;
    padding: 10px 0px 20px 0px;
    width: 100%;
}

.service-box2 {
    /* border:1px solid yellow; */


    display: flex;
    flex-direction: column;
    padding: 0px 0px 20px 0;
    max-width: 100%;
    width: 480px;
}

.service-p1 {

    color: #000000;
    display: none;
}

.service-p2 {

    color: #000000;
    font-size: 15px;
}

.service-font {
    font-size: 13px;
    color: #888888;
    padding-left: 1px;
}

.service-ips {
    /* border: 1px solid #e1e1e1; */
    max-width: 100%;
    width: 100%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 0px;

}

.service-ip1 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.service-ip2 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;
}

.service-ip1 input {
    width: 480px;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 10px;

}

.service-ip2 textarea {
    width: 100%;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    height: 120px;
    max-height: 200px;
    /* overflow-y: auto; */
    overflow: auto;
}


.service-upload-div {
    /* background-color: antiquewhite; */
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    position: relative;
}

.service-upload-div .btn-danger {
    position: absolute;
    top: 2%;
    right: 10px
}

#repeat_service button.btn.btn-danger {
    position: relative;
}

#repeat_service button.btn.btn-danger:after {
    width: 90px;
    color: #bb2d3b;
    content: "Remove Product";
    position: absolute;
    font-size: 11px;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    opacity: 0;
    transition: all 0.25s ease-in;
}

#repeat_service button.btn.btn-danger:hover:after {
    opacity: 1;
}

.service-upload-div .btn-danger {
    position: absolute !important;
}

.service-upload-div .btn-danger:after {
    width: 90px;
    color: #bb2d3b;
    content: "Remove Image" !important;
    position: absolute;
    font-size: 11px;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    opacity: 0;
    transition: all 0.25s ease-in;
}


.service-upload-div .btn-danger:hover:after {
    opacity: 1;
}


.service-img {

    /* border: 1px dotted #bfbfbf; */
    padding: 20px;
    border-radius: 4px;

}

.service-img img {
    width: 50px;
}


.service-p3 {

    color: black;
    padding-top: 16px;

}

.service-bottom-ip {

    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 4px;
    padding: 14px 29px 14px 14px;
}

.service-bottom-ip label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.service-bottom-ip input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}

.service-submit {
    margin-top: 23px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;

}

.service-save-btn {
    border: 1px solid #cda20a;
    background-color: #cda20a;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}

.service-product-btn {
    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}




.service-save-btn:hover {

    border: 1px solid #0066ab;
    background-color: #0066ab;

}

.service-product-btn:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}


/* new added css for the service page start ............27-02-2025................................. */


.service-img-full {


    width: 100%;
    height: 100%;
    object-fit: cover;
    /* display: none; */


}







/* new added css for the service page end ............27-02-2025................................. */






/* .service-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}


.service-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

} */










.service-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 698px;

    padding: 4px 0px;
    margin-bottom: 20px;
}

.service-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.service-title {

    font-size: 22px;
    color: #000;
    margin: 0px;
    font-weight: 600;
}

.service-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.service-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.service-top-edit-a img {
    width: 15px
}

.service-top-edit-b img {
    width: 15px
}








/* /////////////////////////////////////// */


.profile-box {
    border-left: 1px solid #e4e4e4;
    transition: border 0.3s ease-in-out;
    padding-top: 34px;
    min-height: 460px;
}

.profile-box.no-border {
    border-left: none !important;
    /* Remove border when 'services' tab is active */
}











/* services sub div css end .............................................................................*/






/* product sub div css start .............................................................................*/



.product-sub-div {


    /* border:1px solid black; */
}

.product-title {
    font-size: 22px;
    color: #000;
    margin: 0px;
    font-weight: 600;
}

.product-content-box {
    /* border:1px solid blue; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.product-ip1 {
    margin-bottom: 20px;
}

.product-box1 {

    /* border:1px solid green; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

.product-box2 {
    /* border:1px solid yellow; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    max-width: 300px;
    width: 200px;
}

.product-ips {
    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 14px 29px 14px 14px;

}

.product-ip1 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.product-p1 {

    color: #000000;
}

.product-p2 {

    color: #000000;
}

.product-ip2 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;
}

.product-ip1 input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;


}

.product-ip2 textarea {
    width: 100%;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    height: 80px;
    max-height: 200px;
}


.product-upload-div {
    /* background-color: antiquewhite; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}


.product-img {

    border: 1px dotted #bfbfbf;
    padding: 20px;
    border-radius: 4px;

}

.product-img img {
    width: 50px;
}


.product-p3 {

    color: black;
    padding-top: 16px;

}

.product-bottom-ip {

    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 4px;
    padding: 14px 29px 14px 14px;
}

.product-bottom-ip label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;

}

.product-bottom-ip input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}

.product-submit {
    margin-top: 27px;

}

.product-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}


.product-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}





.product-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 11%;
    margin-bottom: 20px;
}

.product-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.product-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.product-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.product-top-edit-a img {
    width: 15px
}

.product-top-edit-b img {
    width: 15px
}




/* product sub div css end .............................................................................*/








/* business sub div css start .............................................................................*/




#business {

    margin-top: 20px;
    padding-left: 50px;
    padding-bottom: 50px;
}

.business-content-box {
    border-radius: 4px;
    width: 100%;
    /* max-width: 650px; */


}

.business-content-box textarea {

    border: 1px solid #e6e6e6;
    width: 100%;
    height: 200px;
    max-height: 200px;
    border-radius: 5px;

    padding-left: 10px;
    padding-top: 10px;
    color: #818181
}



.business-submit {
    margin-top: 27px;

}

.business-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}


.business-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}





.business-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 600px;

    /* padding-right: 11%; */
    margin-bottom: 20px;
}

.business-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.business-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.business-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.business-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.business-top-edit-a img {
    width: 15px
}

.business-top-edit-b img {
    width: 15px
}








/* business sub div css end .............................................................................*/










/* personal  div css start .............................................................................*/

.personal-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 670px;

    /* padding-right: 11%; */
    margin-bottom: 20px;
}


.personal-profile-top-edit-btn {}

.personal-top-edit-btn {

    width: 100%;
    display: flex;
    justify-content: flex-end;

}

.personal-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.personal-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.personal-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.personal-top-edit-a img {
    width: 15px
}

.personal-top-edit-b img {
    width: 15px
}





/* personal  div css end .............................................................................*/







/* social  div css start .............................................................................*/


.social-input-div {

    position: relative;
    /* border:1px solid green; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;

}

.social-input-div input {

    width: 100%;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding-left: 20px;
    font-size: 15px;

}

.social-media-row {

    /* margin:0px; */
}

.social-input-div button {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #0066ab;
    background-color: #0066ab;
    border-radius: 4px;
    height: 40px;
    padding: 0px 11px;
    font-size: 14px;
}

.social-input-div button a {

    text-decoration: none;
    color: #fff;
}

.social-input-div button i {

    color: #fff;
    font-size: 12px;
}





.social-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 670px;
    position: relative;
    /* padding-right: 11%; */
    margin-bottom: 20px;
    /* border: 1px solid ; */
}




.social-input-div .social-media-row:nth-child(1) {
    /* border:1px solid red; */

}

.social-input-div .social-media-row:nth-child(1) .col-md-8 {

    position: relative;
    /* padding-left: 129px; */

}


.social-input-div .social-media-row:nth-child(1) .col-md-8 .select2:nth-child(2) {
    position: absolute;
    top: 6px;
    left: 19px;
    font-size: 12px;
    width: 120px !important;
    height: 32px !important;
    border: none;
    outline: none;
}

.social-input-div .social-media-row:nth-child(1) .col-md-8 .select2:nth-child(2) .select2-selection {

    height: 29px;
    border: 1px solid #e7e7e7;


}

.social-input-div .social-media-row:nth-child(1) .col-md-8 input {

    padding-left: 136px;
}




.social-top-edit-btn {}

.social-top-edit-btn {

    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: -34px;
    gap: 16px;

}

.social-title {

    font-size: 22px;
    margin: 0px;
    color: #000000;
    font-weight: 600;

}

.social-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;

}

.social-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.social-top-edit-a img {
    width: 15px
}

.social-top-edit-b img {
    width: 15px
}

/* .social-input-div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

} */

.socail-ip {
    width: 100%;
    padding: 10px;
    padding-right: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.dropdown-icon {
    position: absolute;
    /* right: 10px; */
    right: 139px;
    top: 50%;
    transform: translateY(-50%);
    color: #dddcdc;
    cursor: pointer;
}

.dropdown-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 81%;
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    z-index: 10;
}

.dropdown-box div {
    padding: 10px 10px 10px 30px;
    cursor: pointer;
}

.dropdown-box div:nth-child(odd) {
    background: #fff;

}

.dropdown-box div:nth-child(even) {
    background: #f1f1f1;
}

.dropdown-box div:hover {
    background: #30a2f1;
    color: #fff;
}




.social-add-ip-div {
    margin-top: 30px;
    transition: margin-top 0.3s ease;
}


.social-save {
    border: 1px solid #0066ab;
    background-color: #0066ab;
    font-size: 15px;
    color: #fff;
    padding: 5px 17px;
    border-radius: 4px;
}


.social-form-all button {

    color: #fff;
    /* margin-top: 0px; */
    padding: 0px 20px;
    font-size: 16px;

}

.social-form-all button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}



/* personal  div css end .............................................................................*/










/* media gallery   div css start .............................................................................*/


.media-container-div {

    padding-right: 0px;
}

.media {

    margin-top: 0px;
    /* padding-left: 17px; */
}


.media-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* max-width: 770px; */
    /* padding-right: 11%; */
    margin-bottom: 20px;
    /* border: 1px solid red; */
    padding-right: 0px;
    padding-left: 0px;

}

.media-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 19px;
    cursor: pointer;
    /* Ensures video fills the box */
}


.media-top-edit-btn {

    width: 100%;
    display: flex;
    justify-content: flex-end;

}



.media-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;

}

.media-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}






.media-top-edit-a i {
    font-size: 10px;
    color: #fff;
}

.media-title {

    /* font-size: 16px;
    margin: 0px;
    color: #000000; */

    font-size: 22px;
    margin: 0px;
    color: #000;
    font-weight: 600;

    width: 100%;
    position: relative;
    margin-top: 0px;
}

.media-title2 {
    /* font-size: 16px;
    margin: 0px;
    color: #000000; */

    font-size: 22px;
    margin: 0px;
    color: #000;
    font-weight: 600;
    width: 100%;
    position: relative;
    margin-top: 50px;
}


/* .media-title2::before {
    content: "";
    position: absolute;
    height: 32px;
    left: -12px;
    border-left: 4px solid #316bff;
    top: 50%;
    transform: translateY(-50%);
} */


/* .media-title::before{

    content: "";
    position: absolute;
    height: 32px;
    left: -12px;
    border-left: 4px solid #316bff;
    top: 50%;
    transform: translateY(-50%);

} */

.media-row-cards {
    margin-top: 15px;
}

.media-content-area {

    padding-right: 0px;
    padding-top: 10px;
}

.row.media-row-img-title {
    width: 100%;
    margin: auto;
    padding: 0px 0px;
}

.med-content-save button span {

    color: #fff;
}

.med-box {
    /* border:1px solid maroon; */
    position: relative;
    display: flex;
    box-sizing: border-box;
    height: 200px;
    max-height: 200px;
}

.med-box #videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.med-box #videoContainer iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    ;
    height: 100% !important;
    ;
    border-radius: 19px;


}

.side-evt-sec h4 {

    color: #575757;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;

}

.side-evt-sec-hori h4 {

    /* color: #575757; */
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 12px;

}




.med-box>img {

    max-width: 100%;
    max-height: 200px;
    height: 180px;
    width: 100%;
    object-fit: cover;
}


.med-content-save button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.med-content-div {
    position: absolute;
    /* border:1px solid yellow; */
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    bottom: 25px;
    /* padding: 0px 8px; */
}

.med-content-ed {

    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    padding: 0px 12px;
    background-color: #075890;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;

}

.med-content-save {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    background-color: #b80000;
    padding: 0px 9px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;
}

.med-content-ed img,
.med-content-save img {

    width: 14px;
}

.med-content-ed:hover {

    color: #fff;
    background-color: #00881d;
}

.med-content-save:hover {

    color: #fff;
    background-color: #cda20a;
    cursor: pointer;
}

.media-top-edit-a:hover {

    color: #fff;
    background: #30a2f1;
}






/* media video gallery ****************************************** */


.media-row-vid-title {

    margin: auto;
    margin-top: 100px;
    margin-bottom: 40px;


}


/* .media-vid-play-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.media-vid-play-div a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;
}

.media-vid-play-div a i {
    color: #fff;
    font-size: 26px;
    position: relative;
    z-index: 1;
}

.media-vid-play-div a::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgb(0 85 142 / 84%);
    border-radius: 50%;
    z-index: 0;
} */


.media-vid-play-div {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    /* position: absolute;
     top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; */
}

.media-vid-play-div a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 50px;

    /* text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center; */
}

.media-vid-play-div a i {

    color: #fff;
    font-size: 26px;
    position: relative;
    z-index: 1;

    /* color:#fff;
    font-size: 28px;
    position: relative; */
}

.media-vid-play-div a::before {


    /* content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgb(0 85 142 / 84%);
    border-radius: 50%;
    z-index: 0;  */
    content: "";
    color: #fff;
    position: absolute;
    /* padding:10px; */
    background: rgb(0 85 142 / 84%);
    width: 50px;
    height: 50px;
    border-radius: 50%;


}




/* modal for media ....... */


.media-img-top-edit-boot-btn.btn {

    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff00;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.media-img-modal-btn i {
    font-size: 12px;
}


.media-modal-top-btn.btn {

    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    border: #075890;

}

.media-modal-top-btn.btn:hover {


    background: rgb(205 162 10);

    border: 1px solid rgb(205 162 10);

}



.media-modal-top-btn i {

    font-size: 10px;
    color: #fff;


}




.media-img-top-edit-boot-btn.btn:hover {
    border: 1px solid #d6d6d6;
    background-color: #dddddd;

}

.media-img-close-button.btn-close {


    color: #000;
    opacity: 1;


}

.media-img-close-button.btn-close:hover {
    color: #316bff;
}


.media-img-center-modal.modal-dialog {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    pointer-events: auto;
}





.media-img-modal-main {


    padding: 12px 20px 35px 60px;
    /* border: 1px solid red; */
}

.modal-header.media-img-modal-header {

    border: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.media-img-modal-title {

    font-size: 17px;
    font-weight: 500;
    margin-bottom: 14px;


}


.media-img-modal-p1 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}


.media-img-file-upload {

    border: 1px solid rgb(189 189 189);
    display: flex;
    flex-shrink: 0;
    /* gap: 10px; */
    justify-content: flex-start;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    width: 75%;

}


.media-img-file-upload a:hover {

    background: rgb(224, 224, 224);
    cursor: pointer;

}


.media-vid-img-file-upload a:hover {

    background: rgb(224, 224, 224);
    cursor: pointer;

}

.media-font {
    font-size: 13px;
    color: #888888;
    padding-left: 1px;
}

.media-img-file-upload a {

    text-decoration: none;
    color: #000000;
    background-color: #cdcdcd;
    padding: 5px 18px;
    font-size: 12px;
    border: 1px solid #565656;
    border-radius: 4px;
}

.media-img-file-upload span {

    color: #888888;
    font-size: 12px;
}

.media-img-modal-submit {
    color: #fff;
    background-color: #0077c8;
    border-color: #0077c8;
    padding: 7px 20px;
}

.media-img-preview {

    /* border:1px solid red; */
    display: flex;
    flex-direction: column;

}

.media-img-preview img {

    width: 150px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    /* margin-top: 20px; */
    object-fit: cover;
    font-size: 12px;
    position: relative;
}

.modal-footer.media-img-modal-footer {
    display: flex;
    justify-content: flex-start;
    padding-left: 0px;
}

.media-img-modal-body {
    padding-left: 0px;
}

.media-img-modal-footer button:hover {

    background-color: #cda20a;
    border: 1px solid #cda20a;

}



.video-link {
    width: 100%;
}

.video-link {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.video-link label {
    width: 100%;
    width: 100%;
    font-size: 15px;
    padding-bottom: 6px;
    color: #000000;
}

.video-link input {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
}

.media-vid-img-modal-footer button:hover {

    background-color: #cda20a;
    border: 1px solid #cda20a;
}

/* center the img alt gallery */

.media-img-preview .media-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f5f5f5;
    /* Background to simulate missing image */
}

/* Default image styling */
.media-img-preview .media-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Alt text styling */
.media-img-preview .media-image-container .media-alt-text {
    position: absolute;
    font-size: 12px;
    color: #8d8d8d;
    display: none;
    /* Hide alt text by default */
}

/* When image is missing, show the alt text */
.media-img-preview .media-image-container.media-img-error img {
    display: none;
    /* Hide broken image */
}

.media-img-preview .media-image-container.media-img-error .media-alt-text {
    display: block;
    /* Show alt text */
}





/* vido modal  ........*/


/* media-vid */



.media-vid-img-top-edit-boot-btn.btn {

    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff00;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.media-vid-img-modal-btn i {
    font-size: 12px;
}


.media-vid-modal-top-btn.btn {

    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    border: #075890;

}

.media-vid-modal-top-btn.btn:hover {


    background: rgb(205 162 10);

    border: 1px solid rgb(205 162 10);

}



.media-vid-modal-top-btn i {

    font-size: 10px;
    color: #fff;


}




.media-vid-img-top-edit-boot-btn.btn:hover {
    border: 1px solid #d6d6d6;
    background-color: #dddddd;

}

.media-vid-img-close-button.btn-close {


    color: #000;
    opacity: 1;


}

.media-vid-img-close-button.btn-close:hover {
    color: #316bff;
}


.media-vid-img-center-modal.modal-dialog {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    pointer-events: auto;
}





.media-vid-img-modal-main {


    padding: 12px 20px 35px 60px;
    /* border: 1px solid red; */
}

.modal-header.media-vid-img-modal-header {

    border: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.media-vid-img-modal-title {

    font-size: 17px;
    font-weight: 500;
    margin-bottom: 14px;


}


.media-vid-img-modal-p1 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}


.media-vid-img-file-upload {

    border: 1px solid rgb(189 189 189);
    display: flex;
    flex-shrink: 0;
    /* gap: 10px; */
    justify-content: space-between;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    width: 100%;

}


.media-vid-img-file-upload a {

    text-decoration: none;
    color: #000000;
    background-color: #cdcdcd;
    padding: 5px 18px;
    font-size: 12px;
    border: 1px solid #565656;
    border-radius: 4px;
}

.media-vid-img-file-upload span {

    color: #888888;
    font-size: 12px;
}

.media-vid-img-modal-submit {
    color: #fff;
    background-color: #0077c8;
    border-color: #0077c8;
    padding: 7px 20px;
}

.media-vid-img-preview {

    /* border:1px solid red; */
    display: flex;
    flex-direction: column;

}

.media-vid-img-preview img {

    width: 150px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-top: 20px;
    object-fit: cover;
    font-size: 12px;
    position: relative;
}

.modal-footer.media-vid-img-modal-footer {
    display: flex;
    justify-content: flex-start;
    padding-left: 0px;
}

.media-vid-img-modal-body {
    padding-left: 0px;
}



/* center the img alt gallery */

.media-vid-img-preview .media-vid-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    overflow: hidden;
    background-color: #eaeaea;
    /* Background to simulate missing image */
}

/* Default image styling */
.media-vid-img-preview .media-vid-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Alt text styling */
.media-vid-img-preview .media-vid-image-container .media-vid-alt-text {
    position: absolute;
    font-size: 12px;
    color: #8d8d8d;
    display: none;
    /* Hide alt text by default */
}

/* When image is missing, show the alt text */
.media-vid-img-preview .media-vid-image-container.media-vid-img-error img {
    display: none;
    /* Hide broken image */
}

.media-vid-img-preview .media-vid-image-container.media-vid-img-error .media-vid-alt-text {
    display: block;
    /* Show alt text */
}

/* ----------------------------////////////////////// */

.media-vid-img-preview .media-vid-video-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    overflow: hidden;
    background-color: #eaeaea;
    /* Background to simulate missing video */
}

/* Default video styling */
.media-vid-img-preview .media-vid-video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Alt text styling */
.media-vid-img-preview .media-vid-video-container .media-vid-alt-text {
    position: absolute;
    font-size: 12px;
    color: #8d8d8d;
    display: none;
    /* Hide text by default */
}

/* When video is missing, show the alt text */
.media-vid-img-preview .media-vid-video-container.media-vid-error video {
    display: none;
    /* Hide video */
}

.media-vid-img-preview .media-vid-video-container.media-vid-error .media-vid-alt-text {
    display: block;
    /* Show alt text */
}







/* media-gallery   div css end .............................................................................*/





/* event page css :start   ....................................................................................*/





#event {
    margin-top: 0px;
    padding-left: 30px;
}


.event-page-title {

    font-size: 22px;
    color: #000;
    margin: 0px;
    font-weight: 600;
    padding-bottom: 25px;

}


.event-sub-div {


    /* border:1px solid black; */
}

.event-title {
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding-bottom: 0px;
}

.event-content-box {
    /* border:1px solid blue; */
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    /* gap: 20px; */
}

.event-ip1 {
    margin-bottom: 20px;
}

/* .event-box1 {


    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

.event-box2 {

    display: flex;
    flex-direction: column;
    padding: 20px 0px;

    width: 200px;
} */




.event-p1 {

    color: #000000;
}

.event-p2 {

    color: #000000;
}

.event-p3 {
    color: #000000;
    margin-bottom: 0px;
}

.event-upload-div3 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    position: relative;

}


.event-box2-div {

    /* border:1px solid black; */
    width: 100%;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}


.event-content-box .event-box1 {

    flex: 1 1 calc(40% - 5px);
    width: calc(40% - 5px);
    /* flex:1 1 calc(50% - 5px);
    width: calc(50% - 5px); */
    /* border:1px solid red; */
}

.event-box2-div .event-box2 {

    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    /* border:1px solid green; */
}


.event-box2-div .event-box3 {

    flex: 1 1 calc(25% - 5px);
    width: calc(25% - 5px);
    height: 260px;
    display: flex;
    flex-direction: column;
    /* border:1px solid maroon; */
    padding: 20px 0px;
}


/* .event-content-box .event-box2,
.event-content-box .event-box3 {
    flex: 1 1 calc(25% - 5px);
    max-width: calc(25% - 5px);
    height: 260px;
    display: flex;
    flex-direction: column;
} */


.event-ips {
    /* border: 1px solid #e1e1e1; */
    /* max-width: 500px; */
    /* width: 480px; */
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 0;

}

.event-ip1 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 8px;
    color: #000000;

}


.event-ip1 textarea {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 80px;

}

.event-ip2 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;
}

.event-ip1 input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;


}

.event-ip2 textarea {
    width: 100%;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    height: 80px;
    max-height: 200px;
}

.event-ip2 textarea:focus {

    border: 1px solid #e1e1e1;
    outline: none;

}





.event-upload-div {
    /* background-color: antiquewhite; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    flex-direction: column;
    position: relative;
}


.event-img {

    /* border: 1px dotted #bfbfbf; */
    padding: 0px;
    border-radius: 4px;
    margin-top: -35px;

}

.event-img img {
    width: 50px;
}


.event-p3 {

    color: black;


}

.event-bottom-ip {

    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 4px;
    padding: 14px 29px 14px 14px;
}

.event-bottom-ip label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.event-bottom-ip input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}

.event-submit {
    margin-top: 23px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.event-save-btn1:hover {
    border: 1px solid #0066ab;
    background-color: #0066ab;
}

.event-save-btn1 {
    border: 1px solid #cda20a;
    background-color: #cda20a;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;
}

.event-product-btn {
    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;
}

.event-product-btn:hover {
    border: 1px solid #f25d25;
    background-color: #f25d25;
}


.event-add-more {
    border: 1px solid #0066ab;
    background-color: #0066ab;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    color: #fff;

}

.event-add-more:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}

/* .event-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

} */

/*
.event-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

} */




.event-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 698px; */

    padding: 4px 0px;
    margin-bottom: 20px;
}

.event-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.event-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.event-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.event-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.event-top-edit-a img {
    width: 15px
}

.event-top-edit-b img {
    width: 15px
}



.event-top-btn-div {

    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px 20px 16px;
    margin-bottom: 50px;
    border-radius: 10px;
    margin-bottom: 20px;


}

.event-top-but {
    /* border: 1px solid blue; */
    display: flex;
    flex-direction: column;
    width: calc(100% - 146px);

}

.event-top-but a {

    text-decoration: none;
    cursor: auto;
    color: #000000;
    font-size: 15px;

}

.event-top-button1 a {

    text-decoration: none;
    color: #fff;
    border: 1px solid #118ce1;
    background-color: #118ce1;
    padding: 10px 12px;
    border-radius: 25px;
    font-size: 14px;

}

.event-top-button1 a:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}








.date-input-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.date-input-container .calendar-icon {
    position: absolute;
    left: 10px;
    top: 18px;
    transform: translateY(-50%);
    color: grey;
    /* Light grey icon */
    font-size: 18px;
    cursor: pointer;
    /* Make the icon clickable */
}

.date-input-container input[type="date"] {
    width: 100%;
    padding: 10px 10px 10px 35px;
    /* Left padding for icon */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    color: grey;
}

/* Hide default browser date icon */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 10px;
    cursor: pointer;
}



/* modal for event img1 */



.event-img-top-edit-boot-btn.btn {

    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff00;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.event-img-modal-btn i {
    font-size: 12px;
}

.event-img-top-edit-boot-btn.btn:hover {
    border: 1px solid #d6d6d6;
    background-color: #dddddd;

}

.event-img-close-button.btn-close {


    color: #2d2d2d !important;
    /* opacity: 1; */


}

.event-img-close-button.btn-close:hover {
    color: #316bff;
}


.event-img-center-modal.modal-dialog {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    pointer-events: auto;
    border: 1px solid #8ad4f6;
    border-radius: 5px
}


.event-img-center-modal #exampleModalLabel {
    font-weight: 600;
    margin-bottom: 4px
}





.event-img-modal-main {


    padding: 1px 20px 35px 60px;
    /* border: 1px solid red; */
}

.event-img-modal-content span#plain_name {
    display: block;
    color: #6d6d6d;
}

.event-img-modal-title1 {

    color: #000000;
}

.event-img-modal-title1 span {
    color: #6d6d6d;
}

.modal-content.event-img-modal-content {
    background: #ffffff;
    border: 1px solid #0d5868;
}

.event-img-modal-title2 {}

.modal-header.event-img-modal-header {

    border: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 0px;
}

.event-img-modal-title {

    font-size: 17px;
    font-weight: 500;
    margin-bottom: 14px;


}


.event-img-modal-p1 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}


.event-img-file-upload {

    border: 1px solid rgb(189 189 189);
    display: flex;
    flex-shrink: 0;
    /* gap: 10px; */
    justify-content: flex-start;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    width: 75%;

}


.event-img-file-upload a {

    text-decoration: none;
    color: #000000;
    background-color: #cdcdcd;
    padding: 5px 18px;
    font-size: 12px;
    border: 1px solid #565656;
    border-radius: 4px;
}

.event-img-modal-submit:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}




.event-img-file-upload span {

    color: #888888;
    font-size: 12px;
}

.event-img-modal-submit {
    color: #fff;
    background-color: #0077c8;
    border-color: #0077c8;
    padding: 7px 20px;
}

.event-img-preview {

    /* border:1px solid red; */
    display: flex;
    flex-direction: column;

}

.event-img-preview img {

    width: 150px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-top: 0px;
    object-fit: cover;
    font-size: 12px;
    position: relative;
}

.event-img-file-upload:hover {

    background: rgb(224, 224, 224);
    cursor: pointer;

}

.event-img-file-uploada a:hover {
    background: rgb(224, 224, 224);
    cursor: pointer;
}


.event-img-file-upload a:hover {

    background: rgb(224, 224, 224);
    cursor: pointer;

}

/* center the alt and broken icon */


.event-img-preview .image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f8f8f8;
    /* Background to simulate missing image */
}

/* Default image styling */
.event-img-preview .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Alt text styling */
.event-img-preview .image-container .alt-text {
    position: absolute;
    font-size: 12px;
    color: #8d8d8d;
    display: none;
    /* Hide alt text by default */
}

/* When image is missing, show the alt text */
.event-img-preview .image-container.img-error img {
    display: none;
    /* Hide broken image */
}

.event-img-preview .image-container.img-error .alt-text {
    display: block;
    /* Show alt text */
}


/* center the alt and broken icon */








/* center the alt and broken icon css2 */


.event-img-add-preview .image-add-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 100px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f0f0f0;
    /* Background to simulate missing image */
}

/* Default image styling */
.event-img-add-preview .image-add-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Alt text styling */
.event-img-add-preview .image-add-container .alt-add-text {
    position: absolute;
    font-size: 12px;
    color: #8d8d8d;
    display: none;
    /* Hide alt text by default */
}

/* When image is missing, show the alt text */
.event-img-add-preview .image-add-container.img-add-error img {
    display: none;
    /* Hide broken image */
}

.event-img-add-preview .image-add-container.img-add-error .alt-add-text {
    display: block;
    /* Show alt text */
}




/* center the alt and broken icon css2 */





.event-img-modal-footer {

    padding-left: 0px;
}

.modal-footer.event-img-modal-footer {

    border: none;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;

}


.event-img-modal-body {
    display: flex;
    flex-direction: column;
    padding-left: 0px;


}




/* add image modal css2 */



.event-img-add-top-edit-boot-btn.btn {

    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff00;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.event-img-add-modal-btn i {
    font-size: 12px;
}

.event-img-add-top-edit-boot-btn.btn:hover {
    border: 1px solid #d6d6d6;
    background-color: #dddddd;

}

.event-img-add-close-button.btn-close {


    color: #000;
    opacity: 1;


}

.event-img-add-close-button.btn-close:hover {
    color: #316bff;
}


.event-img-add-center-modal.modal-dialog {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    pointer-events: auto;
}





.event-img-add-modal-main {


    padding: 12px 20px 35px 60px;
    /* border: 1px solid red; */
}

.modal-header.event-img-add-modal-header {

    border: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.event-img-add-modal-title {

    font-size: 17px;
    font-weight: 500;
    margin-bottom: 14px;

}


.event-img-add-modal-p1 {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}


.event-img-add-file-upload {

    border: 1px solid rgb(189 189 189);
    display: flex;
    flex-shrink: 0;
    /* gap: 10px; */
    justify-content: space-around;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    width: 75%;

}


.event-img-add-file-upload a {

    text-decoration: none;
    color: #000000;
    background-color: #cdcdcd;
    padding: 5px 18px;
    font-size: 12px;
    border: 1px solid #565656;
    border-radius: 4px;
}

.event-img-add-file-upload span {

    color: #888888;
    font-size: 12px;
}

.event-img-add-modal-submit {
    color: #fff;
    background-color: #0077c8;
    border-color: #0077c8;
    padding: 7px 20px;
}



.event-img-add-preview {

    /* border:1px solid red; */
    display: flex;
    flex-direction: column;

}

.event-img-add-preview img {

    width: 150px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-top: 20px;
    object-fit: cover;
    font-size: 12px;

}


.event-img-add-modal-footer {

    padding-left: 0px;
}

.modal-footer.event-img-add-modal-footer {

    border: none;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;

}


.event-img-add-modal-body {
    display: flex;
    flex-direction: column;
    padding-left: 0px;


}

.event-all-btn {

    /* border:1px solid blue; */
    width: 100%;
    font-size: 12px;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    position: absolute;
    bottom: 10px;
}

.event-all-btn1 {

    text-decoration: none;
    background-color: #075890;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out;
}

.event-all-btn1:hover {

    color: #ffffff;
    cursor: pointer;
    transform: scale(1.05);
}


.event-all-btn1 div {
    text-decoration: none;
    background-color: #075890;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 3px;
}




.event-all-btn2 {

    text-decoration: none;
    background-color: #b80000;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out;

}

.event-all-btn2:hover {

    color: #ffffff;
    cursor: pointer;
    transform: scale(1.05);
}

.event-all-btn1 span {

    font-size: 12px;
}

.event-all-btn2 span {

    font-size: 12px;
}

.event-all-btn1 img {

    width: 15px;
}

.event-all-btn2 img {

    width: 15px;
}















.event-all-btn3 {
    position: absolute;
    bottom: 17px;
    display: flex;
    gap: 10px;
    justify-content: space-around;
    width: 100%;
}


.event-all-btn-3-1 {

    text-decoration: none;
    background-color: #075890;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}


.event-all-btn-3-1 div {

    text-decoration: none;
    background-color: #075890;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.event-all-btn-3-1 div:hover {

    color: #ffffff;
    cursor: pointer;
    transform: scale(1.05);
    cursor: pointer;
}


.event-all-btn-3-1:hover {

    color: #ffffff;
    cursor: pointer;
    transform: scale(1.05);
    cursor: pointer;
}

.edit_field {}



.event-all-btn-3-1 label {
    text-decoration: none;
    background-color: #075890;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
}


.event-all-btn-3-2 {

    text-decoration: none;
    background-color: #b80000;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    transition: transform 0.3s ease-in-out;

}

.event-all-btn-3-2:hover {

    color: #ffffff;
    cursor: pointer;
    transform: scale(1.05);
}

.event-all-btn-3-1 span {

    font-size: 12px;
}

.event-all-btn-3-2 span {

    font-size: 12px;
}

.event-all-btn-3-1 img {

    width: 15px;
}

.event-all-btn-3-2 img {

    width: 15px;
}



.event-3-icon {
    text-decoration: none;
    color: #000;


}

.event-box-3-add {

    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    gap: 25px;
}

.event-3-icon i {

    font-size: 14px
}

/* add modal for video button */


/* .modal.fade .modal-dialog.modal-dialog-for-vid {
    transition: transform .3sease-out;
    transform: translate(-50%, -50%) !important;
    top: 44%;
    left: 50%;
}

    .modal-dialog.modal-dialog-for-vid {
        max-width: 500px !important;
        margin: 0 !important;
    } */




/* add modal for video button */




/* .event-all-btn a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color:#075890;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
} */

.profile-side-bar.mob {
    display: none;
}

/* Responsive Styles */
@media (max-width: 600px) {
    .event-all-btn {
        bottom: 5px;
        right: 5px;
        /* flex-direction: column; */
    }

    .event-all-btn a {
        font-size: 12px;
        padding: 4px 8px;
    }
}



/* new ebentr *******************************************************************************************/


.event-content-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

/* Main description box */
.event-content-box .event-box1 {
    flex: 1 1 calc(40% - 5px);
    width: calc(40% - 5px);
    /* border: 1px solid red; */
    padding-top: 15px;
}

/* Image upload section */
.event-box2-div {
    width: 100%;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}


/* .event-box2-div .event-box2 {
    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    height: 260px;
    display: flex;
    flex-direction: column;
    padding: 20px 0px;

}


.event-box2-div .event-box3 {
    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    height: 260px;
    display: flex;
    flex-direction: column;

    padding: 20px 0px;
} */




.event-box2-div .event-box2,
.event-box2-div .event-box3 {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    /* Space below each card */
}

/* Add spacing between the two items in a row */
.event-box2-div .event-box2:nth-child(odd),
.event-box2-div .event-box3:nth-child(odd) {
    margin-right: 20px;
    /* Adds gap between first and second card in a row */
}

/* Make sure the last odd card (single in row) does not stretch full width */
.event-box2-div .event-box3:nth-child(odd):last-child {
    /* flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-left: auto;
    margin-right: auto; */
}

.event-box2-div .event-box3:nth-child(odd):last-child {
    /* flex: 1 1 calc(50% - 15px);
    width: calc(50% - 15px);
    margin-left: calc(50% + 15px);  */
}

/* Small screens (below 992px) */
@media (max-width: 992px) {

    .event-content-box {
        flex-direction: column;
    }

    .event-content-box .event-box1 {
        flex: 1 1 100%;
        width: 100%;
    }

    .event-box2-div {
        width: 100%;
        padding-left: 0;
    }



    .event-box2-div .event-box2,
    .event-box2-div .event-box3 {
        flex: 1 1 100%;
        /* Full width but with margin */
        width: 100%;
    }

    /* Keep last single .event-box3 same size */
    .event-box2-div .event-box3:nth-child(odd):last-child {
        flex: 1 1 100%;
        width: 100%;
        margin-left: 0;
        /* Reset margin for small screens */
    }


    .event-box2-div .event-box2,
    .event-box2-div .event-box3 {
        flex: 1 1 100%;
        /* Full width */
        width: 100%;
        margin-right: 0;
        /* Reset margins */
        margin-left: 0;
    }

    /* Keep last single .event-box3 same size */
    .event-box2-div .event-box3:nth-child(odd):last-child {
        flex: 1 1 100%;
        width: 100%;
        margin-left: 0;
    }
}




/* event page css end /////////////--------------------------------------------------------*/





.event-submit {
    margin-top: 23px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border: 1px solid red; */
}


.event-save-btn1 {
    border: 1px solid #0066ab;
    background-color: #0066ab;

    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;
}


.event-product-btn {

    border: 1px solid #cda20a;
    background-color: #cda20a;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;
}

.event-save-btn1:hover {
    border: 1px solid #cda20a;
    background-color: #cda20a;

}


.event-product-btn:hover {
    border: 1px solid #0066ab;
    background-color: #0066ab;
}

.event-font {

    font-size: 13px;
    color: #888888;
    padding-left: 1px;

}


.event-second-ip-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

}


.event-ip21 {

    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.event-ip22 {
    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;

}


.event-third-ip-div {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.event-ip31 {


    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;
}

.event-ip32 {

    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;
}







.event-ip21 label {
    width: 100%;
    margin-bottom: 5px;
}

.event-ip21 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
}

.event-ip22 label {
    width: 100%;
    margin-bottom: 5px;
}

.event-ip22 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
}


.event-ip32 label {
    width: 100%;
    margin-bottom: 5px;
}

.event-ip32 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
}

.event-ip31 label {
    width: 100%;
    margin-bottom: 5px;
}

.event-ip31 input {

    width: 100%;
    border: 1px solid #e1e1e1;
    height: 40px;
    border-radius: 3px;
}




/* new added css for the event page end ..................................*/








/* advertisementstart............................................................... */



.advert {}




#services {
    margin-top: 71px;
}


.advert-sub-div {


    /* border:1px solid black; */
}

.advert-title {
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding-bottom: 0px;
}

.advert-content-box {
    /* border:1px solid blue; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.advert-ip1 {
    margin-bottom: 20px;
}

.advert-box1 {

    /* border:1px solid green; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

.advert-box2 {
    /* border:1px solid yellow; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    max-width: 300px;
    width: 200px;
}

.advert-p1 {

    color: #000000;
}

.advert-p2 {

    color: #000000;
}

.advert-ips {
    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 14px 29px 14px 14px;

}

.advert-ip1 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.advert-ip2 label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;
}

.advert-ip1 input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;


}

.advert-ip2 textarea {
    width: 100%;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    height: 80px;
    max-height: 200px;
}


.advert-upload-div {
    /* background-color: antiquewhite; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}


.advert-img {

    border: 1px dotted #bfbfbf;
    padding: 20px;
    border-radius: 4px;

}

.advert-img img {
    width: 50px;
}


.advert-p3 {

    color: black;
    padding-top: 16px;

}

.advert-bottom-ip {

    border: 1px solid #e1e1e1;
    max-width: 500px;
    width: 480px;
    border-radius: 4px;
    padding: 14px 29px 14px 14px;
}

.advert-bottom-ip label {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    color: #000000;

}

.advert-bottom-ip input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}

.advert-submit {
    margin-top: 27px;

}

.advert-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 6px 18px;
    border-radius: 4px;

}


.advert-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}




.advert-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 698px; */

    padding: 4px 0px;
    margin-bottom: 20px;
}

.advert-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

}

.advert-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.advert-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.advert-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.advert-top-edit-a img {
    width: 15px
}

.advert-top-edit-b img {
    width: 15px
}












.advert-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 670px; */

    /* padding-right: 11%; */
    margin-bottom: 20px;
}





.advert-card1 {
    /* border:1px solid blue; */

}

.advert-single {
    /* border: 1px solid maroon; */
    padding: 10px;
    background: #efefef;
}

.advert-img-div {


    display: flex;
    align-items: center;
    justify-content: center;
    height: 169px;
    /* padding: 50px 40px; */

}

.advert-sub-img-div {
    border: 1px dotted black;
    width: 150px;
    /* padding: 30px; */
    border-radius: 5px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.advert-sub-img-div img {

    width: 100%;
    object-fit: cover;
    width: 80px;
    height: auto;



}



.advert-content-div {
    /* position: absolute; */
    /* border: 1px solid yellow; */
    width: 100%;
    height: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: 25px;
    padding: 4px 4px;
}

.advert-content-ed {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 18px;
    background-color: #075890;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;
}

.advert-content-ed img,
.advert-content-save img {
    width: 14px;
}








.advert-content-save {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    background-color: #b80000;
    padding: 4px 18px;

    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;
}



.advert-card2 {
    /* border: 1px solid black; */
    margin-top: 50px;
    margin-bottom: 50px;
}

.advert-full-card1 {


    /* border:1px solid green; */
    background-color: #efefef;
    padding: 15px 15px 15px 15px;
}


.advert-img-full-div {

    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 12px;
}

.advert-sub-img-full-div {

    border: 1px dotted black;
    width: 150px;
    /* padding: 30px; */
    border-radius: 5px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.advert-content-div-contrent p textarea {
    resize: vertical;
    width: 100%;
    border: none;
    padding-left: 4px;
    padding-top: 4px;
    overflow: auto;
    max-height: 80px;
}

.advert-content-div-contrent-h p textarea {
    resize: vertical;
    width: 100%;
    border: none;
    padding-left: 4px;
    padding-top: 4px;
    overflow: auto;
    max-height: 80px;
}

.advert-sub-img-full-div img {


    width: 100%;
    object-fit: cover;
    width: 80px;
    height: auto;

}

.advert-full-btn-div {
    /* border:1px solid yellow; */
    display: flex;
    justify-content: space-between;
    margin-top: -7px;

}

.edit-advertisement {

    color: #fff;
    /* transition:  trasform .3s ease-in-out; */
    transition: transform 0.3s ease-in-out;

}

.edit-advertisement:hover {

    color: #fff;
    cursor: pointer;
    transform: scale(1.05);

}

.delete-advertisement {

    color: #fff;
    /* transition:  trasform .3s ease-in-out; */
    transition: transform 0.3s ease-in-out;

}

.delete-advertisement:hover {

    color: #fff;
    cursor: pointer;
    transform: scale(1.05);

}

.advert-full-btn-div .advert-content-ed {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 18px;
    background-color: #075890;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;
}


.advert-full-btn-div .advert-content-save {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    background-color: #b80000;
    padding: 4px 18px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    gap: 4px;
}

.advert-full-btn-div .advert-content-ed img,
.advert-full-btn-div .advert-content-save img {
    width: 14px;
}




.advert-content-div-contrent {
    /* border: 1px solid red; */
    overflow: auto;
    font-size: 14px;
}

.advert-sub-img-div-full {

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advert-content-div-contrent-h {
    /* border: 1px solid red; */
    overflow: auto;
    font-size: 14px;
    margin-top: 8px;
}

.advert-sub-img-div-full-h {

    width: 100% !important;
    height: 220px;
    object-fit: cover;
}


/* last btn  ......................................*/




.advert-top-edit-btn {

    width: 100%;
    display: flex;
    justify-content: flex-end;

}

.advert-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    color: #000000;
    width: -webkit-fill-available;
}

.advert-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    ;
}

.advert-top-edit-a i {
    font-size: 12px;
}

.advert-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.advert-top-edit-a img {
    width: 15px
}

.advert-top-edit-b img {
    width: 15px
}


.advert-top-edit-boot-btn {}



/* modal css         */


.advert-top-edit-boot-btn.btn {

    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.advert-modal-btn i {
    font-size: 12px;
}

.advert-top-edit-boot-btn.btn:hover {
    border: 1px solid #cda20a;
    background-color: #cda20a;

}

.advert-close-button.btn-close {


    color: #000;
    opacity: 1;


}

.advert-close-button.btn-close:hover {
    color: #316bff;
}


.advert-center-modal.modal-dialog {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    pointer-events: auto;
}





.advert-modal-main {


    padding: 12px 20px 35px 60px;
    /* border: 1px solid red; */
}

.modal-header.advert-modal-header {

    border: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
}

.advert-modal-title {

    font-size: 20px;
    font-weight: 600;

}


.advert-modal-p1 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}




.advert-file-upload {

    border: 1px solid rgb(189 189 189);
    display: flex;
    flex-shrink: 0;
    /* gap: 10px; */
    justify-content: space-around;
    align-items: center;
    padding: 12px 5px;
    border-radius: 8px;
    width: 100%;

}


.advert-file-upload a {

    text-decoration: none;
    color: #000000;
    background-color: #cdcdcd;
    padding: 5px 18px;
    font-size: 12px;
    border: 1px solid #565656;
    border-radius: 4px;
}

.advert-file-upload span {

    color: #888888;
    font-size: 12px;
}

.advert-modal-submit {
    color: #fff;
    background-color: #0077c8;
    border-color: #0077c8;
    padding: 7px 20px;
}



.advert-modal-footer {

    padding-left: 0px;
}

.modal-footer.advert-modal-footer {

    border: none;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;

}


.advert-modal-body {
    display: flex;
    flex-direction: column;
    padding-left: 0px;


}

.advert-radio-1,
.advert-radio-2 {

    margin-bottom: 10px;
}

.advert-radio-1 label {
    font-size: 16px;
    color: #000;

}

#error_for_cat {
    font-size: 12px;
    position: absolute;
    bottom: -3px;
}

.advert-radio-2 label {
    font-size: 16px;
    color: #000;

}

.advert-modal-footer button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;
}



/* advertisement ebd............................................................... */










/* settings start............................................................... */


.setting-sub-div {


    /* border:1px solid black; */
}




#setting {
    margin-top: 0px;
}


.setting-sub-div {


    /* border:1px solid black; */
}

.setting-title {
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding-bottom: 0px;
}

.setting-content-box {
    /* border:1px solid blue; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.setting-ip1 {
    margin-bottom: 18px;
    width: 100%;
    /* position: relative; */
}






.setting-box1 {

    /* border:1px solid green; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}

.setting-box2 {
    /* border:1px solid yellow; */
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    max-width: 300px;
    width: 200px;
}

.setting-p1 {

    color: #000000;
}

.setting-p2 {

    color: #000000;
}

.setting-ips {
    /* border: 1px solid #e1e1e1; */

    width: 575px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 0;

}

/* ----------------------------------------------------- */


.setting-ip2 {
    margin-bottom: 0px;
    width: 100%;

}

.setting-ip2 label {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000000;
}


.setting-ip2 input {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}



.setting-ip3 {
    margin-bottom: 6px;
    width: 100%;

}



.setting-ip3 label {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000000;

}

.setting-ip3 input {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 20px;

}





.settings-password-container {
    position: relative;
    width: 100%;
    /* border: 1px solid red; */
    margin-bottom: 20px;
}

.settings-password-container input {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 20px;
    padding-right: 40px;
    /* Space for the icon */
}

.settings-toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #888;
}






/* --------------------------------- */

.setting-ip1 label {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000000;

}

.setting-forgot {
    float: right;
    text-decoration: none;
    color: black;
    cursor: pointer;
    padding-top: 10px;
    font-size: 18px;
}




.setting-forgot:hover {
    color: #0066ab
}



.setting-ip1 input {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    padding-left: 20px;


}



.setting-upload-div {
    /* background-color: antiquewhite; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}


.setting-img {

    border: 1px dotted #bfbfbf;
    padding: 20px;
    border-radius: 4px;

}

.setting-img img {
    width: 50px;
}

.service-bottom-btn {
    margin-top: 20px;
}


.serice-bottom-btn {
    margin-top: 20px;
}

.setting-p3 {

    font-size: 20px;
    margin: 0px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 16px;

}

.setting-bottom-ip textarea {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    height: 110px;
    max-height: 150px;
    padding: 20px 10px 10px 10px;
    width: 100%;
    color: #888888;
    margin-bottom: 25px;
}

.setting-bottom-ip textarea:focus {
    border: 1px solid #e1e1e1;
    outline: none;
}

.setting-bottom-ip {

    /* border: 1px solid #e1e1e1; */
    width: 575px;
    border-radius: 4px;
    padding: 0;
}

.setting-bottom-ip label {
    width: 100%;
    font-size: 18px;
    margin-bottom: 11px;
    color: #000000;

}

.setting-bottom-ip input {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;

}

.setting-submit {
    margin-top: 1px;
    margin-bottom: 21px;


}

.setting-submit button {

    border: 1px solid #0066ab;
    background-color: #0066ab;
    color: #fff;
    font-size: 16px;
    padding: 8px 18px;
    border-radius: 4px;

}


.setting-submit button:hover {

    border: 1px solid #cda20a;
    background-color: #cda20a;

}













/* -------------------------------------------------------------------------------------- */

.setting-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* max-width: 698px; */

    padding: 4px 0px;
    margin-bottom: 20px;
}

.setting-top-edit-btn {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: relative;

}

.setting-title {

    font-size: 16px;
    margin: 0px;
    color: #000000;
}

.setting-top-edit-a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #075890;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    /* margin-top: -65px; */
    top: -50px;
    right: 0px;
    position: absolute;
}

.setting-top-edit-b {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00881d;
    color: #fff;
    text-decoration: none;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
}

.setting-top-edit-a img {
    width: 15px
}

.setting-top-edit-b img {
    width: 15px
}



.setting-title-btn-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 575px;
    /* border: 1px solid red; */
    /* max-width: 670px; */

    /* padding-right: 11%; */
    margin-bottom: 20px;
}

.setting-title {

    font-size: 20px;
    margin: 0px;
    color: #000000;
    font-weight: 600;


}










/* settings end............................................................... */









/* script changing border //////////////////////////////////////////////////////////////////////////////////////*/



.profile-box {
    border-left: 1px solid #e4e4e4;
    /* Default border */
    transition: border 0.3s ease-in-out;
    min-height: 460px;
}

.profile-box.no-border {
    border-left: none !important;
    /* Remove border when 'services' tab is active */
}






/* ............................................................... */

























/* script changing border end //////////////////////////////////////////////////////////////////////////////////////*/







/* pricing page  start ...............................................*/

.pricing-section {

    /* border: 1px solid violet; */
    padding: 60px 0px 70px 0px;

}

.pricing-title {
    text-align: center;
    font-weight: 600;
    font-size: 30px;

}

.pricing-p1 {
    text-align: center;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #888888;

}

.pricing-box-row {
    /* border:1px solid green; */

}

.pricing-box1 {
    display: flex;
    flex-direction: column;
}


.pricing-radio-div {

    /* border:1px solid green; */
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 10px;


}

.pricing-radio-ips {

    display: flex;
    gap: 10px;
    color: #000;
    font-size: 15px;
    align-items: center;
    justify-content: center;
}

.pricing-radio-ips:hover {

    cursor: pointer;
}


.pricing-box-row {
    /* border:1px solid green; */
    display: flex;
    align-items: center;
    margin-top: 45px;
    padding: 0px 65px;
}


/* .pricing-cards-div{

    border:1px solid maroon;
    padding:20px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:20px;

} */



/* .pricing-card {
    border: 1px solid #e4e4e4;
    padding: 15px;
    transition: border 0.3s ease, color 0.3s ease;
} */


.small-card {

    /* height: 400px; */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: flex-start;

}

.large-card {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pricing-amount {
    display: flex;
    align-items: baseline;
    justify-content: center;


}

.pricing-s1 {
    font-size: 25px;
    color: #000;
    padding-right: 10px;
    font-weight: 500;
}

.pricing-s2 {
    font-size: 14px;
    color: #888888;
}

.pricing-s3 {
    font-size: 14px;
    color: #888888;
}

.pricing-sub1-h5 {
    text-align: center;
    color: #000;
    font-weight: 500;
}

.pricing-sub1-p1 {

    text-align: center;
    color: #888888;
    padding-top: 21px;
    padding-bottom: 22px;
    font-size: 14px;
}


.pricing-sub2 {

    padding-top: 40px;
}


.pricing-sub2-ul {


    margin: 0px;
    padding-left: 0px;


}

.pricing-sub2-ul li {

    list-style: none;

}


.pricing-sub2-ul li i {

    color: #cda20a;

    font-size: 13px;

}

.pricing-sub2-ul li span {

    font-size: 14px;
    color: #888888;
    margin-left: 7px;
}



.contact-box1 a:hover {
    color: #cda20a !important
}

.privacy-box1 a:hover {
    color: #cda20a !important
}





.pricing-button {

    margin: auto;
    margin-top: 80px;
}

.pricing-button a {

    text-decoration: none;
    /* color: #fff; */
    padding: 6px 18px;
    background: #0056b3;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 500;
    border: 2px solid #0056b3;

}

.pricing-button a:hover {

    background: #cda20a;
    color: #fff !important;
    border: 2px solid #cda20a;
}


.pricing-radio-ips label {
    cursor: pointer;
    margin-bottom: 0px;
}

.pricing-card {
    border: 2px solid transparent;
    /* Default border */
    padding: 15px;
    transition: border 0.3s ease;
}

.pricing-card.active {
    border: 2px solid #266d9e;
    /* Active card border */
}

.pricing-card.active .pricing-sub1-h5 {
    color: #266d9e;
    /* Change text color when active */
}

/* pricing page css end */
.pricing-card {
    border: 1px solid #e4e4e4;
    padding: 30px;
    border-radius: 20px;
    transition: border 0.3s ease, color 0.3s ease;

}




.pricing-button button {
    border: 1px solid #0077c8;
    border-radius: 5px;
    color: #0077c8;
    background: #fff;
}


.pricing-button button:hover {

    border: 1px solid #0077c8;
    border-radius: 5px;
    color: #fff;
    background: #0077c8;

}








@media (max-width:768px) {

    .media-container-div {
        padding-right: 20px;
    }

    .med-box>img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
        object-fit: cover;
    }

}



.darta-event {

    display: flex;
    align-items: center;
    justify-content: center;
}


.side-evt-sec {

    padding: 30px 0px 30px 0px;
}
.side-evt-sec .inner-wrap2 .home-outer1 {
    width: 100%;
    height: 200px !important;
    max-height: 220px;
    position: relative;
}
.home-outer1 img {

    width: 100%;
    height: 90%;
    object-fit: cover;
    /* border:1px solid green; */
}


.darta-event .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    display: none;
}


.side-event {
    padding: 0px !important;
}