* {
  scrollbar-color: #800020 #CCCCCC;
  scrollbar-width: thin;
}

/* Scroll bar stylings */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #CCCCCC; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #800020; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e00000; 
}

.header__logo img.header-logo{
  filter: drop-shadow(#ccc 0 0 5px);
  width: 8rem;
}

.text-shadow{
  filter: drop-shadow(#555 0 0 5px);
}

.text-shadow-white{
  filter: drop-shadow(#fff 0 0 5px);
}

.w-mc{
  width: max-content;
}

mark{
  background-color: #002155;
  color: #FFFFFF;
  
}

.text-silver{
  color: #C6C6C6;
}

.mail-us > img{
  width: 25rem;
  filter: drop-shadow(#fff 0 0 5px);
}

img.workflow-img{
  height: 25rem;
  width: 100%;
  object-fit: cover;
  object-position: center 65%;
}

.conact-us-wrap-one h5 {
  margin-left: 34px;
}

.text-lg{
  font-size: 2rem;
}

.text-md{
  font-size: 1.5rem !important;
}

.text-sm{
  font-size: 1.2rem !important;
}

.paragraph{
  font-size: 16px;
}

.text-justify{
  text-align: justify;
  text-justify: distribute;
}

.caption-img {
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
}

.caption-img img {
  width: 100%;
  object-fit: contain;
  border-radius: 2%;
}

.ml-auto{
  margin-left: auto;
}

.box-image.profile img{
  width: 9rem;
  height: 9rem;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  border: 3px solid #002155;
}

.collab-logo{
  max-height: 4rem;
  max-width: 100%;
  align-self: center;
}

.eye-candy{
  border-radius: 2rem;
  padding-top: 5rem;
  background-position: 50% 50%;
  background-size: cover;
  padding-bottom: 5rem;
  display: flex;
  justify-content: end;
  align-items: center;
}

.vid-edit{
  background-image: url('../images/eyecandy/vid-edit.jpg');
}

.afn-c-1{
  background-image: url('../images/eyecandy/afn-c-1.jpg');
  background-position: 50% 20%;
  align-items: start;
  background-blend-mode: overlay;
  padding-top: 25rem;
  padding-bottom: 25rem;
}

.books{
  background-image: url('../images/eyecandy/books.jpg');
}

ol.ordered-steps {
	list-style: none;
	counter-reset: list;
	padding: 0 1rem;
}
/*
217
100
10.8

345
100
15.7
*/
.ordered-steps li {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 10.8%;
	--l2: 15.7%;
	--h: calc((var(--i) - 1) * (345 / var(--length)));
	--c1: hsl(var(--h), 100%, var(--l));
	--c2: hsl(var(--h), 100%, var(--l2));
	
	position: relative;
	counter-increment: list;
	max-width: 75%;
	margin: 2rem auto;
	padding: 2rem 1rem 1rem;
	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;
}


.ordered-steps li::before {
  content: '';
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

.ordered-steps h3 {
  display: flex;
	align-items: baseline;
	margin: 0 0 1rem;
	color: rgb(70 70 70);
}

.ordered-steps h3::before {
  display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 3rem;
	height: 3rem;
	content: counter(list);
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--c1);
	color: white;
}

@media (min-width: 40em) {
  .ordered-steps li {
    margin: 2rem 2rem 2rem auto;
		padding: 3rem 2rem 2rem;
	}
	
	.ordered-steps h3 {
    font-size: 2.25rem;
		margin: 0 0 2rem;
	}
	
	.ordered-steps h3::before {
    margin-right: 1.5rem;
	}

  .ordered-steps li:nth-of-type(2n-1){
    margin-left: 0;
    margin-right: 2rem;
  }
}

.cta-bg-s-1{
  background-image: url('../images/eyecandy/e-1.jpg');
  background-size: cover;
  background-position: 50% 50%;
  min-height: 30rem;
}

.ec-2{
  background-image: url('../images/eyecandy/afn-scn-6.jpg');
  background-size: cover;
  background-position: 50% 70%;
  min-height: 50rem;
}

.cta-bg-s-2{
  background-image: url('../images/eyecandy/e-1.jpg');
  background-size: cover;
  background-position: 50% 50%;
  min-height: 40rem;
}

.cta-bg-s-3{
  background-image: url('../images/eyecandy/e-2.jpg');
  background-size: cover;
  background-position: 50% 35%;
  min-height: 35rem;
}

.askew{
  font-size: xx-large; 
}



.csr_item {
  /*-ms-flex-preferred-size: calc(33.33333% - 30px);
  flex-basis: calc(33.33333% - 30px);
  margin: 0 15px 30px;*/
}

.csr-item_link {
  display: block;
  margin-bottom: 2rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background-color: #F5F5F5;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.csr-item_link:hover,
.csr-item_link:hover .csr-item_date,
.csr-item_link:hover .csr-item_title {
  text-decoration: none;
  color: #fff;
}

.csr-item_title {
  margin: 0 0 1rem;
  overflow: hidden;
  font-weight: bold;
  font-size: 30px;
  z-index: 2;
  position: relative;
}
.csr-item_date-box {
  font-size: 18px;
  z-index: 2;
  position: relative;
}
.csr-item_bg {
  height: 100%;
  width: 100%;
  background-color: transparent;

  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;

  border-radius: 0.5rem;

  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.csr_item:hover .csr-item_bg{
  background-color:#002155;
}

/*
.csr_item:nth-child(2n):hover .csr-item_bg {
  background-color: hsl(217deg 100% 17%);
}
.csr_item:nth-child(3n):hover .csr-item_bg {
  background-color: hsl(254deg 44% 22%);
}
.csr_item:nth-child(4n):hover .csr-item_bg {
  background-color: hsl(318deg 55% 22%);
}
.csr_item:nth-child(5n):hover .csr-item_bg {
  background-color: hsl(339deg 76% 25%);
}
.csr_item:nth-child(6n):hover .csr-item_bg {
  background-color: hsl(345deg 100% 25%);
}
 0%,
 11%,
hsl(280deg 45% 21%) 22%,
hsl(303deg 47% 20%) 33%,
 44%,
hsl(328deg 63% 23%) 56%,
hsl(334deg 69% 24%) 67%,
hsl(343deg 83% 26%) 78%,
hsl(343deg 83% 26%) 89%,
 100%
*/

@media only screen and (max-width: 979px) {
  .csr_item {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .csr-item_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }

}
@media only screen and (max-width: 639px) {
  .csr_item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .csr-item_title {
    min-height: 72px;
    line-height: 1;

    font-size: 24px;
  }
  .csr-item_link {
    padding: 22px 40px;
  }
  .csr-item_date-box {
    font-size: 16px;
  }
}

.icon img{
  width: 2.5rem;
  height: auto;
}


.ht-same-size .ht-box-icon.style-03 .icon-box-wrap{
  padding: 1.5rem;
}
.ht-same-size .content{
  min-height: 4.5rem;
}

ol.list{
  font-weight: 700;
}
ol.sublist{
  list-style-type: lower-alpha;
  font-weight: 400;
}

.header-sticky{
  position: sticky;
}

.bg-transparent{
  background-color: transparent;
}