:root {
--im-font-primary-font-family: 'Rubik', sans-serif;
--im-body-font-size: 0.875rem;
--im-body-font-weight: 400;
--im-body-line-height: 1.5;
--im-body-color: #000;;
--im-body-bg: #FFFFFF;

}

body {
color: var(--im-body-color) !important;
background: var(--im-body-bg);
font-family: var(--im-font-primary-font-family);
line-height: var(--im-body-line-height);
}
ul li{
  list-style: none;
}
.theme-icon{
  color: #e3772f;
}
.bg-theme{
background-color: #3D67B1 !important;
}
.light-theme{
background-color: #F5F3EE !important;
}

.bg-theme-light{
background: rgba(73,15,120,.12) !important;
}
.theme-color{
color: #3D67B1 !important;
}
.light-color{
color: rgba(0,0,0,.6) !important;
}
.text-light-gray{
color:#acb2b8 !important;
}
.text-gray{
color:#acb2b8;
}
.bg-gray-f{
background-color: #ededed !important;
}
.border-top-theme{
border-top: 1px solid #3f115e;;
}
.border-bottom-theme{
border-bottom: 1px solid #3f115e;;
}
.fw-500{
font-weight: 500;
}
.h-15{
  height: 15px;
}
.h-20{
  height: 20px;
}
.h-25{
  height: 25px;
}
.w-10{
  width: 10%;
}
.w-15{
  width: 15%;
}
.w-20{
  width: 20%;
}
.w-60{
  width: 60%;
}
.w-70{
  width: 70%;
}
.w-80{
  width: 80%;
}
.w-600{
width: 600px !important;
}
.w-700{
width: 700px !important;
}
.w-800{
width: 800px !important;
}
.w-search{
width: 700px !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-hidden::-webkit-scrollbar {
display: none;
}
.dropdown-item.active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: #f4f4f4 !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-hidden {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.z-index-top{
z-index: 100000;
}
a{
text-decoration: none !important;
color: #000000 ;
cursor: pointer !important;
}
.cursor-none{
cursor:none !important;
}
a:hover{
text-decoration: none;
}
.font-10{
font-size: 10px !important;
}
.font-12{
font-size: 12px !important;
}
.font-14{
font-size: 14px !important;
}
.font-16{
font-size: 16px !important;
}
.font-18{
font-size: 18px !important;
}
.font-20{
font-size: 20px !important;
}
.font-22{
font-size: 22px !important;
}
.font-24{
font-size: 24px !important;
}
.font-26{
font-size: 26px !important;
}
.font-28{
font-size: 28px !important;
}
.font-30{
font-size: 30px !important;
}
.font-32{
font-size: 32px !important;
}
.font-34{
font-size: 34px !important;
}
.font-36{
font-size: 36px !important;
}
.font-38{
font-size: 38px !important;
}
.font-40{
  font-size: 40px !important;
  }
.font-45{
font-size:45px !important;
}
.font-50{
font-size: 50px !important;
}
.font-55{
font-size:55px !important;
}
.font-60{
font-size: 60px !important;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.mt-n5px{
margin-top: -5px !important;
}

.h-250{
height: 250px;
}
.h-200{
height: 200px;
}
.h-150{
height: 150px;
}
.footer-logo-card{
height: 90px;
width: 90px;
}
.text-overflow-ellipsis{
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
.over-flow-x-clip{
overflow-x: clip;
}
.text-with-line {
overflow: hidden;
text-align: center;
}
.top-nav .navbar-nav .nav-item .nav-link:hover{
border-radius:20px;
background-color:#000;
color:#fff !important;
}
.navbar-nav .active{
border-radius:20px !important;
background-color:#000 !important;
color:#fff !important;
}
.top-nav .navbar-nav .nav-item .nav-link{
border-radius:20px;
font-size: 14px;
color: #000;
font-weight: 500;
}
.top-nav .navbar-text .nav-link:hover{
border-radius:20px;
background-color:#000;
color:#fff !important;
font-weight: 500;
}
.navbar-text .active{
border-radius:20px !important;
background-color:#000 !important;
color:#fff !important;
font-weight: 500;
}
.top-nav .navbar-text .nav-link{
border-radius:20px;
font-size: 14px;
color: #000;
font-weight: 500;
}
.footer p{
  color: #6e6e73;
}
.footer ul li a{
  color: #6e6e73;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 8px;
}
.footer-text{
  color: #6e6e73;
}
.footer-title{
 color: #3D3D3F
}
.main-carousel .carousel-control-prev {
left: 1%;
width: 40px;
height: 40px;
background: #1C1C1C;
top: 50%;
border-radius: 29px;
font-size: 8px;
border: 2px solid #f4f4f4;
}
.main-carousel .carousel-control-next {
right: 1%;
width: 40px;
height: 40px;
background: #1C1C1C;
top: 50%;
border-radius: 29px;
font-size: 8px;
border: 2px solid #f4f4f4;
}
.main-carousel .carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 1.3rem !important;
height: 1.3rem !important;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: rgba(0,0,0,.9);
}
.vh-90{
height: 90vh!important;
}
.cursor-pointer{
cursor:pointer;
}
.search-input{
  background-color: transparent;color: #fff;
}