/***************** Menu ***************/
@import url('https://fonts.cdnfonts.com/css/roboto?styles=14394,14400,14395,14399,14396,14403');

/******* Gotham for main heading ************/
@import url('https://fonts.cdnfonts.com/css/gotham-rounded-medium?styles=17301,17302,17307,17303');

/************* purpose page number ***************/
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-lt-std-55');
/*
@font-face {
  font-family: 'Roboto-Regular.ttf';
  src:  url('/css/fonts/Roboto-Regular.ttf') format('truetype');
}
*/
.container{
	max-width:1100px;
}
.homeSection{
	padding:60px 0px;
}
.alignCenter{
	display: flex;
	align-items: center;
}
.logo a img{
	width:65%;
}
h1.headingH1{
	width:100%;
	position:relative;
	font-size:60px;
	line-height:55px;
	color:#FFFFFF;
	font-family: 'Gotham Rounded Book', sans-serif;
	font-weight:normal;
}
h1.headingH1 span{
	color:#05579F;
	font-family: 'Gotham Rounded Book', sans-serif;
	font-weight:bold;
}
h2.headingH2{
	width:auto;
	font-size:36px;
	line-height:36px;
	color:#58595B;
	font-family: quicksand, sans-serif;
	font-weight:400;
	transform: matrix(0, -1, 1, 0, 0, 0);
	text-align:right;
}
h2.headingH2::after {	
	width:25%;
	content: "";
	display: block;
	height:3px;
	background: transparent linear-gradient(90deg, #3D97D3 0%, #4B9ED6EC 5%, #8AC0E499 31%, #BCDBEF57 54%, #E0EEF828 74%, #F6FAFD0B 90%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
	position:absolute;
	right:22%;
	bottom:0;
}
h3.headingH3{
	width:auto;
	font-size:41px;
	line-height:55.6px;
	color:#FFFFFF;
	font-family: 'Roboto Medium', sans-serif;
	font-weight:500;
}
p.para1{
	font-size:20px;
	line-height:26.8px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}
p.para2{
	font-size:20px;
	line-height:26.8px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
}
p.para1 span, p.para2 span{
	color:#EC1E79
}
a.readMore{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:16px;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:5px 10px;
}
a.readMore svg{
	font-size:14px;
	margin-right:5px;
}
a.readMore:hover{
	background:#05579F;
	border:1px solid #05579F;
}
.bodyBg{
	background: url("../images/body-right.svg") no-repeat;
	background-position: 105% 75%;
    background-size: right bottom;
}
.borderAbsolute{
	position:absolute;
	right:0%;
	width:65%;
	z-index:0;
	border:1px solid #808184;
}
/*
.borderAbsolute::after{
	position:absolute;
	width:100%;
	content: "";
	border:1px solid #808184;
	height:100%;
	top:0;
	right:0;
	z-index:0;
}
*/
h4.headingH4{
	font-size:31px;
	line-height:31px;
	color:#FFFFFF;
	font-family: 'Roboto Medium', sans-serif;
	font-weight:400;
}
.readMoreMargin{
	position:absolute;
	left:0;
	bottom:-30%;
}
.cardPlayBook{
	width:100%;
	position:relative;
	background:none;
	padding:30px 0px;
}
.cardPlayBookBorder{
	border-right:1px solid #808184;
}
h1.playBookheadingH1{
	font-size:31px;
	line-height:31px;
	height:60px;
	color:#FFFFFF;
	font-family: 'Roboto Medium', sans-serif;
	font-weight:400;
}
.playBookIcons{
	width:25%;
}
.readMoreMargin2{
	position:absolute;
	left:0;
	bottom:-20%;
}
.customHeight{
	min-height:550px
}
.contactInput input{
	border: 1px solid #FFFFFF;
	background:none;
	box-shadow:none;
	border-radius:0px;
	color:#FFF !important;
}
.contactInput input:focus{
	outline:0 !important;
	background:none !important;
	box-shadow: none !important;
}
.contactInput input::-moz-placeholder{
	color:#FFFFFF !important;
}
.contactInput input::-webkit-input-placeholder{
	color:#FFFFFF !important;
}
/**Added by Askari**/
.contactInput select{
	border: 1px solid #FFFFFF;
	background:none;
	box-shadow:none;
	border-radius:0px;
	color:#FFF !important;
}
.contactInput select:focus{
	outline:0 !important;
	background:none !important;
	box-shadow: none !important;
}
.contactInput select::-moz-placeholder{
	color:#FFFFFF !important;
}
.contactInput select::-webkit-input-placeholder{
	color:#FFFFFF !important;
}
.contactInput select option {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  color: #000 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

button.readMore{
	font-family: 'Roboto', sans-serif;
	border:1px solid #707070;
	font-size:16px;
	line-height:16px;
	font-weight:600;
	color:#000000;
	padding:10px 20px;
}
button.readMore svg{
	font-size:14px;
	margin-left:5px;
}
button.readMore:hover{
	background:#05579F;
	color:#FFFFFF;
	border:1px solid #05579F;
}
a.contactLinks{
	font-size:16px;
	line-height:47px;
	height:60px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}
p.copyWrite{
	font-size:18px;
	color:#FFFFFF;
	font-family: 'Gotham Rounded Book', sans-serif;
}
ul.socialLinks{
	margin:0px;
	padding:0px;
}
ul.socialLinks li{
	display:inline-block;
	list-style-type:none;
}
ul.socialLinks li a{
	display:block;
	color:#FFFFFF;
	margin:0px 1px;
}
em.textBorders1{
	width:100%;
	font-style:normal;
	outline-offset:5px;
	outline:2px solid #05579F;
}

em.textBorders1_mob{
	width:100%;
	font-style:normal;
}
em.textBorders2{
	width:100%;
	font-style:normal;
	line-height:53px;
	outline-offset:1px;
	outline:2px solid #05579F;
}
em.textBordersSingleLine{
	line-height:67px;
}
/***************** prism-process page ***************/
.homeAnimation{
	width:100%;
	position:relative;
	height:570px;
}
video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.borderLine1{
	position:absolute;
	right:0%;
	width:65%;
	z-index:0;
	border-top:1px solid #808184;
}
.prismProcessIcon{
	position:absolute;
	left:20%;
	margin:0px auto;
}
/*
.textWithLine{
	height:1px;
	background-color: #FFFFFF;
	margin-top:-11px;
}
*/
.textWithBroder{
	display:flex;
	align-items: center;
}
.textWithBroder .textWithLine{
	height:1px;
	flex: 1;
	border-bottom:2px dotted #808184;
}
h2.prismProcessHeadingH2{
	margin:0px;
	padding:0px;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	color:#F9B72D;
	padding-right:20px;
	font-family: 'Roboto', sans-serif;
}
#arrowUp::before{
	position: absolute;
	right:10%;
	width:20px;
	content: "";
	background-image: url('../images/arrow-up.svg');
	height:50px;
	background-repeat: no-repeat;
	margin-top:-10px;
}
#arrowDown::before{
	position: absolute;
	left:8%;
	width:20px;
	content: "";
	background-image: url('../images/arrow-down.svg');
	height:50px;
	background-repeat: no-repeat;
	margin-top:-60px;	
}
#prismProcessSlider{
	width:100%;
	position:relative;
	display:inline-grid;
}
#prismProcessSlider button.owl-prev{
	position:absolute;
	left:0;
	top:45%;
	background:none !important;
	border:2px solid #ffffff !important;
}
#prismProcessSlider button.owl-next{
	position:absolute;
	right:0;
	top:45%;
	background:none !important;
	border:2px solid #ffffff !important;
}
#prismProcessSlider button.owl-next span, #prismProcessSlider button.owl-prev span{
	color:#ffffff;
	font-size:1.5rem !important;
	line-height:1.5rem;
}
#prismProcessSlider .owl-stage{
	padding:0px !important;
}
#prismProcessSlider button{
	width:35px !important;
	height:35px !important;
}
img.wMd85{
	width:90% !important;
	margin:0px auto;
}
.borderContantHeight{
	min-height:200px;
}
em.lightBlue{
	color:#8BD1CB;
	font-style:normal;
}
.footerBorder{
	width:100%;
	position:relative;
	margin-top:5%;
	border-top:1px solid #808184;
	padding:20px 0px 10px 0px;
}
p.para3{
	width:auto;
	position:relative;
	font-size:17px;
	color:#FFFFFF;
	margin-bottom:5px;
	font-family: 'Roboto', sans-serif;
}
.para3::after {
	display:none;
	clear:both;
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 40%;  /* or 100px */
	border-bottom:1px solid #808184;
	margin:0 auto;
}
/******************************/
.pageWrpp{
	position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pageWrppStickyLeft{
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width:10%;
    min-width:100px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.pageWrppDataRight{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}
.pageWrppDataRight.vert{
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dataRightWrap{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.customeSticky{
	position: absolute;
    display: block;
    height:220px;
    white-space: nowrap;
}
.homeSection2{
	width:100%;
	position:relative;
	padding:30px 0px;
}
.pageDataLeft{
	width:20%;
	float:left;
}
.pageDataLeft img{
	width:80% !important;
	max-height:200px;
}
.pageDataRight{
	width:80%;
	float:right;
}
.customeSticky.customeStickySpace{
	position: sticky;
	top:120px;
}
.borderBottom {
	border-bottom:1px solid #808184;
	padding:15px;
}
.allborders {
	border:1px solid #808184;
	border-right:none;
	padding:30px;
}
.noBorders {
	border:1px solid #000;
	padding:15px;
}
.testOverlayBorderMargin{
	margin-top:-35px;
}
.homeGrid{
	width: 100%;
    margin: 0 auto;
    display: grid;
    gap: 0rem;
    grid-template-columns: repeat(4,minmax(16%,1fr));
	border:1px solid #808184;
	border-right:none;
}
.homeGridItems{
	position: relative;
    width: 100%;
    display: block;
	border-right:1px solid #808184;
	padding:30px;
}
.homeGridItems:last-child{
	border-right:none;
}
p.para4{
	width:100%;
	position:relative;
	font-size:14px;
	line-height:14px;
	color:#FFFFFF;
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
span.errors{
	position:absolute;
	right:0;
	font-size:14px;
	color:red
}

.modal-content{
	width:100%;
	position:relative;
	background: #000;
    background-size: cover;
	border:2px solid #FFF;
}
.modal-header .close span{
	color:#FFFFFF;
	font-size:36px;
	font-weight:normal;
}

.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100px;
    color: #FFF;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.loading span {
    position: absolute;
    height: 10px;
    width: 84px;
	left:0;
    top: 50px;
    overflow: hidden;
}
.loading span > i {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-animation: wait 4s infinite;
    -moz-animation: wait 4s infinite;
    -o-animation: wait 4s infinite;
    animation: wait 4s infinite;
}
.loading span > i:nth-of-type(1) {
    left: -28px;
    background: yellow;
}
.loading span > i:nth-of-type(2) {
    left: -21px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: lightgreen;
}

@-webkit-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-moz-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-o-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
#msg, #loading{
	display:none;
}
/*****************/
.showMobile{
	width:100%;
	position:relative;
	overflow:auto;
	display:none;
}
p.para5{
	font-size:28px;
	line-height:33.6px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
}
.caseStudyMargin{
	margin-right:30px;
}
#dots1, #dots2, #dots3, #dots4, #dots5, #dots6{
	font-style:normal;

}
#more1, #more2, #more3, #more4, #more5, #more6{
	font-style:normal;
	display:none;
	transition-delay: 5s;
}
.borders1{
	width:100%;
	position:relative;
	height:1px;
	background:none;
	border-bottom: 1px solid #808184;
}
.bordersRight{
	width:100%;
	position:relative;
	background:none;
	border-right: 1px solid #808184;
}
h5.headingH5{
	margin:0px;
	padding:0px;
	font-size:45px;
	line-height:56px;
	color:#FFFFFF;
	font-family: 'Roboto Medium', sans-serif;
	font-weight:400;
}
.allborders2{
	width:100%;
	position:relative;
	border:1px solid #808184;
	overflow:hidden;
}
h2.headingSubH2{
	width:auto;
	font-size:39px;
	line-height:49px;
	color:#FFFFFF;
	font-family: 'Roboto Medium', sans-serif;
	font-weight:500;
}
.purposeGrids{
	width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-template-columns: repeat(3,minmax(25%,1fr));
}
.purposeGridsItems{
	position: relative;
    width: 100%;
    display: block;
    border-right:1px solid #808184;
}

h1.headingSubH1{
	width:auto;
	font-size:100px;
	line-height:130px;
	font-family: 'Helvetica Neue LT Std', sans-serif;
	font-weight:bold;
}
h1.heSubColr1{
	color:#F2D10A;
}
h1.heSubColr2{
	color:#05579F;
}
h1.heSubColr3{
	color:#EC1E79;
}
.img-fluid-custom{
	max-width:80% !important;
}

.custom-line-height{
line-height: 4.1pc !important;
}

/*Tooltip*/
.tooltip_custom {
  position: relative;
  display: inline-block;
}

.tooltip_custom .tooltiptext_custom {
  visibility: hidden;
  width: 120px;
  background-color: #5d5b5b;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 50%;
  margin-left: -60px;
}

.tooltip_custom .tooltiptext_custom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #5d5b5b transparent;
}

.tooltip_custom:hover .tooltiptext_custom {
  visibility: visible;
}

/***************08.11.22**********************/
.dataCustomBorder{
	width:100%;
	position:relative;
	border:1px solid #808184;
	border-right:none;
}
.principlesImgMargin{
	margin-top:100%;
}
.principlesGrids{
	width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-template-columns: repeat(4,minmax(25%,1fr));
}
.principlesGridsItems{
	position: relative;
    width: 100%;
    display: block;
    border-right:1px solid #808184;
}
.principlesGridsItems:last-child{
	border-right:none;
}
/**************** mobile *****************/
h1.mobileHeading{
	display:none;
	text-align:left;
	color:#929497;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	font-family: 'Gotham Rounded Book', sans-serif;
}
h1.mobileHeading::after{
	width:25%;
    content: "";
    display: block;
	margin-top:10px;
    height: 3px;
    background:#3D97D3;
    position: relative;
}
img.homeContactImg{
	width:75%;
}
.showArrowMobile{
	display:none !important;
}
.principlesGrids2{
	width: 100%;
    margin: 0 auto;
    display: grid;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    grid-template-columns: repeat(3,minmax(25%,1fr));
}
.principlesGridsItems2{
	position: relative;
    width: 100%;
    display: block;
    border-right:1px solid #808184;
}
.principlesGridsItems2:last-child{
	border-right:none;
}
.borders2{
	width:100%;
	position:relative;
	height:1px;
	background:none;
	border-bottom: 1px solid #808184;
}
.showMobileVisiable{
	display:none;
}