/*
 * Theme Style
 */


/*	Table of Content
========================
	# Base styles
========================
*/

:root {
    --bb-pri-red-color: #D71920;
    --bb-sec-black-color: #05532C;
    --bb-accent-color: #C7AB61;
    --bb-custom-color1: #05532C;
    --bb-custom-color2: #FCFCFC;
    --bb-custom-color3: #F0EFF4;
    --bb-custom-color4: #f2f2f2;
    --bb-custom-color5: #090809;
    --bb-custom-color6: #050609;
    --bb-white-color: #fff;
    --bb-black-color: #000;
    --bb-header-bg: #dfdfdf;
    --bb-body-color: ;
    --bb-body-bg: ;
    --bb-body-font-family: 'Poppins', sans-serif;
    --bb-body-heading-family: 'Playfair Display', serif;
    --bb-body-font-size: 1rem;
    --bb-body-font-weight: 400;
    --bb-body-line-height: 1.6;
    --bb-font-h1-size: 64px;
    --bb-font-h2-size: 48px;
    --bb-font-h3-size: 40px;
    --bb-font-h4-size: 32px;
    --bb-font-h5-size: 24px;
    --bb-font-h6-size: 16px;
    --bb-font-14-size: 14px;
    --bb-font-12-size: 12px;
    --bb-font-10-size: 10px;
    --bb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}


/* 	==========================================================================
	Common Style
	========================================================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--bb-body-font-family);
}

html {
    /*height: -webkit-fill-avaiable;*/
}

body {
    height: 100vh;
    /*height: -webkit-fill-avaiable;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bb-body-heading-family);
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--bb-body-heading-family);
    font-weight: 700;
    text-transform: uppercase;
}

h1 {
    font-size: var(--bb-font-h1-size);
}

h2 {
    font-size: var(--bb-font-h2-size);
}

h3 {
    font-size: var(--bb-font-h3-size);
}

h4 {
    font-size: var(--bb-font-h4-size);
}

h5 {
    font-size: var(--bb-font-h5-size);
}

h6 {
    font-size: var(--bb-font-h6-size);
}

img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto;
}


/* 	==========================================================================
	Utility
	========================================================================== */

.lines-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.lines-overlay .line {
    width: 1px;
    position: absolute;
    background: rgb(181 181 181 / 30%);
    height: 100%;
    opacity: .8;
    z-index: 1;
}

.lines-overlay .lineb {
    width: 100%;
    position: absolute;
    background: rgb(181 181 181 / 30%);
    height: 1px;
    opacity: .8;
    z-index: 1;
}

.lines-overlay .line-1 {
    left: 186px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.lines-overlay .line-2 {
    left: 33.33%;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.lines-overlay .line-3 {
    left: 49.99%;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.lines-overlay .line-4 {
    left: 66.66%;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.lines-overlay .line-5 {
    right: 186px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.lines-overlay .line-6 {
    top: 80px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.lines-overlay .line-7 {
    bottom: 359px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.lines-overlay .lineblack {
    background: rgb(181 181 181 / 30%);
}


/* Scrollbar CSS */

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #f5f5f5;
    overflow-y: scroll;
    margin-bottom: 25px;
}


/* Style 8 */

#style-8::-webkit-scrollbar-track {
    border: 1px solid var(--bb-sec-black-color);
    background-color: #f5f5f5;
}

#style-8::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

#style-8::-webkit-scrollbar-thumb {
    background-color: var(--bb-sec-black-color);
}

.list-group{
    display: flex;
    gap: 10px;
}

li.list-group-item {
    background: none;
    color: #05532c;
    padding: 0px 0;
    border: 1px solid #D71920;
}

li.list-group-item a {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.main-menu-side-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

li.list-group-item a:hover {
    color: var(--bb-pri-red-color);
    text-decoration: none;
}

.small.list-group li.list-group-item {
    text-align: left;
    background: none;
    color: #fff;
    padding: 10px 0;
    width: 32%;
    border: 2px solid #05532c !important;
    transition: all .5s ease-in-out;
    text-align: center;
}
.small.list-group li.list-group-item:hover{
    border-width: 4px !important;
    border-radius: 4px;
    cursor: pointer;
}

.small.list-group li.list-group-item a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    font-weight: bold;
}

.small.list-group li.list-group-item a:hover,
.small.list-group li.list-group-item:hover a {
    color: var(--bb-pri-red-color);
    text-decoration: none;
}


/* 	==========================================================================
	Footer
	========================================================================== */

.footer-wrapper {
    background: #C7AB61;
}

.footer-wrapper h4 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
}

.footer-wrapper .list-group-item {
    padding: .25rem 0rem;
    color: #000;
    text-decoration: none;
    background: none;
    border: none;
}

.footer-wrapper .list-group-item a {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.footer-wrapper .list-group-item:hover a {
    text-decoration: none;
}

.footer-wrapper hr {
    margin: 1rem 0 0 1rem;
    opacity: .5;
}

p.copyright-item {
    color: #000;
    font-size: 13px;
    margin-top: 21px;
    text-align: center;
}

.top {
    padding-top: 20px;
}


/* 	==========================================================================
	Utility
	========================================================================== */

.btn {
    border: 2px solid transparent;
}

.btn-pri {
    background: var(--bb-pri-red-color);
    margin: 0 1px;
    color: #ffffff;
    font-size: 12px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 8px 24px;
    -webkit-transition: background 1s fade;
    -moz-transition: background 1s fade;
    -o-transition: background 1s fade;
    transition: background 1s fade;
}

.btn-pri.outline {
    background: none;
    border: 2px solid var(--bb-pri-red-color);
    color: var(--bb-sec-black-color);
    border-radius: 0;
}

.btn-pri:hover {
    background: var(--bb-pri-red-color);
    color: #fff;
    box-shadow: 0 3px 6px #33333354;
}

.btn-sec {
    background: var(--bb-sec-black-color);
    margin: 0 1px;
    color: var(--bb-accent-color);
    font-size: 12px;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 8px 24px;
    -webkit-transition: background 1s fade;
    -moz-transition: background 1s fade;
    -o-transition: background 1s fade;
    transition: background 1s fade;
}

.btn-sec.outline {
    background: none;
    border: 2px solid var(--bb-sec-black-color);
    color: var(--bb-pri-red-color);
    border-radius: 0;
}

.btn-sec:hover {
    background: var(--bb-sec-black-color);
    border-color: var(--bb-sec-black-color);
    color: #fff;
    box-shadow: 0 3px 6px #33333354;
}

.all-desks-header{
    color: #000;
    font-size: 36px;
    letter-spacing: 10px;
    color: #D71920
}

.all-desk-items{
    position: absolute;
    z-index: 9999;
    width: 400px;
    background: #C7AB61;
    height: 100vh;
    overflow: auto;
    display: none;
    padding: 10px
}

.heading-floating-all-desks{
    text-align: center;
    color: #D71920;
    margin-bottom: 10px;
    margin-top: 30px;
    letter-spacing: 10px;
}


/* single page related news css */

.relatedImg {
    width: 200px;
}


/* 	==========================================================================
	
	========================================================================== */

@media (max-width: 479px) {
    li.list-group-item {
        padding: 8px 0;
        text-align: center;
    }
    .footer-wrapper h4 {
        text-align: center;
    }
    .footer-container .text-end {
        text-align: center !important;
    }
}


/* 	==========================================================================
	
	========================================================================== */

@media (min-width: 480px) and (max-width: 575px) {
    li.list-group-item {
        padding: 8px 0;
        text-align: center;
    }
    .footer-wrapper h4 {
        text-align: center;
    }
    .footer-container .text-end {
        text-align: center !important;
    }
}


/* 	==========================================================================
	Small devices (landscape phones, 576px and up)
	========================================================================== */

@media (min-width: 576px) and (max-width: 767px) {
    li.list-group-item {
        padding: 8px 0;
        text-align: center;
    }
    .footer-wrapper h4 {
        text-align: center;
    }
    .footer-container .text-end {
        text-align: center !important;
    }
}


/* 	==========================================================================
	Medium devices (tablets, 768px and up)
	========================================================================== */

@media (min-width: 768px) and (max-width: 991px) {
    li.list-group-item {
        padding: 8px 0;
        text-align: center;
    }
    .footer-wrapper h4 {
        text-align: center;
    }
    .footer-container .text-end {
        text-align: center !important;
    }
}


/* 	==========================================================================
	Large devices (desktops, 992px and up)
	========================================================================== */

@media (min-width: 992px) and (max-width: 1199px) {
    li.list-group-item {
        padding: 8px 0;
        text-align: center;
    }
    .footer-wrapper h4 {
        text-align: center;
    }
    .footer-container .text-end {
        text-align: center !important;
    }
}


/* 	==========================================================================
	X-Large devices (large desktops, 1200px and up)
	========================================================================== */

@media (min-width: 1200px) and (max-width: 1365px) {}


/* 	==========================================================================
	XX-Large devices (larger desktops, 1400px and up)
	========================================================================== */

@media (min-width: 1366px) and (max-width: 1599px) {}


/* 	==========================================================================
	XXX-Large devices (larger desktops, 1600px and up)
	========================================================================== */

@media (min-width: 1600px)and (max-width: 1919px) {}


/* @media (max-width: 1200px) {
    .relatedWraperRight{display: none;}
    
}

@media (min-width: 1201px) and (max-width: 1920px) {
    .relatedWraperLeft{display: none;}
    
} */