article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {
	margin: 0;
	padding: 0;
	border: none;
	font-family: "IBM Plex Sans Arabic", sans-serif;
}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {
	font-family: "IBM Plex Sans Arabic", sans-serif;
	font-size: 14px;
	color: #666666;
}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
 header, section, footer {float: right; width: 100%;}
.container {max-width: 1680px; margin: 0 auto; padding: 0px 20px;}
.row {margin-left: -20px; margin-right: -20px;}
.row>* {padding-left:20px; padding-right:20px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.cbtn {display: inline-block; background-color:#01BF81; height: 55px; text-align: center; line-height: 51px; color: #FFFFFF; font-size: 18px; border:1px solid #01BF81; padding: 0px 25px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.cbtn:hover {color:#01BF81; background-color:#FFFFFF; border-color: #FFFFFF;}
.cbtn1{border:1px solid #01BF81; background-color: transparent;}
.cbtn1:hover{color: #ffffff; background-color:#01BF81; border-color:#01BF81;}

.loginbtn {margin-right: 20px;}
.loginbtn span {color: #FFFFFF; font-size: 18px; background-image: url(../images/login.png); background-repeat: no-repeat; background-position: 0px 50%; padding-left: 35px;} 
.loginbtn:hover span {background-image: url(../images/login1.png);}

.arrowbtn{border:1px solid #01BF81; background-color: transparent; color: #01BF81;}

	.arrowbtn.headerarrowbtn {
		background-color: #01BF81;
		color: white;
	}

		.arrowbtn.headerarrowbtn span {
			background-image: url(../images/arrow-w.png)
		}

		.arrowbtn.headerarrowbtn:hover {
			background-color: white;
			color: #01BF81;
		}

			.arrowbtn.headerarrowbtn:hover span {
				background-image: url(../images/arrow1.png);
			}

.arrowbtn:hover {color: #ffffff; background-color:#01BF81; border-color:#01BF81;}
.arrowbtn span {background-image: url(../images/arrow1.png); background-repeat: no-repeat; background-position: 0 6px; padding-left: 25px;}
.arrowbtn:hover span {background-image: url(../images/arrow-w.png);}
.arrowbtn2 {border:1px solid #01BF81; background-color: transparent; color: #01BF81; background-image: url(../images/arrow3.png); background-repeat: no-repeat; background-position: 25px 50%; padding-left: 55px;}
.arrowbtn2:hover {background-color: #01BF81; color: #ffffff; background-image: url(../images/arrow3-w.png);}

.ctextinfo h4 {color: #004854; font-size: 36px; font-weight: 500; line-height: 45px; display: block;}
.ctextinfo p {color:#666666; font-size: 24px; line-height: 36px; padding: 25px 0px 0px;}

.ctitle {width: 100%; display: inline-block; position: relative;}
.ctitle span {color: #01BF81; font-size: 20px; line-height: 25px; display: inline-block; padding-bottom: 10px; width: 100%;}
.ctitle h3 {color: #004854; font-size: 48px; line-height: 72px; font-weight: 500; display: inline-block;}
.ctitle p {color: #666666; font-size: 20px; line-height: 36px; display: inline-block; width: 100%;}

.scrolldown {font-size: 16px; color: #FFFFFF; z-index: 15; background-position: 50% 0px; padding-top: 45px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 63px; background-repeat: no-repeat; background-image: url(../images/scroll-down.png);}
.scrolldown:hover {color: #A8E001;}

.cinnerbox {float: left; width: 100%; background-color: #EFFBEF; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; padding: 80px;}
.blueinnerbg {background-color: #004854;}

header {z-index: 999; padding: 35px 0px; border-bottom: 1px solid rgba(255,255,255,0.2); position: absolute;} 
header .custnav .menus > li {padding:0px 20px; display: inline-block;}
header .custnav .menus > li a {color: #FFFFFF; font-size: 18px; line-height: 18px; position: relative;}
/*header .custnav .menus > li a:hover, header .custnav .menus > li.active a{color: #01BF81;}*/
header .custnav .menus > li a:hover:after, header .custnav .menus > li.active a:after{content: ""; position: absolute; left: 0px; bottom: -54px; width: 100%; height: 3px; background-color: #01BF81;}
.formobilemenu {display: none !important;}

.mainbanner {background-color: #004854; position: relative; overflow: hidden;}
.mainbanner:before {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,72,84,1) 0%,rgba(0,72,84,0) 100%); z-index: 15;}
.mainbanner img {opacity: 0.7;}
.mainbanner .textinfo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 18;}
.mainbanner .textinfo h2 {font-size: 90px; color: #FFFFFF; line-height: 100px; width: 100%; float: left;}
.mainbanner .textinfo p {font-size: 24px; color: #FFFFFF; line-height: 36px;  width: 368px; float: left; margin-top: -110px;}

.bounceanim {
	animation: bounceanim 2s ease infinite; -moz-animation: bounceanim 2s ease infinite; -webkit-animation: bounceanim 2s ease infinite;
}
@keyframes bounceanim {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
	40% {transform: translateY(-25px); -moz-transform: translateY(-25px); -webkit-transform: translateY(-25px);}
	60% {transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}
@-moz-keyframes bounceanim {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
	40% {transform: translateY(-25px); -moz-transform: translateY(-25px); -webkit-transform: translateY(-25px);}
	60% {transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}
@-webkit-keyframes bounceanim {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
	40% {transform: translateY(-25px); -moz-transform: translateY(-25px); -webkit-transform: translateY(-25px);}
	60% {transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px);}
}

.cportalbox {position: relative; width: 1000px; height: 210px; border: 3px solid rgba(255,255,255,0.1); margin: 255px auto 185px;}
.cportalbox .portalimg {position: absolute; left: 50%; top: -200px; transform: translateX(-50%);}
.cportalbox .cporbox {position: absolute;}
.cportalbox .cporbox h4 {color: #004854; font-size: 24px; font-weight: 500; padding: 0px 30px;}
	.cportalbox .portal1 {
		left: -260px;
		top: -50px;
	}
	.cportalbox .portal2 {
		right: -270px;
		top: -50px;
	}
.cportalbox .portal3 {left: -203px; bottom: -50px;}
.cportalbox .portal4 {right: -275px; bottom: -50px;}

.cghsmallbox {position: relative; margin: 45px 0px;}
.cghsmallbox .ghsmallinner {float: right; width: 100%; height: 100%; background-color: #EFFBEF; padding: 70px 90px; border-radius: 195px 0px 195px 0px; -moz-border-radius: 195px 0px 195px 0px; -webkit-border-radius: 195px 0px 195px 0px;}
.cghsmallbox .ghsmallinner .desc {margin-right: 190px;}
.cghsmallbox .ghsmallinner .desc p {padding-top: 20px; line-height: 48px;}
.cghsmallbox .ghsmallinner .gicons {float: right; width: 120px; height: 120px; position: relative; background-color: #004854; border-radius: 60px 0px 60px 0px;}
.cghsmallbox .ghsmallinner .gicons img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cghsmallbox .ghsmallinner .graicons {background: linear-gradient(45deg,  rgba(168,224,1,1) 0%,rgba(1,191,129,1) 100%);}






.section-h2 {position: relative; background-color: #004854; padding: 140px 0px 95px; height: 900px; background-repeat: no-repeat; background-position: 0% 140px; background-image: url(../images/shape1.png);}

.section-h3 .ctitle {margin-bottom: 15px;}
.section-h3 .cinnerbox{position: relative; margin-top: -30%;}
.section-h3 .textinfo {padding: 55px 60px 0px;}
.section-h3 .textinfo .icon {float: right; width: 145px; padding-top: 10px;}
.section-h3 .textinfo .desc {margin-right :145px;}
.section-h3 .textinfo .desc h4 {font-size: 30px;}
.cportalbox .portal1
.section-h3 .textinfo .desc p {
	padding-top: 15px;
	line-height: 44px;
}

.section-h4 {position: relative; padding: 140px 0px; direction:rtl}

.section-h5 .cinnerbox {padding: 156px 55px;}
.section-h5 .cinnerbox .textinfo1 {padding: 0px 120px 0px 100px;}
.section-h5 .ctextinfo p {font-size: 20px; padding-bottom: 35px;}
.section-h5 .imgpart .imgbox {position: relative;}
	.section-h5 .imgpart .imgbox img {
		border-radius: 0px 295px 0px 295px;
		-moz-border-radius: 0px 295px 0px 295px;
		-webkit-border-radius: 0px 295px 0px 295px;
	}
	.section-h5 .imgpart .imgbox .msgicon {
		width: 140px;
		height: 140px;
		position: absolute;
		right: 20px;
		top: 0px;
		background-color: #FFFFFF;
		background-image: url(../images/msg.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border-radius: 70px 0px 70px 0px;
		-moz-border-radius: 70px 0px 70px 0px;
		-webkit-border-radius: 70px 0px 70px 0px;
		box-shadow: 0px 15px 30px rgba(0,0,0,0.16);
		-moz-box-shadow: 0px 15px 30px rgba(0,0,0,0.16);
		-webkit-box-shadow: 0px 15px 30px rgba(0,0,0,0.16);
	}

.section-h6 {position: relative; padding: 140px 0px 190px; background-repeat: no-repeat; background-position: 100% 130px; background-image: url(../images/shape2.png);}
.section-h6 .cghsmallbox .ghsmallinner .desc p {font-size: 20px; line-height: 36px;}

.joinsection {position: relative; padding: 88px 0px; background-image: url(../images/join-bg.jpg); background-repeat: no-repeat; background-position: 0px 50%; background-size: cover;}
.joinsection:after {content: ""; width: 162px; height: 198px; background-image: url(../images/shape3.png); background-position: 0px 100%; background-repeat: no-repeat; position: absolute; bottom: 0px; right: 140px;}
.joinsection .textinfo p {padding: 25px 0px 30px; font-size: 20px;}

footer {position: relative; background-color: #EFFBEF; padding: 80px 0px 100px;}
footer .footerboxs {float: left; position: relative;}
footer .footerboxs h4 {float: left; width: 100%; color:#004854; font-size: 24px; line-height: 28px; font-weight: 500; margin-bottom: 35px;}
footer .footerboxs p {display: inline-block; color: #666666; font-size: 18px;}
footer .footerboxs p a {color: #666666;}
footer .fbox1 {width: 30%; position: relative;}
footer .fbox2 {width: 45%;}
footer .fbox3 {width: 25%;}
footer .footerboxs ul {width: 50%; float: right;}
footer .footerboxs li {float: right; width: 100%;}
footer .footerboxs li a {float: right; color:#666666; font-size: 18px; line-height: 24px; margin-bottom: 20px;}
footer .footerboxs li a:hover {color: #01BF81;}
footer .fbox1 .copyright {font-size: 14px; padding-top: 90px;}
footer .fbox1 .copyright a {color: #666666; text-decoration: underline;}
footer .fbox1 .copyright a:hover{color: #01BF81;}

.sociallink {width: 100%; float: right; padding-top: 88px;}
	.sociallink p {
		float: right;
		padding: 8px 0px 0px 20px;
	}
.sociallink .socialbox {float: right;}
.sociallink a {display: inline-block; width: 40px; height:40px; margin: 0px 5px; border-radius: 40px; vertical-align: top; background-repeat: no-repeat; background-position: 50% 50%;}
.sociallink a:hover {background-color: #ffffff;}
.sociallink .instagram {background-image: url(../images/instagram.png);}
.sociallink .facebook {background-image: url(../images/facebook.png);}
.sociallink .twitter {background-image: url(../images/twitter.png);}
.sociallink .linking {background-image: url(../images/linkedIn.png);}


/** Login Page Start **/
.loginpart {float: left; width: 100%;}
.loginpart .logininner {float: left; width: 100%; position: relative; overflow: hidden;}
.loginpart .loginleft {float: right; width: 50%; height: 100vh; background-color: #ffffff; position: relative;}
.loginleft .loginbox {
	width: 440px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	direction: rtl;
}
.loginpart .logininner .logo {float: right; margin-bottom: 80px; margin-top: 70px; width: 100%; margin-top: -50px;}
.loginpart .loginbox .ctextinfo p {padding-top: 0px; font-size: 18px; margin-top: 10px; margin-bottom: 20px;}
.loginleft .loginbox .formpart {float: left; width: 100%;}
.loginleft .loginbox .fieldrow {float: left; width: 100%;}
.loginleft .loginbox .cfieldbox {margin: 22px 0px 5px; float: left; width: 100%;}
.loginleft .loginbox .cfieldbox label {width: 100%; float: left; color: #004854; font-size: 18px; line-height: 24px; margin-bottom:10px;}
.loginleft .loginbox .cfieldbox .custfield {width: 100%; float: left; padding: 10px 20px 11px; height: 55px; border: 1px solid rgba(0,0,0,0.1); background-color: transparent; font-size: 16px; color: #004854; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.loginleft .loginbox .cfieldbox .custfield.psfield {background-position: 20px 50%; padding-left: 70px;/* background-image: url(../images/view-icon.png);*/ background-repeat: no-repeat;}
.loginleft .loginbox .cform a {color: #01BF81; font-size: 18px; float:right;}
.loginleft .loginbox .cform a:hover {text-decoration: underline; color: #004854;}
.loginleft .loginbox .btns {float: left; width: 100%; text-align: center; margin-top: 50px;}
.loginleft .loginbox .lgbtn {background-color: #01BF81; text-align: center; height: 60px; font-size: 18px; line-height: 60px; color: #ffffff; width: 100%; font-weight: 500; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px;}
.loginleft .loginbox .lgbtn:hover {background-color: #004854;}
.loginleft .loginbox .aclink {color: #808080; font-size: 18px; float: left; width: 100%; text-align: center; padding-top:80px;}
.loginleft .loginbox .aclink a {width: auto; float: none; color: #01BF81; font-weight: 500;}
.loginleft .loginbox .aclink a:hover {color: #004854;}
.loginpart .loginright {float: left; position: relative; width: 50%; }
.loginpart .loginright .limgbox  {width: 100%; height: 100vh; float: right; background-color: #004854;}
.loginpart .loginright .limgbox img {width: 100%; height: 100%; opacity: 0.7; object-fit: cover;}
.loginpart .cheakboxopts {float: left; width: 100%; margin-top: 12px;}
.loginpart .checkboxf input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.loginpart .checkboxf label {position: relative; cursor: pointer; margin: 0px; padding-left: 0px !important; color: #666666; font-size: 18px;}
.loginpart .checkboxf label:before {content:''; -webkit-appearance: none; background: url(../images/checkbox.png) no-repeat 0 0; width: 24px; height: 24px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-left: 15px;}
.loginpart .checkboxf input:checked + label:before {background-image: url(../images/checkbox-a.png);}
/** Login Page End **/

/** Signup Page Start **/
.signuppart .logininner .logo {margin-left: 0px; margin-top: 0px;}
.signuppart .loginleft .loginbox {width: 676px;}
.signuppart .cform {margin-right: -20px; margin-left: -20px;}
.cform .cfieldbox2 {width: 50%; margin-top: 40px; padding: 0 20px; float: right; position: relative;}
.cform .cfieldbox2 .custfield {height: 40px; padding: 6px 0px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.cform .cfieldbox2 .custfield:focus {border-bottom-color: #01BF81;}
.cform .cfieldbox2 label {position: absolute; cursor: text; z-index: 2; top: 0px; color: #004854; font-size: 18px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.cform .cfieldbox2 input:focus + label, .cform .cfieldbox2 input:valid + label, .cform .cfieldbox2 select:focus + label, .cform .cfieldbox2 select:valid + label, .cform .cfieldbox2 textarea:focus + label, .cform .cfieldbox2 textarea:valid + label {font-size: 14px; top: -10px;}
.cform .cfieldbox2 select.custfield {background: url(../images/droparrow1.png) no-repeat 0 50%;}
.signuppart .loginleft .loginbox .btns {padding: 0 20px;}
.signuppart.loginpart .loginbox .ctextinfo p {margin-bottom: 0px;}
.signuppart .loginleft .loginbox .aclink {padding-top: 25px;}
.signuppart.loginpart .logininner .logo {margin-bottom: 15px;}
/** Signup Page End **/

/** Contact Page Start **/
.innerbaner {background-color: #004854; background-image: url(../images/shape1.png); background-position: 0% 267px; background-repeat: no-repeat; position: relative; overflow: hidden; padding: 267px 0 400px;}
.innerbaner .ctitle span {display: block;}
.midwhite {background-color: #FFFFFF; margin-top: -183px; position: relative; border-radius: 75px 75px 0px 0px; -moz-border-radius: 75px 75px 0px 0px; -webkit-border-radius: 75px 75px 0px 0px; padding: 0px 90px;}

.contactpart {padding: 0 50px 190px;}
.contactpart .conttext1 .ctextinfo {border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 90px; padding-bottom: 60px;}
.contactpart .midwhite {padding-top: 90px;}
.contactpart .contactleft {padding-left: 10px;}
.contactpart .contactleft .cform {margin-left: -20px; margin-right: -20px;}
.contactpart .contactleft .cform .cfieldbox2 {margin-top: 65px;}
.cform .cfieldbox2 textarea.custfield {height: 170px;}
.contactpart .contactleft .cform .btns {padding: 0 20px; margin-top: 70px; float: left; width: 100%;}
.contactpart .contactright {padding-left: 151px;}
.contactpart .contactright .contactlinks {margin-top: 57px;}
.contactpart .contactright .contactlinks li {display: block; width: 100%;}
	.contactpart .contactright .contactlinks li p {
		font-size: 18px;
		padding: 10px 40px 10px 0px;
		font-weight: 500;
		color: #004854;
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}
.contactpart .contactright .contactlinks li p a {color: #004854;}
.contactpart .contactright .contactlinks li p a:hover {color: #01BF81;}
.contactpart .contactright .contactlinks li .licon {background-image: url(../images/location-icon.png);}
.contactpart .contactright .contactlinks li .callicon {background-image: url(../images/call-icon.png);}
.contactpart .contactright .contactlinks li .mailicon {background-image: url(../images/mail-icon.png);}
.contactpart .contactright .mapimg {margin-top: 90px; border-radius: 143px 0px 143px 0; -moz-border-radius: 143px 0px 143px 0; -webkit-border-radius: 143px 0px 143px 0; overflow: hidden;}
.contactpart .contactright .mapimg img {width: 100%;}
/** Contact Page End **/

/** Who We Are Page Start **/
.section-wwa1 {position: relative; padding: 0 50px 190px;}
.section-wwa1 .cinnerbox {padding: 0px; margin-top: -183px; border-radius: 75px 75px 0px 0px; -moz-border-radius: 75px 75px 0px 0px; -webkit-border-radius: 75px 75px 0px 0px; overflow: hidden;}
.section-wwa1 .accodprovide {padding-top: 50px;}
.section-wwa1 .accodprovide .accordslide {width:100%; float:right;}
.section-wwa1 .accodprovide .accordslide:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}
.section-wwa1 .accodprovide .accordslide .accordtitle {display:block; background-color: #EFFBEF; cursor:pointer; background-image:url(../images/arrow2.png); background-repeat: no-repeat; background-position: calc(10% - 90px) 50%; padding:40px 80px;}
.section-wwa1 .accodprovide .accordslide .accordactive { background-image:url(../images/arrow2-h.png);}
.section-wwa1 .accodprovide .accordslide .accotitle2, .section-wwa1 .accodprovide .accordslide .accodesc2 {background-color: #E1F4E1;}
.section-wwa1 .accodprovide .accordslide .accotitle3, .section-wwa1 .accodprovide .accordslide .accodesc3 {background-color: #DAEFDA;}
.section-wwa1 .accodprovide .accordslide .accordtitle h4 {background-repeat: no-repeat; background-position: 100% 0px; padding-right: 140px; font-size: 36px; color: #004854; font-weight: 500; line-height: 46px;}
.section-wwa1 .accodprovide .accordslide .accordtitle h4.overicon {background-image: url(../images/overview.png);}
.section-wwa1 .accodprovide .accordslide .accordtitle h4.partneicon {background-image: url(../images/teamimg1.png);}
.section-wwa1 .accodprovide .accordslide .accordtitle h4.clienticon {background-image: url(../images/client-img1.png);}
.section-wwa1 .accodprovide .accordslide .accodesc {display:none; padding: 20px 40px 110px 220px;}
.section-wwa1 .accodprovide .accordslide .ctextinfo p {line-height: 48px;}

.section-wwa2 {position: relative; background-color: #004854; padding: 150px 0px; overflow: hidden;}
.section-wwa2 .approbg {opacity: 0.7; position: absolute; bottom: 0px; left: 0px; width: 100%;}
.section-wwa2:before {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,72,84,1) 0%,rgba(0,72,84,0) 100%); z-index: 15;}
.section-wwa2 .visionappbox {position: relative; z-index: 30;}
.section-wwa2 .approbox {margin-top: 90px;}
.section-wwa2 .approinner {float: left; width: 100%; height: 100%; background-color: #EFFBEF; padding: 70px 70px; border-radius: 260px 0px 0px 0px; -moz-border-radius: 260px 0px 0px 0px; -webkit-border-radius: 260px 0px 0px 0px;}
.section-wwa2 .approinner .gicons {display: inline-block; width: 120px; margin-bottom: 60px; height: 120px; position: relative; background-color: #004854; border-radius: 60px 0px 60px 0px;}
.section-wwa2 .approinner .gicons img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.section-wwa2 .approinner .desc p {line-height: 46px;}

.section-wwa3 {padding: 190px 0px 200px;}
.section-wwa3 .cghsmallbox .ghsmallinner .desc {padding-left: 50px;}
/** Who We Are Page End **/

/** Market Intelligence Portal Page Start **/
.innerbaner2 {padding-bottom: 330px !important;}
.section-mip1 {position: relative; padding: 0px 50px 235px;}
.section-mip1 .midwhite {padding: 90px 0px;}
.section-mip1 .textinfo2 { direction:ltr;margin: 130px 0px; padding: 130px 0;}
.section-mip1 .textinfo2 .cportalbox {border-color: #D3EAD3; margin-top: 184px; margin-bottom: 162px;}
.section-mip1 .ctextinfo.textinfo1 p {line-height: 48px;}

.cpointbox {position: relative; padding: 50px 80px 30px;}
.cpointbox li {float: right; width: 100%; padding: 25px 0px;}
.cpointbox li span {width: 140px; font-size: 30px; font-weight: 500; color: #01BF81; float: right;}
.cpointbox li p {font-size: 30px; font-weight: 500; color: #004854;float:right;}
/** Market Intelligence Portal Page End **/

/** Risk Management Consulting Page Start **/
.section-rmc1 {position: relative; padding: 0px 50px 140px;}
.section-rmc1 .midwhite {padding: 90px 0px 0px;}
.section-rmc1 .textinfo1 .ctextinfo h4, .section-rmc2 .ctextinfo h4, .section-rmc3 .textinfo4 h4 {line-height: 60px;}
.section-rmc1 .ctextinfo p {line-height: 48px;}
.section-rmc1 .imgpart {padding-left: 160px;}
.section-rmc1 .imgpart .imgbox {position: relative;}
	.section-rmc1 .imgpart .imgbox img {
		border-radius: 295px 0px 295px 0px;
		-moz-border-radius: 295px 0px 295px 0px;
		-webkit-border-radius: 295px 0px 295px 0px;
	}
.section-rmc1 .imgpart .imgbox .msgicon {width: 140px; height: 140px; position: absolute; left: 20px; top: 0px; background-color: #004854; background-image: url(../images/riskicon.png); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 0px 70px 0px 70px; -moz-border-radius: 0px 70px 0px 70px; -webkit-border-radius: 0px 70px 0px 70px;}

.section-rmc3 {position: relative; padding: 190px 0px;}
.section-rmc3 .cghsmallbox .ghsmallinner .desc {padding-right: 30px;}
.section-rmc3 .cghsmallbox .ghsmallinner .ficon-2 {background-color: #01BF81;}
.section-rmc3 .cghsmallbox .ghsmallinner .ficon-3 {background-color: #A8E001;}
.section-rmc3 .cghsmallbox .ghsmallinner .ficon-4 {background-color: #D3EAD3;}
.section-rmc3 .textinfo4 {margin-top: 100px;}
/** Risk Management Consulting Page End **/


.checkboxf .remember-me-check:checked ~ label:before {
	background-image: url(/Content/PortalTheme/images/checkbox-lg.png);
	background-size: cover;
}

.show-password-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 5px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-image: url(/Content/ClientTheme/en/images/view-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 25px;
	left: 20px;
}