@media only screen and (min-width: 630px) and (max-width: 768px)  {
    body .bg-image.colaboration_banner.headr_top_banner.subpage_banner{
        top: 15% !important;
    }
}

html,
body {
	height: 100%;
	margin: 0;

}
/* This changes all the animations globally */
:root {
	--animate-duration: 3s;
	--animate-delay: 1s;
}


body {
	font-size  : 18px;
	line-height: 24px;
	margin     : 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	width: 100%;
	position: relative;
	background-color: #0071b9;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	
}

object {
	z-index: 1;
	position: relative;
}
body.home{
	transition: background-color 1s ease;
}
#year_beyond{
	transition: background-color .5s ease;
}
body:not(.home){
	background-color: transparent;
}
.site-secondary--font-outline {
	font-family: 'Bungee Outline', cursive;
	font-weight: 400;
}
.site-main--font {
	font-family: 'Roboto', sans-serif;
}

.site-secondary--font {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}

.timeline .number{
	transition: font-size 3s ease, font-family 3s ease 3s;
}
.timeline .number.site-secondary--font__fadeIn{
	font-family: 'Roboto Slab', serif !important;
	transition: font-size 3s ease, font-family 3s ease 3s;
}



.inner {
	max-width: 1200px;
	margin   : auto;
	width    : 92%;
}
.people-culture.collaboration .inner{
	max-width: 1115px;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold !important;
}
.font-italic{
	font-style: italic;
}
.mb-0 {
	margin-bottom: 0;
}

.mt-0 {
	margin-top: 0;
}

.my-0 {
	margin-top   : 0;
	margin-bottom: 0;
}
.my-1{
	margin-top   : 20px;
	margin-bottom: 20px;
}
.py-5 {
	padding-top   : 100px;
	padding-bottom: 100px;
}
.py-4 {
	padding-top   : 80px;
	padding-bottom: 80px;
}

.col-half {
	width: 50%;
	float: left;
}

.one_third {
	width: 33%;
}

.two_third {
	width: 67%;
}

.font-weight--normal {
	font-weight: normal;
}
.font-weight--light {
	font-weight: 300;
}

.heading-size--2 {
	font-size  : 48px;
	line-height: 55px;
}

.heading-size--3 {
	font-size  : 30px;
	line-height: 40px;
}

.site-font-size--1 {
	font-size: 18px;
}

.site-font-size--2 {
	font-size  : 18px;
	line-height: 24px;
}
.site-subheadind-2 {
	font-size  : 15.21px;
	line-height: 20px;
}

.ls-pt-5 {
	letter-spacing: 0.05px;
}

.ls-pt-15 {
	letter-spacing: 0.15px;
}
.ls-pt-7 {
	letter-spacing: 7px;
}
.ls-pt-8{
	letter-spacing: 0.08px;
}

.ls-pt-85 {
	letter-spacing: 5px;
}
.position-relative{
	position: relative;
}

.overflow-lock {
	overflow: hidden;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.site-outline--font {
	font-family: 'Londrina Outline', cursive;
}

.opacity--0 {
	opacity: .7;
}

.opacity--1 {
	opacity: 1 !important;
}

/*
 * color settings
 */
 .bg--blue {
 	background-color: #204486;
 }

 .bg--blue-nav {
 	background-color: #204486 !important;
 }

 .blue {
 	color: #204486;
 }
 .white.fas.blue{
 	color: #204486;
 }

 .bg--blue--red {
 	background: linear-gradient(180deg, rgba(32, 68, 134, 1) 0%, rgba(32, 68, 134, 1) 50%, rgba(223, 25, 92, 0.7) 100%);
 }


 .yellow {
 	color: #F1C300;
 }

 .bg--yellow {
 	background-color: #F1C300;
 }

 .white {
 	color: #fff;
 }

 .red {
 	color: #DF195C;
 }

 .bg--red {
 	background: #DF195C;
 }

 .bg--red-to-yellow {
 	background: rgb(223, 25, 92);
 	background: linear-gradient(180deg, rgba(223, 25, 92, .7) 0%, rgba(223, 25, 92, 1) 50%, rgba(241, 195, 0, 1) 100%);
 }

 .bg--gray {
 	background-color: #C6BCD0;
 }
 .bg-light-gray {
 	background-color: #e6e6e6;
 }

 .bg--yellow-to-bc {
 	background: rgb(241, 195, 0);
 	background: linear-gradient(180deg, rgba(241, 195, 0, 1) 0%, rgba(241, 195, 0, 1) 80%, rgba(0, 113, 185, 1) 100%);
 }

 .gray {
 	color: #C6BCD0;
 }
 .dark-gray{
 	color: #555555;
 }
 .light-blue{
 	color: #0071B9;
 }
 .bg--light-blue{
 	background-color: #0071B9;
 }
 .bg--bc-to-gray {
 	background: rgb(0, 113, 185);
 	background: linear-gradient(180deg, rgba(0, 113, 185, .7) 0%, rgba(0, 113, 185, 1) 50%, rgba(198, 188, 208, 1) 100%);
 }

 .bg--gary-to-gray {
 	background: rgb(198, 188, 208);
 	background: linear-gradient(180deg, rgba(198, 188, 208, 1) 0%, rgba(198, 188, 208) 50%, rgba(198, 188, 208, 1) 100%);
 }
 .d-flex{
 	display: flex;
 	height: 100%;
 }
 .d-flex.no-wrap {
 	flex-wrap: nowrap;
 	align-items: center;
 }
 .justify-center{
 	justify-content: center;
 }
 .justify-left{
 	justify-content: left;
 }
 .uppercase{
 	text-transform: uppercase;
 }

 .change-bg {
 	/* transition: background-image .3s linear; */
 }
 .quote-size-1 {
 	font-size: 48px;
 	line-height: 65px;
 }

/*
button
*/
.outline-button {
	border        : 2px solid #FFFFFF;
	text-align    : left;
	letter-spacing: 3px;
	color         : #FFFFFF;
	font-size     : 13px;
	line-height   : 18px;
	display       : inline-block;
	padding       : 12px 20px;
	margin        : 30px 0;
	position      : relative;
}
.outline-button:hover{
	border        : 2px solid #F1C300;
	color: #F1C300;
}
.outline-button:hover a{
	color: #F1C300;
}

.outline-button:hover::before{
	background :#F1C300;
}

.outline-button.blue-outline {
	border: 2px solid#204486;
}

.outline-button.blue-outline::before {
	background: #204486;
}

.outline-button.blue-outline:hover{
	border        : 2px solid #fff;
	color: #fff;
}
.outline-button.blue-outline:hover a{
	color: #fff;
}

.outline-button.blue-outline:hover::before{
	background :#fff;
}

.outline-button a {
	text-decoration: none;
	text-transform : uppercase;
}

.outline-button i {
	padding-left: 40px;
}

.outline-button::before {
	position  : absolute;
	width     : 10px;
	left      : 0;
	height    : 2px;
	content   : "";
	top       : calc(50% - 2px);
	background: #fff;
}

/* Block */
.block-section {
	overflow: hidden;
	position: relative;
}

/*
header
*/
header {
	min-height: 500px;
	height    : 635px;
}

header a.logo img {
	max-width: 220px;
	position: absolute;
	left: calc(50% - 110px);
	top: 90px;
}

.nav_button {
	position   : absolute;
	left       : 34px;
	display    : flex;
	top        : 45px;
	color      : #fff;
	z-index    : 99999;
	font-size  : 21px;
}

.site_title{
	height: 32px;
	display: inline;
	line-height: 32px;
	margin-left: 66px;
}


/*
 * Just a quick hamburger
 */


 #menuToggle {

 	margin-right: 21px;
 	z-index: 1;
 	-webkit-user-select: none;
 	user-select: none;
 	width: 45px;
 	text-align: center;
 	position: fixed;

 }

 #menuToggle i {
 	font-size: 35px;
 	color    : #F1C300;
 }
 .financials .bg--yellow .side_nav ul li.current a{
 	background: #204486;
 }

 .bg--blue #menuToggle i {
 	color: #F1C300;
 }

 .bg--yellow #menuToggle i {
 	color: #204486;
 	background-image: url(../images/menu-blue.svg) !important;
 	width: 45px;
 	height: 32px;
 }

 #menuToggle a {
 	text-decoration: none;

 	transition: color 0.3s ease;
 }

 #menuToggle .menu_icon.fas.fa-custom {
 	background-image : url(../images/menu_icon.svg);
 	width: 45px;
 	height: 32px;
 }
 #menuToggle .menu_icon.fas.fa-custom-blue {
 	background-image : url(../images/menu-blue.svg) !important;
 	width: 45px;
 	height: 32px;
 }




/*
 * Make this absolute positioned
 * at the top left of the screen
 */
 #menu {
 	position              : fixed;
 	width                 : 100%;
 	max-width             : 538px;
 	margin                : 0;
 	padding: 100px 80px 50px;
 	text-align            : right;
 	background            : #0071b9;
 	list-style-type       : none;
 	-webkit-font-smoothing: antialiased;
 	/* to stop flickering of text in safari */
 	box-sizing: border-box;

 	transform-origin: 0% 0%;
 	transform       : translate(-100%, 0);

 	transition : transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
 	min-height : 400px;
 	font-family: 'Roboto Slab', serif;
 	z-index    : 9999;
 	max-height : 100%;
 	overflow   : scroll;
 }

 #menu ul {
 	list-style-type: none;
 	padding-top    : 40px;
 }

 #menu li {
 	padding: 5px 0;
 	margin : 5px 0;
 }

/*
 * And let's slide it in from the left
 */
 #menu.open {
 	transform: none;
 }

 #menu li a {
 	letter-spacing : 0.05px;
 	font-size      : 20px;
 	line-height    : 28px;
 	text-decoration: none;
 	color          : #fff;
 }

 #menu li.active a,
 #menu li:hover a,
 #menu li a:hover, #menu .download_link:hover {
 	font-weight: bold;
 	color      : #F1C300;
 }


 .menu-download--button {
 	width: 296px;
 	height: 50px;
 	border: 2px solid #FFFFFF;
 	line-height: 50px;
 	text-align: center;
 	margin-left: auto;
 	position: relative;
 	margin-top: 50px;
 	margin-bottom: 20px;
 }

 .menu-download--button::before {
 	position  : absolute;
 	width     : 10px;
 	left      : 0;
 	height    : 2px;
 	content   : "";
 	top       : calc(50% - 2px);
 	background: #fff;
 }

 .menu-download--button a {
 	text-decoration: none;
 	letter-spacing : 0.05px;
 	color          : #FFFFFF;
 	font-size      : 16px;
 	font-weight    : normal;
 	font-family: 'Roboto', sans-serif !important;
 }

 .menu-download--links {
 	margin: 15px;
 }

 .menu-download--links a {
 	display        : block;
 	margin         : 4px auto;
 	padding        : 8px 0;
 	color          : #fff;
 	text-decoration: none;
 	letter-spacing : 0.05px;
 	font-family: 'Roboto', sans-serif!important;
 }
 .download-footer--container .download_annual_report{
 	font-family: 'Roboto', sans-serif!important;
 }

/*
* sidenavigation
*/
.side_nav {
	position: fixed;
	right   : 0px;
	top     : 260px;
	z-index : 9999;

}

.side_nav ul {
	list-style-type: none;
	color          : #fff;
	position       : relative;
	z-index        : 9999;
	top            : 20px;
}



.side_nav ul li {
	position: relative;
	margin  : 25px 0;
	display : block;
}

.side_nav ul li a {
	content: "";
	width  : 15px;
	right  : 0px;
	height : 3px;

	background     : #fff;
	top            : 11px;
	display        : block;
	text-decoration: none;
	position       : relative;

}

.side_nav ul li.current a {

	width: 87px;

	background: #F1C300;


}
body:not(.home) #top-logo.fixed-right {
	display: none;
}

#top-logo.fixed-right {
	position : fixed;
	right    : -22px;
	transform: rotate(90deg);
	top      : 80px;
	z-index  : 9999;
}

#top-logo.fixed-right img {
	max-width: 150px;
	left     : 0;
}

.scroll-next {
	position: relative;
	top     : 20px;
	right   : -38px;
	display : block;
}

.scroll-prev {
	right   : -38px;
	position: relative;
	top     : 0;
	display : block;
}

.scroll-prev i,
.scroll-next i {
	font-size: 20px;
}

.read_the_report {
	position      : fixed;
	right         : 11px;
	transform     : rotate(90deg);
	top           : 130px;
	z-index       : 9999;
}
.read_the_report a{
	text-decoration: none;
	text-transform: uppercase;
	line-height   : 21px;
	letter-spacing: 0.15px;
}




/* footer section */
#footer {
	background: transparent linear-gradient(180deg, #0071B9 0%, #204486 100%) 0% 0% no-repeat padding-box;
	overflow  : hidden;
	padding   : 90px 0 130px;
	color     : #fff;
	clear     : both;
}

#footer .content {
	display: flex;
}

.footer-widget {
	width: 50%;
}
.address {
	margin-bottom: 5px;
}

#footer .logo {
	width   : 200px;
	display : block;
	height  : 50px;
	position: relative;
}


#footer .logo img {
	width : 190px;
	height: auto;
	display: block;
	margin-top: 30px;
}
.footer_site_name{
	padding-top: 30px;
	display: inline-block;
	font-size: 16px;
}
.footer-widget a {
	color: #fff;
}

.footer-widget a.yellow {
	color: #F1C300;
	font-weight: bold;
}
.download-footer--container a.download_link:hover{
	color: #F1C300;
	font-weight: bold;
}

.download-footer--container {

	width            : 609px;
	height           : 207px;
	background-color : transparent;
	background-image : url(../images/footer-border.svg);
	opacity          : 1;
	margin-left      : auto;
	padding          : 58px 150px 40px 0;
	text-align       : right;
	box-sizing       : border-box;
	background-size  : cover;
	background-repeat: no-repeat;

}

.download-footer--container a {
	display        : block;
	margin         : 10px 0;
	text-decoration: none;
	font-size      : 12px;
	line-height    : 9px;
	padding        : 5px 0;
}

.download-footer--container .download_annual_report {
	display    : block;
	font-size  : 24px;
	line-height: 34px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.border--yellow {
	border       : 2px solid #F1C300;
	height       : 42px;
	width        : 42px;
	display      : inline-block;
	text-align   : center;
	border-radius: 50%;
	line-height  : 42px;
	margin-right : 15px;
}

header .border--yellow {

	height: 25px;
	width: 25px;
	line-height: 25px;
	margin-right: 10px;
}

.footer-widget--1 {
	margin-left: 200px;
	margin-left: calc(50% - (1200px / 2));

}


.socials {
	margin-left  : auto;
	padding-right: 150px;
	text-align   : right;
	margin-top   : 20px;
}

.socials a {
	margin-left: 12px;
	font-size  : 32px;
}
.socials i {
	font-size: 22px;
}

#footer .footer-widget--1 {
	font-size  : 16px;
	line-height: 21px;
}

#footer .site-font--small {
	font-size: 10px;
}






/*
Corporate Page */
.corporate h1,
.board h1 {
	text-align    : left;
	letter-spacing: 0.05px;
	color         : #FFFFFF;
	opacity       : 1;
	top   : 315px;
	padding-left  : 0px;
	margin        : 0;
	font-size     : 48px;
	position: relative;
	display: inline-block;
	z-index: 3;
	margin-left: 0;
	width: 731px;
	line-height: 55px;

}
.corporate h1.subpage_banner {
	max-width: 474px;
	top:320px;
}

.corporate h1:after
{

	background-image: url(../images/YellowShape.svg);
	width: 275px;
	height: 295px;
	margin-right: auto;
	top: -72px;
	left: 218px;
	z-index: -1;
}
.board h1:after {

	background-image: url(../images/Pink_Shape_board.svg);
	width: 407px;
	height: 437px;
	margin-right: auto;
	top: -67px;
	left: 199px;
	z-index: -1;
}
.team_members .team_title {
	letter-spacing: 0.08px;
	margin: 139px 0 20px;
}
body .team-member.sub-section{
	padding-right: 0;
	margin-bottom: 82px;
}

.team_members .team_title.bod {
	margin: 50px 0 10px;
}

.sub-section {
	padding-right: 50px;
	margin       : 40px 0;
}

.sub-section:first-child {
	padding-right: 100px;

}
.corporate .col-half-2 .sub-section {
	padding-right: 0px;

}
.max-width-500{
	max-width: 499px;
	padding-right: 22px !important;
	box-sizing: border-box;
}
.fls p{
	padding-right: 50px;
}
.corporate .col-half.col-half-1 {
	max-width: 565px;
}

.sub-section h3 {
	text-align    : left;
	letter-spacing: 0.05px;
	color         : #204486;
	text-transform: uppercase;
	line-height   : 20px;
	margin        : 0;

}

.corporate .sub-section h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

.corporate footer {
	padding   : 100px 0;
	color     : #fff;
	clear     : both;
	margin-top: 70px;
	overflow  : hidden;
	display   : inline-block;
	width     : 100%;
}

#corporate_address {
	margin-top: 112px;
}
#corporate_address .sub-section {
	margin-top: 44px;
}
#corporate_address ul{
	padding-left: 7px;
}

.sub-section p, .sub-section ul
{
	line-height   : 21px;
	margin        : 0;
	letter-spacing: 0.05px;
	color         : #555555;
	font-size     : 16px;
}
.sub-section ul, .page-content ul{
	margin: 10px 0 10px 10px;
}
.sub-section ul li, .page-content ul li{
	margin: 5px 0; 
}
/*
Board Page */
.team-member.sub-section {
	display    : flex;
	align-items: center;
}

.team-member img {
	height       : 184px;
	width        : 184px;
	border-radius: 50%;
	object-fit   : cover;
}


.team-member .two_third {
	width: 67%;
	padding-left: 40px;
	box-sizing: border-box;
	padding-right: 40px;
}
.team-member.sub-section h3{
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 24px;
}
.team_members .col-half.last-col{
	padding-left: 28px;
	box-sizing: border-box;
}
.board #footer{
	margin-top: 23px;
}

/**
* Home page specific CSS
*/

.home #header {
	height  : 1000px;
	position: relative;

}
#e37pr6twm5321 {
	z-index: 2;
	position: relative;
}

.header_overlay {
	background-size    : contain;
	background-repeat  : no-repeat;
	background-position: left center;
	position           : absolute;
}

.header_overlay3{
	/* background-image   : url(../images/TranscendSquares.svg); */
	position           : absolute;
	content            : "";
	width              : 30%;
	height             : 30%;
	margin-left        : 0;
	margin-right       : auto;
	top                : 259px;
	left               : 0px;
	z-index            : 0;
	background-repeat  : no-repeat;
	background-position: center;
}

.banner:after {
	background-image   : url(../images/Stroke1.svg);
	position           : absolute;
	content            : "";
	width              : 100px;
	height             : 100px;
	margin-left        : 0;
	margin-right       : auto;
	bottom             : 20px;
	right              : 15%;
	z-index            : 0;
	background-repeat  : no-repeat;
	background-position: center;
}

.header_overlay1 {
	background-image: url(../images/Stroke3.svg);
	width           : 200px;
	height          : 200px;
	margin-left     : 0;
	margin-right    : auto;
	bottom          : -150px;
	right           : calc(15% + 40px);
	z-index         : 0;

}

.header_overlay2 {
	background-image: url(../images/homepage_blue_box.svg);
	width           : 420px;
	height          : 450px;
	margin-left     : 0;
	margin-right    : auto;
	bottom          : 80px;
	right           : calc(15% + 60px);
	z-index         : 0;

}


.banner {
	text-align : center;
	padding-top: 250px;
	max-width  : 80%;
	margin     : auto;
	height     : 60%;
	position   : relative;
}

.home .banner img {
	width     : 1075px;
	margin    : 20px auto;
	z-index   : 20;
	position  : relative;
	height    : 500px;
	object-fit: contain;
}

.home header.bg--blue {
	background: rgb(0, 112, 183);
	background: linear-gradient(180deg, rgba(0, 112, 183, 1) 0%, rgba(14, 92, 161, 1) 50%, rgba(32, 68, 134, 1) 100%);
}

/* new-standard section*/
#new-standard h2 {
	margin-top : 0;
	margin-bottom: 40px;

	color: #F1C300;
	font-family: "Roboto Slab", open sans;
	font-size: 48px;
	font-weight: 400;
	line-height: 55px;
	max-width: 768px;
}

#new-standard p {
	margin-top : 10px;
	max-width  : 750px;
	padding-top: 10px;
}

#new-standard {
	padding            : 150px 0 100px;
	background-image   : url(../images/Angle_Accent.svg);
	background-size    : 80px 620px;
	background-repeat  : no-repeat;
	background-position: left center;
}

@media (min-width: 1700px) {
	#new-standard .inner {
		width    : 92%;
		max-width: 1600px;
	}

}

@media (max-width: 1699px) {
	#new-standard .inner {
		max-width: 80%;
	}

}






/* timeline section */
.timeline {
	position : relative;
	width    : 100%;
	max-width: 1140px;
	margin   : 0 auto;
	padding  : 15px 0;
}
.timeline h2 {
	white-space: nowrap;
	letter-spacing: 0.07px;
}

.timeline::after {
	content: '';
	position: absolute;
	width: 4px;
	background: #fff;
	top: 5%;
	bottom: 0;
	left: 50%;
	margin-left: -1px;
	height: 86%;
}

.timeline .container {
	padding   : 15px 0px;
	position  : relative;
	background: inherit;
	width     : 50%;
}

.timeline .container.left {
	left: 0;
}

.timeline .container.right {
	left: 50%;
}

.timeline .container::after {
	content      : '';
	position     : absolute;
	width        : 16px;
	height       : 16px;
	top          : calc(50% - 27px);
	right        : 50px;
	border       : 2px solid #fff;
	border-radius: 16px;
	z-index      : 1;
}

.timeline .container.right::after {
	left: 50px;
	top: calc(50% - 34px);
}

.timeline .container::before {
	content   : '';
	position  : absolute;
	width     : 50px;
	height    : 2px;
	top       : calc(50% - 17px);
	right     : 0px;
	background: #fff;
	z-index   : 1;
}

.timeline .container.right::before {
	left: 0px;
	top: calc(50% - 25px);
}



.timeline .container .content {
	padding      : 0px 90px 0px 30px;
	position     : relative;
	border-radius: 0 500px 500px 0;
}

.timeline .container.right .content {
	padding      : 0px 30px 0px 90px;
	border-radius: 500px 0 0 500px;
}

.timeline .container .content h2 {
	margin: 10px 0 30px 0;
}

.timeline .container .content p {
	margin: 0;
}

.filled_number,
.outline_number {
	letter-spacing: 0.03px;
	font-size     : 107px;
	line-height   : 141px;
}

.timeline .container.pull-up {
	margin-top: -200px;

}

.number img {
	max-width: 109px;
}


@media (max-width: 767.98px) {
	.timeline::after {
		left: 90px;
	}

	.container {
		width        : 100%;
		padding-left : 120px;
		padding-right: 30px;
	}

	.container.right {
		left: 0%;
	}

	.container.left::after,
	.container.right::after {
		left: 82px;
	}

	.container.left::before,
	.container.right::before {
		left        : 100px;
		border-color: transparent #006E51 transparent transparent;
	}

	.container.left .content,
	.container.right .content {
		padding      : 30px 30px 30px 90px;
		border-radius: 500px 0 0 500px;
	}
}




/*
  * Shareholder section in home page
  */
  #shareholders q {
  	font-size  : 48px;
  	line-height: 65px;
  	display: block;
  	position: relative;
  }
/*
  #shareholders q::before,
  #shareholders q::after {
  	font-size: 80px;

  }
  #shareholders q::before {
  	top: -9px;
  	position: absolute;
  	left: -34px;
  }
  #shareholders q::after {
  	position: absolute;
  	margin-left: 5px;
  	}*/
  	#shareholders .image-container img {
  		z-index: 5;
  		position: relative;
  	}

  	#shareholders .shreholder_text {
  		width         : 326px;
  		height        : 77px;
  		margin-left   : auto;
  		margin-top    : -20px;
  		z-index       : 1;
  		position      : relative;
  		padding       : 15px 15px;
  		box-sizing    : border-box;
  		letter-spacing: 3px;
  		font-size     : 16px;
  		line-height   : 20px;
  	}

  	#shareholders .image-container {
  		padding-right: 100px;
  		box-sizing   : border-box;

  	}

  	.shreholder_overlay {
  		background-image   : url(../images/Yellow-Accent-Stripe.svg);
  		background-size    : cover;
  		background-repeat  : no-repeat;
  		background-position: left center;
  		width              : 300px;
  		height             : 70px;
  		position           : relative;
  		margin-left        : 0;
  		margin-right       : auto;
  		margin-top         : -40px
  	}

  	#shareholders h2 {
  		margin-top   : 120px;
  		margin-bottom: 120px;
  	}


/*
* highlights sections
*/
.amount {
	font-size    : 100px;
	line-height  : 140px;
	position     : relative;
	display      : flex;
	align-content: center;
	align-items: baseline;
}
.home .amount {
	align-items: center;
}
.highlight-content .amount .line::after {
	content : '';
	position: absolute;
	width   : 16px;
	height  : 16px;
	top     : calc(50% - 10px);
	right   : -18px;
	border  : 2px solid #204486;
	;
	border-radius: 16px;
	z-index      : 1;
}


.financial-headindg{
	margin-bottom: 17px;
}
.financial-short-text{
	margin-bottom: 9px;
}

.highlight-content .amount .line {

	height    : 2px;
	background: #204486;

	z-index : 1;
	position: relative;
	display : inline-block;
}
#financial-highlight .highlight-content .amount .line {
	bottom: 5px;
}
.highlight-content .amount .line.thirty-percent {
	width: 294px;
}

.highlight-content .amount .line.forty-percent {
	width: 400px;
}

.highlight-content .amount .line.eighty-percent {
	width: 844px;
}

.count {
	margin-left: 40px;
}

.highlight-level {

	text-align: left;
}
.home .highlight-level {
	text-align: center;
}
/*
.forty-percent .highlight-level {
	padding-left: 400px;

}

.thirty-percent .highlight-level,  {
	padding-left: 294px;

	}*/

	.eighty-percent .highlight-level,  .thirty-percent .highlight-level, .forty-percent .highlight-level{
		padding-left: calc(100% - 333px);

	}

	.highlight-content {

		margin: auto;
	}

	.highlight-content.thirty-percent {
		width      : 50%;
		margin-left: 0;
	}

	.highlight-content.forty-percent {
		width : 60%;
		margin: auto;
	}

	.highlight-content.eighty-percent {
		width : 90%;
		margin: auto;
	}

	#financial-highlight {
		padding-bottom: 150px;
	}





/*
* company snapshot
*/
#company-snapshot {
	z-index         : 0;
	position        : relative;
}

#company-snapshot .overlay {
	position           : absolute;
	height             : 100%;
	width              : 100%;
	opacity            : .5;
	z-index            : 4;
	background-image   : url(../images/Map.svg);
	background-size    : contain;
	background-repeat  : no-repeat;
	background-position: top center;
}

#company-snapshot .inner {
	z-index : 6;
	position: relative;
}

/*.inner {
	margin-top: 55px;
	}*/
	header .inner{
		margin-top: 0;
	}
	#company-snapshot .cs-heading{
		margin-bottom: 20px;
	}

	.home .highlights {
		position: relative;
		display: block;
		height: 600px;
	}
	.home .amount{
		justify-content: center;
	}
	.home #company-snapshot .highlights .count{
		margin-left: 0;
	}
	.round-border {

		position           : absolute;
		background-size    : contain;
		background-repeat  : no-repeat;
		background-position: center center;
		height             : 398px;
		width              : 440px;
		display            : flex;
		flex-direction     : column;
		align-items        : center;
		padding            : 60px 0;
		box-sizing         : border-box;
	}
	.company-highlight.round-border.claims {
		/*background-image   : url(../images/semicircle.svg);*/
		right              : 0;
		top:-70px;

	}
	.company-highlight.company-age .highlight-level {
		/*margin-top: -18px;*/
		margin-bottom: 10px;
	}
	.company-highlight.company-age {
		position: absolute;
		top: 150px;
		height: 450px;
		width: 200px;
	}


	.company-highlight.company-earning {
		left: 300px;
		position: absolute;
		top: 380px;
		height: 450px;
		width: 230px;
	}

	.company-highlight.company_served {
		left    : 800px;
		position: relative;
		top: 300px;
		width: 250px;
	}


	.company-highlight .line {

		width      : 2px;
		background : #fff;
		z-index    : 1;
		position   : relative;
		display    : inline-block;
		margin-top : 36px;
		margin-left: 49%;

	}

	.company-highlight .line::after {
		content: '';
		position: absolute;
		width: 13px;
		height: 13px;
		top: -17px;
		right: -7px;
		border: 2px solid #fff;
		border-radius: 50%;
		z-index: 1;


	}

	.company-highlight.company-age .line {
		height: 200px;
	}

	.company-highlight.company-earning .line {
		height: 97px;
	}

	.company-highlight.company_served .line {
		height: 167px;
	}


/*
people and culture
*/
.people_overlay {
	background-image   : url(../images/PinkShape-2-bottom.svg);
	background-size    : contain;
	background-repeat  : no-repeat;
	background-position: left center;
	width              : 200px;
	height             : 221px;
	position           : relative;
	margin-left        : auto;
	margin-right       : 25%;
	margin-top         : -145px;
}

.people_overlay_vertical {
	background-image   : url(../images/Blue-Accent-Angle.png);
	background-size    : cover;
	background-repeat  : no-repeat;
	background-position: left center;
	width              : 52px;
	height             : 157px;
	position           : relative;
	margin-right       : auto;
	left               : 150px;
	top                : 100px;
	z-index: 2;
}


#people_and_culture h2 {
	margin-top: -20px;
}
.home #people_and_culture p {
	margin-top: -13px;
	max-width: 1115px;
	margin-bottom: 10px;
}








/* Mobile specific css */



/* letter page css */

.letter header {

	height  : 1028px;
	position: relative;


}

.letter .letter_banner {
	background-image   : url(../images/LetterShareholders_Header_ImgOnly.png);
	background-size: cover !important;
	height: 756px;
	top: 315px;

}

.letter_banner--caption {
	position      : absolute;
	bottom        : 0;
	right         : 0;
	width         : 346px;
	height        : 75px;
	box-sizing    : border-box;
	padding       : 17px 32px;
	text-align    : right;
	letter-spacing: 3px;
	font-size     : 13px;
	z-index: 2;
}

.tagline {
	color   : #DF19BE;
	position: absolute;
	bottom  : 10px;
	left    : 7%;
}

.page-title {
	color: #0071B9;

}
#letter_to{
	padding-top: 100px;
}

#letter_to .page-title{
	margin-bottom: 120px;
	max-width: 521px;
}

.letter_heading {
	margin-bottom: 30px;
}

.highlite-quote-text {
	font-size    : 48px;
	max-width    : 988PX;
	width        : 100%;
	display      : inline-block;
	margin-bottom: 47px;
	line-height: 65px;
	letter-spacing: 0.13px;
}

.page-content {
	margin: auto 42.5px;
}

.financial-hl {

	height: 562px;
	margin: 0 auto;

}

.letter-text {
	color: #555555;
}

.financial-highlight-2 h2 {
	letter-spacing: 0.07px;
}

.financial-dot img {
	width : 445px;
	height: 401px;
	margin: auto;
}

.letter-col-half {

	display      : inline-block;
	padding-right: 100px;
	box-sizing   : border-box;

}

.chart_image {}

.letter-greeting {
	margin-bottom: 70px;
}

.letter #company-snapshot {
	background: #fff;
}


/*
*collaboration page
*/

.headr_top_banner {
	background-size    : contain;
	background-repeat  : no-repeat;
	background-position: bottom center;
	width              : 90%;
	height             : 90%;
	position           : relative;
	bottom             : -150px;
	left               : auto;
	display            : block;
	max-width          : 1115px;
	margin             : auto;

}
.colaboration_banner.transand {
	background-image   : url(../images/TranscendentOutcomes_Header_ImgOnly.png);

}
.colaboration_banner.hardwork {
	background-image   : url(../images/Collaboration_Header_ImgOnly.png);

}
.colaboration_banner.experties {
	background-image   : url(../images/Expertise_Header_ImgOnly.png);

}
.colaboration_banner.tech_inno {
	background-image   : url(../images/TechInnovation_Header_ImgOnly.png);
}
.colaboration_banner.people_culture {
	background-image   : url(../images/PeopleCulture_Header_ImgOnly.png);
}
.collaboration header {
	height: 1028px;

}
body  .colaboration_banner::before {
	top: -72px;
}
body .colaboration_banner::after {
	bottom: -95px;
}
body .bg-image.colaboration_banner.headr_top_banner.subpage_banner {
	height: 756px;
	width: 1116px;
	top: 315px;
}
.collaboration .page-title {
	margin-top: 58px;
	margin-bottom: 70px;
}
.collaboration .letter_heading{
	margin-bottom: 25px;
}
/*#collaboration-employee-section, .collaboration-employee-section {
	margin-top: 15px; 
	box-sizing: border-box;
	padding-top: 22px;
	padding-bottom: 80px;
	}*/

	#letter_to .page-title, .collaboration .page-title{
		max-width: 521px;
	}
	sup, .super {
		font-size: 12px;
		position: relative;
	}
	.super {
		top: -0.5em; 
	}

	.employe img {
		max-width    : 100%;
		height       : 388px;
		width        : 388px;
		border-radius: 50%;
		object-fit   : cover;
		margin-left  : 45px;

	}

	.employe q {

		text-align    : left;
		letter-spacing: 0px;
		color         : #204486;
		opacity       : 1;
		margin-left   : -20px;
		max-width: 566px;
		display: inline-block;
		margin-top: 58px;

	}

	.clearfix {
		overflow: hidden;
		clear   : both;
	}

	.quote-name {
		background-size: 166px 20px;
		background-color: #fff;
		padding: 17px 25px;
		font-size: 15.21px;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-top: 36px;
	}

	.collaboration .bg-light-gray {
		background: #e6e6e6;
		height          : 1028px;
		margin          : auto 0;
		box-sizing: border-box;

	}

	.col-grey-highlight-text {
		width: 561px;
	}

	.col-grey-highlight-text h3{
		margin-top: 7px;
		display: inline-block;
		margin-bottom: 0;
	}
	.col-grey-highlight-text p{
		margin-top: 20px;
	}
	.small-txt-section {
		margin-top: 92px;
	}
	.collaboration {
		margin: 0;
	}

	.col-one--fourth {
		width     : 25%;
		float     : left;
		text-align: center;
	}

	.small-txt-section h3 {
		font-size: 120px;
		line-height: 159px;
		font-family: 'Roboto Slab', serif;
		letter-spacing: 0.05px;
		margin: 0;
	}

	.small-txt-section p {
		font-size: 25px;
		color    : #204486;
		line-height: 33px;
		margin: -18px 0 0;
	}

	.small-txt-section .col-one--fourth{
		margin-bottom: 98px;
	}
	.collaboration-col-half .col-half {

		height: 490px;
		float : left;
		width : 50%;
	}

/*.four-color .col-half-4 {
	background-color: #0071B9;
	}*/

	.img-w-text img {
		object-fit: cover;
		width     : 1116px;
		height    : 743px;
		display   : block;
		max-width: 100%


	}
	.img-with-text img {
		max-width: 100%;
	}

	.img-w-text {
		margin-top: 35px;
		max-width: 1115px;
		margin-left: auto;
		margin-right: auto;
	}
	.img-w-text .section-title{
		margin-top: 92px;
		margin-bottom: 10px;
	}
	body.collaboration #sdcds_beyond , body.collaboration .sdcds_beyond{
		padding-bottom: 100px;
	}
	body.collaboration .sdcds_beyond_4{
		padding-bottom: 140px;
	}
	body.collaboration .sdcds_beyond_5{
		padding-top: 100px;
		padding-bottom: 60px;
	}

	#feat_beyond {
		padding: 20px 0 70px;

	}

	.collaboration-outcome .feat_beyond {
		padding: 90px 0 !important;
	}
	.feat_beyond .inner{
		max-width: 1100px;
	}
	#feat_beyond h4{
		margin: 21px 0 0px;
	}

	.half-n-half-text img {
		width     : 476px;
		height    : 351px;
		object-fit: cover;
	}


	.four-color .col-half-1 h3 {
		font-size: 200px;
		margin: 0;
	}

	.collaboration-col-half .col-half {
		text-align: center;
	}
	.narrow-text{
		max-width: 238px;
		padding-top: 100px;
	}
	.narrow-text.ver-aling-center{
		padding-top:0;
	}
	.heading_text_block{
		max-width: 470px;
		padding-left: 100px;
		box-sizing: border-box;
	}
	.quote_container{
		max-width: 400px;
	}



	#feat_beyond .description{
		max-width: 472px;
		padding-right: 15px;
		margin-top: 19px;
	}
	#sdcds_beyond .inner{
		margin: 0 auto;
	}


	.section-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: -1;
	}

	.quote-part q {
		text-align: left;
		letter-spacing: 0px;

		opacity: 1;
		/* margin-left: -20px;*/
		/* max-width: 566px; */
		display: inline-block;
		margin-top: 158px;
		position: relative;
	}
	.quote-part q:after {
		display: none;
	}
	.quote-part q::before {
		content: "";
		background: url("../images/quote_icon.svg") no-repeat;
		width: 138px;
		height: 87px;
		display: inline-block;
		top: -110px;
		position: absolute;
		left: 0px;
	}
	.quote-part q.white_quote::before {
		background: url("../images/Quotation_Symbol-white.svg") no-repeat;
	}
	body .collaboration-employee-quote{
		padding-top: 100px !important;
	}
	.padding-bootom-100px{
		padding-bottom: 100px !important;
	}
	body.cola-main .contractor-connection {
		padding-bottom: 75px;
	}
	.bg--light-gray{
		background-color: #d8d8d8;
	}

	.quote-title {

		/* background-color: #fff; */
		padding: 17px 0px;
		font-size: 15.21px;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-top: 26px;
		font-weight: bold;
	}

	/* Sub Pages Banner */
	.subpage_banner::after, .subpage_banner::before{
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		content: "";
		z-index: 0;
		background-size: contain;
	}
	.colaboration_banner::after, .letter_banner::after {

		background-image: url(../images/Pink_Shape.svg);
		width: 179px;
		height: 192px;
		margin-left: 0;
		margin-right: auto;
		bottom: -90px;
		right: 15%;

	}
	.colaboration_banner::before, .letter_banner::before {

		background-image: url(../images/White_Shape.svg);
		width: 177px;
		height: 190px;
		margin-left: 0;
		margin-right: auto;
		top: -72px;
		left: 100px;
		animation: cfadein 3s;
		-moz-animation: cfadein 3s; /* Firefox */
		-webkit-animation: cfadein 3s; /* Safari and Chrome */
		-o-animation: cfadein 3s; /* Opera */

	}







	.animate__increaseWidth{
		animation: increaseWidth 10s;
		-moz-animation: increaseWidth 10s; /* Firefox */
		-webkit-animation: increaseWidth 10s; /* Safari and Chrome */
		-o-animation: increaseWidth 10s; /* Opera */
		--animate-delay: 1.5s;

	}

	@keyframes increaseWidth {
		from {
			max-width: 3px;
		}
		to {
			max-width: 400px;
		}
	}
	@-moz-keyframes increaseWidth { /* Firefox */
		from {
			max-width: 3px;
		}
		to {
			max-width: 400px;
		}
	}
	@-webkit-keyframes increaseWidth { /* Safari and Chrome */
		from {
			max-width: 3px;
		}
		to {
			max-width: 400px;
		}
	}
	@-o-keyframes increaseWidth { /* Opera */
		from {
			max-width: 3px;
		}
		to {
			max-width: 400px;
		}
	}

	.animate__increaseWidthH{
		animation: increaseWidthH 10s;
		-moz-animation: increaseWidthH 10s; /* Firefox */
		-webkit-animation: increaseWidthH 10s; /* Safari and Chrome */
		-o-animation: increaseWidthH 10s; /* Opera */
		--animate-delay: 1.5s;

	}

	@keyframes increaseWidthH {
		from {
			max-width: 3px;
		}
		to {
			max-width: 900px;
		}
	}
	@-moz-keyframes increaseWidthH { /* Firefox */
		from {
			max-width: 3px;
		}
		to {
			max-width: 900px;
		}
	}
	@-webkit-keyframes increaseWidthH { /* Safari and Chrome */
		from {
			max-width: 3px;
		}
		to {
			max-width: 900px;
		}
	}
	@-o-keyframes increaseWidthH { /* Opera */
		from {
			max-width: 3px;
		}
		to {
			max-width: 900px;
		}
	}




	.animate__increaseHeight{
		animation: increaseHeight 10s;
		-moz-animation: increaseHeight 10s; /* Firefox */
		-webkit-animation: increaseHeight 10s; /* Safari and Chrome */
		-o-animation: increaseHeight 10s; /* Opera */
		--animate-delay: 1.5s;

	}

	@keyframes increaseHeight {
		from {
			max-height: 3px;
		}
		to {
			max-height: 200px;
		}
	}
	@-moz-keyframes increaseHeight { /* Firefox */
		from {
			max-height: 3px;
		}
		to {
			max-height: 200px;
		}
	}
	@-webkit-keyframes increaseHeight { /* Safari and Chrome */
		from {
			max-height: 3px;
		}
		to {
			max-height: 200px;
		}
	}
	@-o-keyframes increaseHeight { /* Opera */
		from {
			max-height: 3px;
		}
		to {
			max-height: 200px;
		}
	}



	body .letter_banner::after {
		right: 18%;
		bottom: -80px;
	}

/*
Banner end */



/*
*financial page
*/
.financials h1 {
	text-align    : left;
	letter-spacing: 0.05px;
	color         :  #0071B9;
	opacity       : 1;
	top   : 315px;
	padding-left  : 0px;
	margin        : 0;
	font-size     : 48px;
	display: inline-block;
	z-index: 3;
	line-height: 55px;

}
.financials header{
	height: 497px;
	min-height: 497px;
}
#table-data{
	width: 100%;
	float: left;
}
.financials .fin-sub-section p{
	margin-top: 3px;
}
.financials .fin-sub-section{
	margin-top: 67px;
	margin-bottom: 0px;
}
#table-data .inner {
	margin-top: 30px;
}
.financials .company-highlight.round-border.claims {
	right              : 0;
	position           : absolute;
	background-image   : url(../images/semicircle.svg);
	background-size    : contain;
	background-repeat  : no-repeat;
	background-position: center center;
	height             : 330px;
	width              : 440px;
	display            : flex;
	flex-direction     : column;
	align-items        : center;
	padding            : 60px 0;
	box-sizing         : border-box;
}
.financials h1:after {

	background-image: url(../images/White_Shape.svg);
	width: 177px;
	height: 190px;

	margin-right: auto;
	top: -70px;
	right: 27px;
	z-index: -1;
}
.last-amount {
	padding-left: 40px;
}
.table-text{
	width: 50%;
}
.table-data{
	width: 25%;
}
#table-data tr td:nth-child(2), #table-data tr td:nth-child(3) , th.table-data.year-2020.yr-tiltle, th.table-data.year-2019.yr-tiltle{
	text-align: right;
}
#table-data tr td, #table-data tr th {
	position: relative;
	padding: 11px 20px 11px 0;
	font-size: 16px;
	line-height: 21px;

}
#circular-data .percent_of_total_com{
	line-height: 48px;
	letter-spacing: 0.08px;
	font-weight: 400;
}
#table-data tr td{
	color:#4a4a4a;
}
#table-data tr td.current_year{
	color: #204486;
	font-weight: bold;
}

.financials #table-data tr th {
	line-height: 20px;
}
span.doller_amount {
	padding-left: 20px;
	width: 80px;
	box-sizing: border-box;
	display: inline-block;

}
#table-data tr th.table-text {
	text-align: left;
}
#circular-data{
	top: 80px;
    margin-bottom: 170px;
    padding-top: 80px;
    padding-bottom: 40px;
}
}
#circular-data h3{
	max-width: 800px;
	display: inline-block;
}
#circular-data .claims{
	right: 230px;
}
#circular-data .speciality{
	left: 0;
}
#circular-data .tpa {
	left: 315px;
	top: 222px;
}
#circular-data .round-border {
	height: 360px;
	width: 328px;
	
}
#circular-data .highlights{
	position: relative;
	height: auto;
	min-height: 585px;
	margin-top: 69px;
}
#circular-data .round-border .amount{
	padding-left: 70px;
}
#circular-data .round-border .highlight-level {
	text-align: center;
	margin-left: 80px;
	display: block;
	width: 301px;
	box-sizing: border-box;

}

.data-block{
	background-image   : url(../images/Gray_Shape_fin.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 501px;
	height: 314px;
	padding: 30px 20px;
	box-sizing: border-box;
	margin: 30px 0px 40px;
}
.data-block .line::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: calc(50% - 10px);
	right: -18px;
	border: 2px solid #204486;
	border-radius: 16px;
	z-index: 1;
}

.data-block .line {
	height: 2px;
	background: #204486;
	z-index: 1;
	position: relative;
	display: inline-block;
	width: 80px;
	margin-left: 15px;
}
.data-block .data-row.bold .line {
	height: 4px;
}
.data-block .data-row.bold .line::after {
	border: 4px solid #204486;
	top: calc(50% - 11px);
	right: -20px;
}
.data-block .data-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 12px 0;
}
.data-block .data-row .year{

}
.data-block .data-row .count{
	font-size: 26px;
	line-height: 34px;
}

.data-block .data-row .line.thirty-percent{
	width: 53px;
}
.data-block .data-row .line.forety-percent{
	width: 96px;
}
.data-block .data-row .line.fifty-percent{
	width: 146px;
}
.data-block .data-row .line.sixty-percent{
	width: 164px;
}
.data-block .data-row .line.seventy-percent{
	width: 208px;
}
.declaimer{
	font-size: 14px;
	line-height: 19px;
	margin: 50px 10px 104px;
}
.letter .declaimer{
	margin-left: 0;
	margin-top: 20px;
}
#tabular-data .col-half.last{
	padding-left: 13px;
	box-sizing: border-box;
}

#tabular-data {
	margin-top: 70px;
}

#tabular-data p {
	margin-top: 8px;
}

/*
Image alignment
*/

body.exceptional .exceptiona_image1{
	float: right;
	display: inline-block;
	max-width: 160px;
	height: auto;
	vertical-align: top;
	margin-left: 40px;
	margin-bottom: 20px;
}

body .embeded_partner{
	float: left;
	display: inline-block;
	max-width: 476px;
	height: auto;
	vertical-align: top;
	margin-right: 40px;
	margin-bottom: 20px;
}

.ex_featuring_item{
	display: flex;
}
.ex_featuring_item img {
	max-width: 85px;
}
.text-container {
	width: calc(100% - 150px);
	padding-left: 40px;
	box-sizing: border-box;
}


body.exceptional #sdcds_beyond .inner{ 
	max-width: 1115px;
}

.embeded_partner_image{
	max-width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: 100px;
	margin-top: 12px;
	margin-right: 10px;
	box-sizing: border-box;
}


@media (min-width: 1024px){
	body.exceptional .exceptiona_image1 {
		margin-top:-50px;
	}

	.four-color .heading_text_block.first {
		margin-left: calc(100% - 550px);
		padding-left: 0;
	}
	.team-member.sub-section .one_third {
		max-width: 188px;
	}
	.embedded-partner{
		margin-top: 0px !important;
	}

	.embeded_partner_image{
		padding-right: 20px;

	}
	

}



/* code to make pixel perfect for 1440px viewport */
@media (min-width: 1200px) and (max-width: 1600px){
	.board .inner {
		max-width: 1090px;
	}
	

}


/* collaboration page */
body .phone_image_left{
	width: 475px;
	height: auto;
	float: right;
	display: inline-block;
	margin-left: 40px;
	margin-top: -60px;
}

body .hardwork_corona_right{
	width: 480px;
	height: auto;
	float: left;
	display: inline-block;
	margin-right: 20px;

}

.phone-image_text .decontamination_services{
	margin-left: 20px;
	float: right;
}

.collaboration_text_section .bigger {
	font-size: 175px;
}

.our-employee-title h3 {
	margin-top: 0px;
	margin-left: 20px;
	
}
.warper_90 {
	display: flex;
	align-items: center;
	margin-bottom: 45px;
}
.pandemic-related-text{
	margin-bottom: 50px;
}
.partner-logo{
	display: flex;
	align-items: center;
}

.partner-logo-item{
	width: auto;
	max-width: 340px;

	margin: auto;
	box-sizing: border-box;
}

.diversity-banner img {
	max-width: 100%;
	height: auto;
}



/* timeline for tecnology page */
ul.sessions,
ul.sessions li {
	list-style: none;
	padding: 0;
}



.sessions {
	margin-top: 2rem;
	border-radius: 12px;
	position: relative;
}

ul.sessions li {
	padding-bottom: 1.5rem;
	border-left: 1px solid #fff;
	position: relative;
	padding-left: 40px;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 0;
}
ul.sessions li:last-child {
	border: 0px;
	padding-bottom: 0;
}
ul.sessions li:before {
	background: #0071B9;
	content: "";
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 0px;
}

ul.sessions h3{
	margin: 0;
	
}
ul.sessions p{
	margin-top: 5px;
	
}
.data-science-title{
	max-width: 800px;
}
.collaboration.technology .bg-light-gray{
	height: auto;
}
.new_tech_features {
	padding: 10px 50px;
}

.new_tech_features h3{
	position: relative;
	margin-top: 30px;
}
.new_tech_features h3:before {
	position: absolute;
	content: "";
	width: 100%;
	left: calc( -100% - 50px);
	top: 10px;
	background: #DF195C;
	height: 2px;
}

.new_tech_features h3:after {
	position: absolute;
	content: "";
	left: -50px;
	top: 1px;
	width: 15px;
	height: 15px;
	border: 2px solid #DF195C;
	border-radius: 50%;
}
img.au_flag_with_blue {
	float: right;
	max-width: 95%;
}
.chilli_flag_with_blue{
	max-height: 360px;
}
.diversity_item {
	margin-top: 30px;
}


.collaboration-outcome #four_sections h3 {
	font-size: 100px;
	line-height: 100px;
	margin: 10px 0 20px;
}
#our_values .value-item h3{
	margin: 0px;
}
#our_values .value-item p {
	margin: 5px 0;
}
#our_values .value-item  {
	margin: 40px 0;
}


.diversity-banner p, .diversity_item p {
	margin-top: 0;
}
.diversity-banner h3, .diversity_item h3 {
	margin-bottom: 5px;
}
.quote-part {
	max-width: 1115px;
	margin: auto;
}

.circle_item img {
	max-width: 300px;
}

.image_overlay {
	width: 100%;
	position: absolute;
	height: 420px;
	top: -44px;
	right:30px;
}
.image_overlay object{
	top: 12px;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
}
.tpa .image_overlay object {
	left: -10px;
}

/* device specific css */
/* for ipad potrait view */
@media (max-width: 1301px) {
	
	body .bg-image.colaboration_banner.headr_top_banner.subpage_banner {

		width: 90% !important;
	}
	body .colaboration_banner::before {
		top: 90px;
	}
	.img-w-text img, .img-with-text img {
		max-width: 100%;
		height: auto;
	}
}

/* for ipad  */

@media (max-width: 1200px) {
	.timeline h2 {
		white-space: normal;
		line-height: 1.1;
	}

	.col-half {
		width: 100%;
		float: none;
		margin: auto;
	}
	.company-highlight.company_served {
		left: calc(100% - 300px);
		top: 350px;
	}
	.company-highlight.round-border.claims{
		top:0;
	}
	.footer-widget--1{
		margin-left: 0;
		margin-bottom: 30px;
	}
	#footer .content {
		flex-direction: column;
		padding-left: 100px;
	}
	.letter-text {
		text-align: left;
	}
	.sub-section p, .sub-section ul {
		text-align: left;
	}
	.corporate .col-half.col-half-1 {
		margin-left: 0;
	}
	#circular-data .tpa {
		left: 209px;
		top: 269px;
	}
}




@media (max-width: 1023px) {
	

	.company-highlight.company_served {
		left: calc(100% - 300px);
		top: 350px;
	}
	.company-highlight.round-border.claims{
		top:0;
	}
	#new-standard .inner {
		max-width: 72%;
	}
	.timeline::after{
		left: 0;
	}
	.timeline .container.pull-up {
		margin-top: 0px;
	}

	.timeline .container.right {
		left: 0%;
	}
	.timeline .container.left::before {
		left: 0px;
	}
	.timeline .container::after {

		left: 50px;
		right: auto;
	}
	.timeline .container .content {
		padding: 0px 30px 0px 90px;
		text-align: left;
	}
	.timeline .container{
		width: 80%;
	}
	.highlight-content .amount .line.thirty-percent {
		min-width: 50px;
	}
	.company-highlight.company-earning {
		left: 30px;
		top: 580px;
	}


	.home .highlights {

		height: 980px;
	}
	.partner-logo-item {
		max-width: 40%;
	}
	#circular-data .claims {
		right: 20px;
	}
	.three-circle-warper {

		flex-direction: column;
	}
	.collaboration  .circle-2.circles {
		margin-top: 0px;
	}
	.collaboration .circles h3 {
		margin-top: 0px;
		text-align: center;
	}
	.embedded-partner{
		margin-top: 20px !important;
	}
	.letter .letter_banner {
		height: 500px;
	}
	.letter header {
		height: 830px;
	}
	.highlite-quote-text {
		font-size: 36px;
		line-height: 48px;
	}
	span.doller_amount {
		padding-left: 0px;
		width: auto;
	}
	#table-data tr td, #table-data tr th {
		padding: 11px 0px 11px 0;
	}

}








/* mobile screen */

@media (max-width: 767px) {
	.side_nav{
		display: none;
	}
	.header_overlay2 {
		width: 60%;
		bottom: 20px;

	}

	#top-logo.fixed-right img {
		display: none;
	}
	#new-standard .inner {
		max-width: 96%;
	}
	.timeline .container .content, .timeline .container.right .content {
		padding-left:60px;
	}
	.timeline  .container::before {
		width: 30px;
	}
	.timeline .container.right::after, .timeline .container::after{
		left: 30px;
	}
	.timeline .container {
		width: 100%;
	}
	#shareholders .image-container img, #people_and_culture img {
		max-width: 100%;
	}
	.amount {
		font-size: 60px;
		line-height: 90px;
	}
	#financial-highlight .highlight-content .amount .line {
		min-width: 30px;
		max-width: 40px;
	}
	.highlight-content.thirty-percent{
		width: 100%;
	}
	.people_overlay_vertical{
		left: 50px;
	}
	.people_overlay{
		width: 100px;
	}
	#footer .content {
		padding-left: 20px;

	}
	.footer-widget {
		width: 96%;
	}

	.download-footer--container {
		width: 100%;
		height: 207px;
		padding: 18px 15px 40px 0;

	}
	.download-footer--container .download_annual_report {
		font-size: 18px;
	}

	.company-highlight.round-border.claims{
		left:0;
	}
	.company-highlight.company-age {
		top:400px;
		left: calc((100% - 200px)/2 );
	}
	.company-highlight.company-earning{
		top:800px;
		left: calc((100% - 200px)/2 );
	}

	.company-highlight.company_served {
		left: calc((100% - 200px)/2 );
		top: 1200px;
	}
	.home .highlights {
		height: 1500px;
	}
	.round-border {
		width: 90%;
		max-width: 350px;
		margin: auto;
	}
	.company-highlight.round-border.claims {
		top: 30px;
	}

	.home #financial-highlight .highlights.clear {
		height: auto;
	}
	.highlight-content {
		margin-bottom: 40px !important;
	}

	body .phone-image_text .hardwork_corona_right {
		width: 100%; 
		float: none; 
	}
	.img-w-text .section-title {
		margin-top: 52px;
	}
	.quote-size-1 {
		font-size: 36px;
		line-height: 53px;
	}
	.quote-part q{
		margin-top: 100px;
	}
	.page-content {
		margin: auto 0px;
	}
	.heading-size--2 {
		font-size: 36px;
		line-height: 43px;
	}
	body .bg-image.colaboration_banner.headr_top_banner.subpage_banner {
		height: 550px;
		top: 5px;
	}
	.collaboration header {
		height: 620px;
	}
	body .colaboration_banner::before, body .colaboration_banner::after{
		
	width: 114px;
    height: 120px;
	}
	body .colaboration_banner::before{
		top: 245px;
	}

	#menu {

		padding: 100px 50px 50px 30px;
	}
	.collaboration-col-half .col-half{
		width: 100%;
	}
	.heading_text_block {
		padding-left: 20px;
		max-width: 96%;
	}
	.collaboration-outcome #four_sections h3 {
		font-size: 60px;
		line-height: 60px;

	}

	.letter-col-half {
		padding-right: 0px;
	}
	.financial-dot img {
		width: 75%;
	}
	.board h1:after{
		display: none;
	}
	.corporate h1, .board h1{
		width: 100%;
	}
	.team-member .two_third {
		width: 67%;
		padding-left: 30px;
		padding-right: 20px;
	}

	.team-member img {
		height: 124px;
		width: 124px;
	}
	.team_members .col-half.last-col {
		padding-left: 0;
	}
	.corporate h1:after{
		display: none;
	}
	.warper_90 {
		flex-direction: column;
	}
	.our-employee-title h3 {
		margin-top: 75px;
	}
	#circular-data .round-border{
		position: relative;
	}
	#circular-data .tpa {
		left: 0;
		top: 0;
	}
	img.au_flag_with_blue {
		float: right;
		max-width: 100%;
	}
	.header_overlay1, .banner:after{
		display: none;
	}
	.home #header {
		height: 400px;
	}
	header a.logo img {
		top: 130px;
	}
	.letter .letter_banner {
		height: 350px;
	}
	.letter header {
		height: 670px;
		position: relative;
	}
	#circular-data  .image_overlay {
		top: -58px;
		right: 26px;
	}
	#circular-data .round-border .highlight-level {
    width: 270px;
}
#circular-data .round-border .amount {
    padding-left: 0px;
        padding-top: 10px;
}
.data-block {
    background-size: cover;
    background-position: center right;
    }

}