:root
{
    --bs-lavender: rgba(67, 2, 185, 1);
    --bs-darkgreen: #5a5d55;
    --bs-lavenderbg: rgb(254, 239, 240);
    --bs-white: rgb(255, 255, 255);
    --bs-black: rgb(0, 0, 0);
    --bs-darkblue: rgb(23, 12, 102);
    --bs-greenbg: rgb(238, 251, 249);
    --bs-green: rgb(86, 213, 194);
    --bs-mediumblue: rgb(62, 69, 129);
    --bs-lavenderlow: rgba(245, 242, 255, 1);
    --bs-newsbox: rgba(255, 33, 110, 1);
    --bs-footerdark: rgba(24, 20, 51, 1);
    --bs-footerboxwhite: rgba(249, 249, 249, 1);
    --bs-lightbg: rgba(254, 249, 250, 1);
    --bs-yellow: rgba(222, 125, 252, 1);
    --bs-red: rgba(62, 2, 185, 1);
}

body{ font-family: 'Lato', sans-serif; }
.jiocard-navbar-light { background: transparent !important; z-index: 3; }
.ml-auto { margin-left: auto !important; }
.jiocard-navbar-light .navbar-brand { color: #000; }
.jiocard-navbar-light .navbar-brand img {  height:180px; }
.jiocard-navbar-light .navbar-nav > .nav-item > .nav-link { font-size: 1em; padding-top: 0.9rem; padding-bottom: 0.9rem; padding-left: 20px; padding-right: 20px; letter-spacing: 1px; color: var( --bs-darkgreen); font-weight: 500; text-transform: capitalize; opacity: 1 !important; }
.jiocard-navbar-light .navbar-nav > .nav-item.active > a { color: rgba(255, 255, 255, 0.5); color: #fff; /*background: var( --bs-darkgreen);*/ background: linear-gradient(to right, var(--bs-yellow), var(--bs-red)); border-radius: 5px; }
.jiocard-navbar-light .navbar-nav > .nav-item.cta > a { color: #fff; border: 1px solid #52999f; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 20px; padding-right: 20px; margin-top: 4px; margin-left: 2em; /*background: var( --bs-darkgreen);*/ background: #52999f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.jiocard-navbar-light .navbar-nav > .nav-item.cta-outline > a { color: var( --bs-darkgreen); border: 1px solid var( --bs-darkgreen); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 20px; padding-right: 20px; margin-top: 4px; margin-left: 2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 15rem; padding: 1rem 0; margin: 0; font-size: 0.9375rem; color: #676a79; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.4rem; -webkit-box-shadow: 0px 20px 30px rgb(83 88 93 / 10%), 0px 0px 30px rgb(83 88 93 / 20%); box-shadow: 0px 20px 30px rgb(83 88 93 / 10%), 0px 0px 30px rgb(83 88 93 / 20%); }
.dropdown-item { display: block; width: 100%; padding: 0.4rem 1.2rem; clear: both; font-weight: 500; color: #676a79; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; margin: 0; }
.dropdown-menu .dropdown-toggle:after { position: absolute; right: 25px; top: 10px; }
.navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; margin: 0; font-weight: 900; }
.navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 10px; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: none !important; margin: 0; font-weight: 900; }
.dropdown-menu .dropdown-toggle:before { position: absolute; right: 25px; top: 10px; }
.dropstart .dropdown-toggle::before { vertical-align: 0; }
.dropend .dropdown-toggle::after { vertical-align: 0; }
.navbar .dropdown-menu .dropdown-submenu.dropstart:hover > .dropdown-toggle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media (min-width: 992px)
{
    .navbar-expand-lg .navbar-nav .dropdown-menu { top: 120%; visibility: hidden; opacity: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
    .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .navbar-expand-lg .dropdown-submenu { position: relative; }
    .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0; visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease-in-out; display: block; transition: all 0.3s ease-in-out; } 
}
@media (hover: hover)
{
    .navbar .dropdown-menu .dropdown-submenu.dropend:hover > .dropdown-toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
}