:root {
	--body-bg: #123;
	--nav-bg: #234;
	--std_blue: #024d87;
	--std_bluehover: #007CC7;
	max-width: 1366px;
	margin:0 auto;
	box-sizing: content-box;
}

a
{
   color: inherit;
   text-decoration: none;
}
a:visited
{
   color: inherit;
}
a:active
{
   color: inherit;
}
a:hover
{
   color: inherit;
   text-decoration: underline;
}
/*
h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h3
{
   font-family: Arial;
   font-weight: normal;
   font-size: 24px;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h4
{
   font-family: Arial;
   font-weight: normal;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h5
{
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h6
{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
*/
.Black_Tahoma_Hyperlink
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
}

#svgdefs {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.icon {
  width: 2em;
  height: 2em;
  /* fill: gray; */
}

.icon-star {
  fill: orange;
}

.icon-home-white {
  fill: white;
}

.navbar-light {
    background-color: #024d87 !important;
    border: none !important;
    border-width:0!important;
}


ul.mmMenu > li > a 
{
	display: flex;
	/* vertical-align: middle;  */
	align-items:center;
}
ul.mmMenu > li > a > span 
{
	display: flex;
	/* vertical-align: middle;  */
	align-items:center;
}
ul.mmMenu > li > a > span::after
{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	content: '';
	background-color: transparent;
	/* display: inline-block; */
	margin-left: 5px;
	/* vertical-align: middle; */
}


div.submenu div ul
{
	width:50%;
	/* 33.33%; */
	/* width:100%; */
}
div.submenu>div>ul>li:hover
{
	display: flex;
	/* vertical-align: middle;  */
	align-items:center;
	/* background-color: green; */
	/* var(--std_bluehover); */
	color: white !important;
}
div.submenu>div>ul>li
{
	display: flex;
	/* vertical-align: middle;  */
	align-items:center;
	color: black !important;
}
div.submenu>div>ul>li>a,
div.submenu>div>ul>li>h2,
div.submenu>div>ul>li>h2>a
{
	display: flex;
	/* vertical-align: middle;  */
	align-items:center;
	width: 100%;
	height: 100%;
}
/* div.submenu > div >  ul > li > a */
div.submenu>div>ul>li>a:hover:before 
{
	/* fill: white; */
	/* border-color: white; */
	/* background-color: white; */
	/* background: white; */
	
	/* color: white; */
	
	width: 0;
	height: 0px; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;	
	border-left: 5px solid white;	
	content: '';
	/* background-color: transparent; */
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	/* vertical-align: middle;  */
	align-items:center;
}
div.submenu>div>ul>li>a:before
{
	width: 0; 
	height: 0px; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;	
	border-left: 5px solid black;	
	content: '';
	background-color: transparent;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	/* vertical-align: middle;  */
	align-items:center;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-top: 5px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;  
  border-left: 5px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;   
  border-right: 5px solid blue; 
}



.ui-icon,.ui-widget-content .ui-icon {
	/* background-image: url(images/ui-icons_222222_256x240.png); */
}
.ui-state-default .ui-icon {
   /* background-image: url(images/ui-icons_9bcc60_256x240.png); */
   background-image: url(asset/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png);
   
}

.menu {
	background-color: var(--std_bluehover) !important;
}

.menu {
  padding-block: 1rem;
  padding-inline: 2rem;
  margin-inline: 1rem 0;
  /* prevent animation glitch on right side */
  box-shadow: 0px 0 0 var(--std_bluehover);
  /* var(--body-bg); */
  z-index:2000;
}
nav {
  /* background: var(--nav-bg); */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding-block: 2rem;
}
.menu {
  view-transition-name: nav;
  display: block;
  /* background: var(--body-bg); */
  position: relative;
  /* z-index: -1; */
  /* border-radius: 100vw  100vw 0 0; */
  border-radius: 5px 5px 0px 0px;
  /* border-radius: 100vw  100vw 0 0;  */
}
/* ::view-transition-group(nav) { */
  /* animation-duration: 1s; */
/* } */
.menuL::before,
.menuR::after {
  --border-radius: 1rem;

  content: "";
  position: absolute;
  width: var(--border-radius);
  height: var(--border-radius);
  /* right: 0rem; */
  /* background: var(--nav-bg); */
  /* background-color:yellow; */
  /* border-color:green; */
  z-index:2000;
}
.menuL::before {
  border-radius: var(--border-radius) ;
  bottom: 1px;
left: calc(var(--border-radius) * -1);
  /* calc(var(--border-radius) * -1); */
  box-shadow: 5px 5px 0px 0px var(--std_bluehover);
}

.menuR::after {
  border-radius:  var(--border-radius)  ;
  /* top: calc(var(--border-radius) * -1); */
  bottom:1px ; 
  right: calc(var(--border-radius) * -1); 
  /* calc(var(--border-radius) * 1); */
  box-shadow: -5px 5px  0  0 var(--std_bluehover); 
  /* var(--body-bg); */
   z-index:10002;
   /* border-radius: 100vw  100vw 0 0; */
}

li:nth-child(1) a {
  view-transition-name: test;
}

li:nth-child(2) a {
  view-transition-name: test-2;
}

li:nth-child(3) a {
  view-transition-name: test-3;
}
.mmMenu
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 15px;
	z-index:1000;

}

.mmMenu li
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:1000;
}
.mmMenu li a
{
	float: left;
	z-index:1000;
}
.mmMenu li .submenu
{
	display: none;
	/* float: right; */
	/* left: 0; */
	padding: 4px 10px 4px 20px;
	position: absolute;
	top: 0;
	z-index:1000;
	background-color: white;
	border:1px solid #E5E4E2;
}
nav#stickyTop1 .mmMenu li .submenu
{
	border-radius: 0 0 5px 5px;
}
.mmMenu li .row
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	z-index:1000;
}
.mmMenu li .submenu ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	/* width: 150px; */
	z-index:1000;
}
.mmMenu .submenu ul>li
{
   width: 100%;
   z-index:1000;
}
.mmMenu .submenu ul>li>h2
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 15px;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	z-index:1000;

}
nav#stickyTop1 .mmMenu .submenu ul>li>h2:hover
{
	border-radius:5px;
}
.mmMenu .submenu ul>li>h2:hover
{
	background-color: #0b5952 !important;
}
nav#stickyTop1 .mmMenu .submenu ul>li>h2>a
{
	border-radius:5px;
}
.mmMenu .submenu ul>li>h2>a
{
	background-image: none;
	/* background-color: transparent; */
	border-width: 0;
	font-family: Tahoma;
	font-weight: bold;
	font-style: normal;
	padding: 5px 0px 5px 5px;
	text-decoration: none;
	z-index:1000;
	color:#e8ffa9;
	/* background-color: #caecfa; */
	/* background-color: linear-gradient(170deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important; */
	/* fill:#e8ffa9; */
	/* background: rgb(223,255,255); */
/* background: linear-gradient(0deg, rgba(223,255,255,0.95) 0%, rgba(171,255,255,1) 30%, rgba(5,255,255,1) 70%, rgba(223,255,255,0.95) 100%); */
	background-color: #0099ff;
}
.mmMenu .submenu ul>li>h2>a>svg>use
{
	/* color:#e8ffa9; */
	/* background-color: #caecfa; */
	/* background-color: linear-gradient(170deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important; */
	fill:#e8ffa9;
	stroke:#e8ffa9;
}
nav#stickyTop1 .mmMenu .submenu ul>li>h2>a:hover
{
	border-radius:5px;
}
.mmMenu .submenu ul>li>h2>a:hover
{
	/* background-color: #007CC7 !important;
	border: 0; */
	/* 0px solid #007CC7 !important; */
	padding: 5px 0px 5px 5px;
	z-index:1000;

	background-color: #0b5952 !important;
	
}
.mmMenu .submenu ul>li>a
{
	display: block;
	float: none;
	font-family: Tahoma;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	height: auto;
	padding: 2px 2px 2px 2px;
	/* padding: 5px 5px 5px 15px; */
	text-decoration: none;
	text-indent: 0;
	z-index:1000;
}
nav#stickyTop1  .mmMenu .submenu ul>li>a:hover
{
	border-radius:5px;
}
.mmMenu .submenu ul>li>a:hover
{
	background-color: #0b5952 !important;
	border: none;
	/* 0px solid #007CC7 !important; */
	/* border-color:transparent; */
	padding: 2px 2px 2px 2px;
	z-index:1000;

	/* color:blue;
	text-decoration: underline;
	background-color: transparent !important; */
}
.mmMenu .submenu ul li a .ui-icon
{
	left: 0;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	z-index:1000;
}
.mmMenu .button
{
	cursor: pointer;
	font-family: Tahoma;
	font-weight: normal;
	font-style: normal;
	margin: 0 0px 0 0;
	outline: 0;
	padding: 10px 20px 10px 8px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	color: #FFFFFF;
	/* background-color: #024d87; */
	background-color: transparent;
	border-width: 0;
	z-index:1000;
}
.ui-widget .button:hover
{
	color: #FFFFFF;
	z-index:1000;
}
.ui-widget .button:active
{
	color: #FFFFFF;
	z-index:1000;
}
.ui-widget .ui-widget-content a
{
	color: #000000;
	/* right:0 !important; */
	z-index:1000;
}
.ui-widget .ui-widget-content a:hover
{
	color: #FFFFFF;
	/* right:0 ; */
	z-index:1000;
}
.ui-widget .button .ui-icon
{
	left: auto;
	margin-top: -8px;
	margin-left: 0;
	position: absolute;
	right: 4px;
	top: 50%;
	z-index:1000;
}
.search_fullMenu {
	background-color:  #96d3ec !important;
}
  
.carousel { overflow: hidden; padding-bottom: 3rem; }
.carousel-caption { position: relative; left: 0%; width: 100%; bottom:0px; border: 0px solid #007CC7;  background-color: #007CC7; } /* opacity:40%; */
.carousel-inner {  overflow: visible; }
.carousel-control-next, .carousel-control-prev, .carousel-indicators { position: absolute;  bottom: 0px;  padding-bottom: 6rem;}
.carousel-caption > h5
{
	color: #FFFAA0; /*	#f08080;*/ /*#fafad2; */ /*#ffffe0;*/
	font-weight: bold;
}

#blink_icons2:hover
{
	border:1px solid #f0f0f0 !important;
	/* background-color:#024D87 !important; */
	display: flex;
	/* CIRCLE SIZE */
	width: 36px;
	height: 36px;
	/* background: #024d87; */
	background: #007CC7;
	/*BACKGROUND COLOR HERE*/
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom:5px;
	/* border: 1px solid #1560bd;	 */
}
#blink_icons2
{
	border:1px solid #f0f0f0 !important;
	/* background-color:#333333 !important; */
	display: flex;
	/* CIRCLE SIZE */
	width: 36px;
	height: 36px;
	/* background: #024d87; */
	/*BACKGROUND COLOR HERE*/
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom:5px;
	/* border: 1px solid #1560bd;	 */
}


#blink_icons2 svg
{
	fill:#f0f0f0 !important;
	height:18px !important;
	width:18px  !important; 

}
#blink_icons:hover
{
	display: flex;
	/* CIRCLE SIZE */
	width: 36px;
	height: 36px;
	background: #007CC7;
	/*BACKGROUND COLOR HERE*/
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	/* opacity: 50%; */
}
#blink_icons
{
	display: flex;
	/* CIRCLE SIZE */
	width: 36px;
	height: 36px;
	background: #024d87;
	/*BACKGROUND COLOR HERE*/
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin-bottom:5px;
	border: 1px solid #1560bd;
}

.icon-bar {
  position: fixed;
  
  /* top: 60%; */
  /* bottom: -40%; */
  bottom: 0px;
  right: 5px;
  
  /* -webkit-transform: translateY(-50%); */
  /* -ms-transform: translateY(-50%); */
  /* transform: translateY(-50%); */
  
  /* -webkit-transform: translateY(-50%); */
  /* -ms-transform: translateY(-50%); */
  /* transform: translateY(-50%); */
  
  z-index:1005;
  margin-bottom: 8px;
  
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 7px;
  transition: all 0.3s ease;
  color: white;
  /* font-size: 20px; */
  height:20px;
}

.icon-bar a:hover {
  background-color: #000;
}

/* .facebook { */
  /* background: #3B5998; */
  /* color: white; */
/* } */

/* .twitter { */
  /* background: #55ACEE; */
  /* color: white; */
/* } */

/* .google { */
  /* background: #dd4b39; */
  /* color: white; */
/* } */

/*
.jobs_ico:hover {
  background: #29AB87 !important;
  border: 1px !important;;
}

.phone_ico:hover {
  background: #03C03C !important;
  border: 1px !important;;
}
.email_ico:hover {
  background: #03C03C !important;
  border: 1px !important;;
}
*/
.jobs_ico:hover {
	/* background: #007CC7 !important; */
	/* border: 1px solid #024d87 !important; */
	background: linear-gradient(170deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important;
}
.facebook_ico:hover {
  background: #0068FF !important;
  border: 1px !important;
  /* color: white; */
}
.twitter_ico:hover {
  background: #000000 !important;
  border: 1px !important;
  /* color: white; */
}

.whatsapp_ico:hover {
  background: #25D366 !important;
  border: 1px !important;;
  /* color: white; */
}

.linked_in_ico:hover {
  background: #007bb5 !important;
  border: 1px !important;;  
  /* color: white; */
}

.youtube_ico:hover {
  background: #bb0000 !important;
  border: 1px !important;;
  /* color: white; */
}

/* .row.display-flex { */
  /* display: flex; */
  /* flex-wrap: wrap; */
/* } */
/* .row.display-flex > [class*='col-'] { */
  /* flex-grow: 1; */
/* } */


.row-full
{
	/* width: 100vw; */
	position: relative;
	/* margin-left: -50vw; */
	height: 12%;
	margin-top: 0px;
	left: 0%;
	text-align: center;
	padding: 3% 0 3% 0;
	border-radius:5px 5px 0 0;
	  /* margin: auto; */
	/* width: 50%; */
	/* border: 3px solid green; */
	/* padding: 10px; */
}
.bCOLOR
{
	background-color: #024d87;
	
}
nav.navpagination
{
	position: relative;
	width: 100%;
}
ul.pagination
{
	width: 100%;
}
ul.pagination>li
{
	text-align: center;
	width: 100%;
}

div#accordion1
{
	height:440px !important;
}
div#accordion1 .show
{
	height:152px !important;
}
div#accordion1>.accordion-item>.accordion-header,
div#accordion1>.accordion-item>.accordion-header>.accordion-button
{
	/* height:20px important!; */
	padding-top:5px;
	padding-bottom:5px;
	 /* 0px 5px 0px; */
	/* margin:0px 0px 0px 0px; */
}
div#workskills>div .card
{
	/* display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: stretch;
	align-content: normal; */
	height:100%;
}
div#workskills>div div.card>div.card-body,
div#workskills>div .card>.card-body>img
{
	/* display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: stretch;
	align-content: normal; */
	/* height:25vh; */
	height:165px;
	max-height:165px;
}
div#workskills>div .card ul
{
	/* height:44vh; */
	/* height:285px; */
}
div#workskills>div .card div.footer
{
	/* height:44vh; */
	height:24px;
}
div#workskills>div .card div.footer>div>.btn
{
	/* height:44vh; */
	height:20px;
}
div#workskills>div ul>li>a
{
	color:blue;
	text-decoration: none;
	border-radius: 16px;
	margin: 4px 2px;
	padding: 0px 10px;
	/* background-color: #ddd; */
	border: 1px solid blue;
	line-height:5px;
	font-size:12px;
	font-family: Tahoma;
	font-weight: normal;
	font-style: normal;
}
div#workskills>div#cardArrows
{
	position:absolute;
	z-index:1000;
	background-color: color #ff04045e;
	top:0;
	left:0;
	height:100%;
	width:100%;
	
}
div#workskills
{
	position:relative;
}
/* div#workskills>div#cardArrows> */
div#cardArrowsLeft
{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(-50%, -100%);
	-ms-transform: translate(-50%,-100%);
	height: 80px;
	width: 40px;
	border-radius: 0 50px 50px 0;	
	background-color: rgba(150, 200, 255, 0.6);
	z-index:1000;
}
div#cardArrowsLeft:hover,
div#cardArrowsRight:hover
{
	/* background-color: rgba(50,50,50, 0.3); */
	background-color: rgba(150, 200, 255, 0.9);
}
div#cardArrowsLeft>.arrow-Left
{
	position: absolute;
	top: 25%;
	left: 0%;
	height: 40px;
	width: 40px;
	border:0;
	border-radius: 30px;
	background-color: rgba(49, 96, 253, 0.8);
	
	z-index:1000;
}
div#cardArrowsRight
{
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translate(-50%, -100%);
	-ms-transform: translate(-50%,-100%);
	height: 80px;
	width: 40px;
	border-radius:  50px 0 0 50px;
	/* background-color: rgba(50,50,50, 0.3); */
	background-color: rgba(150, 200, 255, 0.6);
	z-index:1000;
}
div#cardArrowsRight>.arrow-Right
{
	position: absolute;
	top: 25%;
	left: 0%;
	height: 40px;
	width: 40px;
	border:0;
	border-radius: 30px;
	background-color: rgba(49, 96, 253, 0.8);
	z-index:1000;
}
/* div#workskills>div#cardArrows>div#cardArrowsRight
{
	position: absolute;
	top: -250px;
	right: -895px;
	transform: translate(0%, -100%);
	height: 100px;
	width: 50px;
	border-radius: 50px 0 0 50px;
	background-color: rgba(0, 128, 0, 0.3);
}
div#workskills>div#cardArrows>div#cardArrowsRight>div#cardArrowsRightCircle
{
	position: absolute;
	border-radius: 30px;
	top:30%;
	right:0;
	height: 40px;
	width: 40px;
	background-color: rgba(46, 9, 2, 0.8);
} */
div#workskills>div#cardArrows2 {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.wrapper1 {
	display: flex;
	/* border: 1px solid; */
	overflow: hidden;
	/* resize: horizontal; */
	margin-bottom: 10px;
  }
  .box1 {
	text-align: justify;
	/* font-size: 20px; */
	margin: 0;
  } 
  .float1 {
	float: right;
	height: 100%;
	margin-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	shape-outside: inset(calc(50% - 50px) 0);
  }
  .float12 {
	float: right;
	margin-left: 15px;
	margin-right: 0;
	/* height: 100%; */
	/* margin-left: 15px; */
	/* display: flex; */
	/* flex-direction: column;
	justify-content: center; */
	/* shape-outside: inset(calc(50% - 50px) 0); */
  }
  .card, .card-block, .card-body
  {
	overflow:hidden !important;
  }
  .custom-checkbox
  {
	/* border-color: ; */
	background-color: #007CC7;
	width:12px;
	height:12px;
	border-radius: 2px;
	border: 2px solid #007CC7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	display: inline-block;
  }
  div.tag_line,
  div.tag_line>p,
  div.tag_line>p>div.custom-checkbox
  {
	display: inline-block;
  }

  /* marquee scrolling..................................*/

.marqueep
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	font-family: 'Montserrat', sans-serif;
	/* background-color: #111;
	color: #eee; */
	/*height: 100vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
:root {
  --marquee-width: 80vw;
  --marquee-height: 20vh;
/*  --marquee-elements: 12;*/ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
 /* background-color: #fff;
  color: #111;*/
  overflow: hidden;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 5rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  /*background: linear-gradient(to right, #111 0%, transparent 100%);*/
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
.marquee-content:hover {
  animation-play-state: paused;
} 
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
  border: 2px solid #eee;
}

.marquee-content li {
	display: flex;
	justify-content: center;
	align-items: center;
	/* text-align: center; */
	flex-shrink: 0;
	width: var(--marquee-element-width);
	max-height: 100%;
	font-size: calc(var(--marquee-height)*3/4); 
	/* 5rem; */
	white-space: nowrap;
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
	--marquee-width: 100vw;
	--marquee-height: 16vh;
	--marquee-elements-displayed: 3;
  }
  .marquee:before, .marquee:after { width: 5rem; }
}





.marqueepc
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	font-family: 'Montserrat', sans-serif;
	/* background-color: #111;
	color: #eee; */
	/*height: 100vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
:root {
  --marqueec-width: 100%;
  /*80vw;*/
  --marqueec-height: 150%;
  /*20vh;*/
/*  --marquee-elements: 12;*/ /* defined with JavaScript */
  --marqueec-elements-displayed: 2;
  --marqueec-element-width: calc(var(--marqueec-width) / var(--marqueec-elements-displayed));
  --marqueec-animation-duration: calc(var(--marqueec-elements) * 10s);
}

.marqueec {
/**/  width: var(--marqueec-width);
  height: var(--marqueec-height);
 /* background-color: #fff;
  color: #111;*/
  overflow: hidden;
  position: relative;
}
.marqueec1:before, .marqueec1:after {
  position: absolute;
  top: 0;
  width: 5rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marqueec1:before {
  left: 0;
  /*background: linear-gradient(to right, #111 0%, transparent 100%);*/
  background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.marqueec1:after {
  right: 0;
  background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.marqueec-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marqueec-animation-duration) linear infinite;
}
.marqueec-content:hover {
  animation-play-state: paused;
} 
@keyframes scrolling1 {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marqueec-element-width) * var(--marqueec-elements))); }
}
.marqueec-content>div {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  /*width: 100%;*/
  /*var(--marqueec-element-width);*/
  width: var(--marqueec-element-width);
  max-height: 100%;
  /*font-size: calc(var(--marqueec-height)*3/4);*/ /* 5rem; */
  white-space: wrap;
}

.marqueec-content>div {
  /*width: 100%;*/
  /* height: 100%; */
  border: 2px solid #eee;
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
	--marqueec-width: 100vw;
	--marqueec-height: 16vh;
	--marqueec-elements-displayed: 3;
  }
  .marqueec:before, .marqueec:after { width: 5rem; }
}
 /* marquee scrolling..................................*/

footer .nav-link 
{
	color:rgb(194, 194, 194) !important;
}
footer h5
{
	color:white !important;
	/* color:#024D87; */
}



#menuLoginNav
{
	display: block;
	/* width:150px; */
	float:right !important;
	margin-right:0 !important;
	/* align-content: middle ; */
}
#menuLoginNav
{
	/*align-items: flex-end; */
	color:white !important;
	fill:none;
	stroke:white !important;
	stroke-width:1px;
}
#menuLoginNav:hover
{
	color:#72c5fd !important;
	stroke:#72c5fd !important;
}
svg#menuSearch
{

	fill:none;
	stroke:white;
	stroke-width:1px;
}
svg#menuSearch:hover
{
	stroke:#72c5fd !important;
}
/* .bsb-btn-xl {
	--bs-btn-padding-y: 0.625rem;
	--bs-btn-padding-x: 1.25rem;
	--bs-btn-font-size: calc(1.26rem + 0.12vw);
	--bs-btn-border-radius: var(--bs-border-radius-lg)
} */
.custom-checkbox2
{
	/* border-color: ; */
	background-color: white;
	width:12px;
	height:12px;
	border-radius: 2px;
	border: 2px solid white;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3e%3cpath fill='blue' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	display: inline-block;
}

ul.tag_line2
{
	list-style-type: none;	/* Remove bullets */
	padding: 0;				/* Remove padding */
	margin: 0;				/* Remove margins */
}
section#LoginformModal .card-header
{
	background-color:transparent;
	border:0;
	color:white !important;
}
section#LoginformModal .input-group-text
{
	width : 10rem;
	/* 30%;  */
	/*adjust as needed*/
}

/* section#LoginformModal .input-group-text span  */
.inputGroup-sizing-lg
{
	width: 100%;
	overflow: hidden;
}

section#LoginformModal
{
	/* display:none; */
	/* background: #f1f1f1;
	color: #000; */
	/* position: relative; */
	/* padding: 20px;
	margin-top: 10px; */
}

section#LoginformModal .modal-dialog,
section#LoginformModal .modal-content
{
	padding-left:0px;
	margin-left:0px;
	width: 90vw !important;
}
section#LoginformModal div#loginwith>a
{
	border-radius:  36px;
	width:36px;
	height:36px;
	padding:0;
	margin:0;
}
section#LoginformModal div#loginwith>a>svg
{
	padding:auto;
	margin:5px;
	width:24px;
	height:24px;
}
section#LoginformModal div#connectwithus>a
{
	border-radius:  36px;
	width:36px;
	height:36px;
	padding:0;
	margin:0;
	border:1px solid white;
}
section#LoginformModal div#connectwithus>a>svg
{
	padding:auto;
	margin:5px;
	width:24px;
	height:24px;
}
/* section#createnewlogin, */
#createnewlogin .modal-dialog,
#createnewlogin .modal-content
{
	/* padding-left:0px !important; */
	margin-left:auto !important;
	width: 95vw !important;
	max-width: 95vw !important;
}
#createnewlogin .modal-body span
{
	width : 6rem;
	/* 30%;  */
	/*adjust as needed*/
}
#signupsubmit .modal-dialog,
#signupsubmit .modal-content
{
	/* padding-left:0px !important; */
	margin-left:auto !important;
	width: 95vw !important;
	max-width: 95vw !important;
}
#signupsubmit .modal-body span
{
	/* width : 6rem; */
	/* 30%;  */
	/*adjust as needed*/
}
/* tooltip {
    z-index: 100000000; 
	background-color: #9030d0;
} */
#forgotpassword .modal-dialog,
#forgotpassword .modal-content
{
	/* padding-left:0px !important; */
	margin-left:auto !important;
	width: 95vw !important;
	max-width: 95vw !important;
}
/* div#workskills
{

} */
div#workskills div.card>div.card-body>div:nth-child(3) 
{
	opacity: 0.8;	
	font-size:smaller; 
	position:absolute; 
	background-color:rgba(50, 50, 50, 1) !important;
	color:white;
	bottom:0; 
	height:60px;
}
div#workskills div.card:hover>div.card-body>div:nth-child(3)
{
	animation: mymove 5s infinite;
}
@keyframes mymove
{
	0% 	{opacity: 0.0;}
	10%	{opacity: 0.0;}
	20%	{opacity: 0.5;}
	30%	{opacity: 0.65;}
	40%	{opacity: 0.75;}
	50%	{opacity: 0.8;}
	60%	{opacity: 0.9;}
	70%	{opacity: 0.9;}
	80%	{opacity: 1.0;}
	90%	{opacity: 1.0;}
	100% {opacity: 1.0;}

	/* 100% 	{opacity: 1.0;}
	90%	{opacity: 0.9;}
	80%	{opacity: 0.75;}
	70%	{opacity: 0.5;}
	60%	{opacity: 0.25;}
	50%	{opacity: 0.0;}
	40%	{opacity: 0.0;}
	30%	{opacity: 0.0;}
	20%	{opacity: 0.0;}
	10%	{opacity: 0.0;}
	0% {opacity: 0.0;} */
}
#carouselCaptions *
{
	transition: transform 2s ease, opacity .9s ease-out;
}
#carouselCaptions > div.carousel-indicators
{
	padding-bottom: 8rem;
}
#carouselCaptions div.carousel-inner > div.carousel-item > img
{
	object-fit: containt !important;
	display: block;
}
#carouselCaptions div.carousel-inner > div.carousel-item img
{
	height:270px;
}
#carouselCaptions div.carousel-inner > div.carousel-item  div.carousel-caption
{
	height:124px;
}
.mmMenu > li > a:nth-child(1)
{
	display:block !important;
}
.mmMenu > li > a:nth-child(2)
{
	display:none !important;
}
.navbar-brand:hover
{
	background-color: #007CC7;
}

/* More buttons */
/* #mainpage > div > div.col-md-12.col-lg-9 > div:nth-child(4) > div:nth-child(2) > div > div.card-body > p > a, */
#mainpage > div > div.col-md-12.col-lg-9 > div:nth-child(5) > div  div > div.card-body > p > a,
#mainpage > div > div.col-md-12.col-lg-9 > div:nth-child(4) > div  div > div.card-body > p > a,
/* #workskills > div > div:nth-child(1) > div > div.card-body.row > div > a */
#workskills > div > div > div > div.card-body.row > div > a
{
	background-color: transparent !important;
	border-color: #0d6efd !important;
	height: auto !important;
	color:#0d6efd !important;
}
/* More buttons */
#mainpage > div > div.col-md-12.col-lg-9 > div:nth-child(5) > div  div > div.card-body > p > a:hover,
#mainpage > div > div.col-md-12.col-lg-9 > div:nth-child(4) > div  div > div.card-body > p > a:hover,
#workskills > div > div > div > div.card-body.row > div > a:hover
{
	background-color: #0d6efd  !important;
	border-color: #0d6efd  !important;
	height: auto !important;
	color:#ffffff !important;
}


/* #workskills > div > div:nth-child(7) > div > ul */
#workskills > div div > div > ul ,
#workskills > div div > div > ul > li
{
	background-color: transparent !important;
}
/* #footer > div:nth-child(1) > footer > div > div > h5 > a */
.lh_h5
{
	line-height:45px !important;
}
.animated_underline
{
    position: relative;
	/* color: black; */
    margin: 00px;
	max-width: 100%;
    display: inline-block;
	background-color: rgba(0, 0, 0, 0);
	outline: 0;
	text-decoration: none;
	line-height:30px;
}
/* #footer > div:nth-child(1) > footer > div > div > h5 > a:after  */
.animated_underline:after
{
    content: "";
    position: absolute;
    transition: all .4s ease;
    /* margin: auto auto 0; */
	margin: 0 0 0 0;
    height: 2px;
    background: #0099ff;
    opacity: 0.7;
    top: auto;
    bottom: -1px;
    left: auto;
    right: 0;
    width: 0;
}
/* #footer > div:nth-child(1) > footer > div > div > h5 > a:hover:after  */
.animated_underline:hover
{
	text-decoration: none !important;
}
.animated_underline:hover:after
{
    left: 0;
    right: auto;
    width: 100%;
}
@media screen and (orientation: landscape) and (max-width:992px) and (max-height: 400px) {
	#blink_icons,
	#blink_icons:hover
	{
		width: 64px;
		height: 64px;
		font-size: clamp(10px, 90%, 20px) !important;
	}
	
	#blink_icons svg,
	#blink_icons:hover svg
	{
		width: 80%;
		height: 80%;
	}
	div.icon-bar
	{
		width: 130px;
		max-height: 100%;
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
}
@media screen and (max-width:576px) and (min-width: 50px) and (min-height: 750px), (pointer:none), (pointer:coarse) {

	#blink_icons
	{
		width: 64px;
		height: 64px;
	}
	#blink_icons:hover
	{
		width: 64px;
		height: 64px;
	}
}


@media screen and (max-width:576px) and (min-width: 50px) {

	body
	{
		width: 576px; /*calc(576px - 20px);*/
		max-width: 576px; /*calc(576px - 20px);*/
		min-width: 576px; /*calc(576px - 20px);*/
		font-size:14px;
		--marquee-height: 165px;
	}
	h2, h5
	{
		font-size: 2rem;
	}
	#carouselCaptions > div.carousel-inner > div > div > h5
	{
		font-size: 1.5rem;
	}
	h2.card-title, .card h2 u,.card h3 u, .card h5, .card h2, body > section:nth-child(11) > div > div > div > span > u
	{
		font-size: 3rem;
	}
	#workskills > div > div > div > div > div.px-3 > p
	{
		font-size: 1.5rem;
	}
	#workskills > div > div > div > ul > li > span
	{
		font-size: 1.2rem;
		/* padding:2px; */
		margin:2px;
		line-height: 1.1;
	}
	#mobileMenu > p
	{
		margin: 14% auto !important;
	}
	#mobileMenu
	{
		display:block !important;
	}
	#mobileMenuModal
	{
		padding:10px !important;
	}
	#fp4 > div > div > p,
	#fp3 > div > div > p
	{
		font-size: 44px !important;
		margin: 40px 10px !important;
	}
	#youtubeplayer2,
	#youtubeplayer1{
		height:300px !important;
	}
	#stickyTop1
	{
		display:none;
	}
	#mainpage_logo
	{
		width:72px;
	}
	#itlpro_check1,
	#itlpro_check2,
	#itlpro_check3
	{
		width:100%;
	}
	#carouselCaptions
	{
		height: 383px;
	}
	#carouselCaptions > div.carousel-indicators
	{
		padding-bottom: 10rem;
	}
	#carouselCaptions div.carousel-inner > div.carousel-item img
	{
		height:260px;
	}
	#carouselCaptions div.carousel-inner > div.carousel-item  div.carousel-caption
	{
		height:124px;
	}
	#carouselCaptions div.carousel-inner > div.carousel-item:nth-child(1) > img
	{
		content:url("./asset/images/img0008.png");
	}
	#carouselCaptions div.carousel-inner > div.carousel-item:nth-child(2) > img
	{
		content:url("./asset/images/img0009.png");
	}
	#carouselCaptions div.carousel-inner > div.carousel-item:nth-child(3) > img
	{
		content:url("./asset/images/img0010.png");
	}

	/* img[src*="./asset/images/Banner_1.png"]
	{
		background-image: url("./asset/images/Banner1_480.png");
		width: 20rem;
		height: 10rem;
		padding: 10rem 0 0 0;
	}
	img[src*="./asset/images/Banner_2.png"]
	{
		background-image: url("./asset/images/Banner2_480.png");
		width: 20rem;
		height: 10rem;
		padding: 10rem 0 0 0;
	}
	img[src*="./asset/images/Banner_3.png"]
	{
		background-image: url("./asset/images/Banner3_480.png");
		width: 20rem;
		height: 10rem;
		padding: 10rem 0 0 0;
	} */
	.submenu
	{
		display:none !important;
	}
	ul.mmMenu:hover
	{
		/* width:100% !important; */
		background-color: #007CC7;
	}
	ul.mmMenu > li > a > span::after
	{
		display:none !important;
	}
	ul.mmMenu,
	ul.mmMenu > li,
	ul.mmMenu > li > a,
	ul.mmMenu > li > a > span
	{
		width: 100% !important;
	}
	.mmMenu > li > a:nth-child(1)
	{
		display:none !important;
	} 
	.mmMenu > li > a:nth-child(2)
	{
		display: block !important;
	}
	.navbar-brand
	{
		/* content:"ITLPro Solutions Private Limited"; */
		margin-left:10px !important;
	}
	#workskills > div > div.col-4
	/* :nth-child(1) */
	{
		/* width:562px !important; */
		width:100% !important;
	}
	div#workskills>div div.card>div.card-body,
	div#workskills>div .card>.card-body>img
	{
		height:250px;
		max-height:250px;
	}
	#fp1,#fp2
	{
		min-height:450px !important;
	}
	#fp3,#fp4
	{
		min-height:650px !important;
		height:650px;
		width:100% !important;
	}
	#fp1 > div > div:nth-child(3) > div > img,
	#fp2 > div > div:nth-child(3) > div > img,
	#fp3 > div > div:nth-child(3) > div > img,
	#fp4 > div > div:nth-child(3) > div > img
	{
		/* width:calc(170*1.5); */
		min-height:320px;
		left:80px !important;
	}
	#fp1 > div > div:nth-child(3) > div > svg,
	#fp2 > div > div:nth-child(3) > div > svg,
	#fp3 > div > div:nth-child(3) > div > svg,
	#fp4 > div > div:nth-child(3) > div > svg
	{
		left:350px !important;
	}
	#fp1 > div > div:nth-child(3) > div > a,
	#fp2 > div > div:nth-child(3) > div > a,
	#fp3 > div > div:nth-child(3) > div > a,
	#fp4 > div > div:nth-child(3) > div > a
	{
		left:350px !important;
	}

	
	div#accordion1.accordion
	{
		height: 780px !important;
	}
	div#accordion1.accordion .accordion-item
	{
		/* height: calc(700/2px); */
		height: auto;
	}
	div#accordion1 .show
	{
		height:320px !important;
	}
	div#accordion1>.accordion-item>.accordion-header,
	div#accordion1>.accordion-item>.accordion-header>.accordion-button
	{
		/* height:20px important!; */
		padding-top:5px;
		padding-bottom:5px;
		/* 0px 5px 0px; */
		/* margin:0px 0px 0px 0px; */
	}
}





/*@media screen and (min-width:576px) {*/
@media screen and (max-width:992px) and (min-width:576px) {
	body {
		width: 990px;
	}
	#threeProductVerticalCategory h5
	{
		font-size: 1rem;
	}
	#fp4 > div > div > p,
	#fp3 > div > div > p
	{
		font-size: 36px !important;
		margin: 40px 10px !important;
	}
	div#accordion1.accordion
	{
		height: 670px !important;
	}
	div#accordion1 .show
	{
		height:260px !important;
	}
	#youtubeplayer2,
	#youtubeplayer1{
		height:260px !important;
	}
	#itlpro_check1,
	#itlpro_check2,
	#itlpro_check3
	{
		/* width:33%; */
		display: inline-block;
		padding:0px;
		margin:0px;
	}
	#carouselCaptions
	{
		height: 398px;
	}
	#Image_Logo
	{
		height: 80px;
		width: 500px !important;
	}
	#menuLoginNav
	{
		padding-right:00px !important;
	}
	#workskills > div > div.col-4
	/* :nth-child(1) */
	{
		/* width:482px !important; */
		width:50% !important;
	}
	div#workskills>div div.card>div.card-body,
	div#workskills>div .card>.card-body>img
	{
		height:200px;
		max-height:200px;
	}
	#fp1,#fp2
	{
		min-height:450px !important;
	}
	#fp3,#fp4
	{
		min-height:550px !important;
		height:550px;
		/* width:50% !important; */
	}
	#fp1 > div > div:nth-child(3) > div > img,
	#fp2 > div > div:nth-child(3) > div > img
	{
		/* width:calc(170*1.5); */
		min-height:320px;
		left:80px !important;
	}
	#fp1 > div > div:nth-child(3) > div > svg,
	#fp2 > div > div:nth-child(3) > div > svg
	{
		left:350px !important;
	}
	#fp1 > div > div:nth-child(3) > div > a,
	#fp2 > div > div:nth-child(3) > div > a
	{
		left:350px !important;
	}
}




@media screen and (min-width:992px) {
	body {
		width: 100%;
	}
	#itlpro_check1,
	#itlpro_check2,
	#itlpro_check3
	{
		/* width:33%; */
		/* display: inline-block; */
		display: inline-block;
		padding:0px;
		margin:0px;
	}
	#carouselCaptions
	{
		height: 398px;
	}
	#Image_Logo
	{
		height: 100px;
		width: 650px !important;
	}
	#workskills > div > div.col-4
	/* :nth-child(1) */
	{
		width: 33.3333% !important;
	}
	div#workskills>div div.card>div.card-body,
	div#workskills>div .card>.card-body>img
	{
		height:165px;
		max-height:165px;
	}
	#fp1,#fp2
	{
		min-height:360px !important;
	}
	#fp3,#fp4
	{
		min-height:360px !important;
		height:360px;
		width:100% !important;
	}
	#fp1 > div > div:nth-child(3) > div > img,
	#fp2 > div > div:nth-child(3) > div > img
	{
		/* width:calc(170*1.5); */
		min-height:170px;
		left:20px !important;
	}
	#fp1 > div > div:nth-child(3) > div > svg,
	#fp2 > div > div:nth-child(3) > div > svg
	{
		left:160px !important;
	}
	#fp1 > div > div:nth-child(3) > div > a,
	#fp2 > div > div:nth-child(3) > div > a
	{
		left:160px !important;
	}


	div#accordion1
	{
		height: 440px !important;
	}
	div#accordion1 .show
	{
		height:152px !important;
	}
	div#accordion1>.accordion-item>.accordion-header,
	div#accordion1>.accordion-item>.accordion-header>.accordion-button
	{
		/* height:20px important!; */
		padding-top:5px;
		padding-bottom:5px;
		/* 0px 5px 0px; */
		/* margin:0px 0px 0px 0px; */
	}
	#youtubeplayer2,
	#youtubeplayer1{
		height:140px !important;
	}
}


@media screen and (max-width:1080px) {

}



@media screen and (min-width:1366px) {
	#stickyTop1 {
		/* margin:auto !important; */
		left: auto !important;
		right: auto !important;
		/* top: 10px !important;
		z-index: 1000 !important; */
		width: 940px !important;
	}
	.icon-bar
	{
		/* right: auto !important; */
		/* margin-right:calc(65% - 1366px) !important; */
		/* margin-right:0px !important; */
		/* calc(100vw - 1366px) !important; */
		/* right: auto !important; */
		/* width: 940px !important; */
	}
}