:root{
 
    /* background color */
    --bg-primary-color:#EE3B5B;
    --bg-secondary-color:#e8e4f2;
    --bg-tertiory:#F3A51E;
    


    /* font color */
    --text-primary-color:black;
    --text-secondary-color:#EE3B5B;
    --text-tertiory-color:#e8e4f2;


    /* font fammily */
    --font-familly-primary:"Arya", sans-serif;
    --font-familly-secondary:"Poppins", sans-serif;


}


@media (max-width:997px) {
    .main-navbar{
        border-radius: 0px !important;
    }

    .main-navbar  .nav-link{
        color: var(--text-tertiory-color) !important;
    border-bottom: 2px solid var(--text-tertiory-color); 
    
    }

    .offcanvas-body{
        background-color: var(--bg-primary-color) !important;
        padding-left: 0px !important;
    }
    
}

.bm-logo{
    font-family: var(--font-familly-primary);
}
.logo-basically{
    width: 180px;
    
}

.span-primory-color{
    color: var(--bg-primary-color);
}

/* .nav-padding{
 padding-left: 2rem;
 padding-right: 2rem;
 position: fixed;
 top: 10px;
 width: 100%;
} */
.main-navbar{
    background-color:white;
    /* border-radius: 30px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    height: 90px;
    padding-top: 20px;
}

.main-navbar  .nav-link{
    color: var(--text-primary-color);
    font-family: var(--font-familly-primary);
    font-size: 20px;
   
}

.main-navbar  .nav-link:hover{
    color: var(--text-secondary-color);
     transform: translateY(-2px);
    transition: 3s;
}



.nav-item a.nav-link {
    margin-left: 25px;
}


.social-div i{
    color: var(--text-secondary-color);
    
}

.navbar-toggler{
   
    background-color: var(--bg-primary-color);
}

.offcanvas-title {
    color: var(--text-secondary-color);
}


.enquiry i{
    color: var(--bg-primary-color);
}

/* .enquiry p{
    color: var(--bg-primary-color) ;
} */


.bg-transparent{
    background-color: var(--bg-primary-color) !important;
    border: none;
} 


/* Remove default Bootstrap arrow */
.custom-accordion-btn::after {
  display: none;
}

/* Add + icon at the far right using ::before */
.custom-accordion-btn::before {
  content: "+";
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease, content 0.3s ease;
  padding-right: 20px;
  color: white;
}

/* Change + to - when accordion is open */
.custom-accordion-btn:not(.collapsed)::before {
  content: "-";
}

/* Smooth collapse/expand transition */
.accordion-collapse {
  transition: height 0.35s ease;
  overflow: hidden;
  scroll-behavior: smooth;
}

/* Remove border from each accordion item */
.accordion-item {
  border-right: none !important;
  padding-left: 25px;
  background-color: transparent;
  
  border-bottom: none !important;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0;
    color: white;
    border-bottom: 2px solid var(--text-tertiory-color); 
}
.accordion-body{
    padding-left: 0px;
}

.blog-card-btn{
    background-color: var(--bg-primary-color);
    border: none;
    padding: 10px 20px;
}

.enquiry p{
    font-weight: 700;
}
.mobile-sticky{
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
}