*{
    margin: 0;
    padding: 0;
}

/* ----------------------------------------- color ------------------------------------------------- */
.bg-dark-gray{
    background-color:#ececec !important;
}
.bg-light-gray{
    background-color:#f8f9fa !important;
}
.text-gray{
    color:#dddddd !important;
}
.text-gray:hover{
    color:#0dcaf0 !important;
}
.text-skyblu{
    color:#0dcaf0 !important;
}
.text-pmry{
    color:#000000 !important;
}
.text-pmry:hover{
    color:#0d6efd !important;
}
.bg-black-trans{
    background-color: rgba(0,0,0,0.6) !important;
}
.bg-gray-d5{
    background-color: #d5d5d5;
}
.text-gray-76{
    color:#767676 !important;
}
/* ----------------------------------------- color ------------------------------------------------- */

.ot-ln-0{
    outline:none !important;
}
.fs-13{
    font-size:13px !important;
}
.lh-3{
    line-height: 3 !important;
}
.bg-image-1{
    position: relative;
    background-color: #000000;
}
.bg-image-1::before{
    position: absolute;
    content: '';
    background-image: url('/assets/images/our-services.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment:fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.6;
}

.bg-image-2{
    position: relative;
    background-color: #000000;
}
.bg-image-2::before{
    position: absolute;
    content: '';
    background-image: url('/assets/images/services-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* background-attachment:fixed; */
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.6;
}

/* ----------------------------------------- contact form start --------------------------------------- */
.bg-image-3{
    position: relative;
    /* background-color: #000000; */
}
.bg-image-3::before{
    position: absolute;
    content: '';
    background-image: url('/assets/images/contact.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment:fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /* opacity: 0.6; */
}
/* ----------------------------------------- contact form end --------------------------------------- */

.breadcrumb-item::before{
    color:#ffffff !important;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -260px !important;
    margin-top: var(--bs-dropdown-spacer);
}

.w-700{
    width:700% !important;
}
.min-h-100vh{
    min-height: 100vh;
}

/* ----------------------------------------- mediaquery start --------------------------------------- */
@media only screen and (max-width: 991px) {
    
    .d-991-inline{
        display:inline !important;
    }

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0px !important;
        margin-top: var(--bs-dropdown-spacer);
    }

    .w-100-991{
        width: 100% !important;
    }
    .p-1rem{
        padding:1rem !important;
    }

  }

  @media only screen and (max-width: 455px) {

    .d-455-none{
        display: none !important;
    }
    .d-455-show{
        display: unset !important;
    }

  }

/* ---------------------- crm mediaquery start ---------------------- */
#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

@media only screen and (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    /* #sidebarCollapse span {
        display: none;
    } */
}
/* ---------------------- crm mediaquery end ---------------------- */

/* ----------------------------------------- mediaquery start --------------------------------------- */


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
