@import url(old-css.css);

/* ========== New Home Page 13-09-24 ========== */


@font-face { font-family: 'BarlowBold'; src: url('../fonts/BarlowBold.eot'); src: url('../fonts/BarlowBold.eot') format('embedded-opentype'),
 url('../fonts/BarlowBold.woff2') format('woff2'),
 url('../fonts/BarlowBold.woff') format('woff'),
 url('../fonts/BarlowBold.ttf') format('truetype'),
 url('../fonts/BarlowBold.svg#BarlowBold') format('svg'); } 
@font-face { font-family: 'BarlowSemiBold'; src: url('../fonts/BarlowSemiBold.eot'); src: url('../fonts/BarlowSemiBold.eot') format('embedded-opentype'),
 url('../fonts/BarlowSemiBold.woff2') format('woff2'),
 url('../fonts/BarlowSemiBold.woff') format('woff'),
 url('../fonts/BarlowSemiBold.ttf') format('truetype'),
 url('../fonts/BarlowSemiBold.svg#BarlowSemiBold') format('svg'); } 

@font-face { font-family: 'LatoRegular'; src: url('../fonts/LatoRegular.eot'); src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
 url('../fonts/LatoRegular.woff2') format('woff2'),
 url('../fonts/LatoRegular.woff') format('woff'),
 url('../fonts/LatoRegular.ttf') format('truetype'),
 url('../fonts/LatoRegular.svg#LatoRegular') format('svg'); } 

@font-face { font-family: 'DarkerGrotesqueBold'; src: url('../fonts/DarkerGrotesqueBold.eot'); src: url('../fonts/DarkerGrotesqueBold.eot') format('embedded-opentype'),
 url('../fonts/DarkerGrotesqueBold.woff2') format('woff2'),
 url('../fonts/DarkerGrotesqueBold.woff') format('woff'),
 url('../fonts/DarkerGrotesqueBold.ttf') format('truetype'),
 url('../fonts/DarkerGrotesqueBold.svg#DarkerGrotesqueBold') format('svg'); } 
@font-face { font-family: 'DarkerGrotesqueSemiBold'; src: url('../fonts/DarkerGrotesqueSemiBold.eot'); src: url('../fonts/DarkerGrotesqueSemiBold.eot') format('embedded-opentype'),
 url('../fonts/DarkerGrotesqueSemiBold.woff2') format('woff2'),
 url('../fonts/DarkerGrotesqueSemiBold.woff') format('woff'),
 url('../fonts/DarkerGrotesqueSemiBold.ttf') format('truetype'),
 url('../fonts/DarkerGrotesqueSemiBold.svg#DarkerGrotesqueSemiBold') format('svg'); } 



:root {--PrimaryColor: #0A0A0A;--HighContrastPrimaryColor: #ff0;--HighContrastSecondaryColor: #00ff15;--SecondaryColor: #F87853;--TextPrimaryColor: #323232;--Black111:#111;--Black222:#222;--Black333:#333;--Black444:#444;--Black666:#666;--WhiteColor: #ffffff;--BlackColor: #000000;--lightGrayColor: #AAAAAA;--SecondaryLightGray: #efefef;--SecondaryGray: #cccccc;--font12:0.75em;--font13:0.8125em;--font14:0.875em;--font15:0.9375em;--font16:1em;--font18:18px;--font20:20px;--font24:24px;--font26:26px;--font30:30px;--font32:32px;--font34:34px;--font48:48px;--theme-shadow-4:0px 0px 75px rgba(0, 0, 0, 0.05);--theme-pink-link: #F12A4C;--theme-blue-color:#455392;--theme-grey-color:#EDF1F8;--body-black-font: #323232;--boxshadow: 3px 7px 25px rgba(0,0,0,0.1);--orangeLink:#F87853; } 
body { font-family: 'LatoRegular'; font-size:0.9375em; } 
#homeSlider { width:519px; height:64px; } 
.headerCta > ul > li { margin: 0 0 0 10px; } 
.headerCta .language-change { padding: 6px 15px 6px 15px; font-size:0.875em; border: 0; background-color: var(--WhiteColor); border-radius: 30px; appearance: none; outline: none; border:1px solid var(--theme-blue-color); } 
.headerCta > ul { display: flex; align-items: center; justify-content: flex-end } 
.closeBtn, .sideMenu { display: none; } 
.accessbilityWrap { position: fixed; z-index: 9; background-color: #F7F7F7; top: 0; right: 0; max-width: 380px; transition: all 0.3s; transform: translateX(100%); box-shadow: 0px 0px 30px var(--SecondaryGray); border-bottom-left-radius:5px; } 
.accessbilityWrap.accessbilityOpen { transform: translateX(0); } 
.AccessbilityTitle { display: flex; align-items: center; justify-content: space-between; padding: 10px; background-color: var(--theme-blue-color); color: var(--WhiteColor); font-weight: 500; font-size: 1.25em; } 
.accessbility:hover, .searchWrap .searchIcon:hover { background:#455392; transition:all 0.6s ease; } 
.accessbility img, .searchWrap .searchIcon img { filter:brightness(5); } 
.AccessbilityTitle a { color: var(--WhiteColor); } 
.accessbilityController { padding: 20px; } 
.contrastWrap { display: flex; align-items: center; justify-content: center; } 
.contrastWrap input { width: 40px; height: 40px; border-radius: 50%; font-size: 0; border: 0; margin: 0 10px 0 0; } 
.contrastWrap input.black { background-color: var(--TextPrimaryColor); } 
.contrastWrap input.white { background-color: var(--WhiteColor); border: 1px solid var(--TextPrimaryColor); } 
.resizeWrap { display: flex; align-items: center; justify-content: space-evenly; height: 100%; } 
.resizeWrap a { text-decoration: none; font-size: var(--font20); color: var(--SecondaryColor); font-weight: 500; transition: all 0.3s; } 
.accessbilityWrap .accOption { text-decoration: none; color: var(--theme-blue-color); font-weight: 500; display: flex; align-items: center; justify-content: center; padding: 25px 0; font-size: var(--font14); transition: all 0.3s; } 
.accessbilityWrap .accOption:hover, .resizeWrap a:hover { color: var(--PrimaryColor); } 
.helpIcon { background:var(--orangeLink); text-align:center; line-height:40px; border-radius:50%; width:40px; height:40px; margin-right:10px; } 
.contrastAccessbility { display: none; } 
a.accessbility { display: flex; padding: 5px; background-color: var(--orangeLink); border-radius: 50%; align-items: center; justify-content: center; } 
.searchWrap .searchIcon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--orangeLink); border-radius: 50%; cursor: pointer; border: 1px solid var(--lightGrayColor); } 
.searchWrap .searchIcon img { width: 18px; height: 18px; color: var(--theme-blue-color); } 
.searchWrap { position:relative; } 
.searchWrap .finder { position: absolute; width: 250px; height: auto; box-shadow:0px 0px 4px 0px #999; /*background-color: rgba(0, 0, 0, 0.6); */ top: 55px; right: 0; z-index: 100; } 
.inputActive .finder { opacity: 1; visibility: visible; } 
.inputWrap { display: flex; justify-content: center; align-items:center; height:auto; width: 100%; margin: 0 auto; position: relative; flex-direction:column; } 
.inputWrap .searchInputWraper { width:100%; position:relative; padding:5px; background:var(--SecondaryColor); } 
.inputWrap input { width: 100%; background-color: var(--WhiteColor); border-radius: 0px; border:none; border-color: var(--WhiteColor); font-size:1em; color: var(--BlackColor); box-shadow: none; outline: none; padding: 5px 40px 5px 5px; } 
.inputWrap .findText { color: var(--BlackColor); font-size: var(--font20); position: absolute; right: 10px; top:11px; text-decoration: none; z-index:4; cursor:pointer; } 
.inputWrap a svg { color: var(--BlackColor) } 

.searchWrap .finder:after {bottom: 100%;right:10px;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(239, 151, 0, 0);border-bottom-color: var(--SecondaryColor);border-width: 10px;margin-left: -10px; } 


a.SearchCloseBtn { position: absolute; top: -50px; right: 0px; font-size: var(--font24); border: 2px solid #ccc; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius:6px; background:var(--WhiteColor); cursor:pointer; } 
.inputWrap input::placeholder { color: var(--SecondaryGray); font-size:14px!important; line-height:14px!important; } 
.contrastAccessbility { display: none; } 
.searchWrap .searchIcon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: var(--orangeLink); border-radius: 50%; cursor: pointer; transition: all 0.3s; border:1px solid transparent; } 
.searchWrap .searchIcon img { width: 18px; height: 18px; color: var(--theme-blue-color); } 
.helpline { display: flex; align-items: center; border-radius: 30px; padding: 6px 15px; font-size: var(--font14); color: var(--PrimaryColor); text-decoration: none; transition: all 0.3s; border: 1px solid transparent; } 
.innerHelplin { line-height: 18px; } 
.innerHelplin span { display: flex; } 
a:focus { outline:1px dotted #d1d1d1!important; } 
.bannerText h2, .bannerText a { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: 900ms ease; transition: 900ms ease; } 
.swiper-slide-visible .bannerText h2, .swiper-slide-visible .bannerText a { opacity: 1; -webkit-transition-delay: 900ms; transition-delay: 900ms; -webkit-transform: translateX(0); transform: translateX(0); } 

.bannerText img { opacity: 0; -webkit-transform: translateY(450px); transform: translateY(450px); -webkit-transition: 900ms ease; transition: 900ms ease; } 
.swiper-slide-visible .bannerText img { opacity: 1; -webkit-transition-delay: 900ms; transition-delay: 900ms; -webkit-transform: translateY(0); transform: translateY(0); } 


.primaryLink { position:relative; text-decoration:none!important; } 
.primaryLink:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: var(--theme-pink-link); transform-origin: bottom right; transition: transform 0.25s ease-out; } 
.primaryLink:hover:after { transform: scaleX(1); transform-origin: bottom left; } 

.mainHeroBanner { position:relative; /* background:url(../images/banner-bg.png) center bottom no-repeat; background-size:cover; */ width:100%; padding:0; } 
.mainHeroBanner .container { position:relative; } 
.bannerText h2 { font-size:4.5em; color:var(--WhiteColor); line-height:60px; font-family: 'DarkerGrotesqueBold'; font-weight:700; max-width:500px; margin-bottom:40px; margin-top:120px; } 
.bannerText a { background:var(--orangeLink); color:var(--WhiteColor); padding:15px 25px; border-radius:30px; font-size:1em; font-family: "Poppins", sans-serif; transition:all 0.6s ease; } 
.bannerText a:hover { background:var(--theme-blue-color); color:var(--WhiteColor); } 
.mainHeroBanner img { max-width:100%; height:auto; } 
.swiper-pagination-bullet { width: 15px!important; height: 4px!important; border-radius: 0px!important; transition: all 0.3s !important; background-color: var(--WhiteColor)!important; opacity: 0.4; margin: 0 2px !important; border-radius:5px!important; } 
.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px!important; height: 4px!important; background-color: var(--WhiteColor); opacity: 1; } 
.swiper-pagination-bullets.swiper-pagination-horizontal { text-align:left; bottom:50px!important; left:20px; } 

button#toggleAutoplayButton { font-size: 0; position: absolute; padding: 0; border: 0; top: 0px; right: 45px; z-index: 1; background:var(--orangeLink); border-radius: 100% !important; width: 32px; height: 32px; } 
button#toggleAutoplayButton:before { content: "\f04c"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.875em; color: var(--TextPrimaryColor); } 
button#toggleAutoplayButton.playBtn:before { content: '\f04b'; } 
button#toggleWhatsAutoplayButton { top:-70px; right:45px; } 
button#toggleWhatsAutoplayButton:hover { border-color:var(--orangeLink); } 
button#toggleWhatsAutoplayButton:hover:before { color:var(--orangeLink); } 

/* table */
.table-responsive table th{white-space:nowrap;}

/* about section */
.aboutSection { padding:80px 0; background:#FCFCFB; } 
.aboutSection h2 { font-size:2.25em; color:#323232; font-family: 'BarlowBold'; font-weight:800; } 
.aboutSection h2 .subText { font-size: 1.875em; color:#455392; display:block; font-weight:500; letter-spacing:10px; position:relative; } 
.aboutSection h2 .subText:after { content:""; width:150px; height:2px; background:#455392; position:absolute; left:45%; bottom:10px; display:block; } 
.aboutSection h3 { font-size:2.25em; color:#455392; font-family: 'BarlowBold'; font-weight:800; } 
.aboutSection p { font-size:1.12em; font-family: 'LatoRegular'; } 


/* whats new section */
.whatsNewSection { background:#F8C058; height:auto; position:relative; padding:200px 0 250px; margin:0px 0; /* background:url(../images/orange-skew-bg.svg) top center no-repeat; */ } 
.whatsNewSection h2 { z-index:1; position:relative; font-family: 'BarlowBold'; font-size:2.5em; font-weight:800; line-height:40px; } 
.whatsNewBox { background:var(--WhiteColor); padding:20px; border-radius:10px; margin:10px; min-height:180px; box-shadow:0px 0px 12px #d1d1d1; position:relative; } 
.whatsNewBox .primaryLink{ position:absolute; bottom:15px; left:20px;}
/*.whatsNewDate { background: transparent linear-gradient(226deg, #0CCE6B 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box; padding:10px; text-align:center; max-width:80px; border-radius:10px; margin-top:-50px; margin-bottom:20px; } */

/*.whatsNewDate .date { font-size:2.9em; color:var(--WhiteColor); font-family: 'BarlowBold'; font-weight:800; line-height:47px; } 
.whatsNewDate .month { font-size:1.12em; color:var(--WhiteColor); font-family: 'BarlowBold'; font-weight:300; line-height:18px; } */
.whatsNewDate .date { color:#858585; font-weight:400; } 
.whatsNewBox:after { content:""; width:0%; height:4px; background:#455392; bottom:-4px; left:10%; right:10%; position:absolute; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } 
.whatsNewBox:hover { cursor:pointer; } 
.whatsNewBox:hover:after { width:80%; } 
.whatsNewBox:after { transform: scaleX(0); transform-origin: bottom center; transition: transform 0.25s ease-out; } 
.whatsNewBox:hover:after { transform: scaleX(1); transform-origin: bottom center; transition: transform 0.25s ease-out; } 

.whatsNewBox p { text-align:left!important; } 
a.primaryLink { color: var(--orangeLink); text-decoration: none; font-weight: 400; } 
a.primaryLink:hover { text-decoration: underline; } 
.whatsNewCarouselBlock { position:relative; } 
/*.whatsNewSection:before { content:""; width:100%; height:190px; position:absolute; left:inherit; right:0; top:0px; z-index:0; background:url(../images/whats-new-bg-top.png) top center no-repeat; background-size:100%; z-index:0; } */
.whatsNewCarouselBlock .swiper-button-next.whatsNewCarouselNext, .whatsNewCarouselBlock .swiper-button-prev.whatsNewCarouselPrev { width:30px!important; height:30px!important; right:0!important; top:-40px!important; left:inherit!important; } 
.whatsNewCarouselBlock .swiper-button-next.whatsNewCarouselNext { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size: 100%!important; } 
.whatsNewCarouselBlock .swiper-button-prev.whatsNewCarouselPrev { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size: 100%!important; rotate: -180deg; right:95px!important } 
.whatsNewCarouselBlock .swiper-button-next.whatsNewCarouselNext:hover, .whatsNewCarouselBlock .swiper-button-prev.whatsNewCarouselPrev:hover { background-image:url(../images/whats-slider-arrow-hover.svg)!important } 
.whatsNewCarouselBlock .swiper-button-prev:after, .whatsNewCarouselBlock .swiper-button-next:after { display:none; } 
.swiper-button-disabled { opacity:1!important; } 
.whatsNewSection a.primaryLink { color:var(--TextPrimaryColor)!important; margin-right:150px; } 
button#toggleWhatsAutoplayButton { font-size: 0; position: absolute; padding: 0; border: 0; z-index: 1; background:transparent; border:2px solid var(--lightGrayColor); border-radius: 100% !important; width: 32px; height: 32px; } 
button#toggleWhatsAutoplayButton:before { content: "\f04c"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.875em; color:var(--lightGrayColor); line-height: 29px; } 
button#toggleWhatsAutoplayButton.playBtn:before { content: '\f04b'; } 
button#toggleWhatsAutoplayButton { top:-63px; right:45px; } 
.whatsNewTop .primaryLink { margin-right:150px; } 

/* Glance Section */

.glanceSection { padding:50px 0; position:relative; margin-top:0px; background:url(../images/glance-bg.jpg) no-repeat; background-size:cover; } 
/*.glanceSection:before { content:""; height:900px; width:100%; background:url(../images/glance-bg.png) top center no-repeat; background-size:100%; position:absolute; top:-185px; left:0; } */
.glanceSection h3 { font-family: 'BarlowBold'; font-weight:800; font-size:2.5em; line-height:40px; color:var(--WhiteColor); } 
.glanceSection p { font-size:1.12em; font-family: 'LatoRegular'; color:var(--WhiteColor); line-height:28px; text-align:left; } 
.glanceBox { background:var(--WhiteColor); padding:20px; border-radius:10px; text-align:center; min-height:165px; margin-bottom:40px; position:relative; display:flex; flex-direction:column; justify-content:space-evenly; } 
.glanceBox:after { content:""; width:80%; height:4px; background:#455392; bottom:-4px; left:10%; right:10%; position:absolute; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } 
.glanceBox .counter { font-size:2.6em; color:#455392; display:block; font-family: 'BarlowBold'; font-weight:700; line-height:42px; } 
.glanceBox .glanceText { font-family: 'LatoRegular'; font-size:1.5em; display:block; font-weight:300; line-height:26px; } 
.yearDateTop { color:var(--WhiteColor); font-family: 'LatoRegular'; font-size:1.3em; line-height:22px; text-align:right; margin-bottom:20px; z-index:2; position:relative; } 
.glanceTitleText { z-index:2; position:relative; } 


/* Latest Event Section */

.latestEventSection { position:relative; z-index:1; } 
.latestEventSection h2 { font-family: 'BarlowBold'; font-weight:800; font-size:2.5em; line-height:40px; color:var(--TextPrimaryColor); } 
.latestEventBox { background:var(--WhiteColor); padding:10px 30px 40px; border-radius:40px; box-shadow:var(--boxshadow); position: relative; } 
.latestEventBox .lrgImg { margin-bottom:20px; } 
.latestEventBox .lrgImg img { border-radius:20px; } 
.latestEventBox .date { font-family: 'LatoRegular'; font-size:1em; line-height:16px; color:#DF8D00; } 
.latestEventBox .latestLargeImg .date img { vertical-align:baseline; margin-right:5px; } 
.latestEventBox .latestLargeImg p { font-family: 'LatoRegular'; font-size:1.5em; line-height:24px; max-width:85%; margin-top:15px; } 
.latestEventBox a.primaryLink { margin-right: 100px; } 
.latestEventBox .latestSmlImg { display:flex; justify-content:space-between; align-items:center; } 
.latestEventBox .latestSmlImg .smlImg img { border-radius:20px; } 
.latestEventBox .latestSmlImg .date { font-family: 'LatoRegular'; font-size:1em; line-height:16px; color:#DF8D00; } 
.latestEventBox .latestSmlImg .date img { vertical-align:bottom; margin-right:5px; } 
.latestEventBox .latestSmlImg p { font-family: 'LatoRegular'; font-size:1.5em; line-height:24px; max-width:85%; margin-top:15px; text-align:left; } 
.latestEventBox .latestSmlImg .dateList { padding-left:20px; } 

.latestEventBox .activityTicker li { } 
.latestEventBox .tickerDivBlock { height:400px!important; } 
.latestEventBox:after { content:""; width:80%; height:8px; background: transparent linear-gradient(262deg, #0CCE6B 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box;; bottom:-8px; left:10%; right:10%; position:absolute; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } 
.ticker .playPause { color:var(--TextPrimaryColor); text-decoration:none; position:absolute; top:-60px; right:0; } 
.ticker { position:relative; } 
.ticker .playPause { background:url(../images/play-pause-black.png) right 0px no-repeat; padding-right:30px; padding-bottom:3px; } 
.ticker .playPause.play { background-position:right -30px; } 

/* Circular Section */

.circularSection { padding:80px 0; } 
.circularSection h3 { font-family: 'BarlowBold'; font-weight:800; font-size:2.5em; line-height:40px; color:var(--TextPrimaryColor); } 
.circularSection .circularBox { display:flex; justify-content:space-between; align-items:center; background:var(--WhiteColor); padding:20px; border-radius:20px; box-shadow:var(--boxshadow); margin-bottom:20px; transition:all 0.6s ease; min-height:160px; } 
.circularSection .circularBox:hover { cursor:pointer; box-shadow:2px 8px 8px #c4f4ff; } 
.circularSection .circularBox .circularList { max-width:85%; } 
.circularSection .circularBox .circularList .date { font-size:1em; line-height:16px; color:#DF8D00; font-family: 'LatoRegular'; font-weight:500; } 
.circularSection .circularBox .circularList .date img { vertical-align:bottom; } 
.circularSection .circularBox .circularList p { text-decoration:none; text-align:left; font-size:1.12em; line-height:22px; font-family: 'LatoRegular'; margin-top:15px; color:#323232; } 
.circularSection .circularBox .circularList p a { font-size:1.12em; line-height:22px; font-family: 'LatoRegular'; color:#323232; } 
.circularSection .circularBox .circularPDF { width:32px; } 

/* Resource Section */
.resourceSection { position:relative; padding:70px 0px; background:#445294; } 
/*.resourceSection:before { content:""; height:1200px; width:100%; background:url(../images/resource-bg.svg) top center no-repeat; background-size:100%; position:absolute; top:0; left:0; } */
.resourceSection h3 { font-family: 'BarlowBold'; font-weight:700; font-size:2.5em; line-height:40px; color:var(--WhiteColor); z-index:1; position:relative; text-align:center; margin-bottom:60px; } 
.resourceSection .resourceBox { background:rgba(255,255,255,0.2); padding:20px; z-index:1; position:relative; border-radius:10px; margin-bottom:20px; transition:all 0.6s ease; min-height:160px; } 
.resourceSection .resourceBox .counter { font-family: 'BarlowBold'; font-weight:800; font-size:2.5em; line-height:40px; color:var(--WhiteColor); margin-bottom:15px; } 
.resourceSection .resourceBox p { color:var(--WhiteColor); font-family: 'LatoRegular'; font-size:1.5em; line-height:24px; text-align:left; } 
.resourceSection .resourceBox p a { color:var(--WhiteColor); font-family: 'LatoRegular'; font-size:1.5em; line-height:24px; } 
.resourceSection .resourceBox .arrow { width:45px; height:45px; border-radius:50%; text-align:center; line-height:30px; position:absolute; right:20px; top:20px; background:rgba(255,255,255,0.2) url(../images/resource-icon.svg) center center no-repeat; } 
.resourceSection .resourceBox:hover { background:var(--WhiteColor); cursor:pointer; } 
.resourceSection .resourceBox:hover p, .resourceSection .resourceBox:hover p a { color:var(--TextPrimaryColor); } 
.resourceSection .resourceBox:hover .counter { color:var(--orangeLink); } 
.resourceSection .resourceBox:hover .arrow { background-color:var(--orangeLink); } 

/* citizen corner section */

.citizenCornerSection { position:relative; } 
.citizenCornerSection:before { content:""; background:#445294; height:50%; width:100%; position:absolute; top:0px; left:0; z-index:0; } 
.citizenCornerBox { background:var(--WhiteColor); padding:40px; border-radius:20px; box-shadow:var(--boxshadow); z-index:2; position:relative; } 
.citizenCornerBox h3 { font-family: 'BarlowBold'; font-weight:800; font-size:2.5em; line-height:40px; color:var(--TextPrimaryColor); z-index:1; position:relative; text-align:center; } 
.citizenCornerListing { border-radius:15px; overflow:hidden; } 
.citizenCornerListing .citizenCornerText { background:#ECEDF4; padding:20px 10px; display:block; text-align:center; font-size:1.3em; color:#455392; font-family: 'BarlowBold'; font-weight:400; } 
.citizenCornerListing img { width:100%; height:auto; } 
.citizenCornerBox .swiper-button-next, .citizenCornerBox .swiper-button-prev { width:30px!important; height:30px!important; right:40px!important; top:70px!important; left:inherit!important; } 
.citizenCornerBox .swiper-button-next { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size:cover!important; } 
.citizenCornerBox .swiper-button-prev { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size:cover!important; rotate: -180deg; right:130px!important } 
.citizenCornerBox .swiper-button-next:hover, .citizenCornerBox .swiper-button-prev:hover { background-image:url(../images/whats-slider-arrow-hover.svg)!important; } 
.citizenCornerBox .swiper-button-prev:after, .citizenCarouselBlock .swiper-button-next:after { display:none; } 
.citizenCornerBox a.primaryLink { color:var(--TextPrimaryColor)!important; margin-right:150px; } 
.citizenCornerSection button#toggleCitizenButton { font-size: 0; position: absolute; padding: 0; border: 0; z-index: 1; background:transparent; border:2px solid var(--lightGrayColor); border-radius: 100% !important; width: 32px; height: 32px; } 
.citizenCornerSection button#toggleCitizenButton:before { content: "\f04c"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.75em; color:var(--lightGrayColor); line-height: 29px; } 
.citizenCornerSection button#toggleCitizenButton.playBtn:before { content: '\f04b'; } 
.citizenCornerSection button#toggleCitizenButton { top:47px; right:84px; } 
.citizenCornerSection button#toggleCitizenButton:hover { border-color:var(--orangeLink); } 
.citizenCornerSection button#toggleCitizenButton:hover:before { color:var(--orangeLink); } 

/* FAQ section */
.faqSection { padding:80px 0; position:relative; height:750px; } 
.faqBox { background: transparent linear-gradient(237deg, #0CCE6B 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box; border-radius:20px; padding:40px; max-width:60%; position:absolute; right:0; width:100%; top:50px; min-height:580px; } 
.faqBlock { position:relative; } 
.faqBlock .faqImg { position:absolute; left:0; top:0; max-width:645px; } 
.faqBlock .faqImg img { border-radius:20px; } 
.faqBox h3 { font-family: 'BarlowBold'; font-weight:700; font-size:2.5em; line-height:40px; color:var(--WhiteColor); } 
.faqBlock .primaryLink { color:var(--WhiteColor); } 

.accordion { margin-bottom:20px; } 
.accordion .accTrigger { background:url(../images/plus-icon.svg) right 50% no-repeat; cursor:pointer; font-weight:bold; padding:20px 0; margin:20px 0; border-top:1px solid rgba(255,255,255,0.5); } 
.accordion .accTrigger:first-child { border:none; } 
.accordion .accTrigger a { display:block; text-decoration:none; outline:0; font-family: 'BarlowSemiBold'; font-size:1.3em; line-height:22px; color:var(--WhiteColor); } 
.accordion .accTrigger.active { background:url(../images/minus-icon.svg) right 50% no-repeat !important; } 
.accordDetail { padding:0; display:none; font-family: 'LatoRegular'; font-size:1em; line-height:22px; color:var(--WhiteColor); } 

/* footer */
footer { background:#445294; } 
footer ul.footer-site-links { margin:0; padding:0; display:block!important; } 
footer ul.footer-site-links li { position: relative; padding: 0 10px; color: rgb(255, 255, 255); display: inline-flex; align-items: center; } 
footer ul.footer-site-links li:first-child { padding-left:0; } 
footer ul.footer-site-links li:last-child::after { display: none; } 
footer ul.footer-site-links li::after { position: absolute; content: "|"; right: 0; font-size: 0.875em; } 
footer ul.footer-site-links li a { font-size: 0.8em; color: rgb(255, 255, 255); transition: 0.3s ease-in-out; } 
footer ul.footer-site-links li a:hover { color: #ff929b; } 
footer p.footer-text { text-align: left; color: rgb(255, 255, 255); font-size: 0.8em; margin-bottom:0; } 
footer .footer-site-counter { font-size: 0.8em; color: #fff; margin: 0; line-height: 22px; text-align: right; justify-content:end; } 

/* partner section */
.partner { margin: 40px 0 50px; padding:0 50px; position: relative; } 
.partner .swiper-horizontal { margin: 0; } 
.partner.homePartner .swiper-button-prev, section.parnterSection .partner .swiper-button-prev { left:unset; right:20px; width:21px; height:auto; box-shadow:none; border:0; } 
.partner.homePartner .swiper-button-next, section.parnterSection .partner .swiper-button-next { width: 21px; height: auto; box-shadow: none; border: 0; } 
.partner.homePartner #toggleAutoplayLogoHome { left: 50%; transform:translateX(-50%); width: 30px; height: 30px; background: #fff; bottom: -40px!important; top:inherit!important; } 
section.parnterSection .partner #toggleAutoplayLogo { width: 30px; height: 30px; background: #fff; box-shadow: 0 0 5px #aaa; } 
.partner.homePartner #toggleAutoplayLogoHome:before,
section.parnterSection .partner #toggleAutoplayLogo:before { color: var(--lightGrayColor); } 
section.parnterSection .partner .swiper-button-prev,
section.parnterSection .partner .swiper-button-next,
section.parnterSection .partner #toggleAutoplayLogo { position: relative; top:0; margin:0 } 
section.parnterSection .partner .sliderNav { margin-top:20px } 
.partner .swiper-wrapper { align-items: center; height: inherit;} 
.partner .swiper-slide { text-align:center; } 
button#toggleAutoplayLogoHome { font-size: 0; position: absolute; padding: 0; border: 0; z-index: 1; background:transparent; border:2px solid var(--lightGrayColor); border-radius: 100% !important; width: 32px; height: 32px; left:50%; right:50%; } 
button#toggleAutoplayLogoHome:before { content: "\f04c"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.875em; color:var(--lightGrayColor); line-height: 29px; } 
button#toggleAutoplayLogoHome.playBtn:before { content: '\f04b'; } 
button#toggleAutoplayLogoHome { top:46px; right:84px; } 
.partner .swiper-button-next, .partner .swiper-button-prev { width:30px!important; height:30px!important; /*right:45%!important; top:inherit!important; bottom:-40px!important; left:inherit!important; */ } 
.partner .swiper-button-next { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size:cover!important; } 
.partner .swiper-button-prev { background:url(../images/whats-slider-arrow.svg) 0 0 no-repeat!important; background-size:cover!important; rotate: -180deg; left:0px!important; /*right:inherit!important; left:45%!important*/ } 
.partner .swiper-button-prev:hover, .partner .swiper-button-next:hover { background-image:url(../images/whats-slider-arrow-hover.svg)!important; } 
.partner .swiper-button-prev:after, .partner .swiper-button-next:after { display:none; } 
button#toggleAutoplayLogoHome:hover { border-color:var(--orangeLink); } 
.partner.homePartner #toggleAutoplayLogoHome:hover:before { color:var(--orangeLink); } 


/* social */
.sticky-social { position:fixed; top:50%; right:0px; padding:0px; margin:0px; transform:translateY(-50%); z-index:999; } 
.social { list-style:none; } 
.social li { transition:all 0.2s ease-in-out; } 
.social li:hover { margin-left:-15px; box-shadow:2px 5px 10px grey; } 
.fbIcon { background-color:#1f5ad1; } 
.twitterIcon { background-color:#000; } 
.instaIcon { background: rgb(240,82,105); background: linear-gradient(3deg, rgba(240, 82, 105, 1) 0%, rgba(224, 41, 132, 1) 35%, rgba(148, 41, 182, 1) 72%, rgba(129, 29, 165, 1) 100%); } 
.youtubeIcon { background-color:#f00; } 
.socialinks .publicIcon { background-color: #DB0848; } 
.nav-toggle { background: transparent linear-gradient(266deg, #1D5CAC 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box; } 


/* ===== smoke external css popup ===== */
.smoke-base { position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0 } 
.smoke-base.smoke-visible { opacity: 1; visibility: visible } 
.smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0 } 
.smoke-base .dialog { position: absolute } 
.dialog { margin-top: 15px; text-align: center } 
.dialog-buttons { margin: 20px 0 5px 0 } 
.smoke { text-align: center; font-size: 1.125em; line-height: 150% } 
.dialog-buttons button { display: inline-block; vertical-align: baseline; cursor: pointer; font-style: normal; text-decoration: none; border: 0; outline: 0; margin: 0 5px; -webkit-background-clip: padding-box; font-size: .813em; line-height: 13px; font-weight: 400; padding: 9px 12px } 
.dialog- input { margin: 0; border: 0; font-family: sans-serif; outline: 0; border: 1px solid #aaa; width: 75%; display: inline-block; background-color: transparent; font-size: 1em; padding: 8px } 
.smoke-base { background: rgba(0, 0, 0, .6) } 
.smoke-base .dialog { top: 40%; width: 700px; left: 50%; margin-left: -350px; border-radius:10px; } 
.smoke-base .dialog-inner { padding: 15px; color: #202020; } 
.smoke { background-color: rgba(255, 255, 255, .95); box-shadow: 0 2px 8px var(--Black666) } 
.dialog-buttons button { background-color: var(--orangeLink); border-radius: 6px; color: var(--WhiteColor); transition:all 0.6s ease; } 
.dialog-buttons button:hover { background-color: var(--theme-blue-color); } 
.dialog-buttons button.cancel { background-color: rgba(0, 0, 0, .4) } 
.scroll-top { background:var(--SecondaryColor); } 
.scroll-top:hover { background:var(--theme-blue-color); } 
.scroll-top .fa-chevron-up { animation:bounce 2s infinite; color:var(--WhiteColor); } 

@keyframes bounce {from { transform: translate3d(0, 30px, 0); } 
 to { transform: translate3d(0, 10px, 0); } 
 }

/* inner pages over ride */

h1, h2, h3, h4, h5, .inner-page-heading h3 { font-family: 'LatoRegular'; } 
.de-btn, .resp-tabs-list li.resp-tab-active, .resp-tabs-list li::before { background:var(--orangeLink); } 
.de-btn:hover { background:#455392; } 
.inner-list li {  font-size: 1em!important;}
.inner-list li a { color:var(--PrimaryColor); text-decoration:none; font-size: 1em; } 
.inner-list li a:hover { color:var(--theme-blue-color); } 
.inner-list li::before { content:"\f061"; font-family: "Font Awesome 5 Free"; font-weight:600; } 

.janparichay-box-outer { background: transparent linear-gradient(266deg, #0CCE6B 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box; } 

.form-section-heading { background:#e0e8fd!important; color:var(--PrimaryColor)!important; font-size:1.125em;; padding:10px 15px!important; border-left:none; margin-bottom:20px; border-radius:6px; } 
.form-section-heading{ font-size: 1em!important;}
.form-section-heading h4 { margin:5px 0 5px 10px!important; font-size:1.1em!important; font-weight:600; color:var(--theme-blue-color); } 

.bgBackgound img { visibility:hidden; opacity:0; text-size:0; height:1px; } 
.bgBackgound { background-repeat:no-repeat; background-size:cover; min-height:526px; background-position:right center; } 

.dash-btn { background: var(--SecondaryColor); padding: 6px 15px; border-radius: 20px; color: var(--WhiteColor); line-height: 20px; } 
.dash-btn:hover { background: var(--theme-blue-color); color: var(--WhiteColor); } 
.accessbility { width:35px; height:35px; } 



@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;%200,200;%200,300;%200,400;%200,500;%200,600;%200,700;%200,800;%200,900;%201,100;%201,200;%201,300;%201,400;%201,500;%201,600;%201,700;%201,800;%201,900&family=Lato:ital,wght@0,100;%200,300;%200,400;%200,700;%200,900;%201,100;%201,300;%201,400;%201,700;%201,900&display=swap');
/* ===== common css ===== */
:root {--PrimaryColor: #0A0A0A;--HighContrastPrimaryColor: #ff0;--HighContrastSecondaryColor: #00ff15;--SecondaryColor: #EF9700;--TextPrimaryColor: #323232;--Black111:#111;--Black222:#222;--Black333:#333;--Black444:#444;--Black666:#666;--WhiteColor: #ffffff;--BlackColor: #000000;--lightGrayColor: #EBEBEB;--SecondaryLightGray: #efefef;--SecondaryGray: #cccccc;--font12:0.75em;--font13:0.8125em;--font14:0.875em;--font15:0.9375em;--font16:1em;--font18:18px;--font20:20px;--font24:24px;--font26:26px;--font30:30px;--font32:32px;--font34:34px;--font48:48px;--theme-shadow-4:0px 0px 75px rgba(0, 0, 0, 0.05);--theme-pink-link: #F12A4C;--theme-blue-color:#22409A;--theme-grey-color:#EDF1F8;--body-black-font: #323232;--boxshadow: 3px 7px 25px rgba(0,0,0,0.1);--orangeLink:#EF9700; } 
body { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; margin: 0; padding: 0; box-sizing: border-box; color: var(--TextPrimaryColor); overflow-x:hidden; } 
body.scrollOff { overflow: hidden; } 
ul { margin: 0; padding: 0; list-style: none; } 

.dashTotalAdoptionBlock { background:#D5E0FE; padding:20px; border-radius:10px; } 
.totalAdoptionTop { display:flex; align-items:center; margin-bottom:20px; } 
.totalAdoptionTop .totalAdoptionYear { font-weight:bold; margin-right:10px; font-size:1.5em; } 
.totalAdoptionTop .totalAdoptionIcon { background:#c9d8ff; border-radius:5px; padding:5px; margin-right:10px; } 
.totalAdoptionTop .totalAdoptionYear .dashYear { font-weight:normal; } 
.totalAdoptionTop .totalAdoptionCount { font-weight:bold; font-size:1.5em; margin-left:15px; padding-left:15px; border-left:1px solid #B4BBCB; } 
.dashTotalAdoptionBlock h3 { font-size:1.25em; color:#22409A; font-weight:bold; } 
.totalAdoptionWhiteBox { background:#fff; border-radius:20px; padding:20px; box-shadow:0px 0px 15px #e9e5e5; } 
.totalAdoptionWhiteBox h3 { font-size:1.5em; font-weight:500; } 
.totalAdoptionWhiteBox .totalAdoptionBdrBox { border:1px solid #eaeef9; border-radius:10px; padding:10px; margin-bottom:10px; } 
.totalAdoptionWhiteBox .totalAdoptionBdrBox h4 { font-size:1em; font-weight:bold; } 


.dashPAPsBlock { background:#fceced; padding:20px; border-radius:10px; } 
.dashPAPsBlockTop { display:flex; align-items:center; margin-bottom:20px; } 
.dashPAPsBlockTop .dashPAPsBlockYear { font-weight:bold; margin-right:10px; font-size:1.5em; } 
.dashPAPsBlockTop .dashPAPsBlockIcon { background:#f5d4d6; border-radius:5px; padding:5px; margin-right:10px; } 
.dashPAPsBlockTop .dashPAPsBlockYear .dashYear { font-weight:normal; } 
.dashPAPsBlockTop .dashPAPsBlockCount { font-weight:bold; font-size:1.5em; margin-left:15px; padding-left:15px; border-left:1px solid #B4BBCB; } 


.dashChildAvialBlock { background:#FCF3D8; padding:20px; border-radius:10px; } 
.dashChildAvialTop { display:flex; align-items:center; margin-bottom:20px; } 
.dashChildAvialTop .dashChildAvialYear { font-weight:bold; font-size:1.5em; margin-right:10px; } 
.dashChildAvialTop .dashChildAvialIcon { background:#f1db9c; border-radius:5px; padding:5px; margin-right:10px; } 
.dashChildAvialTop .dashChildAvialYear .dashYear { font-weight:normal; line-height:22px; } 
.dashChildAvialTop .dashChildAvialCount { font-weight:bold; font-size:1.375em; margin-left:15px; padding-left:15px; border-left:1px solid #B4BBCB; } 


.dashStakeBlock { background:#e9f1e4; padding:20px; border-radius:10px; } 
.dashStakeBlockTop { display:flex; align-items:center; margin-bottom:20px; } 
.dashStakeBlockTop .dashStakeBlockYear { font-weight:bold; font-size:1.5em; margin-right:10px; } 
.dashStakeBlockTop .dashStakeBlockIcon { background:#cfe3bf; border-radius:5px; padding:5px; margin-right:10px; } 
.dashStakeBlockTop .dashStakeBlockYear .dashYear { font-weight:normal; line-height:22px; } 
.dashStakeBlockTop .dashStakeBlockCount { font-weight:bold; font-size:1.375em; margin-left:15px; padding-left:15px; border-left:1px solid #B4BBCB; } 
.dashStakeBlock h3 { font-size:1.25em; color:#22409A; font-weight:bold; } 


.dashChildCateBlock { background:#E9E5FF; padding:20px; border-radius:10px; } 
.dashChildCateBlockTop { display:flex; align-items:center; margin-bottom:20px; } 
.dashChildCateBlockTop .dashChildCateBlockYear { font-weight:bold; font-size:1.5em; margin-right:10px; } 
.dashChildCateBlock .missingChildList { margin:0 20px } 
.dashChildCateBlock .missingChildList .totalHead:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; } 


.iconBox { display:flex; background:#ecf1ff; padding:10px; border-radius:4px; align-items:center; } 
.dashStakeBlock .iconBox { background:#fff; } 
.dashCount { line-height:22px; } 
.dashCount .counter { display:block; width:100%; font-size:1.375em; font-weight:bold; } 
.dashSmlIcon { width:53px; height:53px; border-radius:50%; margin-right:10px; } 
.orangeIcon { background:#fb8649; } 
.purpleIcon { background:#ae82f1; } 
.greenIcon { background:#90b876; } 
.blueIcon { background:#4850bb; } 
.redIcon { background:#d94f69; } 
.orangeIcon { background:#e8b157; } 
.skyblueIcon { background:#4daddf; } 
.darkPurpleIcon { background:#6f60f5; } 
.brownIcon { background:#d59077; } 

.orangeColor { color:#fb8649; } 
.purpleColor { color:#ae82f1; } 
.greenColor { color:#90b876; } 
.blueColor { color:#4850bb; } 
.redColor { color:#d94f69; } 
.orangeColor { color:#e8b157; } 
.skyblueColor { color:#4daddf; } 
.darkPurpleColor { color:#6f60f5; } 
.brownColor { color:#d59077; } 
.pinkColor { color:#f35681; } 
.darkBlueColor { color:#4857bd; } 

.greenGradient { background: rgb(34,147,97); background: linear-gradient(90deg, rgba(34,147,97,1) 0%, rgba(52,168,117,1) 100%); } 
.pinkGradient { background: rgb(182,64,187); background: linear-gradient(90deg, rgba(182,64,187,1) 0%, rgba(210,99,204,1) 100%); } 
.blueGradient { background: rgb(40,116,168); background: linear-gradient(90deg, rgba(40,116,168,1) 0%, rgba(52,159,192,1) 100%); } 
.purpleGradient { background: rgb(93,77,220); background: linear-gradient(90deg, rgba(93,77,220,1) 0%, rgba(107,91,229,1) 100%); } 

.piebotmIcon { } 
.piebotmIcon .count { font-weight:bold; font-size:2em; } 
.piebotmIcon .pieIcon { margin-right:10px; } 
.pieTextCount .count { display:block; font-size:1.25em; } 
.pieTextCount .pieCountText { font-size:0.875em; line-height:14px; display:inline-block; } 

.barchatCount { font-weight:bold; font-size:1.5em; } 
.barChatCountText { font-size:1.125em;; text-align:center; } 
.greenLineBox { border-bottom:3px solid rgb(34,147,97); padding:20px; } 
.pinkLineBox { border-bottom:3px solid rgb(182,64,187); padding:20px; } 
.blueLineBox { border-bottom:3px solid rgb(40,116,168); padding:20px; } 
.purpleLineBox { border-bottom:3px solid rgb(93,77,220); padding:20px; } 

.missingChildList li { position:relative; width:100%; display:block; margin-bottom:15px; } 
.missingChildList li.totalHead { font-size:1.125em;; border-bottom:2px solid #d1d1d1; padding-bottom:15px; } 
.missingChildList li.totalHead .count { font-size:1.5em; } 
.missingChildList li .count { position:absolute; right:0; font-size:1.25em; font-weight:bold; } 
.missingChildList li:last-child { margin-bottom:0; } 


/*New  front-end dashboard CSS*/
.dashboardSection { background:#F5F6FF; } 
.dashboardFilter { position:relative; } 
.dashboardFilter:before { content:""; background:#364588; position:absolute; height:85%; width:100%; } 
.filterFormBlock, .dashCounterBox { position:relative; z-index:1; padding:40px 0; } 
.filterFormBlock h2 { font-family: "Barlow", serif; color:var(--WhiteColor); border-bottom:1px solid #5c689e; padding-bottom:20px; margin-bottom:20px; font-size:2.875em; } 
.filterFormBlock .subTitle { font-size:1.5em; font-family: "Lato", serif; font-weight:700; color:var(--WhiteColor); } 
.filterFormBlock select, .stateFilter select { padding:10px 25px; width:100%; border-radius:35px; appearance:none; background:var(--WhiteColor) url(../images/dashboard-images/select-arrow.png) 90% center no-repeat; border:none; font-size:1em; } 
.stateFilter select { border:1px solid #d1d1d1; background-position:95% center; background-size:12px; } 
.filterFormBlock input[type="text"], .stateFilter input[type="text"] { padding:10px 25px; width:100%; border-radius:35px; appearance:none; background:var(--WhiteColor); border:none; font-size:1em; } 
.filterFormBlock .datePicker { background:var(--WhiteColor) url(../images/dashboard-images/calender-icon.svg) 90% center no-repeat!important; } 
.filterFormBlock input[type="submit"], .stateFilter input[type="submit"] { background:var(--orangeLink); color:var(--WhiteColor); border:none; padding:10px; width:100%; border-radius:35px; font-size:1em; transition:all 0.6s ease; border:1px solid transparent; } 
.filterFormBlock input[type="submit"]:hover, .stateFilter input[type="submit"]:hover { background:var(--WhiteColor); color:var(--orangeLink); border:1px solid #d1d1d1; } 

.dashCounterBox { background:var(--WhiteColor); padding:20px; text-align:center; border-radius:20px; box-shadow:0px 0px 15px #e9e5e5; } 
.dashCounterBox:after { content: ""; width: 95%; height: 6px; background: #F87853; bottom: -6px; left: 2.5%; right: 2.5%; position: absolute; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } 
.dashCounterBox .counter { font-size:1.75em; color:#445294; font-family: "Barlow", serif; font-weight:700; } 
.dashCounterBox .countText { font-size:1.125em;; color:#323232; font-family: "Lato", serif; font-weight:700; line-height:18px; } 

.pieIcons { display:flex; align-items:center; margin-bottom:5px; } 
.pieLegendText { font-size:0.9375em; line-height:16px; } 

.helpLineIcons { display:flex; } 
.helpLineIcons .counter { font-family: "Lato", serif; font-weight:700; display:block; font-size:  1.625em; } 
.helpLineIcons .icon { margin-right:15px; } 

.helpDivider { margin:33px 0 } 
.stateDivider { margin:20px 0 } 
.indiaMap { text-align:center; } 


.mapListBox { } 
.mapListBox a { text-decoration:none; color:#323232; } 
.mapListBox a:hover .mapList { box-shadow:0px 0px 15px #ECE6F6; } 
.mapList { border-radius:10px; position:relative; min-height:120px; padding:15px; transition:all 0.5s ease; } 
.mapList .counter { font-weight:700; font-size:1.75em; } 
.mapList:before { content:""; position:absolute; right:10px; top:10px; background:url(../images/dashboard-images/link-icon.svg) no-repeat; width:10px; height:10px; } 
.mapListBox .col-lg-4:nth-child(1) .mapList { background:#ECE6F6; } 
.mapListBox .col-lg-4:nth-child(2) .mapList { background:#FBECF2; } 
.mapListBox .col-lg-4:nth-child(3) .mapList { background:#F0F6DA; } 
.mapListBox .col-lg-4:nth-child(4) .mapList { background:#E6F9E3; } 
.mapListBox .col-lg-4:nth-child(5) .mapList { background:#EBEDFF; } 
.mapListBox .col-lg-4:nth-child(6) .mapList { background:#FEF1D8; } 
.mapListBox .col-lg-4:nth-child(7) .mapList { background:#E5F3FE; } 

.mapListBox .col-lg-4:nth-child(1) .mapList .counter { color:#7B3ADC } 
.mapListBox .col-lg-4:nth-child(2) .mapList .counter { color:#DC1C69 } 
.mapListBox .col-lg-4:nth-child(3) .mapList .counter { color:#869A38 } 
.mapListBox .col-lg-4:nth-child(4) .mapList .counter { color:#3FA163 } 
.mapListBox .col-lg-4:nth-child(5) .mapList .counter { color:#3446E9 } 
.mapListBox .col-lg-4:nth-child(6) .mapList .counter { color:#EEA210 } 
.mapListBox .col-lg-4:nth-child(7) .mapList .counter { color:#1D90FF } 



a:hover path { fill:#2e348c; } 
area { cursor: pointer; } 
.qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 180px; min-width: 50px; font-size: 0.875em; line-height: 17px; direction: ltr; box-shadow: none; padding: 0; } 
.qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: center; word-wrap: break-word; } 
.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } 
.qtip-titlebar + .qtip-content { border-top-width: 0 !important; } 
.qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 0px; border-style: solid; border-color: transparent; } 
.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; } 
* html .qtip-titlebar .qtip-close { top: 16px; } 
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; } 
.qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-decoration: none; } 
.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } 
.qtip-default { border-width: 1px; border-style: solid; border-color: #2e348c; background-color: #2e348c; color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; } 
.qtip-default span { font-weight:bold; color:#ef9700; } 
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } 
.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; } 
 x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; } 
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } 
.qtip .qtip-tip canvas { top: 0; left: 0; } 
.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; } 
#qtip-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } 
#qtip-overlay.blurs { cursor: pointer; } 
#qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } 
.qtipmodal-ie6fix { position: absolute !important; } 
.mapToolTips { width:537px; margin:50px auto; } 

.resp-tabs-list li h2, .resp-tabs-list li span { font-size:0.9375em; } 
.modal-body ol { padding-left:15px; } 

.foster-child-group .row, .known-child-group .row { background: #f1f3fd; padding: 5px 0; margin: 5px; } 

.inner-page-heading { background:url(../images/inner-banner.jpg) top center no-repeat!important; background-size:cover!important; height:250px; position:relative; } 
.inner-page-heading h3 { position:absolute; top:50%; transform:translateY(-50%); } 

.no-resize { resize: none; } 
.text-danger{ font-size:0.875em;}
.table td{ border-color:var(--SecondaryGray);}
.file-info{color:var(--theme-blue-color); font-size:0.875em; font-style:italic; display:inline-block; line-height:18px;}

#header.headerFixed{position: fixed; width: 100%; top: 0; box-shadow: 0 0 20px rgb(0 0 0 / 20%); background:var(--WhiteColor); z-index:100; transition:all 0.2s ease;}
.headerFixedDecrease .header-main-bg{ padding-top:114px;}

.inner-body{ background:#f6f6ff;}
.form-label{ font-size:0.875em;}
.form-label .subTag{ font-size:  0.75em; font-style:italic; color:#666;}
.form-select{ background:var(--WhiteColor) url(../images/nav-dropdown.svg) 97.5% center no-repeat!important; }
.inner-page-heading h3{ font-size: 1.875em;}
.groupHeading h3{ font-size:1.25em; font-weight:600; color:#323232; margin-bottom:20px;}
input[type="text"]::placeholder{ font-size:0.875em; line-height:14px;}
.btn-info{ background:var(--orangeLink); border-color:var(--orangeLink); color:var(--WhiteColor);}
.btn-info:hover{background:var(--theme-blue-color); border-color:var(--theme-blue-color); color:var(--WhiteColor);}
.captcha-outer .input-group .captcha-refresh{background:var(--theme-blue-color);}
.btn-primary{background:var(--theme-blue-color); border-color:var(--theme-blue-color)}

.table thead tr th, .table thead tr td{background:var(--theme-blue-color); border-color:var(--SecondaryGray)}
.add-adoptive-children{ margin-bottom:20px;}
.language-change a{ color:var(--theme-blue-color); transition:all 0.5s ease;}
.language-change:hover{ background:var(--theme-blue-color);}
.language-change:hover a{color:var(--WhiteColor);}

a.tooltips{position:relative;display:inline-block;cursor:pointer}
a.tooltips:hover::after{content:attr(data-title);background-color:var(--theme-blue-color);color:var(--WhiteColor);padding:8px;border-radius:4px;font-size:  0.75em;line-height:14px;display:block;position:absolute;text-align:center;word-wrap:break-word;width:auto;transform:translateX(-50%);z-index:1;width:max-content;max-width:400px;position:absolute;top:100%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--orangeLink);right:110%;top:100%;left:140%}
.resp-tabs-list li{ padding:10px 14px; font-size:  0.875em;}

/* high contrast */

body.wob { background:var(--BlackColor); color:var(--WhiteColor); } 
body.wob p, .wob .citizenCornerListing .citizenCornerText { color:var(--WhiteColor); } 
.wob .latestEventBox, .wob .circularSection .circularBox { background:#444; } 
.wob .nav-collapse a, .wob .whatsNewSection a.primaryLink, .wob a.primaryLink, .wob .circularSection .circularBox .circularList p a, .wob .resourceSection .resourceBox p a, .wob .accessbilityWrap .accOption { color:var(--HighContrastPrimaryColor)!important; } 
.wob .searchWrap .searchIcon, .wob a.accessbility, .wob .right-menu a, .wob .bannerText a { background:var(--HighContrastPrimaryColor); } 
.wob .mainHeroBanner { background-image:url(../images/wob-banner-bg.png); } 
.wob .aboutSection h2, .wob .latestEventSection h2, .wob .circularSection h3, .wob .citizenCornerBox h3, .wob .glanceBox .counter, .wob .resourceSection .resourceBox .counter { color:var(--HighContrastSecondaryColor); } 
.wob .whatsNewSection:before { background-image:url(../images/wob-whats-new-bg-top.png); } 
.wob .whatsNewSection,
.wob .resourceSection .resourceBox:hover,
.wob .citizenCornerListing .citizenCornerText,
.wob .nav-collapse ul ul,
.wob .dropdown ul a,
.wob .nav-collapse li a.select,
.wob .nav-toggle:active,
.wob .nav-toggle:focus,
.wob .nav-toggle:hover,
.wob .AccessbilityTitle
 { background-color:#333; } 
.wob .whatsNewBox, .wob .glanceBox, .wob .citizenCornerBox, .wob .header-main-outer, .wob button#toggleAutoplayButton,
.wob .accessbilityWrap { background:var(--BlackColor); } 
/*.wob .glanceSection:before { background-image:url(../images/wob-glance-bg.png); } 
.wob .resourceSection:before { background-image:url(../images/wob-resource-bg.svg); } 
.wob .citizenCornerSection:before { background-image:url(../images/wob-orange-skew-bg.svg); } */
.wob .faqBox, .wob footer { background: transparent linear-gradient(237deg, #666 0%, #222 100%) 0% 0% no-repeat padding-box; } 
.wob .citizenCornerBox .swiper-button-prev, .wob .citizenCornerBox .swiper-button-next, .wob .whatsNewCarouselBlock .swiper-button-prev, .wob .whatsNewCarouselBlock .swiper-button-next { filter:brightness(5); } 
.wob .aboutSection h2 .subText, .wob .aboutSection h3 { color:#13d38e; } 
.wob .nav-collapse .dropdown ul a { border-color:#111; } 
.wob .accessbility:hover img, .wob .searchWrap .searchIcon:hover img { filter:inherit; } 
.wob .accessbility:hover, .wob .searchWrap .searchIcon:hover, .wob .right-menu a:hover, .wob .bannerText a:hover { background:var(--HighContrastSecondaryColor); color:#323232; } 
.wob .header-left a img { display:none; } 
.wob .header-left a { background:url(../images/wob-logo.png) 0 0 no-repeat; width:447px; height:78px; display:inline-block; } 
.wob button#toggleWhatsAutoplayButton,
.wob button#toggleWhatsAutoplayButton:before,
.wob .ticker .playPause,
.wob button#toggleCitizenButton,
.wob button#toggleCitizenButton:before,
.wob .partner.homePartner #toggleAutoplayLogoHome,
.wob .partner.homePartner #toggleAutoplayLogoHome:before,
.wob button#toggleAutoplayButton,
.wob button#toggleAutoplayButton:before { color:var(--WhiteColor); } 
.wob button#toggleWhatsAutoplayButton, .wob button#toggleCitizenButton, .wob .partner.homePartner #toggleAutoplayLogoHome { border-color:var(--WhiteColor); } 
.wob .ticker .playPause { background-image:url(../images/play-pause.png); } 
.wob .partner.homePartner .swiper-button-prev, .wob .partner.homePartner .swiper-button-next { filter:brightness(5); } 
.wob .partner.homePartner #toggleAutoplayLogoHome { background-color:transparent } 
.wob .aboutSection{ background:var(--BlackColor);}
.wob .whatsNewBox:after, .wob .glanceBox:after{ background:var(--HighContrastPrimaryColor);}
.wob .glanceSection{ background:var(--Black666);}
.wob .resourceSection{ background:var(--Black333);}
.wob .citizenCornerSection:before{ display:none;}
.wob .accessbility img, .wob .searchWrap .searchIcon img{ filter:brightness(0);}
.wob .right-menu a, .wob .bannerText a{ color:var(--Black111);}


.contact-us-content-box .box-body .contact-us-icon-content .contact-box-head-outer { font-size:1.0625em ;}
.contact-us-content-box .box-body .contact-us-icon-content h3 { font-size:1.1875em;}
.gallery-video-main-outer .gallery-video-outer .gallery-video-content { font-size: 1.0625em;}
.sitemap-list li,
.sitemap-list li a { font-size:1em;}
.bold { font-weight: bold;}
.font12 { font-size:0.75em ;}
.font13 { font-size:0.8125em ;}
.font14 { font-size:0.875em ;}
.font15 { font-size:0.9375em ;}
.font16 { font-size:1em ;}
.font18 { font-size:18px ;}
.font20 { font-size:20px ;}
.font24 { font-size:24px ;}
.font26 { font-size:26px ;}
.font30 { font-size:30px ;}
.font32 { font-size:32px ;}
.font34 { font-size:34px ;}
.font48 { font-size:48px ;}


.preview-form .form-section-heading {    background: #eaecf7 !important;}
.preview-form .form-section-heading h4 { color: var(--Black333);}
.newTableUi th { background-color:#eaecf7 !important; color:  var(--Black333); width:205px; }
.newTableUi td:first-of-type { width:425px;    }
.socials {position: fixed; right:0; top:50%;transform: translateY(-50%); z-index: 99999; display: inline-flex;}
.socialinks ul{   width:max-content    }
.socialinks ul li {margin:2px 0; position: relative;}

.socialinks ul li:hover { width:130px;}
.socialinks ul li a:hover  svg {filter: invert(1) grayscale(1) brightness(2);}
.socialinks ul li a { display: flex; line-height: 40px; }
.socialinks ul:hover { margin:0 0 0 0;}
.socialinks ul:hover .socialTitle  { justify-content: start;}
.socialinks ul li a:hover svg { color:#fff; fill:white;stroke:white; }
.socialinks ul .socialTitle{ justify-content: start;}
.socialTitle { min-width: 90px;background-color: #ef9700; display: flex; padding:2px 0px; color:#fff;  transition:all 0.3s; border-radius:0; justify-content: center;  }

.socialIcon { color:#fff; background-color: #ef9700;border-radius:6px 0 0 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; transition:all 0.3s; padding:0 10px; width:40px; height:45px; z-index: 1;}

.socialinks ul li a  { position: relative;  right: -93px; transition: all 0.3s;}
.socialinks ul li a:hover { right: 0;}
.socialinks ul li:nth-child(1)  .socialTitle,
.socialinks ul li:nth-child(1)  .socialIcon { background-color: #000000;}
.socialinks ul li:nth-child(2)  .socialTitle,
.socialinks ul li:nth-child(2)  .socialIcon { background-color: #3A5597;}
.socialinks ul li:nth-child(3)  .socialTitle,
.socialinks ul li:nth-child(3)  .socialIcon { background-color: #E90071;}
.socialinks ul li:nth-child(4)  .socialTitle,
.socialinks ul li:nth-child(4)  .socialIcon { background-color: #F70000;}