@charset "UTF-8";
/* CSS Document */

html {
	width: 100%;
	height: 100%;
	position: relative;
}
body {
	font-family: BS, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 1rem;
	color: #000000;
	line-height: 1.4;
	width: 100%;
	height: 100%;
	direction: rtl;
	text-align: right;
}

/*********************************************************/
/*  General                                              */
/*********************************************************/

.container {
	max-width: 1200px;
	height: 100%;
}
.nowrap {
	white-space: nowrap;
}
#cont-main {
	position: relative;
	width: 100%;
}
#cover {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 99999;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}
select::-ms-expand {
	display: none;
}
a {
	color: #006fcf;
	transition: .45s;
}
a:hover {
	color: #1068a5;
}
a:active,
a:focus,
a:visited,
a {
	outline: none;
}
.show-ipad {
	display: none;
}
.hide-ipad {
	display: block;
}

/*********************************************************/
/*  Sections                                             */
/*********************************************************/

.section-head {
	padding: 60px 0px;
	background-image: url(../img/hero-plat-credit-ar.jpg);
	background-size: cover;
	background-position: center center;
	min-height: Calc(100vh - 77px);
}
.section-head.gold-credit {
	background-image: url(../img/hero-gold-credit-ar.jpg);
}
.section-head.gold-credit .head {
	color: #006FCF;
}
.section-head.gold-credit .sub-head {
	color: #006FCF;
}

.section-content {
	padding: 60px 0px 20px;
	background-image: url(../img/swirl-ar.svg);
	background-repeat: no-repeat;
	background-position: left bottom ;
	background-size: 40%;
}
.section-content p strong {
	font-weight: 800;
}
.section-content p b {
	font-weight: 700;
}
.lightblue {
	color: #006FCF;
}
.m-headline {
	margin: 0px;
}

/*spend table*/
.tbl-spend {
	margin-bottom: 10px;
}
.tbl-spend img {
	max-width: 100%;
	width: 75px;
}
.tbl-spend > tbody > tr > td:first-child {
	border-left: solid 1px #eaeaea;
	padding-left: 40px;
}
.tbl-spend > tbody > tr > td:last-child {
	padding-right: 40px;
}
.tbl-spend .tbl-spend-item td {
	padding-bottom: 25px;
}
.tbl-spend .tbl-spend-item td p {
	margin: 0px;
}
.tbl-spend .tbl-spend-item td p strong {
	color: #006FCF;
}
.tbl-spend .tbl-spend-item > tbody > tr:last-child td {
	padding-bottom: 0px;
}

/*card table*/
.tbl-card {
	width: 100%;
	margin-bottom: 10px;
}
.tbl-card .td-img {
	padding-left: 20px;
	padding-bottom: 8px;
}
.tbl-card .td-img img {
	width: 100%;
}
.tbl-card strong {
	color: #006FCF;
	font-weight: 500;
	font-size: 1.6rem
}

/*benefits table*/
.cont-benefits .benefit-item {
	margin-bottom: 10px;
}
.cont-benefits .benefit-item .td-img {
	padding-left: 15px;
	text-align: right;
	vertical-align: top;
}
.cont-benefits .benefit-item .td-img img {
	width: 70px;
}
.cont-benefits .benefit-item .td-text {
}

/*scroll down*/
.scroll {
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: table;
    margin-right: auto;
    margin-top: 10px;
}
.scroll .txt {
	font-size: .8rem;
	font-weight: 700;
	color: #ffffff;
	top: auto;
	background-color: #0071ce;
	border-radius: 5px;
	padding: 12px 15px;
	vertical-align: middle;
}
.scroll:hover:after {
	height: 20px;
}
.scroll i {
	margin-right: 2px;
	vertical-align: middle;
}
#go-to-top {
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: table;
    margin-right: auto;
}
#go-to-top .txt {
	font-size: .8rem;
	font-weight: 700;
	color: #ffffff;
	top: auto;
	background-color: #0071ce;
	border-radius: 5px;
	padding: 12px 15px;
	vertical-align: middle;
}
#go-to-top i {
	margin-right: 2px;
	vertical-align: middle;
}

/*********************************************************/
/*  Navigation                                           */
/*********************************************************/

#main-header {
	background-color: #ffffff;
	border-bottom: solid 1px #dddddd;
}
.navbar-brand {
	margin-right: 0px;
}
.navbar-light .navbar-brand img {
	height: 50px;
}
.form-inline img {
	margin-right: 10px;
	height: 47px;
}

/*********************************************************/
/*  Form elements                                        */
/*********************************************************/

#cont-form {
	background-color: rgba(0, 111, 207, 0.7);
	padding: 35px 30px 15px;
	border-radius: 12px;
	color: inherit;
	/* border: solid 1px #000000; */
	color: #ffffff;
}
#cont-form small {
	line-height: 1.4;
	display: block;
	font-size: .8rem;
	padding-top: 10px;
}
#cont-form a {
	color: #ffffff;
	font-weight: 700;
}
#cont-form p a {
	color: #ffffff;
	text-decoration: underline;
	font-weight:  bolder;
	font-weight: 700;
}
#cont-form .form-group {
	margin-bottom: 15px;
}
.form-check-input {
	line-height: 1;
	margin-top: 1px;
	border-radius: 0px;
}
.form-check-label a {
}
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
.form-control,
.form-control:focus,
.form-control:active {
	font-size: 1rem;
	border-radius: 0px;
	padding: 4px 15px 0px;
	border: none;
	outline: none;
	box-shadow: none;
	height: 40px;
}
select.form-control {
	height: auto!important;
	background-image: url(../img/select-arrows.png);
	background-repeat: no-repeat;
	background-position: left 3px center;
	min-height: 39px;
}
.btn,
.btn:focus,
.btn:active {
	border: none;
	outline: none;
	box-shadow: none;
	font-size: 1rem;
	font-weight: normal;
	height: 40px;
	transition: .65s;
	cursor: pointer;
}
#cont-form .btn.btn-success:not(:disabled):not(.disabled).active,
#cont-form .btn.btn-success:not(:disabled):not(.disabled):active,
#cont-form .btn.btn-success {
	background-color: #ffffff;
	border: none!important;
	outline: none!important;
	box-shadow: none!important;
	color: #000000;
}
#cont-form .btn.btn-success:hover {
	/*background-color: #1068a5;*/
}
.cont-mn {
	display: table;
	width: 100%;
	height: 39px;
}
.cont-mn .countryCode {
	border: none;
	display: block;
	height: 40px;
	padding: 11px 5px 0px;
	border-left: 0px;
	float: left;
	width: 20%;
	text-align: right;
	background-color: #ffffff;
	color: #000;
	direction: ltr;
}
.cont-mn .mobileNumber {
	float: right;
	width: 80%;
	text-align: left;
	direction: ltr;
}

/*texts*/
.head {
	font-size: 2.5rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
	margin: 0px 0 15px;
}
.sub-head {
	font-size: 1.7rem;
	margin: 0px 0px 30px;
	color: #ffffff;
}
.sub-head strong {
	font-weight: normal;
	font-weight: 700;
}
.head-ul {
	font-size: 22px;
	list-style-type: none;
	line-height: 36px;
	padding-right: 0px;
	margin-bottom: 30px;
}
#legal {
}
#legal p {
	font-size: 0.8rem;
}
.form-error {
	display: block;
	color: #ffffff;
	font-weight: 700;
	font-size: .7rem;
	padding: 7px 0 0;
	clear: both;
	font-style: italic;
}

/*modals*/
.amex-modal {
	top: 0px;
}
.amex-modal .modal-body {
	padding-top: 0px;
}
.amex-modal .close {
	text-align: end;padding: 15px 20px 0;
	outline: none;
}
.amex-modal .modal-header {
	border-bottom: 0px;
}
.amex-modal .modal-content {
	border-radius: 10px;
}

/*********************************************************/
/*  General                                              */
/*********************************************************/

@media(max-width: 1366px) {
	.section-head {
		padding: 30px 0px;
	}
	.head {
		font-size: 2.5rem;
		margin: 0px 0 10px;
	}
	.sub-head {
		font-size: 1.5rem;
		margin: 0px 0px 40px;
	}
}
@media(max-width: 768px) {
	.show-ipad {
		display: block;
	}
	.hide-ipad {
		display: none;
	}

	#cover {
		display: none!important;
	}

	/*form*/
	#cont-form {
		opacity: 1!important;
		margin-bottom: 30px;
	}
	.cont-icons .item table td p {
		transform: translateX(0px);
	}
	#legal {
		opacity: 1;
	}
	#legal p {
		font-size: 11px;
	}

	/*navigation*/
	.navbar-light .navbar-brand img {
		content: url(../img/DLLWI-xs.svg);
		height: 50px;
		width: 50px;
	}
	.form-inline img {
		display: none;
	}

	/*sections*/
	.head {
		opacity: 1!important;
		font-size: 2.2rem;
		height: 145px;
	}
	.sub-head {
		opacity: 0!important;
		font-size: 16px;
		margin: 20px 10px 30px;
	}
	.scroll {
		display: none;
	}
	.section-content {
		padding: 30px 0px 10px;
		border-bottom: solid 10px #006FCF;
		background-image: none;
	}
	.tbl-card td {
		/*display: block;*/
	}
	.tbl-card .td-img {
		width: 35%;
		padding-bottom: 5px;
	}
	.section-head {
		background-image: url(../img/hero-plat-credit-ar-xs.jpg);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		padding: 20px 0px 20px;
	}
	.section-head.gold-credit {
		background-image: url(../img/hero-gold-credit-ar-xs.jpg);
	}
	.section-head.gold-credit .head {
		font-size: 2rem;
	}
	#cont-form {
		margin: 200px 0 0px;
		background-color: rgba(0, 111, 207, 1);
	}
	.m-headline {
		font-size: 1.5rem;
	}
	.tbl-spend > tbody > tr > td:first-child {
		padding-left: 20px;
	}
	.tbl-spend > tbody > tr > td:last-child {
		padding-right: 20px;
	}
	.tbl-spend .tbl-spend-item td {
		padding-bottom: 15px;
	}
	.cont-benefits .benefit-item .td-img img {
		width: 50px;
	}
	.tbl-card {
		margin-bottom: 0px;
	}
	.tbl-card strong {
		font-size: 1.2rem;
	}
	#cont-main {
		top: auto!important;
		padding: 0px 0px 0px;
	}
}

/*********************************************************/
/*  Arabic specific                                      */
/*********************************************************/

.form-check {
	padding-left: auto;
	padding-right: 1.25rem;
}
.form-check-input {
	margin-left: auto;
    margin-right: -1.25rem;
}