@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@font-face {
    font-family: 'GE Dinar Two';
    src: url('../fonts/GEDinarTwoMedium.eot');
    src: url('../fonts/GEDinarTwoMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GEDinarTwoMedium.woff2') format('woff2'),
        url('../fonts/GEDinarTwoMedium.woff') format('woff'),
        url('../fonts/GEDinarTwoMedium.ttf') format('truetype'),
        url('../fonts/GEDinarTwoMedium.svg#GEDinarTwoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GE Dinar Two';
    src: url('../fonts/GEDinarTwo-Light.eot');
    src: url('../fonts/GEDinarTwo-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GEDinarTwo-Light.woff2') format('woff2'),
        url('../fonts/GEDinarTwo-Light.woff') format('woff'),
        url('../fonts/GEDinarTwo-Light.ttf') format('truetype'),
        url('../fonts/GEDinarTwo-Light.svg#GEDinarTwo-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ge-dinar-medium' ;
    src: url('../../fonts/ge-dinar-two-medium-meium-nossa.otf');
} 
@font-face {
    font-family: 'ge-dinar-light' ;
    src: url('../../fonts/ge-dinar-two-light nossa.otf');
}
@font-face {
    font-family: 'Avenir' ;
    src: url('../../fonts/Avenir\ Medium.ttf');
}


:root{
    --main-color: #009BA7;
    --second-color: #0077AA;
    --third-color: #4a4a4a;
    --white:#fff;
    --bold-font: "ge-dinar-medium";
    --light-font: "ge-dinar-light";
    --english-font: 'Avenir';
    --padding-lef: 30px;
    --padding-right: 30px;
    --margin-lef: 30px;
    --padding-right: 30px;
}


select::-ms-expand { display: none; }
img{max-width:100%;height:auto;}
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:40px;color:rgba(255, 255, 255, 0.80); margin:0px 0px 25px 0px;padding:0px 0px 0px 0px;line-height: 1.2;}
h2 {font-size:36px;color:#4A4A4A; margin:0px 0px 25px 0px;padding:0px 0px 0px 0px;line-height: 49px;font-family: 'Poppins', sans-serif;font-weight: 500;}
h3 {font-size:32px;color:#4A4A4A; margin:0px 0px 25px 0px;padding:0px 0px 0px 0px;line-height: 1.2;font-weight: 600;font-family: 'Poppins', sans-serif;}
h4 {font-size:30px;color:#4A4A4A; margin:0px 0px 20px 0px;line-height: 1.2; font-weight: 600;font-family: 'Poppins', sans-serif;}
h5 {font-size:24px;color:#4A4A4A; margin:0px 0px 20px 0px;line-height: 1.2;font-weight: 600;font-family: 'Poppins', sans-serif;}
h6 {font-size:16px;color:#4A4A4A;margin:0px 0px 20px 0px;line-height: 1.2;font-family: 'Poppins', sans-serif;font-weight: 600; }
.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}


body {
	overflow-x:hidden;
	color:#4A4A4A;
	font-size:15px;
	line-height:23px;
	margin:0px;
	padding:0px;
	outline:none;
	text-decoration:none;
	list-style:none;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	background-color:#fff;
    font-weight: 400;
}

p{color:#4A4A4A;font-size:15px;line-height:23px; margin:0px 0px 20px 0px;font-family: 'Poppins', sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
::-webkit-input-placeholder {color: #c2c2c2; opacity:1;}
::-moz-placeholder {color: #c2c2c2; opacity:1;}
:-ms-input-placeholder {color: #c2c2c2; opacity:1;}
:-moz-placeholder {color: #c2c2c2; opacity:1;}

:focus, button:focus {outline-style:none;box-shadow:none;border-color:transparent;}
*:focus {outline: none;}
input:focus{outline:none;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;}

/* ======== header ======== */
.logo-bx{align-items: center;}
.ci-logo a img {width: 270px;}
.ci-head-btn-bx {display: flex;align-items: center;justify-content: end;}
header {position: absolute;width: 100%;padding: 25px 0;z-index: 1;top: 0;}
.ci-insu-sec { padding-top: 120px;}


.ar-lang{font-family: 'GE Dinar Two';font-weight: 500;}
.en-lang{font-weight: 500;font-family: 'Poppins', sans-serif !important;}


/* ======= Button ======= */
.ci-btn-one {background: #1F7C9D;padding: 12px 25px;display: inline-flex;align-items: center;justify-content: center;color: #fff;transition: 0.5s ease;font-size: 15px;}
.ci-btn-one:hover {background-color: #08AFB9;color: #fff;}

.ci-btn-lang {background: #08AFB9;padding: 12px 25px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-size: 15px;}
.ci-btn-lang:hover{background-color: #1F7C9D;color: #fff;}

.ci-btn-logout {background: #08afb9;padding: 12px 25px;display: inline-flex;align-items: center;justify-content: center;font-size: 15px;transition: 0.5s ease;color: #fff;}
.ci-btn-logout:hover {background: #1F7C9D;color: #fff;}

.ci-btn-logout img, .ci-btn-one img, .ci-btn-lang img {width: 20px;margin: 0 10px 0 0px;}

.ci-btn-two{border: 1px solid #fff;padding: 10px 25px;color: #fff;display: inline-flex;transition: 0.5s ease;background: transparent;align-items: center;justify-content: center;    font-size: 13px;}
.ci-btn-two i{margin: 0 10px 0 0;}
.ci-btn-two:hover {background: white;color: #1f7c9d;}
.ci-btn-two:hover img{filter: invert(1);}
.ci-btn-two  img {width: 20px;margin: 0 10px 0 0px ;}


.ci-btn-tb {background: #1EB153;color: #fff;border: none;display: inline-flex;align-items: center;justify-content: center;padding: 10px 25px;transition: 0.5s ease;font-size: 13px;}
.ci-btn-tb img{margin: 0 10px 0 0;width: 20px;}
.ci-btn-tb:hover {background: #1F7C9D;color: #fff;}


.ci-btn-mem{background: #08AFB9;color: #fff;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;transition: 0.5s ease;width: 150px;height: 40px;}
.ci-btn-mem:hover{background: #1F7C9D;color: #fff;}
.ci-btn-view {background: #1F7C9D;display: inline-flex;align-items: center;justify-content: center;transition: 0.5s ease;width: 40px;height: 40px;border: none;}
.ci-btn-view img {width: 20px;}
.ci-btn-view:hover{background: #08AFB9;color: #fff;}

.renew-btn {background: #08afb9;padding: 10px 23px;display: inline-flex;align-items: center;justify-content: center;color: #fff;transition: 0.5s ease;font-size: 14px;}
.renew-btn:hover{background: #1F7C9D;color: #fff;}

.ci-btn{background: #CCFBF1;border: none;display: inline-flex;align-items: center;justify-content: center;width: 130px;height: 40px;transition: 0.5s ease;}
.ci-btn-primary{background-color: #CCFBF1;color: #0D9488;}
.ci-btn-warning{background-color: rgb(238 152 0 / 30%);color: #C8830A;}
.ci-btn-danger{background-color: #FBCCCC;color: #C60E0E;}


.m-btn-one {background: #08AFB9;color: #fff;border: none;width: 100px;height: 40px;font-family: 'Poppins';display: inline-flex;align-items: center;justify-content: center;transition: 0.5s ease;}
.m-btn-one:hover {background-color: #1F7C9D;color: #fff;}
.m-btn-two {background: #1F7C9D;color: #fff;border: none;width: 100px;height: 40px;font-family: 'Poppins';display: inline-flex;align-items: center;justify-content: center;transition: 0.5s ease;}
.m-btn-two:hover{ background: #08AFB9;color: #fff;}

.btn-style-two {background: #08AFB9;border: none;padding: 10px 35px;display: inline-flex;align-items: center;justify-content: center;font-family: 'Poppins';color: #fff;font-size: 14px;transition: 0.5s ease;margin-top: 12px;}
.btn-style-two:hover{background-color: #1F7C9D;color: #fff;}



/* == Banner Css */
.ci-banner-sec {display: flex;align-items: center;justify-content: center;position: relative;height: 115vh;background: #F5F6F8;}
.ci-banner-sec .banner-img {position: absolute;right: 0;width: 62%;    height: 100%;object-fit: cover;}
.banner-social {
    margin-bottom: 50px;
}
.ci-insu-sec h3 {color: #08AFB9;font-size: 23px;font-weight: 600;margin: 0 0 10px;}
.ci-insu-sec h4 {font-size: 19px;color: #4A4A4A;font-weight: 600;}

.ci-insu-bx {margin: 40px 0 60px 0px;}
.ci-insu-item {background: #fff;box-shadow: 0 0 40px rgba(182,182,182,0.2);position: relative;padding: 30px 16px;text-align: center;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.ci-insu-item p{font-size: 13px;}
.ci-insu-item-img img {width: 50px;}
.ci-insu-item-img {background: #08AFB9;width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin: 0 auto 25px;}
.ci-insu-item:before {position: absolute;content: '';width: 100%;height: 10px;background: #08afb9;top: -10px;left: 0;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.ci-bx-btn {background: #08afb9;color: #fff;padding: 12px 25px;display: inline-flex;transition: 0.5s ease;font-size: 15px;align-items: center;justify-content: center;}
.ci-bx-btn i {font-size: 19px;margin: 0 0 0 10px;}
.ci-bx-btn:hover{background: #1F7C9D;color: #fff;}

.corp .ci-insu-item:before {background: #1f7c9d;}
.corp .ci-insu-sec h3{color:#1f7c9d;}

.item-cl-1 .ci-insu-item-img {background: #1F7C9D;}
.item-cl-1 .ci-bx-btn {background: #1F7C9D;}
.ci-insu-item.item-cl-1:before {background: #1F7C9D;}
.item-cl-1 .ci-bx-btn:hover{background: #08afb9;color: #fff;}

.banner-social li {display: inline-block;padding-right: 8px;}
.banner-social li a {width: 45px;height: 45px;display: inline-flex;border: 1px solid #1F7C9D;color: #1F7C9D;align-items: center;justify-content: center;font-size: 20px;}
.banner-social li a:hover {background: #1f7c9d;color: #fff;}
.inner-btn-bx{text-align: right;}



/* ========== Inner Banner ============ */
.inner-banner {background: url(../images/BG-dashboard.png)no-repeat;padding: 50px 0px 120px;position: relative;background-size: cover;margin-top: 105px;}
.inner-title {font-size: 27px;color: #fff;font-weight: 600;margin: 0;}
.inner-banner .row{align-items: center;}

.ci-tab-sec {background: #fff;box-shadow: 0 0 40px rgba(182,182,182,0.23);margin-top: -72px;position: relative;min-height: 585px;padding-bottom: 25px;}
.ci-table-bx {display: flex;align-items: center;justify-content: space-between;padding: 14px 30px;border-bottom: 1px solid rgb(74 74 74 / 25%);}
.ci-tb-title {font-size: 17px;color: #4A4A4A; position: relative;margin: 0;padding: 0 20px;text-align: center;text-transform: capitalize;}
.ci-tb-title.active{color: #08AFB9;}
.inner-table-sec .ci-table-bx  .ci-tb-title:before {position: absolute;content: '';width: 100%;height: 8px;background: #08AFB9;bottom: -30px;left: 0;opacity: 1;}
.ci-table-bx .ci-tb-title:before {position: absolute;content: '';width: 100%;height: 8px;background: #08AFB9;bottom: -30px;left: 0;opacity: 0;}
.ci-table-box {padding: 20px 0;overflow: auto;}
.ci-tb-title:before {position: absolute;content: '';width: 100%;height: 8px;background: #08AFB9;bottom: -30px;left: 0;opacity: 0;}

.ci-table-box table {width: 100%; border-collapse: separate; border-spacing: 0 0px; }
.ci-table-box table th{padding: 10px 20px;vertical-align: middle;font-weight: 500;}
.ci-table-box table td{padding:15px 20px;vertical-align: middle;}
.ci-table-box table td:nth-child(1){border-right: 1px solid rgb(74 74 74 / 25%);border-bottom: 1px solid rgb(74 74 74 / 25%);}
.ci-table-box table td{border-bottom: 1px solid rgb(74 74 74 / 25%);}
.ci-table-box table th:nth-child(1){ border-right: 1px solid rgb(74 74 74 / 25%);}
.ci-table-box table th{background-color: rgb(74 74 74 / 6%);}

.check-box {display: flex;align-items: center;justify-content: center;}
.inner-table-sec .ci-tb-title {color: #08AFB9;}


.check-box label {position: relative;margin: 0;}
.check-box input {width: 0;height: 0;opacity: 0;display: none;}

/* .check-box input[type=checkbox]{ width: 20px; height: 20px;background-color: #FA9E57;}
.check-box input[type=checkbox]:checked{background-color: #FA9E57;} */

.check-box label > span {width: 20px;height: 20px;display: flex;justify-content: center;border-radius: 3px;transition: all .3s;border: 1px solid rgb(74 74 74 / 22%);float: left;margin-right: 8px;}
.ci-table-box table th .check-box input:checked + label > span{background: #1F7C9D;border-color: transparent;}
.check-box input:checked + label > span {background: #08AFB9;border-color: transparent;}
.check-box input:checked + label > span::before {content: '\f00c';font-family: 'Font Awesome 5 Pro';position: absolute;font-weight: 100;top: -2px;left: 5px;color: #fff;font-size: 12px; }
.round-checkbox-div input:checked + label > span::before {display: none; }

.check-box.login-check label > span {width: 25px;height: 25px;border: 1px solid rgba(8,175,185,0.25);}
.check-box.login-check input:checked + label > span::before {top: 0px;left: 7px;font-size: 14px;}


.check-box.gray-check input:checked + label > span {
    background: rgb(74 74 74 / 50%);
    border-color: transparent;
}

.renew-bx {padding-left: 65px;}
.inner-table-sec{padding-bottom: 50px;}
.flex-mem{display: inline-flex;}
.opa-0{opacity: 0;}


#renew-m .modal-header {background: #08AFB9;border: 0;border-radius: 0;padding: 1rem 1rem;}
#renew-m .modal-title {font-weight: 600;color: #ffffff;font-size: 20px;}
#renew-m .modal-dialog, #inner-m .modal-dialog {max-width: 700px;margin: 10px auto;}
#renew-m .modal-body {padding: 20px 40px 20px 40px;text-align: center;}
#renew-m .modal-footer {border: none;justify-content: center;padding: 0 0 30px 0;}
.warning-bx h4 {color: #1F7C9D;font-size: 18px;margin: 0 0 10px;}
.warning-bx p {margin: 0;font-weight: 500;}
.modal-backdrop.show {opacity: .5;}


/* ======== Profile CSS ======== */
.profile-sec .modal-body{padding: 0;}
.profile-top-bx {background: url(../images/BG-dashboard.png);padding: 20px 40px;background-repeat: no-repeat;text-align: center;background-size: cover;}
.profile-sec .modal-dialog {max-width: 1150px; margin: 15px auto 10px;}
.profile-img h2 {margin: 0;color: #fff;font-size: 45px;}
.pro-title {color: #fff;font-size: 20px;}
.profile-img {width: 105px;height: 105px;background: rgb(255 255 255 / 50%);border-radius: 50%;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;}
.date-flex li {display: inline-block;padding: 9px 25px;border: 1px solid #fff;color: #fff;margin-right: 10px;}
.date-flex li:nth-last-child(1){margin-right: 0;}
.date-flex {margin-bottom: 20px;}
.profile-top-bx p {color: #fff;font-size: 13px;font-weight: 500;margin: 0;}
.ci-pro-title {font-weight: 600;font-size: 19px;margin: 0;}
.ci-pro-form {padding: 20px 30px;}
.ci-pro-form  .form-group .form-control {display: block;width: 100%;height: 45px;padding: 8px 22px;font-weight: 400;line-height: 1.5;background-color: #F5F6F8;background-clip: padding-box;border: 1px solid rgba(74,74,74,0.3);font-size: 14px;color: rgb(74 74 74 / 35%);font-family: 'Poppins';border-radius: 0;}
.ci-pro-form .form-group label {font-weight: 500;}
.modal-header {padding: 0;}
.modal-header .close {position: absolute;left: 15px;top: 15px;background: #fff;z-index: 2;opacity: 1;padding: 0;margin: 0;width: 40px;height: 40px;}
.modal-header .close span{font-size: 34px;font-weight: 100;color: #08AFB9;}


/* ==== Step Progress CSS === */
.ci-pro-bx-bg {background: #fff;box-shadow: 0 0 40px rgba(182,182,182,0.23);position: relative;min-height: 600px;margin-bottom: 30px;}
.step-title-left h4 {margin: 0;font-size: 20px;color: #08AFB9;}
.step-title-left {padding: 25px;border-bottom: 1px solid rgb(74 74 74 / 25%);}

#msform {position: relative;margin-top: -75px;padding-bottom: 50px;}
#msform fieldset:not(:first-of-type) {display: none}
#progressbar {position: relative;padding: 26px 18px 22px 18px;}
#progressbar li:last-child .pt-pr-img:after{display:none;}
#progressbar li {list-style-type: none;font-size: 12px;width: 100%;position: relative;margin-bottom: 65px;display: flex;align-items: center;}
#progressbar li .pt-pr-img:after {z-index: 1;display: block;content: '';width: 1px;height: 70%;border: 1px solid #c7cbcf;position: absolute;left: 49%;top: 77px;max-width: 100%;}
#progressbar li .pt-pr-img {background: #fff;width: 70px;height: 70px;border-radius: 50%;border: 1px solid #4A4A4A;margin-right: 15px;position: relative;display: flex;align-items: center;justify-content: center;     flex: 0 0 70px;}
#progressbar li.active .pt-pr-img {background: #08AFB9;border-color: #08AFB9;outline: 2px dashed white;outline-offset: -10px;}
#progressbar li:nth-last-child(1) {margin-bottom: 0;}

.pro-txt-cl span {color: #08AFB9;font-size: 14px;font-weight: 500;}
.pro-txt-cl h6{color: #4A4A4A;margin: 0;font-weight: 500;font-size: 12px;}
.pro-txt-cl p {margin: 0;color: rgb(74 74 74 / 40%);font-weight: 500;font-size: 12px;}
.pt-pr-img img {width: 24px;}
#progressbar li.active .pt-pr-img img {filter: invert(1) brightness(8.5) sepia(34) saturate(0) hue-rotate(167deg);}
#progressbar li.selected .pt-pr-img {background: #1EB153;border-color: #1EB153;outline-style: solid;}
#progressbar li.selected .pt-pr-img img{display: none;}
#progressbar li.selected .pt-pr-img:before {position: absolute;content: '\f00c';font-family: 'Font Awesome 5 Pro';color: #fff;
font-size: 32px;font-weight: 100;}


#progressbar li.active .pro-txt-cl p{color: #1F7C9D;}
#progressbar li.selected .pro-txt-cl p{color: #1EB153;}
#progressbar li.selected .pt-pr-img:after {border-color:  #1eb153;}

.year-cnt{display: flex;align-items: center;}
.year-cnt label{flex: 0 0 94px;margin: 0;}





/* ==== Step1 Form CSS ==== */
.step1-form-title h4 {margin: 0;font-size: 20px;font-weight: 700;color: #4A4A4A;}
.step1-form-title {padding: 25px 0px;}
.get_filed_box fieldset{padding: 0 25px 25px;}
.ci-step1-form{margin-bottom: 15px;    width: 100%;}
.ci-step1-form .year-select-field{border: 1px solid rgba(74,74,74,0.3);color:#4A4A4A;}

.ci-form-control {border: 1px solid rgba(74,74,74,0.3);height: 41px;padding: 8px 11px;width: 100%;font-family: 'Poppins';font-size: 12px;color: #4A4A4A;}

.ci-step1-form input::placeholder{color: #4A4A4A!important;}
.ci-step1-form label {font-weight: 500;font-size: 13px;}
.ci-step1-form label span {color: red;font-size: 19px;position: relative;top: 2px;left: -3px;}

.ci-text-right {text-align: right;}


/* --------login-------- */
.login-sec .ci-insu-item{padding: 30px 24px !important;}
.login-sec .ci-insu-item .login-form{ text-align: start !important;}
.login-sec .ci-insu-item .login-form h2{ font-size: 25px; line-height: 30px; font-weight: 600;}
.login-sec .login-form .long-line{width: 100%;height: 1px;background-color: rgb(74 74 74 / 25%);opacity: 35%; margin-bottom: 18px;}
.login-sec .login-form p{font-size: 17px;line-height: 22px;font-family: 'Poppins';font-weight: 500;}
.login-sec .banner-img{width: 73%;}
.login-sec .login-form input{/*width: 100%;*/border: 1px solid rgba(8,175,185,0.25);border-radius: 0;outline: none;padding: 8px;height: 42px;box-sizing: border-box;transition: 0.3s; background-color: #F5F6F8;font-family: 'Poppins';color: #4A4A4A;}
.login-sec .inputWithIcon .ci-num { padding: 8px;}

.login-sec .inputWithIcon input{padding-left: 45px;}
.input-bx {position: relative;}
.login-sec .inputWithIcon {margin-bottom: 15px;}
.login-sec .inputWithIcon img {z-index: 10;position: absolute;left: 8px;top:4px;	padding: 9px 8px;color: #4A4A4A;transition: 0.3s;width: 37px;}
.login-sec .inputWithIcon .eye-button{z-index: 10;position: absolute; right: 20px ;left: unset ; top: 14px;}
.login-sec .form-star{ color: #EC0D0D; font-size: 18px; font-weight: 700; margin-left: 2px;}
.login-sec .login-form input[type="checkbox"]{position: relative;border: 2px solid rgba(8,175,185,0.25);border-radius: 2px;background: #F5F6F8;cursor: pointer;outline: 0;padding: 0 !important;vertical-align: text-top;height: 23px;width: 23px;-webkit-appearance: none;opacity: .5;}
.login-sec .login-form input[type="checkbox"]:checked{background-color: #08AFB9;opacity: 1;}
.login-sec .login-form input[type="checkbox"]:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #FFF;border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
.login-sec .login-form .check-box-div{display: flex; justify-content: space-between; margin-top: 30px; margin-bottom: 25px;}
.login-sec .login-form label {font-family: 'Poppins';font-size: 14px;font-weight: 500;margin-bottom:0.5rem !important;}
.login-sec .login-form .check-box-div div{display: flex; align-items: center; gap: 6px;}
.login-sec .login-form a{ color: #08AFB9; text-decoration: underline;font-family: 'Poppins';  font-size: 15px; font-weight: 500;}
.corp .login-form a{ color: #1F7C9D;}

.login-sec .login-form a:hover {color: #4A4A4A;}
.login-sec .login-form .form-btn { width: 100%; height: 45px; background: #08AFB9; color: white; border: none;font-family: 'Poppins'; font-size: 16px;  font-weight: 500; transition: 0.5s ease;}
.login-sec .login-form .form-btn:hover {background: #1f7c9d;}

.corp .login-form .form-btn { width: 100%; height: 45px; background: #1F7C9D; color: white; border: none;font-family: 'Poppins'; font-size: 16px;  font-weight: 500; transition: 0.5s ease;margin-top: 15px;}


.login-sec .register-div{margin-top: 20px;}
.login-sec .register-div p{font-size: 14px;font-family: 'Poppins';font-weight: 500;margin: 0;}
.inputWithIcon .country-dropdown-btn {position: relative;margin-top: 25px;background-color: #F5F6F8;color: black !important;border: 1px solid rgba(8,175,185,0.25);border-radius: 0;width: 100%;height: 45px;text-align: left;}
.inputWithIcon .dropdown{margin-top: -18px;margin-bottom: 13px;}
.inputWithIcon .dropdown .country-dropdown-btn{font-size: 14px;font-family: 'Poppins';}
.inputWithIcon .dropdown .country-dropdown-btn i{position: absolute;right: 22px;top: 12px;font-size: 17px;}
.inputWithIcon .dropdown-item{color: black !important;text-decoration: none !important;}


/* ===== Register ==== */
.regis-sec .ci-insu-sec {
    padding-top: 180px;
}
/* ----account setting------ */

.account-setting .step-title-left .blue-circle{position: relative;width: 130px;height: 130px;border-radius: 50%;background-color: rgb(8 175 185 / 16%);display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.edit-aa {position: absolute;right: -8px;bottom: 4px;background: #1F7C9D;width: 45px;height: 45px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.edit-aa img {width: 20px;}

.account-setting .step-title-left .blue-circle h3 { margin: 0;   font-size: 50px; color: #08AFB9;}
.account-setting .step-title-left{padding: 17px !important;text-align: center !important;border-bottom: none !important;}
.account-setting .effective-line{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.account-setting .effective-line .grey-line{width: 100%;height: 1px;background-color: grey;position: absolute;opacity: 25%;}
.effective-box {background: #ffffff;width: 145px;  height: 44px; display: flex; align-items: center; justify-content: center;  position: relative; z-index: 99;}
.effective-box h4{background-color: #CCFBF1;color: #0D9488;width: 130px;height: 44px;font-family: 'Poppins';  font-size: 18px; font-weight: 600;padding: 5px 18px;display: flex;justify-content: center;align-items: center;z-index: 99;}

.step-title-left .left-side-data{display: flex;justify-content: space-between;align-items: center;}

.step-title-left .left-side-data p{margin-bottom: 12px;font-family: 'Poppins';  font-size: 15px; font-weight: 500;}
.account-setting .half-grey-line{width: 100%;height: 1px;background-color: #4A4A4A;opacity: 25%;margin-bottom: 12px;}
.account-setting .login-form input{width: 100%;border: 1px solid rgba(74,74,74,0.3);border-radius: 0;outline: none;padding: 8px;height: 45px;box-sizing: border-box;transition: 0.3s; background-color: #F5F6F8;}
.account-setting .login-form label{margin: 0;}
.account-setting .inputWithIcon input{padding-left: 45px;}
.account-setting .inputWithIcon input[type="number"]{padding-left: 15px !important;}
.account-setting .inputWithIcon {position: relative;margin-bottom: 15px;}
.account-setting .inputWithIcon label{font-weight: 500; font-size: 13px;}
.account-setting .inputWithIcon img {z-index: 10;position: absolute;left: 8px;top: 0px; padding: 9px 8px;color: #4A4A4A;transition: 0.3s;width: 37px;}
.account-setting .inputWithIcon .eye-button{z-index: 10;position: absolute; right: 20px !important;left: unset !important; top: 12px;}
.account-setting .form-star{ color: #EC0D0D; font-size: 18px; font-weight: 700; margin-left: 2px;}
.account-setting h5{font-size: 17px; font-family: 'Poppins'; font-weight: 600; margin-bottom: 12px; margin-top: 5px;}
.account-setting .change-password p{font-size: 15px; opacity: 50%; font-family: 'Poppins'; font-weight: 500; color: #4A4A4A;}
.account-setting label{font-size: 14px;font-weight: 500;}
.account-setting .change-password a{font-size: 15px; color: rgb(31 124 157 / 50%); margin-bottom: 150px; text-decoration: underline;font-family: 'Poppins'; font-weight: 500;}
.ci-table-bx .nav-tabs h4:hover{cursor: pointer;}
.step-title-left .main-content-div{display: flex; flex-direction: column;}
.step-title-left .main-content-div .blue-circle{margin: auto; margin-bottom: 16px;}
.year-select-field {width: 100%;height: 42px;border: 1px solid rgba(8,175,185,0.25);overflow: hidden;overflow: -moz-hidden-unscrollable;background: url(../images/arrow2.png) no-repeat right;display: inline-block;position: relative;-webkit-appearance: none;background-size: 0.9rem;padding: 9px;font-family: 'Poppins';color: #4A4A4A;background-position: 95% 50%;font-size: 12px;}

.account-setting .history-tab-div label{font-size: 15px;font-family: 'Poppins'; font-weight: 500; margin-right: 8px;}
.account-setting table {font-family: 'Poppins';border-collapse: collapse;width: 100%;}
.account-setting td, th {text-align: left;padding: 8px;}
.add-members .step1-form-title{display: flex;justify-content: space-between;align-items: center; padding: 15px 20px 16px 20px;}
.add-members .profil-box-info{width: 100%; margin: 0 15px;}
#inner-m .modal-header {background: rgb(8, 175, 185);border: 0px;border-radius: 0px;padding: 10px 18px 10px 20px;}
#inner-m .modal-title {font-weight: 600;color: #ffffff;font-size: 20px;}
#inner-m .modal-body {padding: 20px 18px 20px 20px;text-align: left;}
#inner-m .modal-footer {border: none;justify-content: start;padding: 0 0 30px 18px;}
#inner-m .ci-btn-tb{padding: 7px 30px !important;}
#inner-m .modal-header .close{left: 20px !important; top: 8px !important;}
.inner-modal-dialog{max-width: 950px !important;}
.inner-modal-content p{color: #1F7C9D; font-size: 16px; font-weight: 600;}
.inner-modal-content input{border: 1px solid rgba(74,74,74,0.3); background-color: #fff; color: #4A4A4A; font-family: 'Poppins'; font-weight: 400; font-size: 14px;}
.inner-modal-content select{border: 1px solid rgba(74,74,74,0.3);background-color: #fff;color: #4A4A4A;font-family: 'Poppins';font-weight: 400;height: 41px;padding: 8px 11px;width: 100%;-webkit-appearance: none;-moz-appearance: none;font-size: 14px;}
.inner-modal-content .ci-step1-form i{position: absolute;right: 16px;top: 47px;}
#inner-m .modal-header .close{width: 32px;height: 32px;}
.profil-box-info table {font-family: 'Poppins';border-collapse: collapse;width: 100%;margin-top: 22px;margin-bottom: 16px;}
.profil-box-info td{text-align: left; padding: 10px 10px 10px 20px;}
.profil-box-info tr{border-top: 1px solid #4a4a4a33;border-bottom: 1px solid #4a4a4a33; font-size: 14px;}
.profil-box-info .family-members{color: #1F7C9D; font-size: 16px; font-weight: 600; font-family: 'Poppins'; margin-bottom: 7px;}
.profil-box-info .add-new-member{font-size: 14px; font-weight: 400; font-family: 'Poppins'}
.profil-box-middle-data{ padding: 15px 20px 0 20px;}
.profil-box-info .before-margin-content{min-height: 400px;}
.green-checkbox { position: relative; margin-right: 6px; margin-top: 2px; border: 1px solid #4A4A4A;box-sizing: border-box;  opacity: 0.22; border-radius: 3px; border-radius: 2px; background: rgba(245,246,248,0); cursor: pointer; outline: 0; padding: 0 !important; vertical-align: text-top; height: 18px; width: 18px; -webkit-appearance: none; opacity: .5;}
.green-checkbox:checked{background-color: #08AFB9;opacity: 1;border: none;}
.green-checkbox:before {content: '';position: absolute;right: 50%;top: 50%;width: 4px;height: 10px;border: solid #FFF;border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
.profil-box-middle-data .terms{color: #1F7C9D; text-decoration: underline;}
.profil-box-middle-data .consent{color: #4A4A4A; font-size: 15px;font-weight: 500; margin-bottom: 10px; font-family: 'Poppins'}
.profil-box-middle-data label{font-size: 14px;font-family: 'poppins';color: #4A4A4A;font-weight: 400;}
.next-prev-btn{margin: 20px;    margin-right: 0;}
.next-prev-btn input{margin-top: 2px;}
/*#myTable2{display: none;}*/
#myTable2 td:first-child{border-right: 1px solid #4a4a4a33;}
#myTable2 th:first-child{border-right: 1px solid #4a4a4a33;}
#myTable2 tr:first-child, #myTable tr:first-child{background-color: #4a4a4a12;}
#myTable2 th, #myTable th{padding: 10px 10px 10px 20px;color: #4A4A4A; font-size: 14px;font-weight: 500;font-family: 'Poppins'	}
#myTable2 td{padding: 10px 10px 10px 20px;color: #4A4A4A; font-size: 13px;font-weight: 400;font-family: 'Poppins'}
table .green-text{color: #1EB153 !important; font-weight: 500 !important;}
table .red-text{color: #C60E0E !important;font-weight: 500 !important;}
.account-setting .ci-table-bx .active::before{opacity: 1;}

.account-setting fieldset{padding: 0;}
.account-setting .history-tab-div{ padding: 8px 22px 8px 22px;    overflow: auto;}
.account-setting .setting-tab{padding: 0px 22px 26px 22px;}
.account-setting .history-tab-div table th{border: none;padding: 10px 10px 10px 20px;border-top: 1px solid #4a4a4a33;border-bottom: 1px solid #4a4a4a33;font-size: 14px;font-family: 'poppins';font-weight: 500;    background: rgb(74 74 74 / 6%);}
.account-setting .history-tab-div table td:first-child{border-left: 1px solid #4a4a4a33;}
.account-setting .history-tab-div table td:last-child{border-left: 1px solid #4a4a4a33;border-right: 1px solid #4a4a4a33;}
.account-setting .history-tab-div table th:first-child{border-left: 1px solid #4a4a4a33;	}
.account-setting .history-tab-div table th:last-child{border-left: 1px solid #4a4a4a33;	border-right: 1px solid #4a4a4a33;}
.invoice-number {color: #1F7C9D;font-size: 16px;font-family: 'poppins';font-weight: 500;border-top: 1px solid transparent;border-bottom: 1px solid transparent;}
.profil-box-info tr:nth-last-child(1) td:nth-child(1){border-left: 1px solid transparent;}
.profil-box-info tr:nth-last-child(1) td:nth-last-child(1){border-right: 1px solid transparent;}
.discount-jod {color: #4A4A4A; font-size: 14px; font-family: 'poppins'; font-weight: 500;   background-color: rgb(31 124 157 / 30%);}
.patient-row td {
    background-color: rgb(198 14 14 / 6%);
}
.profil-box-info tr:nth-last-child(1) td.invoice-number{background-color: rgb(31 124 157 / 10%);}
#inner2-m .account-setting .history-tab-div table tr:nth-last-child(1) td { border-top: 1px solid transparent;border-left: 1px solid #c4d8e0; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}
#inner2-m .account-setting .history-tab-div table tr:nth-last-child(2) td{border-bottom: 1px solid transparent;}

/* css 29-12-2023---------- */
/* --------select coverage step---------- */
.select-coverage .add-members .step1-form-title{border-bottom: 1px solid rgb(74 74 74 / 25%);padding: 25px 20px 25px 20px;margin-bottom: 2px;}
.select-coverage .body-content{padding: 20px;}
.body-content .account-setting{margin-bottom: 22px;}
#customers {font-family: Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%; margin-top: 0; }
#customers td, #customers th {border: 1px solid #ddd;padding: 10px 17px 10px 17px; }
#customers th {text-align: left;background-color: #4a4a4a17;color: #4A4A4A;font-size: 13px;font-family: 'poppins';font-weight: 500;}
table .inner-modal-content i { top: 10px !important;}
table .inner-modal-content .ci-step1-form{margin-bottom: 0 !important;}
table .inner-modal-content .ci-step1-form select{height: 33px; padding: 4px 11px;}
.select-coverage .accordian-content{border-left: 1px solid #ddd; height: 315px; padding-left: 14px;}
.accordian-content .card-header{background-color: #08AFB9; border-radius: unset;}
.accordian-content .card-header h2 a{color: white !important; font-size: 14px; font-family: 'poppins';font-weight: 500;}
.accordian-content .card-header h2 a:focus{text-decoration: none;}
.accordian-content .card-header h2 a:hover{text-decoration: none !important;}
.accordian-content .card-body{padding: 11px;border: 1px solid #08AFB9;border-top: none; margin-bottom: 10px;}
.accordian-content .card .show{text-decoration: none !important;}
.accordian-content .card-header h2 a::after {border-style: solid; border-width: 1px 1px 0 0; content: " "; display: inline-block; height: 10px; left: 2px; position: absolute; left: 93%; top: 19px; transform: rotate(135deg); transition: 0.35s ease-in-out; width: 10px;}
.accordian-content .subscription-para p{font-size: 14px; font-family: 'poppins';font-weight: 600;margin-bottom: 16px; line-height: 10px;}
.accordian-content .card{border: none; border-radius: unset; margin-bottom: 8px;}
#customers td{color: #4A4A4A;font-size: 13px;font-family: 'poppins';font-weight: 400;}
/* .body-content .account-setting label{font-size: 13px;font-family: 'poppins';font-weight: 500; margin-right: 6px;}
.body-content .account-setting .year-select-field{padding: 0 10px;-webkit-appearance: none; position: relative; color: #4A4A4A; font-size: 15px; font-family: 'poppins'; font-weight: 400;}
.body-content .account-setting i{position: absolute; right: 35px; z-index: 99; top: 15px;}
.body-content .account-setting{width: 322px; position: relative;} */
.accordian-content .card-header h2{line-height: 44px;}
.step-fieldset .body-content .account-setting{width: 100%;}
.step-fieldset .account-setting i{top: 48px;right: 24px;}
.step-fieldset .check-box span{border-radius: 50% !important;width: 10px;height: 10px;margin-top: 7px;}
.step-fieldset .check-box span::before{content: none;}
.step-fieldset .round-checkbox-div{font-size: 14px; font-family: 'Poppins'; font-weight: 400;}
.step-fieldset .re-captcha{width: 200px;margin-top: 43px;}
.step-fieldset .re-captcha img{width: 100%;}
.step-fieldset .right-grey-border{border-right:1px solid #ddd; padding-right: 32px;}
.step-fieldset #customers tr .invoice-number { color: #1F7C9D; font-size: 16px; font-family: 'poppins'; font-weight: 500;}
#inner2-m .modal-header { background: #08AFB9; border: 0px; border-radius: 0px;padding: 19px 18px 19px 20px;}
#inner2-m .modal-title { font-weight: 600; color: #ffffff; font-size: 20px;}
#inner2-m .modal-body { padding: 0 !important; text-align: left;}
#inner2-m .modal-footer { border: none; justify-content: center; padding: 18px 0 18px 18px;;}
#inner2-m .ci-btn-tb{padding: 7px 30px !important;}
#inner2-m .modal-header .close{left: 20px !important; top: 16px !important;}
#inner2-m .account-setting .history-tab-div{padding: 0;}
#inner2-m .account-setting .history-tab-div table td{padding: 10px 10px 10px 20px; border: 1px solid #ddd; font-size: 15px; font-family: 'poppins'; font-weight: 500;}
#inner2-m .account-setting .history-tab-div table th{padding: 10px 10px 10px 20px; border: 1px solid #ddd; font-size: 16px; font-family: 'poppins'; font-weight: 500;}
#inner2-m .account-setting .history-tab-div table .table-heading{
	background-color: #08afb93b;
}
#step3-field-three .body-content{padding: 0;}
#step3-field-three .step-title-left{padding: 0; border: none;}
#step3-field-three .step-title-left p{height: 25px; width: 530px; color: #4A4A4A; font-family: Poppins; font-size: 15px;font-weight: 500;letter-spacing: 0;line-height: 20px; margin-top: 8px;}
#step3-field-three .body-content .form-field-div{box-shadow: 4px 4px 5px 0px rgba(130,130,130,1);background-color: #80808042;width: 400px; padding: 18px; border-radius: 10px;}
#step3-field-three .body-content .form-field-box{width: 100%;}
#step3-field-three .body-content .credit-card-form{padding: 20px; min-height: 458px;}
/*#step3-field-three .body-content .credit-card-form select{-webkit-appearance: none; width: 100px; text-align: end; padding: 4px 8px; border: none; border-radius: 4px;background-position: 14%;}*/
/*#step3-field-three .body-content .credit-card-form .visa-img-div{width: 80px; height: 45px; background-color: white; padding: 6px;}*/
/*#step3-field-three .body-content .credit-card-form .visa-img-div img{width: 100%;}*/
/*#step3-field-three .body-content .credit-card-form .card-number{display: flex;gap: 30px; width: 100%; justify-content: space-between; text-align: end;margin: 9px 0 12px 0;}*/
/*#step3-field-three .body-content .credit-card-form .card-number div:nth-child(1) input{width: 220px;text-align: end;padding: 2px 7px 2px 0; border: none;}*/
/*#step3-field-three .body-content .credit-card-form .card-number div:nth-child(2) input{width: 114px;text-align: end;padding: 2px 7px 2px 0; border: none;}*/
/*#step3-field-three .body-content .credit-card-form  .ci-btn-tb{margin-bottom: 5px; border-radius: 7px;}*/
/*#step3-field-three .body-content .credit-card-form label{color: #4A4A4A; font-family: Poppins; font-size: 13px; font-weight: 600;}*/
/*#step3-field-three .body-content .credit-card-form input{color: #4A4A4A; font-family: Poppins; font-size: 13px; font-weight: 500;}*/
#renew2-m .modal-header {background: #08AFB9;border: 0;border-radius: 0;padding: 25px 23px;}
#renew2-m .modal-title {font-weight: 600;color: #ffffff;font-size: 20px;}
#renew2-m .modal-body {padding: 20px 40px 20px 40px;text-align: center;}
#renew2-m .modal-footer { border: none; justify-content: center; padding: 0 0 30px 0;}
#renew2-m .ci-btn-primary{width: auto;padding: 0 26px;margin-top: 20px;color: #1F7C9D;font-family: Poppins; font-size: 15px; font-weight: 500;}
.warning-bx .health-priority{color: #08AFB9;font-size: 15px; font-weight: 600;}
#renew2-m .warning-bx h4{font-size: 19px;margin-top: 7px;}
#step3-field-three .btn-style-two{margin: 0 0 20px 20px;}
.bank-transform-inner .health-priority{margin-bottom: 5px;}
.bank-transform .bank-transform-inner .ci-btn{ background-color: #08afb93b; margin: 20px 0 0 0; width: auto; padding: 0 14px 0 14px; color: #1F7C9D; border-left: 5px solid #08AFB9; font-family: Poppins;font-size: 15px;font-weight: 500;}
.bank-transform .bank-transform-inner{ border-bottom: 1px solid rgb(74 74 74 / 25%); padding-bottom: 18px; margin-bottom: 20px;}
.bank-transform .bank-transform-inner .warning-bx h4{font-size: 18px;}
.bank-account-box{border: 1px solid rgb(74 74 74 / 25%);padding: 12px; width: 100%;}
.bank-account-box .box-header{display: flex; align-items: center; gap: 12px; margin-bottom: 8px;}
.bank-account-box .bank-details{color: #4A4A4A; font-family: Poppins; font-size: 11px; font-weight: 600; margin: 0;}
.bank-account-box div span{color: #1F7C9D; font-family: Poppins; font-size: 16px; font-weight: 600;}
.bank-account-row{display: flex;gap: 14px;margin-top: 16px;margin-bottom: 8px;}
.bank-transform .bank-transform-inner .ci-btn i{margin-left: 16px;  font-weight: 500;}
.ci-btn-primary i{margin-left: 16px;  font-weight: 500;}
.bank-account-box .box-header .country-img-div{width: 44px;}
.brand-selection{position: relative; width: 168px;}
.brand-selection i{position: absolute;top: 9px; right: 80px;}

@media only screen and (max-width:767px) {
	.bank-account-row{
		flex-wrap: wrap;
	}
}



/* ========== Arabic CSS ======== */
.arabic-version {direction: rtl;text-align: right;font-family: 'GE Dinar Two';}
.arabic-version p, body.arabic-version .footerbox, body.arabic-version a, body.arabic-version .news_boximg small {font-family: 'GE Dinar Two'; font-style: normal}
.arabic-version h1, body.arabic-version h2, body.arabic-version h3, body.arabic-version h4, body.arabic-version h5, body.arabic-version h6,.arabic-version .m-btn-one,.arabic-version .m-btn-two,.arabic-version .accordian-content .card-header h2 a{font-family: 'GE Dinar Two'; }


.arabic-version .login-sec .login-form p,.arabic-version  .login-sec .login-form label, .arabic-version  .login-sec .login-form .form-btn,.arabic-version  .btn-style-two,.arabic-version  .btn-style-three,.arabic-version .ci-form-control,.arabic-version #myTable2 th,.arabic-version #myTable th,.arabic-version .profil-box-info .family-members,.arabic-version .profil-box-info .add-new-member,.arabic-version .profil-box-middle-data .consent,.arabic-version .profil-box-middle-data label{font-family: 'GE Dinar Two';}
.arabic-version  .login-sec .login-form input::placeholder{font-family: 'GE Dinar Two';}
.arabic-version  .account-setting td,.arabic-version  .account-setting th{text-align: right;}

.arabic-version .ci-banner-sec .banner-img {left: 0;right: unset;}
.arabic-version .ci-btn-logout img,.arabic-version .ci-btn-one img,.arabic-version .ci-btn-lang img {margin: 0 0px 0px 10px;transform: rotateY(180deg);}
.arabic-version .ci-bx-btn i {margin: 0 10px 0 0px;}


/* ------------- */
.arabic-version .ci-table-box table th {text-align: right;font-weight: 600;}
.arabic-version .ci-table-box table td {text-align: right;padding: 15px 15px;}
.arabic-version .ci-btn-mem {margin-right: 0 !important;margin-left: 1rem !important;}
.arabic-version .ci-btn-tb img { margin: 0 0px 0 10px;}
.arabic-version .inner-btn-bx {text-align: left;}
.arabic-version .ci-btn-two i {margin: 0 0px 0 10px;transform: rotateY(360deg);}
.arabic-version .account-setting .inputWithIcon .eye-button {z-index: 10;right: unset !important;left: 20px!important;}
.arabic-version .account-setting .inputWithIcon input[type="text"], .arabic-version input[type="password"], input[type="number"] {padding-left: 0px; padding-right: 45px;}
.arabic-version .account-setting .inputWithIcon img {left: unset;right: 8px;}
.arabic-version .account-setting .change-password p {font-family: 'GE Dinar Two';}
.arabic-version .account-setting .change-password a {font-family: 'GE Dinar Two';}
.arabic-version .step-title-left .left-side-data p {font-family: 'GE Dinar Two';}
.arabic-version  .account-setting .effective-line .effective-box {font-family: 'GE Dinar Two';}
.arabic-version .profil-box-info table {font-family: 'GE Dinar Two';}
.arabic-version .account-setting .history-tab-div label{font-family: 'GE Dinar Two';margin-right: 0;margin-left: 8px;}
.arabic-version .account-setting .history-tab-div table th{font-family: 'GE Dinar Two';    font-weight: 600;}
.arabic-version tr .discount-jod{font-family: 'GE Dinar Two';}
.arabic-version tr .invoice-number{font-family: 'GE Dinar Two';}
.arabic-version .ci-btn-lang {margin-right: 1rem;}
.arabic-version  .history-tab-div td:nth-child(1){ border-left: 1px solid #4a4a4a33 ; border-right: 1px solid #4a4a4a33;}
.arabic-version  .history-tab-div th:nth-child(1){ border-left: 1px solid #4a4a4a33 ; border-right: 1px solid #4a4a4a33;}

.arabic-version  .ci-table-box table th:nth-child(1),.arabic-version  .ci-table-box table td:nth-child(1) {border-right: unset;border-left: 1px solid rgb(74 74 74 / 25%);}

.arabic-version .modal-footer>:not(:first-child),.arabic-version .modal-footer>:not(:last-child) {margin-right: 0.25rem;}
.arabic-version .renew-bx {padding-left: 0;padding-right: 65px;}
.arabic-version .login-sec .inputWithIcon input {padding-left: 0;padding-right: 45px;text-align: right;}
.arabic-version .login-sec .inputWithIcon img {right: 8px;left: unset;}
.arabic-version  .login-sec .inputWithIcon .eye-button {right: unset;left: 20px;}
.arabic-version .login-sec .login-form a{font-family: 'GE Dinar Two';font-weight: 600;}
.arabic-version .modal-header .close {right: 15px;}

.arabic-version  .profil-box-info tr:nth-last-child(1) td:nth-last-child(1) {border-right: 1px solid #4a4a4a33;border-left: none;}
.arabic-version .profil-box-info tr:nth-last-child(1) td:nth-child(1) {border-left: none;border-right: none;}
.arabic-version  .profil-box-info td, .arabic-version .account-setting  th { text-align: right;}
.arabic-version  #msform {margin-top: -71px;}
.arabic-version .ci-btn-two img {margin: 0 0px 0px 10px;transform: rotateY(180deg);position: relative;top: -4px;}
.arabic-version #progressbar li .pt-pr-img {margin-right: 0px;margin-left: 15px;}
.arabic-version  .pro-txt-cl h6 {font-size: 18px;}
.arabic-version  .pro-txt-cl p {font-size: 15px;}
.arabic-version  .pro-txt-cl span {font-size: 18px;}
.arabic-version  .year-select-field {background-position: 10% 52%;font-family: 'GE Dinar Two';color: #4A4A4A;}
.arabic-version  .accordian-content .card-header h2 a::after {right: 93%;top: 13px;}
.arabic-version  .step-title-left .ar-lang{font-weight: 600; font-size: 21px;}
.arabic-version .accordian-content .subscription-para p {font-family: 'GE Dinar Two';}
.arabic-version   .ci-tb-title {font-size: 19px;}
.arabic-version  .next-prev-btn{margin: 20px;    margin-left: 0;}
.arabic-version  #customers td {font-family: 'GE Dinar Two';font-weight: 500;}
.arabic-version  .step-fieldset .round-checkbox-div {font-family: 'GE Dinar Two';font-weight: 500;}
.arabic-version  .account-setting td, .arabic-version  .before-margin-content th { text-align: right;}
.arabic-version #customers th {font-family: 'GE Dinar Two';font-weight: 500;    text-align: right;}
.arabic-version  .step-fieldset #customers tr .invoice-number{font-family: 'GE Dinar Two';font-weight: 500;    text-align: right;}
.arabic-version  #inner2-m .account-setting .history-tab-div table td {font-family: 'GE Dinar Two';font-weight: 500;    text-align: right;}
.arabic-version  #inner2-m .account-setting .history-tab-div table th  {font-family: 'GE Dinar Two';font-weight: 500;    text-align: right;}
.arabic-version #step3-field-three .step-title-left p  {font-family: 'GE Dinar Two';font-weight: 500;    text-align: right;}
.arabic-version  #step3-field-three .body-content .credit-card-form .card-number div:nth-child(2) input { padding: 2px 0px 2px 7px;font-family: 'GE Dinar Two';}
.arabic-version  #step3-field-three .body-content .credit-card-form label {font-family: 'GE Dinar Two';font-weight: 600;}
/* .arabic-version  .year-select-field {    background: url(../images/arrow2.png) no-repeat left #F5F6F8;} */
.arabic-version  #step3-field-three .body-content .credit-card-form .card-number div:nth-child(1) input { padding: 2px 0px 2px 7px;;}
.arabic-version #step3-field-three .body-content .credit-card-form select { background-position: 90%;}
.arabic-version .inputWithIcon .dropdown .country-dropdown-btn i { left: 22px;right:unset;}
.arabic-version .inputWithIcon .country-dropdown-btn {text-align: right;}







@media only screen and (min-width:1201px) and (max-width:1400px) {
	.ci-insu-sec h3 {font-size: 17px;}
	.ci-insu-sec h4 {font-size: 14px;}
	.ci-bx-btn {padding: 9px 25px;font-size: 14px;}
	.ci-insu-item-img img {width: 45px;}
	.ci-insu-item-img {width: 80px;height: 80px;margin: 0 auto 15px;}
	.ci-btn-one, .ci-btn-lang, .ci-btn-logout {padding: 9px 25px;font-size: 13px;}
	.banner-social {margin-bottom: 25px;}
	.ci-banner-sec{height: auto;}
	.renew-bx {padding-left: 65px;padding-bottom: 25px;}
    .regis-sec .ci-insu-sec , .login-sec .ci-insu-sec {padding-top: 105px;}
    .regis-sec .banner-img, .login-sec .banner-img {height: 100%; }
    .login-sec .banner-img,  .regis-sec .banner-img {width: 69%;}
    .step-title-left h4 {font-size: 20px;}
    .profil-box-info td {font-size: 11px;}
    .step-title-left .left-side-data p {margin-bottom: 8px;font-size: 13px;}
    .ci-banner-sec .banner-img {height: 100%;}
    .profile-sec .modal-dialog {max-width: 1150px;margin: 15px auto 10px; }

}

@media only screen and (min-width:1201px) and (max-width:1360px) {
    .profile-sec .modal-dialog {max-width: 1150px;margin: 15px auto 10px; }
    .profile-img {width: 90px;height: 90px;    margin: 0 auto 10px;}
    .pro-title { margin-bottom: 10px;}
    .date-flex { margin-bottom: 10px; }
    .profile-top-bx {padding: 15px 40px;}
    .ci-pro-form {  padding: 15px 30px; }
    .ci-pro-form { padding: 15px 30px 10px;}

}
@media only screen and (min-width:992px) and (max-width:1200px) {
	.ci-banner-sec{height: 115vh;}
	.ci-banner-sec .banner-img {width: 57%;}
	.login-sec .banner-img{width: 66%;}
	.banner-social {margin-bottom: 25px;}

	.renew-bx {padding-left: 65px;padding-bottom: 25px;margin-top: 10px;}
	.ci-btn-one, .ci-btn-lang, .ci-btn-logout {padding: 9px 16px;font-size: 13px;}
    .ci-banner-sec .banner-img {height: 100%;}
    .select-coverage .accordian-content { height: auto;border-left: unset;padding-left: 0;}
    .step-fieldset .re-captcha {margin-top: 15px; margin-bottom: 20px; }
}
@media only screen and (min-width:820px) and (max-width:1180px) {
    .modal-open .modal {padding-left: 15px !important;padding-right: 15px !important;}
    .modal-dialog { margin: 25px auto !important;}
    .body-content .col-lg-7 {    padding-right: 15px !important;}
}


@media only screen and (min-width:768px) and (max-width:991px) {
    .ci-banner-sec .banner-img {width: 100%;height: 100%;}
    .banner-social li a {border: 1px solid #ffffff;color: #ffffff;}
    .ci-insu-item{margin-bottom: 25px;}
    .banner-social {margin-bottom: 25px;}
    .ci-banner-sec {height: 115vh;}
    .renew-bx {padding-left: 65px;padding-bottom: 25px;}
    .ci-btn-one, .ci-btn-lang, .ci-btn-logout {padding: 9px 16px;font-size: 13px;}
    .inner-banner {margin-top: 78px;}
    .ci-pro-bx-bg {min-height: auto;}
    #progressbar {display: flex;align-items: center;justify-content: center;}
    #progressbar li {margin-bottom: 0;flex-direction: column;justify-content: center;}
    #progressbar li .pt-pr-img {margin-right: 0;}
    .pro-txt-cl {text-align: center;}
    #progressbar li .pt-pr-img:after {z-index: 1;  display: block; content: ''; width: 100%; height: 1px;  border: 1px solid #c7cbcf; position: absolute; left: 117%; top: 30px; max-width: 100%;}
    .select-coverage .accordian-content { height: auto;border-left: unset;padding-left: 0;}
    .step-fieldset .re-captcha {margin-top: 15px; margin-bottom: 20px; }
    .body-content .col-lg-7 {    padding-right: 15px !important;}
    .renew-bx {padding-left: 65px;padding-bottom: 25px;margin-top: 10px;}

}

@media only screen and (max-width:767px) {
	.ci-banner-sec {height: auto;}
	.ci-logo{text-align: center;}
	.ci-logo a img {width: 202px;}
	.ci-btn-one, .ci-btn-lang, .ci-btn-logout  {padding: 10px 14px;font-size: 13px;}
	.ci-head-btn-bx {margin-top: 14px;justify-content: center;}
	.ci-insu-sec  {text-align: center;}
	.ci-insu-sec h3 {font-size: 16px;}
	.ci-insu-sec h4 {font-size: 14px;}
	.ci-banner-sec .banner-img {width: 100%;top: 0;height: 100%;object-fit: cover;}
	.ci-insu-bx {margin: 40px 0 0px 0px;}
	.banner-social li a {border: 1px solid #ffffff;color: #ffffff;}
	.ci-insu-item{margin-bottom: 25px;}
	.banner-social {margin-bottom: 25px;}
	.ci-btn-logout img, .ci-btn-one img, .ci-btn-lang img {display: none;}
	.inner-title {font-size: 17px;text-align: center;margin-bottom: 20px;}
	.inner-btn-bx, .arabic-version .inner-btn-bx {text-align: center;}
	.ci-table-bx {display: flex;flex-direction: column;}
    .account-setting .ci-table-bx {flex-direction: column-reverse;}
    .account-setting .ci-tb-title:before { bottom: -19px;}
	.renew-bx {padding-left: 65px;padding-bottom: 25px;}
	.ci-tb-title {padding: 15px 20px;}
	.ci-tb-title:before {bottom: -60px;}
	.date-flex li {margin-right: 0px;margin-bottom: 14px;}
	.ci-insu-sec {padding-top: 40px;}
	header {position: relative;}
	.inner-banner {margin-top: 0px;}
	.modal-header .close {right: 15px;left: 15px;}
    .select-coverage .accordian-content { height: auto;border-left: unset;padding-left: 0;}
    .step-fieldset .re-captcha {margin-top: 15px; margin-bottom: 20px; }
    .add-members .profil-box-info { margin: 0 15px;overflow: hidden;}
    .profil-box-info .before-margin-content {overflow: auto;}
    .prof .ci-btn-tb { flex: 0 0 140px;    padding: 10px 10px;}
    #customers td, #customers th { padding: 10px 10px 10px 10px;}
    .year-select-field { background-size: 0.7rem;}
    .body-content .col-lg-7 {    padding-right: 15px !important;}
    .renew-bx {padding-left: 65px;padding-bottom: 25px;margin-top: 10px;}
    .arabic-version .ci-btn-one {margin-right: 0 !important; padding: 10px 18px;}
    .arabic-version .ci-logo a img { width: 225px;}
    .get_filed_box .previous {margin-bottom: 0;}
    .accordian-content .subscription-para p { line-height: 25px;}
    .accordian-content .card-header h2 button {text-align: left; }
    .select-coverage .body-content { padding-bottom: 0; }
    table .inner-modal-content .ci-step1-form select { font-size: 12px; }
    .modal-open .modal {padding:0 15px !important;}
    #progressbar { display: flex; align-items: center;justify-content: center; }
    #progressbar li {margin-bottom: 0;flex-direction: column; justify-content: center; }
    #progressbar li .pt-pr-img { margin-right: 0;}
    .pro-txt-cl { text-align: center;}
    #progressbar li .pt-pr-img:after { z-index: 1;display: block;  content: ''; width: 100%; height: 1px; border: 1px solid #c7cbcf; position: absolute; left: 103%; top: 35px; max-width: 100%;}
    .arabic-version   #progressbar li .pt-pr-img:after {left: -102%;}
    #progressbar { padding: 26px 10px 22px 10px;width: 580px;}
    .pro-txt-cl h6 {font-size: 12px; height: 26px;}
    .progress-scrool{    overflow: auto;}
    .ci-pro-bx-bg {min-height: auto;}
    .btn-style-two {padding: 10px 18px;}
    .modal-title {text-align: right;}
    .step-fieldset .right-grey-border {border-right: unset;padding-right: 0; }
    .bank-transform .bank-transform-inner .ci-btn {word-break: break-all;}
    .arabic-version  .ci-head-btn-bx .ci-btn-logout{margin-right: 0 !important;}
    .arabic-version .ci-btn-one, .arabic-version .ci-btn-lang, .arabic-version .ci-btn-logout {
        padding: 10px 12px;
        font-size: 13px;
    }
}

.inner-modal-content p.help-block.help-block-error{font-weight: 100;}
.help-block.help-block-error, .has-error>.help-block{
    color:#a94442;
    font-size: 14px !important;
}
.has-error .help-block{
    color:#a94442;
    font-size: 14px !important;
}

.add-members .form-group, .select-coverage .form-group, .add-members .help-block.help-block-error, .select-coverage .help-block.help-block-error{
    margin-bottom: 0;
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
    z-index: 9999;
}

.inner-modal-content input:disabled, .inner-modal-content select:disabled {background-color: #F5F6F8; }

.fade:not(.show){ opacity: 1;}
#clone-icon { cursor: pointer;}
.copy-badge {display: none;position: relative;top: 0;right: 0;background-color: #1fb154;color: #fff;padding: 5px 10px;border-radius: 5px;z-index: 999;width: 10%;margin: 5px;}

.iti {position: relative;display: block;}

.btn-style-three {background: #08AFB9;border: none;padding: 10px 35px;display: inline-flex;align-items: center;justify-content: center;font-family: 'Poppins';color: #fff;font-size: 14px;transition: 0.5s ease;margin-top: 30px;}
.btn-style-three:hover{background-color: #1F7C9D;color: #fff;}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* semi-transparent white background */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* make sure it's above other elements */
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ci-btn-ecard{background: #1EB153;}
.topbtnwrp {
    display: flex;
    gap: 10px;
}
.topbtnwrp .btn-style-two img {
    width: 25px;
}
.topbtnwrp .btn-style-two.btn-inv {
    padding: 10px 15px;
    background: #1F7C9D;
}

.arabic-version #inner-m .modal-body{
    text-align: right;
}

.iti__country-list--dropup{
    z-index: 100;
}
.arabic-version .iti__country-list--dropup, .arabic-version .iti__selected-flag{
    direction: ltr;
}
.arabic-version .ml-3, .arabic-version .mx-3{
    margin-right: 1rem !important;
}
.arabic-version .check-box label > span{
    float: right;
    margin-left: 8px;
}
.arabic-version #inner-m .modal-footer{
    justify-content: end;
}

.english a.change-lang-div span u {
    font-family: var(--english-font);
    font-size: 14px;
    color: #009BA7;
}
.arabic-version a.change-lang-div span u {
    font-family: var(--bold-font) !important;
    color: #009BA7;
    font-size: 14px;
}
.arabic-version .change-lang-div{
    margin-right: 1rem!important;
}

a.change-lang-div span{
color: #009BA7;
}
.subscription-portal-header h3{
    width: 75%;
    max-width: 330px;
}

.prof .coverage img {
    width: 37px !important;
}
.prof .select-coverage-img img {
    width: 31px;
}
.site-phone{
    padding-right: 15px;
}
.site-phone span{
    color: #009BA7;
    font-size: 14px;
}
.arabic-version .site-phone{
    padding-left: 15px;
}
.arabic-version .site-phone span{
    padding-right: 7px;

}



.logo-bx .ci-head-btn-bx  .site-phone span.phone-blue
{
    color: #009ba7 !important;
    font-family: var(--english-font);
}
.arabic-version .logo-bx .ci-head-btn-bx  .site-phone span.phone-blue
{
    font-family: var(--bold-font) !important;
}
.logo-bx .ci-head-btn-bx  .site-phone span.phone-white
{
    color: white !important;
    font-family: var(--english-font);
}
.arabic-version .logo-bx .ci-head-btn-bx  .site-phone span.phone-white
{
    font-family: var(--bold-font) !important;
}

.logo-bx .ci-head-btn-bx.check-guest  .site-phone span
{
    color: white !important;
}
.logo-bx .ci-head-btn-bx.check-guest  a.change-lang-div span u
{
    color: white !important;
  
}
@media only screen and (max-width:1000px) {
    .subscription-portal-header h3 {
        max-width: none;
    }
}

.arabic-version #myTable2 td.members-mobile, .arabic-version #signupform-email
{
    direction: ltr;
}

.arabic-version .number-direction {
    direction: ltr;
}

/* .ci-insu-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
} */

/* .ci-banner-sec .ci-insu-bx .ci-insu-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
} */
/* .ci-banner-sec .ci-insu-bx .ci-insu-item a 
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap; 
    width: 60%;
    margin: 0px auto;
} */

.form-control + .input-group-addon:not(:first-child){
    margin: 9px 0px 0px 6px;
}

.login-sec .login-form input[type="checkbox"]{

    margin-top: 0;
    margin-left: 0;
}
@media (max-width: 1023.98px) {
 .arabic-version .dropdown-menu {
    right: 20% !important;
 }   
}
@media (max-width: 991.98px) {
 .arabic-version .dropdown-menu {
    right: 15% !important;
 }   
}
@media (max-width: 787.98px) {
 .arabic-version .dropdown-menu {
    right: 16% !important;
 }   
}
@media (max-width: 575.98px) {
 .arabic-version .dropdown-menu {
    right: 2% !important;
 }   
}

.member-consent-box {
    max-width: 720px;
    margin: 30px 0;
    padding: 24px 28px;
    background: #f8fbfc;
    border: 1px solid #dce8eb;
    border-radius: 10px;
}

.member-consent-header {
    margin-bottom: 18px;
}

.member-consent-header h3 {
    margin: 0 0 6px;
    color: #444;
    font-size: 22px;
    font-weight: 600;
}

.member-consent-header p {
    margin: 0;
    color: #6b7280;
    font-size: 15px;
    line-height: 1.6;
}

.member-consent-field {
    margin: 0;
}

.member-consent-label {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
}

.member-consent-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.member-consent-checkmark {
    position: relative;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-top: 1px;
    background: #fff;
    border: 2px solid #b8c6ca;
    border-radius: 5px;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.member-consent-label:hover .member-consent-checkmark {
    border-color: #10aeb8;
}

.member-consent-checkbox:focus + .member-consent-label,
.member-consent-checkbox:focus-visible + .member-consent-label {
    outline: none;
}

.member-consent-checkbox:focus-visible
    + .member-consent-label
    .member-consent-checkmark {
    box-shadow: 0 0 0 4px rgba(16, 174, 184, 0.18);
}

.member-consent-checkbox:checked
    + .member-consent-label
    .member-consent-checkmark {
    background: #10aeb8;
    border-color: #10aeb8;
}

.member-consent-checkbox:checked
    + .member-consent-label
    .member-consent-checkmark::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 8px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.member-consent-label-text {
    display: block;
    padding-top: 1px;
}

.member-consent-link {
    color: #069ca6;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.member-consent-link:hover,
.member-consent-link:focus {
    color: #087e86;
}

.member-consent-error {
    margin: 8px 0 0 38px;
    color: #dc3545;
    font-size: 14px;
}

.member-consent-field.has-error .member-consent-checkmark {
    border-color: #dc3545;
    background: #fff7f7;
}

@media (max-width: 767px) {
    .member-consent-box {
        padding: 20px;
    }

    .member-consent-label {
        font-size: 15px;
    }
}

.member-consent-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

.member-consent-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.member-consent-checkmark {
    position: relative;
    display: inline-block;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border: 2px solid #10aeb8;
    border-radius: 5px;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.member-consent-label:hover .member-consent-checkmark {
    background-color: #f2fcfd;
}

.member-consent-checkbox:checked + .member-consent-checkmark {
    background-color: #10aeb8;
    border-color: #10aeb8;
}

.member-consent-checkbox:checked + .member-consent-checkmark::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 8px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.member-consent-checkbox:focus-visible + .member-consent-checkmark {
    box-shadow: 0 0 0 4px rgba(16, 174, 184, 0.2);
}

.member-consent-field.has-error .member-consent-checkmark {
    border-color: #dc3545;
}