html{
overflow-x: hidden;
scroll-behavior: smooth;
}
body{
padding: 0;
margin: 0;
background: white;
font-size: 15px;
line-height: 1.5;
font-family: 'PT Sans', sans-serif;
font-weight: 300;
/*overflow-x: hidden;*/
}
.overflowon{
overflow-y: auto;
}
.overflowoff{
overflow-y: hidden;
}
*{
transition: .2s ease-in-out;
}
img{
max-width: 100%;
}
a{
text-decoration: none!important;
}
/*Display control*/
.m_on{
display: none;
}
.displayoff{
display: none!important;
}
/*end*/
/*Color Codes*/
:root {
--primary-color: #e50914;
--dark-color: #141414;
--light-color: #f4f4f4;
--black: #000000;
--white: #ffffff;
--lightgray: #f8f8f8;
--blue: #2d4afd;
--darkblue: #25408e;
--lightblue: #2ccffe;
--green: #018a00;
--lightgreen: #e9ffe8;
--yellow: rgb(254 210 0);
--red: #ff0000;
--orange: #fe5e22;
--purple: #5633d1;
--lightpurple: #c98fff;
--deeppurple: #392c72;
--pink: #fb39ad;
}
.transparent{
background: transparent;
}
.blackBG{
background: #000000;
}
.whiteBG{
background: #ffffff;
}
.lightgrayBG{
background: var(--lightgray);
}
.blueBG{
background: var(--blue);
}
.darkblueBG{
background: var(--darkblue);
}
.lightblueBG{
background: var(--lightblue);
}
.lightblueBG2{
background: #e5f4ff;
}
.greenBG{
background: var(--green);
}
.lightgreenBG{
background: var(--lightgreen);
}
.yellowBG{
background: rgb(254 210 0);
}
.redBG{
background: var(--red);
}
.orangeBG{
background: var(--orange);
}
.purpleBG{
background: var(--purple);
}
.pinkBG{
background: var(--pink);
}
.blackbg-img {
background: url(../img/bg-content.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.blackTXT{
color: #000000;
}
.whiteTXT{
color: white;
}
.redTXT{
color: var(--red);
}
.grayTXT{
color: #979797;
}
.blueTXT{
color: rgb(0 105 255);
}
.lightblueTXT {
color: var(--lightblue);
}
.purpleTXT{
color: var(--purple);
}
.deeppurpleTXT{
color: var(--deeppurple);
}
.greenTXT{
color: var(--green);
}
.blackTXT{
color: #000000;
}
/*End*/
/*Button Control*/
.hoverbtn:hover{
transform: scale(1.1);
box-shadow: 1px 7px 15px rgba(0, 0, 0, 0.3);
}
.hovwhiteTXT:hover{
color: white!important;
}
.hovblackTXT:hover{
color: black!important;
}
.greenhover:hover{
background: #09bc66;
color: white;
}
.bluehover:hover{
background: #004fff;
}
.btn:hover{
color: white;
}
.btn-shadow{
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.btn-round{
border-radius: 100px;
padding-left: 20px;
padding-right: 20px;
}
.btn-hover-big:hover{
transform: scale(1.02);
}
/*End*/
.captext{
text-transform: uppercase;
}
hr{
border-top: 1px solid #e2e2e2;
}
.bdr_t{
border-top: 1px solid #e2e2e2;
}
.bdr_b{
border-bottom: 1px solid #e2e2e2;
}
/*Padding*/
.paddZero{
padding: 0!important;
}
.plr_0{
padding-left: 0;
padding-right: 0;
}
.pddt_30{
padding-top: 30px;
}
.pddb_30{
padding-bottom: 30px;
}
.pddt_50{
padding-top: 50px;
}
.pddb_50{
padding-bottom: 50px;
}
.pddt_70{
padding-top: 70px;
}
.pddb_70{
padding-bottom: 70px;
}
/*End*/
/*Margin*/
.m_0{
margin: 0!important;
}
.mt_0{
margin-top: 0!important;
}
.mb_0{
margin-bottom: 0!important;
}
.mt_30{
margin-top: 30px;
}
.mt_50{
margin-top: 50px;
}
.mt_70{
margin-top: 70px;
}
.mb_30{
margin-bottom: 30px;
}
.mb_50{
margin-bottom: 50px;
}
.mb_70{
margin-bottom: 70px;
}
/*end*/
.dropshadow{
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
}
.floatL{
float: left;
}
.floatR{
float: right;
}
.relative{
position: relative;
}
.fa-before:before, .fa-before:after, .fa-before li:before, .fa-before li:after{
font: normal normal normal 14px/1 FontAwesome;
}
.heading{
position: relative;
margin-bottom: 30px;
font-size: 58px;
}
.heading b, .heading strong{
font-weight: 700;
}
.heading2{
padding: 0 15px;
}
.heading2 b{
font-size: 55px;
}
.heading2 b span{
background: #0066ff;
padding: 0 10px;
}
/*Breadcrumb*/
.breadcrumb{
background-color: rgb(0 0 0 / 40%);
background-blend-mode: overlay;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: #fff;
padding: 5% 0;
margin: 0;
}
.breadcrumb h2{
font-weight: 700;
}
.breadcrumb a{
color: var(--orange);
}
/*end*/
/*Heading*/
.navbar {
margin-bottom: 0;
background: white;
z-index: 9999;
border: 0;
padding: 0;
font-size: 15px !important;
font-weight: normal;
line-height: 1.4 !important;
border-radius: 0;
box-shadow: 0 0 25px rgb(0 0 0 / 0.2);
}
.upper_head{
padding: 8px 0;
font-size: 14px;
background: var(--orange);
color: #fff;
}
.hdr_left{
text-align: left;
}
.hdr_left span{
white-space: nowrap;
color: #fff;
}
.hdr_right .icon_menu{
text-align: right;
padding: 0;
margin: 0;
}
.hdr_right .icon_menu li{
display: inline-block;
padding: 0 5px;
margin: 0;
color: #fff;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
.hdr_right .icon_menu li.nostyle{
background: transparent!important;
padding: 0;
border-radius: 0;
}
.hdr_right .icon_menu li.bdr_l{
border-left: 1px solid #fff;
padding-left: 15px;
margin-left: 10px;
}
.hdr_right .icon_menu li i{
padding: 0 3px;
color: #fff;
}
.hdr_right .icon_menu li:hover, .hdr_right .icon_menu li.active{
background: rgb(255 255 255 / 22%);
}
.hdr_right .icon_menu li span{
padding-left: 3px;
}
.navbar-header{
float: none;
position: relative;
padding: 7px 0 0 0;
}
.navbar .navbar-brand{
height: unset;
padding: 0;
}
.navbar .navbar-ad{
float: right;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #f4511e !important;
background-color: #fff !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
.navbar .brand{
max-width: unset;
height: 100px;
}
.squize.navbar .brand{
/*max-width: 75px;*/
}
.navbar-default .navbar-collapse{
/*padding: 10px 0;*/
}
.navbar .menu{
padding: 0;
text-align: right;
margin: 10px 0 0;
}
.squize.navbar .menu{
margin: 10px 0 0;
}
.navbar .menu.menu-text-left{
text-align: left;
}
.navbar .menu li{
position: relative;
display: inline-block;
text-align: center;
padding: 7px 8px;
margin: 5px;
font-size: 16px;
line-height: 24px;
border-radius: 2px;
}
.navbar .menu li a{
text-decoration: none;
color: #545454;
padding: 12px;
font-size:15px;
}
.navbar .menu li:hover a{
color: var(--darkblue);
}
.navbar .menu .sub-menu{
padding: 0;
position: absolute;
max-height: 480px;
/*overflow-y: auto;*/
width: 250px;
left: 0;
top: 100px;
display: none;
background: #fff;
z-index: 9;
transition: .2s;
border-radius: 2px;
box-shadow: 0px 15px 20px rgb(0 0 0 / 7%);
}
.navbar .menu .col2 .sub-menu{
width: auto;
list-style: none;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding-left: 0;
left: 50%;
right: unset;
transform: translateX(-50%);
}
.navbar .menu .col3 .sub-menu{
width: auto;
list-style: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding-left: 0;
left: 50%;
right: unset;
transform: translateX(-20%);
}
.navbar .menu li:hover > .sub-menu{
display: block;
top: 36px;
}
/* Keyboard TAB support */
.navbar .menu li:focus-within > .sub-menu,
.navbar .menu li a:focus + .sub-menu {
display: block;
top: 36px;
}
/* Focus highlight */
.navbar .menu li a:focus {
outline: 2px solid var(--orange);
/* background: #fff3e0; */
color: var(--darkblue);
}
/* Submenu inside submenu - TAB support */
.navbar .menu .sub-menu li:focus-within > .sub-menu {
display: block;
visibility: visible;
opacity: 1;
left: 100%;
top: 0;
z-index: 99;
}
.navbar .menu .sub-menu li{
display: block;
text-align: left;
margin: 0;
}
.navbar .menu .col2 .sub-menu li, .navbar .menu .col3 .sub-menu li{
min-width: 250px;
}
.navbar .menu .sub-menu li:hover{
background: rgb(255 255 255 / 12%);
}
.navbar .menu .sub-menu li a{
color: #000;
letter-spacing: 0;
width: 100%;
display: block;
padding: 2px 10px;
}
.navbar .menu .sub-menu li:hover a{
color: white;
}
.navbar .menu .sub-menu .sub-menu{
/*width: 250px;*/
right: 50%;
top: 0;
background: #f0f0f0;
z-index: -1;
font-size:9px;
/*border-radius: 10px 0px 10px 10px;*/
}
.navbar .menu .sub-menu .sub-menu li a{
color: black;
}
.navbar .menu .sub-menu .sub-menu li:hover a{
color: #fff;
}
.navbar .menu .sub-menu li:hover .sub-menu{
visibility: visible;
opacity: 1;
left: calc(100% - 3px);
top: 0;
z-index: 3;
}
.navbar .menu .sub-menu li.menu-item-has-children:hover{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.navbar .menu .sub-menu li.menu-item-has-children:after{
color: var(--purple);
position: absolute;
width: 10px;
top: 50%;
left: 90%;
transform: translateY(-50%) rotate(90deg);
transition: .2s;
}
.navbar .menu .sub-menu li.menu-item-has-children:hover:after{
left: 0;
}
.navbar .btcats{
margin-top: 10px;
background: #ffcebd;
padding: 5px 0;
}
.navbar .btcats.fixed{
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.btcats .menuhd{
display: none;
}
.navbar .btcats .menucont{
position: relative;
padding: 0 70px 0 0;
}
.navbar .h_search{
position: absolute;
right: 15px;
top: calc(50% + 7px);
transform: translateY(-50%);
z-index: 2;
}
.h_search form{
position: relative;
border: 1px solid var(--orange);
border-radius: 3px;
}
.h_search form input{
position: relative;
background: #fff;
padding: 5px 30px 5px 10px;
border: none;
border-radius: 3px;
color: #000;
transition: .3s;
font-size: 16px;
}
.h_search form button{
position: relative;
color: var(--orange);
font-size: 20px;
background: #0000;
border: none;
z-index: 9;
}
.navbar .btcats .menu{
margin: 0;
text-align: left;
/*font-family: 'PT Sans', sans-serif;*/
}
.navbar .btcats .menu li{
position: relative;
margin: 0px;
padding: 5px 5px 5px 5px;
text-align: center;
font-size: 16px;
border-radius: 0;
border-bottom: 2px solid transparent;
}
.navbar .btcats .menu li.new{
z-index: 1;
}
.navbar .btcats .menu li.new:after{
content: "New";
position: absolute;
font-size: 10px;
background: var(--swiper-theme-color);
color: #fff;
top: -3px;
right: 0;
line-height: 1;
padding: 2px 4px;
z-index: -1;
}
.navbar .btcats .menu li.menu-item-has-children{
padding: 5px 15px 5px 5px;
}
.navbar .btcats .menu li:hover,
.navbar .btcats .menu li.active{
background: transparent;
border-bottom: 2px solid var(--blue);
}
.navbar .btcats .menu li .fa-angle-down, .navbar .btcats .menu li .fa-angle-up{
position: absolute;
right: 0;
top: 5px;
padding: 5px 7px;
z-index: 2;
color: #000;
}
.navbar .btcats .menu li:hover .fa-angle-down, .navbar .btcats .menu li:hover .fa-angle-up,
.navbar .btcats .menu li.active .fa-angle-down, .navbar .btcats .menu li.active .fa-angle-up{
color: var(--orange);
}
.navbar .btcats .menu li:hover a,
.navbar .btcats .menu li.active a{
color: var(--blue);
font-weight: 700;
}
.navbar .btcats .menu .sub-menu li:hover,
.navbar .btcats .menu .sub-menu li.active{
background: var(--orange);
}
.navbar .btcats .menu .sub-menu li{
text-align: left;
padding: 0 20px 0 0px;
font-size: 18px;
}
.navbar .btcats .menu li a{
color: #000;
}
.navbar .btcats .menu .sub-menu li a{
padding: 7px 10px;
color: #000;
font-weight: normal;
font-size: 16px;
}
.navbar .btcats .menu .sub-menu li:hover a,
.navbar .btcats .menu .sub-menu li.active a{
color: #fff;
}
.navbar .btcats .menu li .sub-menu .fa-angle-down, .navbar .btcats .menu li .sub-menu .fa-angle-up{
color: #000;
}
.navbar .btcats .menu li .sub-menu li:hover .fa-angle-down, .navbar .btcats .menu li .sub-menu li:hover .fa-angle-up{
color: #fff;
}
.navbar .btcats .menu li:hover:after,
.navbar .btcats .menu li.active:after{
color: white;
}
.navbar .btcats .menu .sub-menu li .sub-menu a{
color: #000;
}
/* width */
.btcats .sub-menu::-webkit-scrollbar {
width: 5px;
}
/* Track */
.btcats .sub-menu::-webkit-scrollbar-track {
background: #fff;
}
/* Handle */
.btcats .sub-menu::-webkit-scrollbar-thumb {
background: #ff3636;
}
/* Handle on hover */
.btcats .sub-menu::-webkit-scrollbar-thumb:hover {
background: #ff3636;
}
/*End*/
/*banner section*/
.sec-slider{
overflow-x: hidden;
}
.showcase .sliderimg{
max-height: calc(81vh - 186px);
overflow: hidden;
}
.showcase .sliderimg img{
width: 100%;
}
.showcase .slctrl_L, .showcase .slctrl_R{
width: auto;
height: auto;
}
.showcase .slctrl_L:after, .showcase .slctrl_R:after{
font-size: 24px;
background: #fff;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
color: var(--orange);
box-shadow: 0px 4px 20px #00000012;
}
.showcase .slctrl_L:after{
padding: 8px 5px 8px 0;
}
.showcase .slctrl_R:after{
padding: 8px 0 8px 5px;
}
/*end*/
/*updates Scroller*/
.sec-notice h4{
margin: 0;
padding: 15px;
font-size: 18px;
}
.sec-notice .scroller{
margin-top: 5px;
overflow: visible;
}
.sec-notice .scroller p{
padding: 7px 50px;
font-size: 15px;
display: inline-block;
margin: 0;
border-right: 1px solid #fff;
position: relative;
overflow: visible;
}
.sec-notice .scroller p a{
color: white;
}
.sec-notice .scroller p.new:after{
content: "New";
background: var(--yellow);
color: #f00;
position: absolute;
top: 5px;
left: 11px;
padding: 3px 7px;
border-radius: 50%;
font-size: 12px;
transform: rotate(-25deg);
animation: blinkngrow 1.3s infinite;
}
@keyframes blinkngrow {
0% {
transform: rotate(-25deg) scale(.7);
}
25% {
transform: rotate(-25deg) scale(1.1);
}
50% {
transform: rotate(-25deg) scale(.9);
}
75% {
transform: rotate(-25deg) scale(1.2);
}
100% {
transform: rotate(-25deg) scale(.7);
}
}
/*end*/
/*Info Section*/
.info-content{
}
.infocont{
border: 2px solid #dcdcdc;
border-radius: 4px;
box-shadow: 0 4px 20px #00000017;
}
.infocont.maininfo{
border-radius: 0;
/*border: none;*/
box-shadow: none;
padding: 10px 15px;
margin-bottom: 30px;
}
.infocont h2{
margin: 0;
padding: 15px;
font-size: 18px;
color: var(--orange);
background: #ffebe4;
border-bottom: 2px solid #ffc6b2;
}
.infocont ul{
padding: 10px;
font-size: 15px;
max-height: 260px;
overflow: auto;
}
.infocont.maininfo ul{
max-height: unset;
}
.infocont ul li{
position: relative;
color: #000;
margin-bottom: 10px;
padding: 0 0 0 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
}
.infocont ul li:before{
content: "\f138";
position: absolute;
top: 5px;
left: 0px;
color: #007eff;
}
.infocont ul li:hover{
color: #007eff;
background: #f1faff;
border-radius: 3px;
}
.infocont ul li.new{
padding-left: 40px;
}
.infocont ul li.new:before{
content: "";
background-image: url(../img/new.gif);
background-repeat: no-repeat;
background-position: center;
width: 33px;
height: 11px;
}
.infocont p{
font-size: 15px;
}
.infocont img.floatL{
width: 300px;
max-width: 50%;
margin: 5px 15px 10px 0;
}
/*Scroll bar*/
/* width */
.infocont ul::-webkit-scrollbar {
width: 7px;
}
/* Track */
.infocont ul::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px grey; */
border-radius: 10px;
}
/* Handle */
.infocont ul::-webkit-scrollbar-thumb {
background: var(--orange);
border-radius: 10px;
}
/* Handle on hover */
.infocont ul::-webkit-scrollbar-thumb:hover {
background: #ff4600;
}
/*end*/
/*end*/
/*Features*/
.features{
background-image: url(../img/background.png);
/*background-attachment: fixed;*/
background-position: right bottom;
/*min-height: 630px;*/
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
overflow: hidden;
z-index: 1;
}
.features .heading2{
margin-bottom: 30px;
}
.features .heading2 b{
font-size: 36px;
}
.flexitems{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.flexitem{
width: calc(25% - 40px);
margin: 20px;
background: #fff;
box-shadow: 0 5px 50px rgb(0 0 0 / 9%);
border-radius: 5px;
}
.itembox{
padding: 15px;
}
.itembox .iconimg img{
max-width: 80px;
}
.itembox .itemtitle{
color: #000;
font-size: 20px;
margin: 20px 0;
}
.itembox p{
font-size: 14px;
color: #a7a7a7;
}
.flexitem:hover{
box-shadow: 0 10px 20px rgb(0 0 0 / 13%);
transform: translateY(-10px);
}
/*end*/
/*Videos*/
.videos{
}
.allvid{
background: #e8f6fd;
border-radius: 4px;
border: 4px solid #00a6ff;
}
.allvid .catheading{
margin: 0 0 20px;
font-size: 24px;
color: #000;
}
.allvid .videopost{
overflow: hidden;
}
.allvid .videopost .vid{
position: relative;
}
.allvid .videopost .vid:before{
content: "\f04b";
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
text-shadow: 0 0 70px #000000;
z-index: 999;
}
.allvid .videopost .vid img{
}
/*end*/
/*initiatives*/
.initiatives{
}
.allinitiative{
}
.allinitiative .catheading{
margin: 0 0 20px;
font-size: 24px;
color: #000;
}
.allinitiative .initiative{
overflow: hidden;
}
.allinitiative .initiative .init{
position: relative;
text-align: center;
}
.allinitiative .initiative .init img{
}
/*end*/
/*Logos*/
.morelogos{
}
.alllogo{
padding: 0;
margin: 0;
text-align: center;
list-style: none;
white-space: nowrap;
overflow: auto;
}
.alllogo li{
display: inline-block;
max-width: 170px;
padding: 10px;
margin: 0 10px;
}
/*Scroll bar*/
/* width */
.alllogo::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.alllogo::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px grey; */
border-radius: 10px;
}
/* Handle */
.alllogo::-webkit-scrollbar-thumb {
background: var(--orange);
border-radius: 10px;
}
/* Handle on hover */
.alllogo::-webkit-scrollbar-thumb:hover {
background: #ff4600;
}
/*end*/
/*end*/
/*About page*/
.othdetlul{
position: sticky;
top: 70px;
}
.othdetlul .nav-tabs {
border-bottom: 2px solid #DDD;
border-radius: 5px;
background: #fafafa;
}
.othdetlul .nav-tabs > li.active > a,
.othdetlul .nav-tabs > li.active > a:focus,
.othdetlul .nav-tabs > li.active > a:hover {
border-width: 0;
background: var(--orange);
color: white;
}
.othdetlul .nav-tabs > li > a {
border: none;
color: #000;
/*background: #fff;*/
margin: 0;
border-radius: 5px;
}
.othdetlul .nav-tabs > li.active > a{
border: none;
color: #ffffff;
background: var(--orange);
}
.othdetlul .nav-tabs > li > a:hover {
background: #f1f1f1;
}
/*.othdetlul .nav-tabs > li > a::after {
content: "";
background: var(--orange);
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}
.othdetlul .nav-tabs > li.active > a::after,
.othdetlul .nav-tabs > li:hover > a::after {
transform: scale(1);
}
.otherdetails .tab-nav > li > a::after {
background: #5a4080 none repeat scroll 0% 0%;
color: #fff;
}*/
.otherdetails .tab-pane {
padding: 0;
display: block;
}
.otherdetails .tab-content{
padding: 15px;
/*height: 400px;*/
overflow-y: auto;
font-size: 15px;
}
.otherdetails .tab-content .tab-pane{
float: left;
width: 100%;
}
.otherdetails .tab-content .tabttl{
/*display: none;*/
}
.othdetlul .nav-tabs > li {
width:100%;
}
.othdetlul .nav-tabs > li > a > span{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: inline-block;
}
.otherdetails .card {
background: #FFF none repeat scroll 0% 0%;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
margin-bottom: 30px;
}
.glcont{
column-count: 5;
margin: 0;
}
.dimg{
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 3px 15px rgb(0 0 0 / 10%);
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.dimg img{
width: 100%;
}
.tab-content p{
margin-bottom: 20px;
}
.aboxconts{
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
justify-content: flex-start;
align-items: stretch;
}
.aboxconts .aboxinfo{
width: calc(100% - 30px);
background: #f0f0f0;
border-radius: 5px;
padding: 12px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: flex-start;
margin: 15px;
}
.aboxconts .aboxinfo figure{
width: 140px;
margin-right: 15px;
}
.aboxconts .aboxinfo figure img{
width: 100%;
}
.aboxconts .aboxinfo .boxdescrip{
width: calc(100% - 155px);
}
/*end*/
/*Form page css*/
.section-contact{
background: #f8f8f8;
}
.page_form{
}
.page_form input, .page_form select{
font-size: 16px;
font-weight: normal;
padding: 10px 15px;
height: auto;
border: 3px solid #dcdcdc;
box-shadow: none;
}
.page_form textarea{
height: 100px;
max-width: 100%;
border: 3px solid #dcdcdc;
padding: 10px 15px;
font-size: 16px;
box-shadow: none;
}
.page_form input[type="submit"]{
background: var(--orange);
color: #fff;
border: none;
min-width: 200px;
font-size: 20px;
}
.page_form input[type="submit"]:hover{
background: var(--black);
}
.page_form .form-group{
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.page_form .form-group p{
position: absolute;
bottom: -5px;
display: none;
}
.page_form .fmsec1 {
background: #fff;
margin-bottom: 20px;
padding-top: 30px;
border-radius: 10px;
}
.page_form .fmsec1:hover{
box-shadow: 0 5px 20px #00000012;
z-index: 2;
}
.page_form .btn-download{
margin-top: 5px;
background: var(--darkblue);
color: #fff;
font-size: 14px;
}
.page_form .btn-download{
margin-top: 5px;
background: var(--darkblue);
color: #fff;
font-size: 14px;
}
.page_form .btn-plan{
margin-top: 0;
}
.page_form h1,
.page_form h2,
.page_form h3,
.page_form h4,
.page_form h5{
margin-top: 0;
}
.page_form .selectmulti {
height: auto;
margin-top: 10px;
padding: 10px;
font-size: 14px;
font-weight: 500;
border: 3px solid #dcdcdc;
box-shadow: none;
}
/*end*/
/*Contact page*/
.contact_info a{
color: #000;
font-size: 14px;
}
.contact_info i{
color: black;
}
.contact_info *{
font-weight: normal;
}
.contact_info b{
font-weight: 600;
}
.info_container {
margin: 10px 0 35px 0;
padding: 15px;
}
.info_container p{
max-width: 340px;
}
.mpc{
margin: 0;
padding: 0 15px;
}
.allcntt .info_container{
min-height: 150px;
border-radius: 5px;
}
.allcntt .info_container:hover{
background: white;
transform: scale(1.02) translateY(-10px);
box-shadow: 0 7px 9px rgb(255 0 0 / 18%);
border: 2px solid #ffacac;
}
.contact_tags {
margin-bottom: 10px;
}
.contact_tags span {
color: #000!important;
}
.allcntt .contact_tags i{
color: #5e5e5e;
}
.map_container{
border-radius: 10px;
overflow: hidden;
margin: 20px 0 50px;
box-shadow: 0px 3px 10px rgb(0 0 0 / 16%);
}
.map_container iframe {
width: 100%;
}
.info_container .footer-social{
padding: 0;
margin: 0;
margin-left: -10px;
}
.info_container .footer-social li{
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
background: transparent;
font-size: 26px;
padding: 0;
border-radius: 5px;
margin: 3px 5px;
}
.info_container .footer-social li:hover{
background: var(--orange);
}
.info_container .footer-social li i{
color: #7d7d7d;
}
.info_container .footer-social li:hover i{
color: white;
}
/*Contact page*/
/*Footer*/
footer{
background: #15191f;
color: white;
/*border-top: 1px solid #f1f1f1;*/
box-shadow: 0 0px 2pc rgba(0, 0, 0, 0.1);
}
footer h3{
margin-top: 0;
}
.fnote p{
font-size: 15px;
}
.fpoints ul{
padding-left: 0;
}
.fpoints li{
position: relative;
list-style: none;
font-size: 15px;
color: white;
margin-bottom: 5px;
padding: 3px 10px;
border-radius: 5px;
}
.fpoints li:hover{
background: var(--orange);
border-left: 6px solid var(--secondary-color);
}
.fpoints li i{
color: var(--secondary-color);
margin-left: 5px;
font-size: 18px;
}
.fpoints li a{
color: white;
}
.fsocial ul{
padding: 0;
}
.fsocial li{
display: inline-block;
width: 35px;
height: 35px;
background: var(--secondary-color);
color: white;
padding: 8px 0 0;
font-size: 18px;
line-height: 1;
border-radius: 5px;
margin: 20px 5px 5px 0px;
text-align: center;
border: 1px solid var(--secondary-color);
}
.fsocial li i{
color: white;
margin: 0;
font-size: 18px;
}
.fsocial li:hover{
background: var(--orange);
color: var(--secondary-color);
border: 1px solid var(--secondary-color);
transform: scale(1.25);
}
.fsocial li:hover a{
color: #004fff;
}
.section-fcopyright{
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.section-fcopyright .glyphicon {
font-size: 20px;
margin-bottom: 15px;
background: var(--secondary-color);
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
padding: 9px 10px 9px 12px;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
}
.section-fcopyright p{
font-size: 14px;
margin: 10px 0;
}
.section-fcopyright p a{
color: white;
}
.feeds{
border-radius: 10px;
padding: 10px;
box-shadow: 0 3px 10px #00000026;
max-height: 420px;
overflow: hidden;
margin-bottom: 30px;
}
.feeds iframe{
min-height: 290px;
width: 100%;
}
/*Footer end*/
/*extra*/
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
.slidelr {
animation-name: slidelr;
-webkit-animation-name: slidelr;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
.sliderl {
animation-name: sliderl;
-webkit-animation-name: sliderl;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
.scroll-top-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 99999999;
background-color: var(--orange);
color: #eeeeee;
width: 30px;
height: 30px;
line-height: 25px;
right: 15px;
bottom: 65px;
padding-top: 2px;
border-radius: 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.scroll-top-wrapper:hover {
background-color: black;
}
.scroll-top-wrapper.show {
visibility:visible;
cursor:pointer;
opacity: 1;
}
.scroll-top-wrapper i.fa {
line-height: inherit;
}
/*end*/
/*Animations*/
@keyframes slide {
0% {
opacity: 0;
transform: translateY(70%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
-webkit-transform: translateY(-70%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@keyframes slidelr {
0% {
opacity: 0;
transform: translateX(-70%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes slidelr {
0% {
opacity: 0;
-webkit-transform: translateX(-70%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@keyframes sliderl {
0% {
opacity: 0;
transform: translateX(70%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@-webkit-keyframes sliderl {
0% {
opacity: 0;
-webkit-transform: translateX(70%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
/*pulsh effect*/
@keyframes pulsh{
0%{
box-shadow: 0 0 0 0 rgb(255 172 0 / 44%), 0 0 0 0 rgb(255 106 0 / 65%);
}
40%{
box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 0 rgb(255 172 0 / 51%);
}
80%{
box-shadow: 0 0 0 50px rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
}
100%{
box-shadow: 0 0 0 0 rgba(99, 69, 238,0), 0 0 0 30px rgba(99, 69, 238,0);
}
}
@media (max-width: 767px){
.m_off{
display: none!important;
}
.m_on{
display: block!important;
}
/*banner*/
.showcase .swiper-container{
overflow: unset;
}
/*end*/
/*Features*/
.features {
padding-top: 10px;
}
.flexitem{
width: calc(50% - 30px);
margin: 15px;
}
.itembox .iconimg img {
max-width: 40px;
}
.itembox .itemtitle {
font-size: 16px;
margin: 10px 0;
}
.itembox p {
font-size: 12px;
}
/*end*/
/*All Logos*/
.alllogo{
white-space: normal;
}
.alllogo li{
max-width: 100px;
padding: 7px;
margin: 0;
}
/*end*/
/*About page*/
.othdetlul {
top: 98px;
z-index: 2;
}
.othdetlul .nav-tabs {
white-space: nowrap;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.othdetlul .nav-tabs > li {
display: inline-block;
width: auto;
float: unset;
}
.othdetlul .nav-tabs > li > a {
padding: 5px 10px;
background: #f8f8f8;
margin: 0;
}
.otherdetails .tab-content{
height: auto;
}
.glcont{
column-count: 2;
}
.otherdetails .tab-content .tabttl{
display: block;
}
.aboxconts .aboxinfo{
width: 100%;
}
.aboxconts .aboxinfo figure{
width: 100%;
text-align: center;
margin: 0;
}
.aboxconts .aboxinfo figure img{
width: 100%;
max-width: 140px;
margin: 0 auto 15px auto;
}
.aboxconts .aboxinfo .boxdescrip{
width: 100%;
}
/*end*/
/*Form page*/
.page_form{
padding-left: 0;
padding-right: 0;
}
/*end*/
/*Contact page*/
.allcntt .info_container {
min-height: auto;
margin: 0;
border-bottom: 1px solid #dcdcdc;
border-top: 0;
}
.contact_info {
padding: 0;
}
.map_info {
padding: 0;
}
/*end*/
/*Footer*/
.section-footer{
text-align: center;
}
.fpoints li{
margin: 3px 5px;
padding: 3px 5px;
}
.flink li{
display: inline-block;
margin: 3px 0;
}
.fcontact{
margin-top: 20px;
}
.fcontact ul{
text-align: center;
}
.fcontact .fsocial ul{
text-align: center;
margin-top: 30px;
}
.ftb p span {
padding: 0px;
margin: 0 5px;
font-size: 11px;
}
/*end*/
}
@media only screen and (min-width: 800px){
.map_container iframe {
width: 100%;
height: 310px;
margin-top: 0px;
margin-bottom: -8px;
}
}
@media (max-width: 991px){
/*Header*/
header {
height: 98px;
}
.navbar{
padding-top: 0;
position: fixed;
width: 100%;
}
.upper_head{
padding: 5px 0;
font-size: 13px;
}
.hdr_right .icon_menu{
text-align: center;
}
.hdr_right .icon_menu li.nostyle span{
display: none;
}
.navbar .brand {
width: 250px;
margin: 8px auto;
height: auto;
margin-left: 15px;
}
.navbar .navbar-brand{
padding: 0;
display: block;
float: unset;
text-align: center;
}
.navbar-toggle {
/*margin-top: 20px;*/
display: unset;
}
.navbar .mainmenu .menu {
text-align: left;
margin: 0px 0 0px;
}
.navbar .mainmenu .menu li {
display: block;
}
.navbar .menu li.subscribebtn{
margin-bottom: 25px;
}
.navbar .menu .sub-menu{
position: relative;
top: 0!important;
width: 100%;
padding: 5px;
background: transparent;
}
.navbar .menu li:hover:after {
display: none;
}
.navbar .btcats .menu li a{
color: white;
}
.navbar .menu .sub-menu li{
background: rgb(255 255 255 / 5%);
margin-top: 10px;
}
.navbar .menu .sub-menu li a{
color: white;
width: calc(100% - 50px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.navbar .h_search{
position: relative;
background: #ffcebd;
right: 0;
top: 0;
transform: none;
}
.h_search form{
border: none;
}
.h_search form input{
width: calc(100% - 50px);
background: #0000;
}
.navbar .btcats .menu {
margin: 0;
text-align: center;
}
.navbar .btcats .menu li {
display: block;
margin: 0;
padding: 7px 0px;
text-align: left;
border: 2px solid transparent!important;
}
.navbar .menu .col2 .sub-menu, .navbar .menu .col3 .sub-menu{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
padding-right: 0;
left: 0;
right: unset;
transform: none;
}
.navbar .btcats .menu .sub-menu{
display: none!important;
}
.navbar .btcats .menu .sub-menu.active{
display: block!important;
margin: 3px 0 10px 13px;
border-left: 1px solid rgb(255 255 255 / 42%);
padding: 0;
border-radius: 0;
width: calc(100% - 13px);
max-height: unset;
}
.navbar .btcats .menu li .fa-angle-down, .navbar .btcats .menu li .fa-angle-up{
padding: 5px 20px;
color: white;
}
.navbar .btcats .menu li:hover{
background: transparent!important;
}
.navbar .btcats{
margin-top: 0;
padding: 0;
}
.btcats .menu-category-menu-container{
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
transform: translateX(-120%);
background: #000b24;
width: 290px;
height: 100vh;
z-index: -10;
padding: 0px 0px;
transition: .3s;
}
.btcats .menu-category-menu-container.active{
transform: translateX(0);
opacity: 1;
visibility: visible;
z-index: 99999;
overflow-y: auto;
overflow-x: hidden;
}
.btcats .menu-category-menu-container.active .menu{
overflow-x: hidden;
height: calc(100vh - 60px);
overflow-y: auto;
}
.navbar .btcats .menu .sub-menu li a{
color: #fff;
text-align: left;
}
.navbar .btcats .menu li .sub-menu .fa-angle-down, .navbar .btcats .menu li .sub-menu .fa-angle-up{
color: #fff;
}
.btcats .active .menu .sub-menu.active .sub-menu{
right: unset!important;
left: unset!important;
width: calc(100% - 13px);
}
.btcats .active .menu .sub-menu.active .sub-menu{
background: unset;
}
.btcats .active .menu .sub-menu.active .sub-menu li a {
color: #fff;
}
.btcats .active .menu .current-post-ancestor,
.btcats .active .menu .current-menu-parent,
.btcats .active .menu .current-post-parent,
.btcats .active .menu .sub-menu .current-menu-item {
background: unset!important;
}
.btcats .menu-category-menu-container .menuhd{
position: relative;
width: 290px;
height: 44px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: flex-start;
background: #fff;
border-right: 1px solid #e7e7e7;
}
.btcats .mmoverlay{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: #001f4d14;
backdrop-filter: blur(2px);
transform: translateX(-120%);
opacity: 0;
visibility: hidden;
z-index: -9;
}
.btcats .mmoverlay.active{
transform: translateX(0);
opacity: 1;
visibility: visible;
z-index: 999;
}
.menuhd .fsocial{
position: absolute;
bottom: 0;
}
.menuhd .fsocial li{
text-align: center;
line-height: 1.5;
background: rgb(33 150 243 / 9%);
color: var(--orange);
}
.menuhd .fsocial li:hover {
background: var(--blue);
color: white;
}
.menuhd .closex{
position: absolute;
top: 5px;
right: 5px;
width: 35px;
height: 35px;
color: #f00;
background: rgb(219 219 219 / 22%);
text-align: center;
font-size: 20px;
padding: 5px 0;
border-radius: 10px;
cursor: pointer;
}
.menuhd .brand{
margin-bottom: 30px;
margin-left: auto;
}
.btcats .menu-category-menu-container.active:after{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: #0000;
backdrop-filter: blur(1px);
z-index: -5;
}
/*end*/
}
@media (min-width: 992px){
.container {
width: calc(95% - 80px);
max-width: 100%;
}
}
@media (min-width: 1300px){
.container {
width: 1432px;
max-width: 90%;
}
}
@media (min-width: 768px){
.container {
width: calc(100% - 80px);
max-width: 100%;
}
}
/*extra Css*/
#contact-buttons-bar {
z-index: 9999;
}
/* Accessibility Toolbar Styles */
.accessibility-toolbar {
position: fixed;
top: 40px;
right: 20px;
z-index: 10001;
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
padding: 20px;
width: 390px;
display: none;
border: 1px solid #ddd;
}
.accessibility-toolbar.show {
display: block;
}
.toolbar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #3498db;
}
.toolbar-header h4 {
margin: 0;
color: #2c3e50;
font-size: 18px;
display: flex;
align-items: center;
gap: 8px;
}
.toolbar-close-btn {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #7f8c8d;
line-height: 1;
}
.toolbar-close-btn:hover {
color: #e74c3c;
}
.toolbar-section {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.toolbar-section h5 {
margin: 0 0 10px 0;
color: #2c3e50;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.toolbar-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.toolbar-btn {
padding: 10px;
border: 2px solid #ddd;
background: #f8f9fa;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.toolbar-btn:hover {
background: #e9ecef;
}
.toolbar-btn.active {
background: #3498db;
color: white;
border-color: #3498db;
}
.toolbar-btn i {
font-size: 16px;
}
/* TTS specific controls within toolbar */
.tts-language-selector {
margin-bottom: 15px;
}
.tts-language-selector label {
display: block;
margin-bottom: 5px;
color: #34495e;
font-weight: 500;
font-size: 14px;
}
.tts-language-selector select {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
background: white;
}
.tts-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 15px 0;
}
.tts-btn {
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.tts-play-btn {
background: #2ecc71;
color: white;
grid-column: span 1;
}
.tts-play-btn:hover {
background: #27ae60;
}
.tts-stop-btn {
background: #e74c3c;
color: white;
}
.tts-stop-btn:hover {
background: #c0392b;
}
.tts-highlight-info {
margin-top: 10px;
padding: 10px;
background: #f8f9fa;
border-radius: 5px;
border-left: 4px solid #3498db;
font-size: 12px;
color: #555;
}
#tts-current-text {
font-style: italic;
color: #2c3e50;
display: block;
margin-top: 5px;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11px;
}
/* Accessibility states */
.high-contrast {
filter: contrast(1.5) !important;
}
.highlight-links a {
background-color: #fff3cd !important;
padding: 2px 4px !important;
border-radius: 3px !important;
border: 2px solid #ffc107 !important;
color: #856404 !important;
}
.highlight-links a:hover {
background-color: #ffeaa7 !important;
}
.invert-colors {
filter: invert(1) hue-rotate(180deg) !important;
background-color: #000 !important;
}
.invert-colors img {
filter: invert(1) hue-rotate(180deg) !important;
}
.increased-line-height * {
line-height: 1.8 !important;
}
/* Text Spacing Styles */
.text-spacing * {
letter-spacing: 0.05em !important;
word-spacing: 0.10em !important;
line-height: 2 !important;
}
.text-spacing h1,
.text-spacing h2,
.text-spacing h3,
.text-spacing h4,
.text-spacing h5,
.text-spacing h6 {
letter-spacing: 0.08em !important;
word-spacing: 0.07em !important;
}
/* Speaking highlight */
.tts-speaking {
background-color: rgba(52, 152, 219, 0.2) !important;
transition: background-color 0.3s ease;
outline: 2px solid #3498db !important;
}
/* Reset button */
.reset-btn {
background: #95a5a6 !important;
color: white !important;
grid-column: span 2;
}
.reset-btn:hover {
background: #7f8c8d !important;
}
/* For Marathi text support */
.marathi-text {
font-family: 'Hind', sans-serif;
}
/* Text Size Classes */
.text-size-small * {
font-size: 99% !important;
}
.text-size-normal * {
font-size: 100% !important;
}
.text-size-large * {
font-size: 103% !important;
}
/* Preserve icon sizes */
.text-size-small .fa,
.text-size-normal .fa,
.text-size-large .fa {
font-size: inherit !important;
}
/* Preserve button and form element sizes */
.text-size-small button,
.text-size-small input,
.text-size-small select,
.text-size-small textarea,
.text-size-normal button,
.text-size-normal input,
.text-size-normal select,
.text-size-normal textarea,
.text-size-large button,
.text-size-large input,
.text-size-large select,
.text-size-large textarea,
.text-size-xlarge button,
.text-size-xlarge input,
.text-size-xlarge select,
.text-size-xlarge textarea {
font-size: inherit !important;
}
/* ========== CRITICAL FIX FOR GOOGLE SEARCH DROPDOWN ========== */
/* First, reduce menu z-index temporarily to test */
.navbar,
.navbar-default,
.navbar-collapse,
.navbar-nav {
z-index: 100 !important;
position: relative;
}
/* Search container - make it high priority */
.search_li {
position: relative !important;
z-index: 99999 !important;
}
/* Google CSE container - super high z-index */
.gsc-control-cse {
position: relative !important;
z-index: 99999 !important;
}
/* Google search input box */
.gsc-input-box {
position: relative !important;
z-index: 99999 !important;
}
/* Google search suggestions dropdown - ULTRA HIGH PRIORITY */
.gsc-completion-container {
position: absolute !important;
z-index: 100000 !important;
background: white !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
margin-top: 2px !important;
width: 300px !important;
max-height: 300px !important;
overflow-y: auto !important;
}
/* Ensure dropdown is visible */
.gsc-completion-container,
.gsc-completion-container * {
visibility: visible !important;
display: block !important;
opacity: 1 !important;
}
/* Force dropdown to appear on top */
body .gsc-completion-container {
z-index: 100000 !important;
}
/* Search box styling */
.gsc-control-cse {
padding: 1px !important;
border-radius: 6px !important;
background: #ffffff !important;
width: 120% !important;
margin-top: -5px;
}
/* Input box */
.gsc-input-box {
border-radius: 4px !important;
color: #000 !important;
}
/* Search button */
.gsc-search-button-v2 {
padding: 6px 10px !important;
margin-right: 50px !important;
border-radius: 4px !important;
background: #0b5ed7 !important;
}
/* Search icon color */
.gsc-search-button-v2 svg {
fill: #fff !important;
}
/* Remove Google branding border spacing */
.gsc-control-cse .gsc-table-result {
margin-top: 10px;
}
.icon_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
z-index: 99998 !important;
}
.icon_menu li .fa-universal-access {
font-size: 16px;
}
.search_li {
width: 300px;
height: 20px;
position: relative;
z-index: 99999 !important;
}
#micBtn .fa-microphone {
margin-top: -1px;
padding: 6px 12px !important;
margin-left: 10px !important;
border-radius: 4px !important;
background: #0b5ed7 !important;
z-index: 99999 !important;
position: relative;
}
/* Google search fine-tuning */
.gsc-control-cse {
padding: 0 !important;
border: none !important;
}
/* Ensure parent containers don't clip the dropdown */
.upper_head,
.hdr_right,
.navbar-default,
.navbar {
overflow: visible !important;
}
/* Debug border - remove after fixing */
.gsc-completion-container {
border: 1px solid red !important;
}
.news-ticker {
background: #b30000;
color: #fff;
overflow: hidden;
font-size: 14px;
padding: 8px 0;
}
.news-ticker .container {
display: flex;
align-items: center;
}
.news-label {
background: #000;
padding: 5px 12px;
font-weight: bold;
margin-right: 15px;
white-space: nowrap;
}
.news-content {
overflow: hidden;
position: relative;
width: 100%;
}
.news-content span {
display: inline-block;
white-space: nowrap;
animation: scrollNews 45s linear infinite;
}
@keyframes scrollNews {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}