/*==================================
        CONTAINERS
==================================*/
@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 83%;
    }
}

@media (min-width: 1533px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1533px;
    }
}

@media (max-width: 1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90%;
    }
}

@media (max-width: 991px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
    }
}

/*==================================
        ELEMENTS OVERWRITE
==================================*/
a,
a:hover {
    color: initial;
    text-decoration: none !important;
}

a:focus,
input:focus,
select:focus,
.form-control:focus,
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

.form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--themeGray);
    margin-bottom: 3px;
}

.form-control,
.form-select {
    background-color: var(--white);
    border-radius: 8px;
    min-height: 45px;
    font-size: 14px;
    font-weight: 300;
    border-color: var(--inputBorder);
}

.form-control[type=file] {
    line-height: 2.2;
}

.form-control::placeholder,
.form-select::placeholder {
    color: var(--placeholder);
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
    border-color: var(--inputBorder);
    background-color: var(--white);
}

textarea {
    resize: none;
}

.form-check {
    /* display: flex; */
}

.form-check .form-check-input,
.form-check input[type=checkbox] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 0 !important;
    /* background-color: var(--white); */
    border-color: var(--themeGray);
}

.form-check .form-check-input[type=radio] {
    border-radius: 50% !important;
}

.form-check .form-check-input[type=radio]:checked {
    background-image: url(../images/check-circle.svg);
}

.form-check .form-check-input:checked {
    /* background-color: var(--blue); */
    border-color: var(--blue);
}

.form-check .form-check-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--themeGray);
    padding-left: 10px;
    /* padding-top: 8px; */
}

.form-control:disabled,
.form-control[readonly] {
    pointer-events: none;
}

/*==================================
     START MARGIN & PADDING
==================================*/
.py-80 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

/*==================================
     END MARGIN & PADDING
==================================*/

/*==================================
     START OWL CAROUSEL
==================================*/
.owl-dot {
    width: 12px;
    height: 12px;
    border: 1px solid var(--themeGray) !important;
    margin: 0 5px;
    border-radius: 50%;
}

.owl-dot.active {
    background-color: var(--themeGray) !important;
}

/*==================================
      END  OWL CAROUSEL
==================================*/
/*==================================
        THEME BUTTONS
==================================*/
.btn {
    min-width: 150px;
    min-height: 40px;
    line-height: 40px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-gray-outline {
    position: relative;
    color: var(--themeGray);
    border-color: var(--themeGray);
    background-color: var(--white);
    border-radius: 8px;
    min-width: 200px;
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
}

.btn-gray-outline:hover {
    color: var(--white);
    background-color: var(--themeGray);
    border-color: var(--themeGray);
}

.btn-blue {
    position: relative;
    color: var(--white);
    border-color: var(--blue);
    background-color: var(--blue);
    border-radius: 8px;
    min-width: 150px;
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
}

.btn-blue:hover {
    color: var(--white);
    background-color: var(--darkGray);
    border-color: var(--darkGray);
}

/*==================================
        TEXT & BG COLORS
==================================*/
.text-gray {
    color: var(--themeGray);
}

.bg-gray {
    color: var(--themeGray);
}

.text-blue {
    color: var(--blue);
}

.bg-blue {
    color: var(--blue);
}

/*==================================
        UI DATEPICKER (CALENDER)
==================================*/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border-color: transparent;
    margin: 0 3px;
    color: var(--blue);
}

.ui-datepicker th {
    color: var(--blue);
}

.ui-datepicker th.ui-datepicker-week-end {
    color: #dc3545;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid var(--blue);
    background: var(--blue);
    color: var(--white);
}

.gallary-sec .img-wrap {
    height: 100%;
}