.borderRadius{ border-radius:5px; }
.borderRadiusTp{ border-radius:5px 5px 0 0;}
.borderRadiusBtm{ border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{ border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{ border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{ border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{ border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(/images/dd_arrow.gif?f522c8699fd0952be7384e79e165129b) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(/images/title-bg.gif?30dc050cc41d40e6bfb1ef792283b689) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}
/*
* ============================
*     ClicheCode Template
* ============================
* Auther : Saran
* https://www.clichecode.com
*
*/

.register-bg {
  background-color: #000000;
}

.register-bg .register-form-section {
  padding-top: 70px;
  padding-bottom: 60px;
  background-size: cover;
  background-position: center;
  max-width: 700px;
  width: 100%;
  margin: auto;
}

.register-bg .register-form-section ::-moz-placeholder {
  color: #fff;
}

.register-bg .register-form-section ::placeholder {
  color: #fff;
}

.register-bg .register-form-section :-ms-input-placeholder {
  color: #fff;
}

.register-bg .register-form-section ::-ms-input-placeholder {
  color: #fff;
}

.register-bg .register-form-section .register-cn {
  width: 350px;
  padding-right: 40px;
}

.register-bg .register-form-section .register-cn a {
  border-bottom: 1px solid #fff;
  float: right;
  margin-left: 3px;
  color: #fff;
}

.register-bg .register-form-section .register-cn .social-login a {
  border-bottom: none;
  display: contents;
}

.register-bg .register-form-section .register-cn .social-login i {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.register-bg .register-form-section .register-cn .social-login i.fab.fa-facebook-f:hover {
  background: #4977da;
}

.register-bg .register-form-section .register-cn .social-login i.fab.fa-google-plus-g:hover {
  background: #e63924;
}

.register-bg .register-form-section .register-cn .register-btn {
  background: #F3B42F;
  border: none;
  height: 35px;
  line-height: 26px;
  box-shadow: none;
  font-family: Gilroy-Bold;
  border-radius: 3px;
  color: #000;
}

.register-bg .register-form-section .register-cn .register-btn:hover {
  background: #d79a18;
}

.register-bg .register-form-section .register-cn h1 {
  color: #fff;
  font-size: 21px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 25px;
}

.register-bg .register-form-section .register-cn .form-group {
  margin-bottom: 18px;
}

.register-bg .register-form-section .register-cn .form-group input {
  height: 35px;
  border: none;
  background-color: #1f2636;
  color: #fff;
}

.register-bg .register-form-section .register-cn .form-group #submit {
  background: #F3B42F;
  color: #000;
}

.register-bg .register-form-section .register-cn .form-group #submit:hover {
  background: #d79a18;
}

.register-bg .register-form-section .register-cn .checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #fff;
}

.register-bg .register-form-section .register-cn .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.register-bg .register-form-section .register-cn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 6px;
}

.register-bg .register-form-section .register-cn .checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

.register-bg .register-form-section .register-cn .checkcontainer .checkmark:after {
  left: 10px;
  top: -3px;
  width: 9px;
  height: 20px;
  border: solid #39B24A;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.register-bg .register-form-section .register-cn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.register-bg .register-form-section .register-cn .form-check {
  padding-left: 0;
}

.register-bg .register-form-section .register-cn .gs-contr .register-btn {
  width: 100%;
}

.register-bg .register-form-section .register-cn .gs-contr h2 {
  width: 35px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  height: 35px;
  padding-top: 9px;
  font-size: 14px;
  margin: auto;
  margin-bottom: 25px;
  margin-top: 35px;
}

.register-bg .register-form-section .register-cn .gs-contr .text-right {
  width: 100%;
}

.register-bg .register-form-section .register-cn .gs-contr .text-right input {
  width: 100%;
}

.register-bg .register-form-section .register-cn .right-line {
  position: absolute;
  width: 1px;
  height: 200px;
  background: #fff;
  right: 0;
  top: 100px;
}

.register-bg .register-form-section .register2 {
  padding-right: 0;
  padding-left: 40px;
}

.register-bg .register-form-section .register2 div#countryCode_msdd {
  border: none;
  padding: 0;
}

.register-bg .register-form-section .register2 .ddTitle.borderRadiusTp {
  background: #fff;
  border-radius: 3px 0px 0px 3px;
  border-right: 1px solid #ccc;
  height: 35px;
}

.register-bg .register-form-section .register2 input#phone {
  border-radius: 0px 3px 3px 0px;
}

.register-bg .register-form-section .register2 .dd .ddTitle {
  color: #fff !important;
}

.register-bg .register-form-section .register2 .dd .divider {
  display: none;
}

.register-bg .register-form-section .register2 .dd .ddTitle .ddTitleText {
  padding: 2px 20px 5px 5px;
  background-color: #1f2636;
}

.register-bg .register-form-section .register2 img.fnone {
  width: 30px;
}

.register-bg .register-form-section i {
  text-align: center;
  background: #5B87E6;
  color: #fff;
  width: 30px;
  height: 30px;
  padding-top: 8px;
}

.register-bg .register-form-section i.fab.fa-google-plus-g {
  background: #F9452F;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .register-bg .register-form-section {
    width: 85%;
  }

  .register-bg .register-form-section .register-cn {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

html:lang(ar) .register-bg .register-form-section i.fab.fa-google-plus-g {
  margin-left: auto;
  margin-right: 10px;
}

html:lang(ar) .register-bg .register-form-section .register-cn {
  padding-right: initial;
  padding-left: 40px;
}

html:lang(ar) .register-bg .register-form-section .register-cn a {
  float: left;
}

html:lang(ar) .register-bg .register-form-section .register-cn .checkmark {
  left: auto;
  right: 0;
}

html:lang(ar) .register-bg .register-form-section .register-cn .checkcontainer {
  padding-left: initial;
  padding-right: 35px;
}

html:lang(ar) .register-bg .register-form-section .register-cn .cn-code {
  direction: ltr;
}

html:lang(ar) .register-bg .register-form-section .register2 {
  padding-right: 40px;
  padding-left: initial;
}

html:lang(ar) .register-bg .register-form-section .register2 input#phone {
  text-align: right;
}

@media screen and (max-width: 767px) {
  html:lang(ar) .register-bg .register-form-section .register-cn {
    padding: 0;
  }
}