:root{

    --primaryColor:#0F2B72;

    --secondaryColor:#24469C;

    --whiteColor:#fff;

    --greyColor:#848484;

    --blackColor:#323232;

    --lightYellowColor:#FCF1E3;

    --lightYellowColor2:#F4F3EE;

    --lightBlue:#D9ECF7;

    --darkredcolor:#C20000;

    --darkBlueColor:#0F2B72;

    --blue1:#2E3A74;
	--blue2:#195c9f;




    --font36px:2.25em;

    --font24px:1.5em;

    --font20px:1.25em;

     --font16px:1em;

    --font14px:0.875em;

    --font10px:0.625em;

    --font8px:0.5em;

	--FontFamily-fontawesome: 'fontawesome';



}



body { font-size: 16px;  font-family: "Ruda", sans-serif; line-height: 1.5;}

img { max-width: 100%;}



/*common css start*/

.font14px { font-size: var(--font14px);}

.font10px { font-size: var(--font10px);}

.font8px { font-size: var(--font8px);}



a { transition:all 0.3s;}



.btn { background-color: var(--secondaryColor); padding: 10px 15px; min-width: 156px; text-align: center; color: var(--whiteColor);}

.btn:hover { background-color: var(--primaryColor); color: var(--whiteColor);}

/*common css end*/

/*header start*/

.headerTop { background-color: #002241; padding:10px 0 ;}

.mainLogo { max-width: 340px; display: block;}

.proInfo { display: flex; color:#fff; margin:5px 0 0 0;  }

.proInfoImg {width: 50px;background: #fff;border-radius: 6px;overflow: hidden;height: 50px;}



.proInfoData h4,

.proInfoData p { width:100%; margin: 0;}

/*header end*/

/*navigation start*/

.mobileNav {	display:none;	position:fixed;	left:0;

	top:0;	width:100%;

	height:100%;

	-webkit-transform: translateX(-100%);

	-moz-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	-o-transform: translateX(-100%);

	transform: translateX(-100%);
	background:var(--blue2);
	overflow:auto;

	z-index:10;

}

.activeMobNav .mobileNav {

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

}

.mobileNav #navMob {

	display:block !important;

	margin-top:100px;

	position:static;
	background:var(--blue2);
}

.mobileNav {

	-webkit-transition: -webkit-transform 0.5s;

	transition:transform 0.5s;

}

/*.activeMobNav #wrapper {

	-webkit-transform: translateX(100%);

	-moz-transform: translateX(100%);

	-ms-transform: translateX(100%);

	-o-transform: translateX(100%);

	transform: translateX(100%);

}*/

.mobileNav .close {

	position:absolute;

	right:0;

	top:0;

	width:60px;

	height:60px;

	background:rgb(255, 255, 255) url(../images/menu-close-icon.png) no-repeat center center;

	cursor:pointer;

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

}

.activeMobNav .mobileNav .close {

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

}

.mobileNav .navigationText {

	position:absolute;

	left:40px;

	top:25px;

	color:#fff;

	font-size:16px;

	font-weight:700;

	text-transform:uppercase;

}

.mobileNav .logoText {

	z-index:-1;

	width:100%;

	position:absolute;

	bottom:0;

	margin-bottom:15px;

	height:74px;

}

.mobileNav .logoText .logoIcon {

	background-position: 0 -225px;

	margin:0 auto;

	height:74px;

	width:234px;

	display:block;

}

.mobileNav .menuClose {

	position: absolute;

	right: 10px;

	top: 10px;

	width: 50px;

	height: 50px;

	background: url(../images/menu-close-icon.png) no-repeat center center;

	cursor: pointer;

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

}

.activeMobNav .mobileNav .menuClose {

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

}

.menuBar {

	display: none;

}

#navMob {

	display:none;

	position:absolute;

	left:0;

	right:0;

	padding:0;

}

.toggleMenu, #navMob .menuIcon {

	display:none;

}

.toggleMenu {

	width: 60px;

	height: 38px;

}.activeMobNav .mobileNav .close {

  -ms-transform: scale(1);

  -webkit-transform: scale(1);

  transform: scale(1);

  background-size: 40px 40px;

}

.toggleMenu .iconBar {

	text-indent: -9999px;

	display: block;

	background: url(../images/mobile-menu.png) no-repeat center center;

	width: 100%;

	height: 19px;

}

.toggleMenu .menuTitle {

	display:none;

}

.toggleMenu:hover {

	text-decoration:none;

}

#navMob li {

	float:none;

	display:block;

	border:none;

}

#navMob li a {

	border-bottom:1px solid rgb(14, 62, 87);

	transition:all 0s ease 0ms;

	-webkit-transition:all 0s ease 0ms;

	text-decoration:none;

}

#navMob li.parent {

	position:relative;

}

#navMob li .menuIcon, #navMob li li .menuIcon {

	width: 60px;

	height: 57px;

	background-color: #0f415b;

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	cursor: pointer;

	color: #fff;

	font-size: 30px;

	text-align: center;

	line-height: 57px;

	font-style: normal;

}

#navMob > li > .menuIcon {

	background-position:center 30px;

}

#navMob > li > .menuIcon.active:before {

	content:"\f106";

}



#navMob li li .menuIcon, #navMob li li .menuIcon.active {

	z-index:2;

	background-color:#522272;

}

#navMob li li li .menuIcon {

	z-index:2;

	display:none;

}

#navMob li li .menuIcon.active {

	background-color:#522272;

}

#navMob li > a:hover, #navMob li.hover > a, #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a {

	background-color:#434343;

	color: #fff;

}

#navMob ul {

	width:100%;

	display:none;

	position:static;

	transition:none;

	-webkit-transition:none;

}

.hasJS #navMob ul {

	opacity:1;

}

#navMob > li:hover > ul, #navMob li li:hover > ul, #navMob li li li:hover > ul {

	display:none;

}

#navMob ul, #navMob *:hover ul ul, #navMob .hover ul ul, #navMob .focus ul ul {

	margin-left:0;

}

#navMob li a {

	padding-left:15px;

	padding-right:15px;

	display:block;

	line-height:40px;

	color:#fff;

}

#navMob li ul li a {

	padding:7px 55px 7px 20px;

	display:block;

	line-height:21px;

	background:url(../images/right-arrow.png) no-repeat 0 12px;

	color:#fff;

	border:none;

	font-size:16px;

}

#navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li > ul > li > a {

	padding:8px 60px 8px 20px;

	font-size:16px;

	line-height:21px;

}

#navMob li ul li ul li a {

	padding-left:38px;

	background-position:20px 12px

}

#navMob li ul li ul li ul li a {

	padding-left:60px;

	background-position:45px center

}

#navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a, #navMob > .highlight > a {

	background-color:#000;

	color: #fff;

}

#navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob ul > .highlight > a, #navMob > li.MenuLi1 > ul > li:hover > a, #navMob > li > ul > li > a:hover, #navMob > li > ul > li.current > a:hover, #navMob > li > ul > li:hover > a {

	background-color:#1d739f;	color: #fff;}

#navMob .linkIcon, #navMob .linkIconHover, #navMob > li.MenuLi1 > ul > li > a:before {	display:none !important;

}

#navMob .menuFirstNode {	display:block;}

#navMob li.current ul {	display:none;}

#navMob li li ul {	position:static;	width:100%;	background:none;	visibility:visible;	border:0;	box-shadow:0 0 0 #000;	opacity:1;	padding:0;	transition:all 0s ease 0s;}

#navMob li.megaMenu ul {	padding:0;}

#navMob li.megaMenu ul li {	border:0;	float:none;	height:auto;	line-height:inherit;	width:100%;	padding:0;}

#navMob li > a {	font-size:24px;	font-weight:300;	padding:8px 15px;	margin-left:0;}

#navMob li ul {	background:#13487a;	box-shadow:-7px 0 7px rgba(0, 0, 0, 0.4) inset;	position:relative;

	padding:15px 0;	margin:0;}

#navMob li ul:after {	height:100%;	width:60px;	position:absolute;	right:0;	top:0;	content:"";	background-color:rgba(0,0,0,0.5);	z-index:1;	display:block;}

.mainNav #nav li.MenuLiLast ul {	left: auto;	right: 0;}

.mainNav #nav li.MenuLiLast ul::before {left: auto;right: 14px;}

.mainNav { background:var(--blue2);}
.toggleMenu { display:none; padding:15px; text-decoration:none }

.toggleMenu .mobileMenu { font-size:1.250em; color:#fff; }

.toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(../images/mobile-menu.png) no-repeat center center; }

#nav { display: flex; flex-wrap: wrap; justify-content: space-between;}

#nav, #nav ul { list-style:none; margin:0; padding:0; text-align:center;}

#nav li {margin: 0;padding: 0;position: relative;display: flex;align-items: center;justify-content: center;}
#nav li a { padding:8px 5px;  color:var(--whiteColor); display:inline-block; text-decoration:none; position:relative; font-size: var(--font14px);}
#nav li:first-child:before{ display:none;} 

#nav li:first-child a:before { display:none;}

#nav li li a:before{ display:none;} 

#nav ul {width:300px; top:41px; padding:0; left:0; position:absolute; z-index:2;}

#nav li li a:after{ display:none;} 

.hasJS #nav ul{opacity:0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; }

#nav ul li li:first-child { padding-top:0px;}

#nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; }

#nav ul li a { display:block; background-color:var(--secondaryColor);color:#fff; border:none; border-top:1px solid rgba(255,255,255,0.2); padding:5px 15px 5px 15px; text-align:left; }

ul#nav ul li {display: inline-block;}

#nav li a{ position:relative;}

#nav .subM { position:relative;}

#nav .subM  a:before { width:0; content:""; height:2px; background-color:#ff8522; position:absolute; top:100%; left:50%; transform:translate(-50%,0); transition:all 0.3s; }

#nav .subM:hover  a:before { width:100%; }

#nav li a{ position:relative;}

#nav li.subM:hover a:after { content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-7px; width:20px; height:20px;  z-index:999; width: 0;      height: 0;

      border-left: 5px solid transparent;      border-right: 5px solid transparent;      border-top: 7px solid #ff8522;}

#nav ul ul {top:0; left:300px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/

#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#000 }

#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px }

#nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 }

#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:transparent; color:#ff8522; }

#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color:#F55A11; color:#fff }

#nav ul li.focus > a { background-color:#e9e9e9; color:#060613; display:block; }

#nav .menuIcon {display:none; position:absolute; right:5px; top:20px; width:9px; height:9px;}

#nav li .menuIcon { background:url(../images/down-arrow.gif) no-repeat right center; z-index:10}

#nav li li .menuIcon {display:block; background:url(../images/right-arrow.gif) no-repeat right center; top:13px; right:10px;z-index:11}

#nav li li li .menuIcon  { z-index:12}

#nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); }

.noJS #nav ul a:focus { width:200px; }

.noJS #nav ul a:focus, .noJS #nav ul a:focus + ul { margin-left:9999px }

.noJS #nav ul a:active { margin-left:0 }

#nav li.accessibility img {width: 25px;}

#nav li.accessibility a:hover {background: #fff;}

#nav li.accessibility a:hover img {filter: invert(75%) sepia(65%) saturate(2220%) hue-rotate(188deg) brightness(99%) contrast(90%);}

.hasJS .menuPart #nav a:focus + ul,.hasJS  .menuPart #nav li.focus > ul,.hasJS  .menuPart #nav li.hover > ul,.hasJS  .menuPart #nav li:hover > ul,.hasJS  .menuPart #nav ul ul{ opacity: 1; }

/*navigation end*/



/*banner search start*/

.homeBannerSearch { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);

background-color:var(--whiteColor) ; display: flex; padding: 5px; border-radius: 6px; height:60px; width: 100%; max-width: 700px;}

.homeBannerSearch input { color: var(--greyColor); padding:0 15px; border:0px; transition:all 0.3s; outline: 0; width:100%;}

.homeBanner img { width:100%;}

/*banner search end*/

/*services start*/

.services { padding:10px 0; background-color: var(--secondaryColor);}

.servicesBoxRow { border-radius: 10px; }

.servicesIcon { margin: 0 10px 0 0;}

.servicesBox {height:94px; display: flex; justify-content: center; align-items: center; padding:10px 15px;color: var(--blackColor);background-color: var(--whiteColor);  font-size: var(--font20px) ;  text-decoration: none;  }

.servicesBoxRow .col:first-child .servicesBox { border-radius: 6px 0 0 6px;}

.servicesBoxRow .col:last-child  .servicesBox { border-radius: 0 6px 6px 0px;}

.servicesBox:hover { background-color: var(--primaryColor); color: var(--whiteColor);}

.servicesBox:hover img { filter: invert(100%) sepia(0%) saturate(7481%) hue-rotate(296deg) brightness(102%) contrast(94%);} 

/*services end*/

/*media start*/
.media { background-color: var(--lightYellowColor); padding:30px 0; }
.mediaCover { border:1px solid var(--secondaryColor); border-radius: 10px; background-color: var(--lightYellowColor2); padding:30px;    }

.notificationsDate { display: flex; align-items: center; color: var(--blue1);}

.mediaBox {  background-color: var(--whiteColor);}

.mediaBoxCont { padding: 20px; min-height: 350px;}

.mediaBoxCont iframe { border-radius: 10px;}

.divider { background-color: #ccc; height:1px; width:100%;}

.mediaHeader { background-color: var(--secondaryColor); color: var(--whiteColor); display: flex; min-height:50px; padding:10px; align-items: center;  border-radius: 6px 6px 0 0;}

.mediaHeader h2{ font-size:var(--font24px); margin:0px;}

.mediaHeaderRight { position: relative;}

.mediaHeaderRight .viewAllbtn { font-size: var(--font16px); color: var(--whiteColor); min-width: max-content;}

.media .swiper-button-next,

.media .swiper-button-prev { position: static; margin: 0; border:1px solid var(--whiteColor); border-radius: 50%; width:20px; height:20px; padding:5px; margin:0 2px;}

.media .swiper-button-next::after,

.media .swiper-button-prev::after { font-size: 10px; color: #fff;}

.sliderControl { display: flex; align-items: center;}

/*media end*/



/* Responsive Tab start*/

.resTab {position: relative;border:1px solid #00c5ad;}

.resTab .tabNav {margin:0;padding: 0; list-style:none}

.resTab .tabNav li {display: inline-block;margin: 0;position: relative;background-color: #00c5ad;}

.resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color: #fff;}

.resTab .tabNav .r-tabs-state-active a {color: #00c5ad;text-shadow: none;background-color: white;}

.resTab .tabContent {padding: 15px;display: none;}

.resTab .r-tabs-panel.r-tabs-state-active {display: block;}

.resTab .r-tabs-accordion-title {display:none;}

.resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;}

.resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;color: #fff;font-weight: bold;text-decoration: none;}

.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;}

.resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}

.noJS .resTab .tabContainer { height:150px; overflow:hidden}

.noJS .resTab .tabContent { display:block; height:150px}

/* Responsive Tab end*/



/*social field start*/

.socialField

.socialFieldTab { border:0px; }

.socialField .tabNav {position: absolute; right:0px; top:-65px;}

.socialFieldTab .tabNav .r-tabs-state-active a { background-color: transparent; color: var(--whiteColor); text-decoration: underline;}

.socialFieldTab .tabNav li { background-color: transparent; opacity: 0.5;}

.socialFieldTab .tabNav li img{ margin-right: 5px; }

.socialFieldTab .tabNav li.r-tabs-state-active { opacity: 1;}

.socialFeed img{ height: 300px;}

.socialFeed  { text-align: center;}

.socialField .tabContent { padding: 0px;}

/*social field end*/



/*other section start*/

.otherSection {background-color: var(--secondaryColor); padding:10px 0;}

.otherSectionLink { background-color: var(--darkBlueColor); border:1px solid var(--primaryColor); color: #fff; text-decoration: none; height:80px; font-size: var(--font20px); text-align: center;

display: flex; padding: 10px; justify-content: center; align-items: center;}

.otherSectionLink:hover { background-color: var(--secondaryColor); } 

/*other section end*/



/*footer start*/

.footer { padding: 20px 0 0; background-color: var(--lightBlue);}

.footerLinks { display: flex; list-style: none;margin:0px -10px; padding:0px;}

.footerLinks li { padding: 0 10px;}
.footerLinks a { color: var(--blackColor); text-decoration: none;}
.footerLinks a:hover { color: var(--secondaryColor);}

.footerSocials { margin:0px -10px; padding:0px; list-style: none; font-size: var(--font36px); display: flex;}

.footerSocials li {  padding:0 10px;}

.footerAddress a { color:var(--blackColor); text-decoration: none;}

.footerAddress a:hover { color: var(--primaryColor);}

/*footer end*/



/* Accessibility */

.accessibilityBox { width: calc(100% - 304px); } 

.Accessibility a.accessibilityClick { width: 48px; height: 48px; background-image: url('../images/accessibility.svg'); } 

div#accessibilityControl { width: 340px; position: fixed; right: -340px; top: 0; transition: 0.3s all ease-in-out; z-index: 9; background-color: var(--whiteColor); overflow: hidden; box-shadow: 0 0 20px #0000001f; } 

.AccessibilityOpen div#accessibilityControl { right: 0px; } 

.accessibilityPopUP ul li a { text-decoration: none; color:var(--primaryColor); } 

.CursorAnimationON { cursor: url(../images/cursor-large.png), auto !important; } 

.AccessibilityOpen div#accessibilityControl { right: 0px; } 

div#accessibilityControl ul { padding: 20px; background-color: var(--whiteColor); margin: -10px -5px 0px; } 

div#accessibilityControl ul li { padding: 10px; width: calc(50% - 10px); border: 1px solid var(--primaryColor); margin: 10px 5px 0px; min-height: 80px; } 

div#accessibilityControl ul li .fontScalerGrp { display: flex; flex-wrap: wrap; justify-content: center; } 

div#accessibilityControl .fontScaler { padding: 0; min-height: unset; border: none; margin: 2px 4px; background-color: var(--whiteColor); width: 22px; height: 22px; color: var(--Color-323232); display: flex; justify-content: center; align-items: center; line-height: 1; font-size: var(--Font-12); } 

div#accessibilityControl .fontScaler.current { background-color: var(--blackColor); color: var(--whiteColor); } 

div#accessibilityControl ul li span { width: 100%; display: block; font-weight: var(--Font-400); line-height: normal; } 

div#accessibilityControl .Heading { align-items: center; z-index: 1; font-size: var(--Font-18); font-weight: var(--Font-500); background-color: var(--primaryColor); padding: 10px 15px; color: var(--whiteColor); display: flex; justify-content: space-between; } 

div#accessibilityControl .accessibilityClick { color: var(--whiteColor); } 

div#accessibilityControl .contrastChanger { width: 19px; height: 19px; padding: 0; min-height: 0; font-size: 0; margin: 2px 4px; border-radius: 0%; border: none; } 

div#accessibilityControl #mode_normal { border: 1px solid var(--blackColor); background-color: var(--whiteColor); } 

div#accessibilityControl #mode_contrast { border: 1px solid var(--blackColor); background-color: var(--blackColor); } 

div#accessibilityControl ul li .PauseAnimationAcc .StartAnimationIcon:after { content: "\f04c"; font-family: var(--FontFamily-fontawesome);} 

div#accessibilityControl ul li .PauseAnimationAcc.paused .StartAnimationIcon:after { content: "\f04b"; } 

div#accessibilityControl ul li .CursorAnimationAcc span:after { content: "\f245"; font-family: var(--FontFamily-fontawesome); } 

.notification {
    text-decoration: none;
    color: black;
}


/*top Strip*/
.topStrip {  background:var(--blue2);  padding:0px 5px; }
.language select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent url(../images/down-arrow-white.png) no-repeat right 7px; border: 0px; font-size: var(--font14px)!important; cursor: pointer;color: var(--whiteColor);padding:0 26px 0 0 }
.language select option { color: var(--blackColor	); }
.language select:hover, .language select:focus { outline: none; }


/* Back to Top start*/
.backTop{ color:transparent;height: 46px;width: 44px;top: 0;position: absolute;right: 0px;bottom: 0;z-index: 999; opacity: 0; }
#backtotop {  cursor: pointer; display: none; height: 44px; overflow: hidden; position: fixed; bottom: 15px; right: 15px; width: 44px; z-index: 999; }
#backtotop > span { position: relative; display: block; width: 44px; height: 44px; line-height: 42px; font-size: 22px; text-align: center; color:var(--primaryColor); -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; overflow: hidden; }
#backtotop span em { background: url(../images/backtotop.png) no-repeat scroll center center; font-weight: bold; display: block; width: 44px; height: 44px; -webkit-transition: .15s ease 50ms; -moz-transition: .15s ease 50ms; transition: .15s ease 50ms; text-indent: -9999px; border-radius: 50%; }
#backtotop > span:after { content: "\f35b"; font-family: var(--FontFamily-fontawesome); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .45s cubic-bezier(.54, .13, 0, 1.43); -moz-transition: .45s cubic-bezier(.54, .13, 0, 1.43); transition: .45s cubic-bezier(.54, .13, 0, 1.43); font-size: 21px; font-weight: bold; }
#backtotop > span:hover:after { top: 50% }
#backtotop > span:hover em { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: .15s ease; -moz-transition: .15s ease; transition: .15s ease }
/********* Back to end  **********/

/*contrast start*/
body.HighContrast  {
    --primaryColor: #000000;
    --secondaryColor: #ffffff;
    --whiteColor: #000000;
    --greyColor: #ffffff;
    --blackColor: #ffffff;
    --lightYellowColor: #000000;
    --lightYellowColor2: #000000;
    --lightBlue: #000000;
    --darkredcolor: #ff0000;
    --darkBlueColor: #000000;
    --blue1: #ffffff;
    --blue2: #ffdd00;

	  --hover: rgb(0, 212, 0);
}
body.HighContrast,
body.HighContrast
div#accessibilityControl .accessibilityClick ,
body.HighContrast
div#accessibilityControl,
body.HighContrast
div#accessibilityControl .Heading,
body.HighContrast
div#accessibilityControl ul li span,
body.HighContrast
.accessibilityPopUP ul li a { 
  color: var(--blue1);
}
body.HighContrast .services img { filter: brightness(0) invert(1) opacity(1);}
body.HighContrast #nav li.accessibility img {filter: brightness(0);}
body.HighContrast .homeBannerSearch input { background-color: var(--whiteColor);}
/*white font css*/

body.HighContrast
.card-title { color: var(--blackColor);}
/*yello font css */
body.HighContrast
.footerAddress a,
body.HighContrast
.footerLinks a { color: var(--blue2);}


body.HighContrast
.footerAddress a:hover,
body.HighContrast
.footerLinks a:hover { color: var(--hover);}

/*blackbackground color*/
body.HighContrasts
.form-control,
body.HighContrast
.card,
body.HighContrast
.language select option,
body.HighContrast
.language select option,
body.HighContrast
#nav ul li a,
body.HighContrast
.headerTop,
body.HighContrast
.otherSectionLink:hover {
  background-color: var(--whiteColor);
}
/*background yellow color*/
body.HighContrast
.btn,
body.HighContrast .otherSection,
body.HighContrast
.mediaHeader { background-color: var(--blue2); color: var(--blackColor);}

/*yellow font color*/
body.HighContrast a,
body.HighContrast
.servicesBox,
body.HighContrast
#backtotop > span,
body.HighContrast
.mediaHeaderRight .viewAllbtn
{ color: var(--blue2);}
/*green font color*/
body.HighContrast a:hover,
body.HighContrast
.servicesBox:hover{ color: var(--hover);}
/*back color*/

body.HighContrast
.resTab .tabNav li a,
body.HighContrast
.socialFieldTab .tabNav .r-tabs-state-active a,
body.HighContrast
.media .swiper-button-next::after,
body.HighContrast
 .media .swiper-button-prev::after,
body.HighContrast
.mediaHeader h2 { color: var(--whiteColor); }



body.HighContrast .language select { background-image:url(../images/down-arrow-black.png);}



/*font white color*/
body.HighContrast  .card-body,
body.HighContrast .card,
body.HighContrast  .notification {  color: var(--blackColor);}

/*yellow bg color*/
body.HighContrast
.btn { background-color: var(--blue2); color: var(--whiteColor);}

/*green bg color*/
body.HighContrast
.btn:hover { background-color: var(--hover); color: var(--whiteColor);}

/*black bg color*/
body.HighContrast
.form-control,
body.HighContrast
.table > :not(caption) > * > * { background-color: var(--whiteColor); color: var(--blackColor);}

/*contrast end*/ 

/*list group css*/
.list-group-item { margin: 5px 0;  cursor: pointer;border-color: transparent; }
.list-group-item:hover,.list-group-item.active {
background: grey !important;color: #fff !important;border-color: transparent;}

.iframe { width:100%; height:230px;}