@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box
}
:root {
  --main-color: #2F4858;
  --main-color-2: #007881;
  --white-color: #fff;
  --wheat-color: #F0F2E8;
  --hover-color: #ffb631;
  --paragraph-size: 22px;
  --header-text-size: 30px;
  --text-size: 1.5rem;
  --trans: all 0.3s ease
}
body {
  font-family: Poppins,sans-serif;
  /* background-image: url("../images/bgggg-removebg.png");
  background-color: #fbfbea; */
  overflow-x: hidden;
  background-size:cover
}
html {
  scroll-behavior: smooth
}
ul {
  list-style: none
}
a {
  text-decoration: none
}
hr {
  height: 3px;
  margin-left: 0;
  color: #a3a3a3
}
#welcoming {
  width: 100%;
  background-color: var(--main-color);
  color: var(--white-color);
  text-align: center;
  padding-top: 10px
}
#welcoming > p {
  text-align: center;
  margin: auto
}
#main_img {
  background-color: var(--white-color);
  z-index: 5;
  max-width: 100%
}
#main_img img {
  padding: 0
}
#header {
  background-color: var(--main-color);
  z-index: 5
}
#header a {
  /* font-size: 20px; */
  color: var(--white-color)
}
#header a:hover {
  color: var(--hover-color)
}
#header .active {
  color: var(--hover-color)!important
}
#header #branches {
  color: var(--white-color);
  text-shadow: -1px -1px 0 #f1bbff,1px -1px 0 #ad0fce,-1px 1px 0 #9448bb,1px 1px 0 #7a0ea7
}
#header .dropdown-menu .dropdown-item {
  color: var(--main-color)
}
#header .dropdown-menu .dropdown-item:hover {
  color: var(--hover-color);
  background-color: var(--main-color)
}
nav .container {
  max-width: 100%
}
nav .container ul {
  margin: auto
}
#header .navbar-toggler {
  background-color: var(--white-color);
  margin: 0 0 0 auto
}
.cart-box {
  padding: 3px 10px;
  background: #fff;
  color: #2b0136;
  border-radius: 5px;
  font-weight: 900;
}
#header a:hover .cart-span {
  background-color: var(--hover-color)
}
#description {
  width: 77%;
  /* background-color: #fbfbea; */
  color: var(--main-color);
  margin: 10px auto;
  font-size: 20px;
}
#description .info h1 {
  padding: 5px 0;
  font-size: var(--header-text-size);
  font-weight: 400
}
#description .place #first_one a,
#description .place #second_one a {
  color: var(--main-color);
  transition: var(--trans)
}
#description .place #first_one {
  position: relative
}
#description .place #first_one::before {
  content: "";
  background-color: var(--white-color);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: -15%;
  top: 30%
}
#description .place #first_one::after {
  content: "";
  background-color: var(--white-color);
  width: 2px;
  height: 100%;
  position: absolute;
  left: -11.7%;
  top: 50%
}
#description .place #second_one {
  position: relative
}
#description .place #second_one::before {
  content: "";
  background-color: var(--white-color);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: -15%;
  top: 30%
}
#description .place #first_one a:hover,
#description .place #second_one a:hover {
  color: var(--wheat-color);
  text-decoration: underline
}
.content {
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 77%;
  background-color: var(--white-color)
}
.content .choosing .country_title {
  font-size: 40px;
  font-weight: 600;
  margin-left: 20px;
  color: var(--main-color-2)
}
.content .choosing .title {
  font-size: 60px;
  font-weight: 600;
  color: var(--main-color-1);
  padding-left: 15px;
  font-size: 2rem
}
.content .choosing .title span {
  color: var(--main-color);
  text-shadow: 3px 4px 5px #fff7c2
}
.content .choosing .divs .card {
  box-shadow: 2px 5px 15px rgba(0,0,0,.3);
  transition: .5s;
  width: 100%;
  height: fit-content;
  display: flex;
  background-color: var(--wheat-color);
  color: var(--main-color);
  padding: 5px 15px;
  margin-bottom: 25px;
  cursor: pointer;
  transition: var(--trans);
  border: 3px solid #dadada;
  position: relative
}
.content .choosing .divs .card:hover {
  border: 3px solid var(--main-color)
}
.content .choosing .divs .card .num {
  background: var(--main-color);
  height: 50px;
  width: 50px;
  position: absolute;
  top: 10px;
  padding: 0;
  text-align: center;
  color: var(--white-color);
  font-size: 35px;
  font-weight: 700;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: 2px 3px 4px #dcdcdc;
  transition: var(--trans);
  margin-top: 1.5%
}
.content .choosing .divs .card:hover .num {
  background: var(--white-color);
  color: var(--main-color-2)
}
.content .choosing .divs .card span h2 {
  color: var(--main-color);
  font-weight: 700;
  margin-top: -4px;
  transition: var(--trans)
}
.content .choosing .divs .card span {
  margin-top: 1.5%;
  padding-left: 60px
}
.content .choosing .divs .card:hover span h4 {
  color: var(--main-color-2)
}
.content .choosing .divs .card span p {
  font-size: 20px;
  margin-top: -12px
}
.content .countries .title {
  font-size: 40px;
  font-weight: 600;
  color: var(--main-color);
  padding: 2% 0;
  text-align: center
}
.content .choosing .flag {
  align-items: flex-start
}
.content .choosing .flag .flag_img {
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center
}
.embassy_link {
  background-color: #fafafa;
  border-left: 5px solid #e2dab9;
  margin-top: -8px;
  padding: 10px 15px
}
.embassy_link h5 {
  color: var(--main-color)
}
.embassy_link ul {
  list-style-type: square
}
.docName .title,
.docName2 .title {
  color: var(--main-color)!important;
  font-size: var(--header-text-size)!important;
  text-align: left!important;
  text-decoration: underline
}
.docName2 .title {
  display: inline
}
.docName2 .subTitle {
  padding-left: 37px;
  color: var(--main-color-2)
}
.docName .divs,
.docName2 .divs {
  padding-left: 40px
}
.docName .divs ul,
.docName2 .divs ul {
  list-style-type: square
}
.docName .divs ul li,
.docName2 .divs ul li {
  font-size: 20px
}
.docName .divs ul li:hover,
.docName2 .divs ul li:hover {
  text-decoration: underline;
  color: var(--main-color-2);
  cursor: pointer
}
#footer {
  width: 100%;
  background-color: var(--main-color);
  color: var(--white-color);
  text-align: center;
  padding: 10px 0;
  display: flex;
  justify-content: space-around;
  align-items: center
}
#footer .sharing p {
  color: var(--wheat-color)
}
#footer .sharing a {
  border-radius: 50px;
  border: 1px solid var(--white-color);
  font-size: 22px;
  padding: 4px
}
#footer .sharing a i {
  color: var(--white-color)
}

@media (max-width:1659px) and (min-width:1400px) {
  .content .choosing .title {
    font-size: 50px
  }
  .divs > a > span > h4 {
    width: 60%
  }
}
@media (max-width:1400px) and (min-width:990px) {
  #welcoming p {
    font-size: 13px
  }
  #header .nav-item a {
    font-size: 13px
  }
  #header .search-icon a {
    font-size: 15px
  }
  .content {
    width: 100%
  }
  #content_country {
    width: 100%!important;
    margin-left: 0!important
  }
  .content .choosing .title {
    font-size: 40px
  }
}
@media screen and (max-width:990px) {
  #content_country {
    width: 100%!important;
    margin-left: 0!important
  }
  #welcoming {
    width: 100%;
    font-size: 10px;
    background-color: var(--main-color);
    color: var(--white-color);
    text-align: center;
    padding: 10px 15px
  }
  #main_img {
    background-color: var(--white-color);
    max-width: 100%
  }
  #main_img img {
    padding: 0
  }
  #header {
    padding: 20px
  }
  #description .info {
    text-align: center;
    padding: 0 15px
  }
  #description .place {
    display: none
  }
  .content {
    width: 100%
  }
  .content .data {
    background-color: var(--white-color)
  }
  .content .choosing .title {
    font-size: 40px
  }
  .content .choosing .divs .card {
    width: 100%
  }
  .content .choosing .divs .card span h4 {
    padding-top: 10px
  }
  .content .choosing .divs .card span p {
    font-size: 16px;
    margin-top: 0
  }
  hr {
    width: 100%
  }
  .docName2 .title {
    display: block
  }
  .docName2 .subTitle {
    padding-left: 0
  }
  #last_one {
    margin-bottom: 15px
  }
  #footer {
    display: flex;
    flex-direction: column
  }
}
#ci_co_tit {
  color: var(--main-color);
  padding: 15px 0;
  text-align: center
}
.dci .pdf {
  margin-bottom: 10px
}
.texts {
  margin: 15px 10px
}
.texts p {
  font-size: 17px
}
.texts ul {
  list-style-type: disc
}
.texts .img {
  display: flex;
  justify-content: space-between
}
.texts .img img {
  border: 5px solid #ddd
}
.texts .img p {
  width: 70%
}
@media screen and (max-width:767px) {
  body .container_x .row .co-ci {
    padding: 35px
  }
  #ci_co_tit {
    font-size: 25px;
    width: 100%;
    text-align: center
  }
  .dci {
    margin-left: 0
  }
  .dci .pdf img {
    width: 100%;
    padding: 10px
  }
  .texts h4 {
    text-align: center
  }
  .texts .img {
    margin-left: 20%;
    display: flex;
    flex-direction: column
  }
  .texts .img p {
    margin-left: -15%;
    width: 100%
  }
  .card_bank {
    display: none!important
  }
}
.bus_doc,
.bus_inv {
  min-height: calc(100vh - 230px)
}
.bus_doc .countries_selections,
.bus_inv .countries_selections {
  padding-top: 10%
}
#content_card_view {
  width: 77%;
  margin: auto;
  min-height: calc(100vh - 230px);
  background-color: var(--white-color)
}
#content_invoice {
  width: 77%;
  min-height: calc(100vh - 356px);
  background-color: var(--white-color)
}
#content_card_view .title,
#content_invoice .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_invoice .txt #main_text {
  color: var(--main-color-2);
  font-weight: 400;
  /* font-size: var(--paragraph-size); */
  font-size: 35px;
}
#content_invoice .txt p {
  font-size: 18px
}
#content_invoice .stemp {
  text-align: center;
  font-size: var(--paragraph-size)
}
#content_invoice .stemp > p > span {
  font-weight: 700;
  font-size: var(--header-text-size)
}
#content_invoice .stemp > button {
  background-color: var(--main-color);
  color: var(--wheat-color);
  font-size: 18px;
  padding: 5px 15px;
  border: 2px solid var(--main-color);
  transition: var(--trans);
  width: 50%;
  margin: auto
}
#content_invoice .stemp > button:hover {
  box-shadow: 2px 3px 4px #dcdcdc;
  border: 2px solid var(--hover-color)
}
#content_invoice .stemp .img {
  max-width: 100%;
  position: relative
}
#content_invoice .stemp .img > img {
  width: 5%;
  position: absolute;
  top: -6%;
  left: 19%
}
#content_invoice .stemp .img .stemp_img {
  margin-top: 10px;
  max-width: 100%;
  position: relative
}
#content_invoice .stemp .img .stemp_img > img {
  width: 25%;
  margin-left: 0
}
#content_invoice .stemp .img .stemp_img .data .inp {
  background-color: var(--main-color);
  width: 46%;
  transform: rotate(-90deg);
  position: absolute;
  top: 47%;
  right: 2%
}
#content_invoice .stemp .img .stemp_img .data .inp input {
  width: 20%;
  padding-left: 5px
}
#content_invoice .stemp .img .stemp_img .data .inp input::placeholder {
  color: #ddd;
  padding-left: 10px
}
#content_invoice .stemp .img .stemp_img .data .inp button {
  background-color: #a9a9a9;
  color: #a9a9a9;
  padding: 0 15px;
  border-radius: 5px
}
#content_invoice .stemp .img .stemp_img .data > p {
  background-color: var(--wheat-color);
  width: 46%;
  transform: rotate(-90deg);
  position: absolute;
  top: 44.5%;
  right: 0;
  color: var(--main-color)
}
#content_invoice #note {
  padding: 15px;
  font-size: 18px;
  text-align: left
}
#content_invoice .countries_selections {
  margin-bottom: 35px;
  padding-left: 50px
}
#content_invoice .docs,
#content_invoice .price {
  margin-top: -1px
}
.docs > p {
  width: 785px;
  margin: 0 auto
}
.select-lable {
  display: inline-block;
  margin-top: 8px
}
select {
  appearance: auto
}
.docs > p > select {
  position: absolute;
  appearance: auto;
  z-index: 2;
  top: -8px;
  width: 275px;
  display: inline-block;
  font-size: 23px;
  margin: 15px
}
@media screen and (max-width:1000px) {
  .docs > p {
    width: auto;
    text-align: center
  }
  .docs > p > select {
    position: static
  }
}
select::-webkit-scrollbar-track {
  width: 20px;
  background-color: #119b55
}
.docs > .bttn button {
  width: 20%;
  min-width: fit-content;
  max-width: 200px
}
.btn-special {
  background-color: var(--main-color);
  color: #fff
}
.btn-special:hover {
  background-color: #16001c;
  color: #fff
}
#content_invoice .countries_selections h5 {
  color: var(--main-color)
}
#content_invoice .countries_selections .country_card .special_card {
  border-radius: 6px
}
#country_form {
  width: 23%;
  min-width: 216.5px
}
#content_invoice .countries_selections .country_card .card,
#content_invoice .countries_selections .country_card .special_card {
  position: relative;
  background-color: var(--main-color);
  color: var(--white-color);
  box-shadow: 2px 3px 4px #dcdcdc;
  max-width: 100%;
  width: 100%;
  padding: 10px 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: var(--trans);
  cursor: pointer
}
#content_invoice .countries_selections .country_card .card img,
#content_invoice .countries_selections .country_card .special_card img {
  width: 10%
}
#content_invoice .countries_selections .country_card .card span,
#content_invoice .countries_selections .country_card .special_card span {
  padding-left: 15px;
  font-size: var(--paragraph-size)
}
#content_invoice .countries_selections .country_card .card:hover,
#content_invoice .countries_selections .country_card .special_card:hover {
  background-color: var(--main-color-2)
}
#content_invoice .countries_selections .country_card .special_card:hover {
  border-color: var(--main-color-2)
}
.docs {
  width: 50%;
  margin-left: 20%
}
.UAE_pre_case,
.bahrain_case,
.iraq_bus_doc,
.iraq_pre_case,
.yemen_bus_doc,
.yemen_pre_case {
  display: none;
  width: 80%;
  margin-left: 10%;
  background-color: #fbfbfb;
  padding: 10px 25px;
  font-size: var(--paragraph-size);
  position: relative
}
.UAE_pre_case::before,
.bahrain_case::before,
.iraq_bus_doc::before,
.iraq_pre_case::before,
.yemen_bus_doc::before,
.yemen_pre_case::before {
  content: "";
  position: absolute;
  background-color: var(--main-color-2);
  width: 5px;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
.iraq_bus_doc select {
  margin: 20px 0
}
.buss_docs,
.docs {
  width: 85%;
  margin: 0 auto;
  background-color: var(--wheat-color);
  padding: 10px 25px;
  font-size: var(--paragraph-size);
  position: relative
}
.buss_docs::before,
.docs::before {
  content: "";
  position: absolute;
  background-color: var(--main-color-2);
  width: 5px;
  height: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
.buss_docs p {
  text-align: left
}
.UAE_pre_case .inp1,
.UAE_pre_case .inp2,
.bahrain_case .inp1,
.bahrain_case .inp2,
.bahrain_case .inp3,
.bahrain_case .inp4,
.buss_docs .inp1,
.buss_docs .inp2,
.buss_docs .inp3,
.buss_docs .inp4,
.iraq_pre_case .inp1,
.iraq_pre_case .inp2,
.yemen_bus_doc .inp_doc,
.yemen_pre_case .inp1,
.yemen_pre_case .inp2 {
  padding: 15px 0;
  display: flex
}
.UAE_pre_case .inp1 div,
.UAE_pre_case .inp2 div,
.bahrain_case .inp1 div,
.bahrain_case .inp2 div,
.bahrain_case .inp3 div,
.bahrain_case .inp4 div,
.buss_docs .inp1 div,
.buss_docs .inp2 div,
.buss_docs .inp3 div,
.buss_docs .inp4 div,
.iraq_pre_case .inp1 div,
.iraq_pre_case .inp2,
.yemen_bus_doc .inp_doc div,
.yemen_pre_case .inp1 div,
.yemen_pre_case .inp2 div {
  display: block;
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0,0,0,.5);
  padding: 20px;
  border-radius: 25px
}
.UAE_case .check-input,
.bahrain_case .check-input,
.buss_docs .check-input,
.iraq_pre_case .check-input,
.yemen_pre_case .check-input {
  display: flex
}
.UAE_case .inp1 input[type=radio],
.UAE_case .inp2 input[type=radio],
.bahrain_case .inp1 input[type=radio],
.bahrain_case .inp2 input[type=radio],
.bahrain_case .inp3 input[type=radio],
.bahrain_case .inp4 input[type=radio],
.buss_docs .inp1 input[type=radio],
.buss_docs .inp2 input[type=radio],
.buss_docs .inp3 input[type=radio],
.buss_docs .inp4 input[type=radio],
.yemen_bus_doc .inp_doc input[type=radio],
.yemen_case .inp_fee_14 input[type=radio],
.yemen_case .inp_fee_7 input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  width: 25px;
  height: 25px;
  border-radius: 0;
  cursor: pointer;
  position: relative
}
#content_shipping .ships .ship_q input[type=radio]:checked:after,
.UAE_case .inp1 input[type=radio]:checked:after,
.UAE_case .inp2 input[type=radio]:checked:after,
.bahrain_case .inp1 input[type=radio]:checked:after,
.bahrain_case .inp2 input[type=radio]:checked:after,
.bahrain_case .inp3 input[type=radio]:checked:after,
.bahrain_case .inp4 input[type=radio]:checked:after,
.buss_docs .inp1 input[type=radio]:checked:after,
.buss_docs .inp2 input[type=radio]:checked:after,
.buss_docs .inp3 input[type=radio]:checked:after,
.buss_docs .inp4 input[type=radio]:checked:after,
.yemen_bus_doc .inp_doc input[type=radio]:checked:after,
.yemen_case .inp_fee_14 input[type=radio]:checked:after,
.yemen_case .inp_fee_7 input[type=radio]:checked:after,
#content_invoice .casesInputs .form-group input[type=radio]:checked:after {
  content: "\2713";
  position: absolute;
  color: var(--main-color-2);
  font-weight: 700;
  top: 0;
  left: 47%;
  transform: translate(-50%,-50%);
  width: 25px;
  height: 25px;
  font-size: 33px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%)
}
#content_shipping .ships .ship_q input[type=radio]:checked,
.UAE_case .inp1 input[type=radio]:checked,
.UAE_case .inp2 input[type=radio]:checked,
.bahrain_case .inp1 input[type=radio]:checked,
.bahrain_case .inp2 input[type=radio]:checked,
.bahrain_case .inp3 input[type=radio]:checked,
.bahrain_case .inp4 input[type=radio]:checked,
.buss_docs .inp1 input[type=radio]:checked,
.buss_docs .inp2 input[type=radio]:checked,
.buss_docs .inp3 input[type=radio]:checked,
.buss_docs .inp4 input[type=radio]:checked,
.yemen_bus_doc .inp_doc input[type=radio]:checked,
.yemen_case .inp_fee_14 input[type=radio]:checked,
.yemen_case .inp_fee_7 input[type=radio]:checked {
  border: 3px solid #ccc
}
.UAE_pre_case .inp1 label,
.UAE_pre_case .inp2 label,
.bahrain_case .inp1 label,
.bahrain_case .inp2 label,
.bahrain_case .inp3 label,
.bahrain_case .inp4 label,
.buss_docs .inp1 label,
.buss_docs .inp2 label,
.buss_docs .inp3 label,
.buss_docs .inp4 label,
.iraq_pre_case .inp1 label,
.iraq_pre_case .inp2 label,
.iraq_pre_case .inp3 label,
.iraq_pre_case .inp4 label,
.yemen_bus_doc .inp_doc label,
.yemen_pre_case .inp1 label,
.yemen_pre_case .inp2 label {
  margin-right: 3%;
  width: 250px;
  padding-top: 18px
}
.UAE_case .check-input label,
.bahrain_case .check-input label,
.buss_docs .check-input label,
.iraq_case .check-input label,
.yemen_case .check-input label {
  padding-left: 5px;
  padding-top: 0;
  width: fit-content;
  position: relative;
  bottom: 5px
}
.UAE_pre_case .num,
.bahrain_case .num,
.buss_docs .num,
.iraq_pre_case .num,
.yemen_pre_case .num {
  width: 100px;
  text-align: center;
  margin: 0 2px;
  border-radius: 10px;
  border: none;
  font-size: 23px
}
.UAE_pre_case .sub,
.bahrain_case .sub,
.buss_docs .sub,
.iraq_pre_case .sub,
.yemen_pre_case .sub {
  background: var(--main-color);
  color: #fff;
  border: none;
  font-size: 20px;
  border-radius: 50%;
  padding: 4px 12px;
  margin-top: 1px
}
.UAE_pre_case .add,
.bahrain_case .add,
.buss_docs .add,
.iraq_pre_case .add,
.yemen_pre_case .add {
  background: var(--main-color);
  color: #fff;
  border: none;
  padding: 4px 11px;
  font-size: 20px;
  border-radius: 50%
}
.inv_num {
  display: none;
  width: 80%;
  margin-left: 10%;
  padding: 10px 25px
}
.inv_num table thead {
  background-color: var(--main-color-2);
  color: var(--white-color)
}
.price {
  width: 100%;
  margin: auto;
  padding: 10px 25px
}
.price h3 span {
  font-size: 32px;
  color: #c10019
}
.new-table {
  align-items: end
}
.new-table > div > p {
  font-size: 19px;
  margin-left: 25px
}
.new-table .total-price p .check-icon {
  color: var(--main-color-2);
  font-size: 22px
}
.new-table .total-price p .have-num {
  font-size: 25px;
  color: #c10019
}
.price table tfoot,
.price table thead {
  color: var(--white-color)
}
.price .price-table tfoot,
.price .price-table thead {
  background-color: var(--main-color)
}
.price .time-table tfoot,
.price .time-table thead {
  background-color: var(--main-color-2)
}
.price .total {
  width: 25%;
  text-align: center;
  font-weight: 700;
  background-color: #ffd4d4;
  padding: 5px 15px .5px 5px
}
.price .total span {
  color: #c10019
}
form .col-sm-12 .mb-4 div {
  padding-left: 0
}
form .col-sm-12 .mb-4 div label {
  margin-left: 10px
}
.price .bttn form {
  width: 13%;
  min-width: fit-content
}
.price .bttn form button {
  width: 100%
}
.empty {
  display: none;
  margin-left: 20%
}
.result {
  width: 80%;
  margin-left: 10%;
  padding: 10px 25px
}
.price table thead,
.result table thead {
  background-color: var(--main-color);
  color: var(--white-color)
}
.result table tbody tr td:first-child[rowspan] {
  background-color: #efefef
}
.result table tbody tr td,
.result table tbody tr th,
.result table tfoot tr th,
.result table thead tr th {
  padding-left: 25px
}
.result table tbody tr #delete {
  cursor: pointer;
  color: #c10019;
  font-size: 28px
}
.result table tbody tr td form button i {
  font-size: 28px
}
.result table tfoot {
  background-color: var(--main-color-2);
  color: #fff
}
.result table tfoot tr th {
  width: 50%;
  text-align: left
}
.result .total {
  width: 25%;
  text-align: center;
  font-weight: 700;
  margin-left: 35%;
  background-color: #ffd4d4;
  padding: 5px 15px .5px 5px
}
.result .total span {
  color: #c10019
}
.result .quest {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  margin: 20px 0;
  font-size: var(--paragraph-size);
  position: relative
}
.choose_btn {
  background-color: #dc5f00!important;
  width: auto;
  padding: 10px;
  margin-left: 15px
}
.proceed_btn {
  margin-left: 15px;
  background-color: #5cb85c!important;
  width: auto;
  padding: 10px
}
.Y_N > * {
  margin-top: 10px
}
.result .quest label {
  cursor: pointer
}
.result .quest .Y_N input {
  margin: 0 10px
}
.result #more_docs2 {
  display: none
}
.result #more_buss {
  margin-bottom: 15px;
  margin-left: 0;
  width: 100%
}
#desc_foot {
  background-color: var(--main-color-2);
  padding: 10px 0;
  color: var(--white-color)
}
#desc_foot h4 {
  text-align: center;
  color: var(--wheat-color)
}
#desc_foot .postions {
  display: flex;
  justify-content: space-evenly
}
#desc_foot .postions .first,
#desc_foot .postions .second {
  text-align: center
}
#desc_foot .postions .first > p,
#desc_foot .postions .second > p {
  color: var(--wheat-color)
}
#desc_foot .postions .first > a,
#desc_foot .postions .second > a {
  color: var(--white-color)
}
#desc_foot .postions .first > a:hover,
#desc_foot .postions .second > a:hover {
  text-decoration: underline
}
@media screen and (max-width:2000px) {
  .buss_docs, .docs {
    width: 90%;
  }
}
@media screen and (min-width:1800px) {
  .new-design-for-docs-btns button:nth-of-type(2) {
      margin-left: 288px;
  }
  .new-design-for-docs-btns button:first-of-type{
    margin-right: 300px;
}
}
@media (max-width:1671px) and (min-width:1573px) {
  #content_card_view .result {
    width: 85%;
    margin: auto
  }
}
@media (min-width:1486px) and (max-width:1573px) {
  #content_card_view .result {
    width: 90%;
    margin: auto
  }
}
@media (max-width:1486px) and (min-width:1400px) {
  #content_card_view .result {
    width: 95%;
    margin: auto
  }
}
@media (max-width:1400px) and (min-width:1281px) {
  #content_card_view .result {
    width: 80%;
    margin: auto
  }
}
@media (max-width:1281px) and (min-width:1139px) {
  #content_card_view .result {
    width: 90%;
    margin: auto
  }
}
@media (max-width:1138px) and (min-width:1024px) {
  #content_card_view .result {
    width: 100%;
    margin: auto
  }
}
@media screen and (max-width:1024px) {
  .Y_N {
    width: 345px
  }
}
@media screen and (max-width:668px) {
  .result .quest {
    display: block
  }
  .result .quest > label {
    width: 100%
  }
}
@media (max-width:1400px) and (min-width:767px) {
  #content_card_view,
  #content_invoice {
    width: 100%
  }
  #content_invoice {
    padding: 25px
  }
}
@media screen and (max-width:767px) {
  #content_invoice .countries_selections {
    padding-left: 0
  }
  #content_invoice .countries_selections .country_card {
    margin-left: 15%
  }
  #country_form {
    width: 35%
  }
  #content_invoice .countries_selections .country_card .card,
  #content_invoice .countries_selections .country_card .special_card {
    width: 100%
  }
  #content_invoice {
    width: 100%;
    padding: 15px 25px;
    margin-left: 0;
    min-height: calc(100vh - 230px)
  }
  #content_invoice .stemp .img {
    display: none
  }
  #content_invoice .countries_selections h5 {
    text-align: center;
    font-weight: 700;
    padding-bottom: 15px
  }
  #content_invoice .docs {
    width: 100%;
    margin-left: 0
  }
  #content_invoice .price {
    width: 100%;
    margin-left: 0;
    padding: 0
  }
  #content_invoice .price .total {
    width: 50%
  }
  .bus_doc,
  .bus_inv {
    min-height: calc(100vh - 230px)
  }
  .UAE_case,
  .UAE_pre_case,
  .bahrain_case,
  .iraq_case,
  .iraq_pre_case,
  .yemen_case,
  .yemen_pre_case {
    width: 100%;
    margin-left: 0
  }
  .inv_num {
    width: 100%;
    margin-left: 0
  }
  .buss_docs {
    width: 100%;
    margin-left: 0
  }
  #content_card_view {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0
  }
  #content_card_view .result {
    width: 100%;
    margin-left: 0
  }
  #content_card_view .result table {
    margin-left: 0
  }
  #content_card_view .result table tbody,
  #content_card_view .result table thead {
    font-size: 12px
  }
  #content_card_view .result .total {
    width: 50%;
    margin-left: 25%
  }
  #content_card_view .result .quest {
    width: 100%
  }
  #content_card_view .result .quest label {
    font-size: 16px;
    align-items: center
  }
  .cellphone-data {
    margin-top: 10px
  }
}
@media screen and (max-width:605px) {
  .docs > select {
    width: 100%
  }
  .buss_docs {
    width: 100%;
    margin-left: 0
  }
  .buss_docs .inp1,
  .buss_docs .inp2,
  .buss_docs .inp3,
  .buss_docs .inp4 {
    display: block;
    text-align: left
  }
  .buss_docs .check-input {
    display: flex
  }
  .buss_docs .inp1 label,
  .buss_docs .inp2 label,
  .buss_docs .inp3 label,
  .buss_docs .inp4 label {
    padding-left: 0;
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 5px
  }
  .UAE_pre_case .inp1 div,
  .UAE_pre_case .inp2 div,
  .bahrain_case .inp1 div,
  .bahrain_case .inp2 div,
  .bahrain_case .inp3 div,
  .bahrain_case .inp4 div,
  .buss_docs .inp1 div,
  .buss_docs .inp2 div,
  .buss_docs .inp3 div,
  .buss_docs .inp4 div,
  .iraq_pre_case .inp1 div,
  .iraq_pre_case .inp2,
  .yemen_bus_doc .inp_doc div,
  .yemen_pre_case .inp1 div,
  .yemen_pre_case .inp2 div {
    display: block;
    width: 300px;
    margin: auto
  }
}
.counter {
  max-width: 220px
}
#content_payment {
  width: 70%;
  min-height: calc(100vh - 365px);
  background-color: var(--white-color)
}
#content_payment .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_payment .pay .q {
  padding: 0 15px
}
#content_credit_card form .row {
  justify-content: space-around
}
.card_contaniner .btns_navigation .btn-success {
  width: 25%;
  float: right;
  min-width: 220px
}
.card_contaniner .btns_navigation .btn-back {
  width: 25%;
  min-width: 220px
}
.btn-back {
  border-radius: 5px;
  margin-top: 10px;
  padding: 6px
}
.btn-back > a {
  color: #fff;
  width: 100%;
  display: block
}
.pay .row div {
  padding-left: 0
}
.pay {
  justify-content: space-around
}
.pay .row div label {
  padding-left: 10px
}
@media (max-width:1400px) and (min-width:767px) {
  #content_payment {
    width: 100%;
    padding: 25px
  }
}
@media screen and (max-width:767px) {
  #content_payment {
    width: 100%;
    margin-left: 0;
    padding: 25px
  }
  #content_payment .bttn {
    padding: 0 15px
  }
  .card_contaniner .btns_navigation .btn-success {
    float: none;
    width: 100%
  }
  .card_contaniner .btns_navigation .btn-back {
    width: 100%
  }
  .cvv {
    padding: 0
  }
}
#content_shipping {
  width: 77%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_shipping .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_shipping .ships {
  margin-bottom: 15px
}
#content_shipping .ships .ship_q label .shipping-span {
  color: #00f
}
#content_shipping .ships .ship_q, #content_invoice .casesInputs .form-group {
  margin: 15px 0;
  font-size: 18px;
  display: flex;
  align-items: center
}
#content_shipping .ships .ship_q input[type=radio], #content_invoice .casesInputs .form-group input[type=radio]{
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  width: 25px;
  height: 25px;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  /* top: -10px */
}
#content_invoice .casesInputs .form-group input[type=radio]{
  top: 0;
}
#content_shipping .ships .ship_q label, #content_invoice .casesInputs .form-group label {
  padding-left: 10px;
  width: 95%;
  cursor: pointer
}
#content_shipping .ship_imgs {
  margin: 25px 0
}
.container_x .row #content_shipping .ships .ship_q .custom-pos {
  top: 5px
}
#content_shipping .ship_imgs img {
  box-shadow: 2px 3px 4px #dcdcdc
}
#content_shipping #back_res {
  margin-right: 15px
}
@media (max-width:1400px) and (min-width:767px) {
  #content_shipping {
    width: 100%
  }
  #ship_three,
  #ship_two {
    width: 32px
  }
}
@media screen and (max-width:767px) {
  #content_shipping {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0
  }
  #content_shipping .ships .ship_q label {
    font-size: 16px;
    padding-left: 20px
  }
}
#content_credit_card {
  width: 77%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_credit_card .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
.card_contaniner .inp_credit_card .chx {
  display: flex;
  justify-content: space-between
}
.card_contaniner .inp_credit_card .chx .bill input[type=radio],
.card_contaniner .inp_credit_card .chx .cc input[type=radio],
.card_contaniner .inp_credit_card .chx .ck input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  width: 25px;
  height: 25px;
  border-radius: 0;
  cursor: pointer;
  position: relative
}
.card_contaniner .inp_credit_card .chx .bill input[type=radio]:checked:after,
.card_contaniner .inp_credit_card .chx .cc input[type=radio]:checked:after,
.card_contaniner .inp_credit_card .chx .ck input[type=radio]:checked:after {
  content: "";
  position: absolute;
  font-size: var(--paragraph-size);
  color: var(--main-color-2);
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 25px;
  height: 25px;
  border: 2px solid var(--hover-color)
}
.card_contaniner .inp_credit_card .chx .bill input[type=radio]:checked::before,
.card_contaniner .inp_credit_card .chx .cc input[type=radio]:checked::before,
.card_contaniner .inp_credit_card .chx .ck input[type=radio]:checked::before {
  content: "\2714";
  position: absolute;
  top: -4px;
  left: 3px;
  font-size: var(--paragraph-size);
  color: var(--main-color-2);
  font-weight: 700
}
.card_contaniner .inp_credit_card .chx .bill,
.card_contaniner .inp_credit_card .chx .cc,
.card_contaniner .inp_credit_card .chx .ck {
  display: flex;
  align-items: center;
  font-size: var(--paragraph-size)
}
.card_contaniner .inp_credit_card .chx .bill label,
.card_contaniner .inp_credit_card .chx .cc label,
.card_contaniner .inp_credit_card .chx .ck label {
  padding-left: 15px;
  cursor: pointer
}
.card_contaniner .inp_credit_card .ex_date .select_card {
  display: flex
}
.card_contaniner .inp_credit_card .ex_date .card_imgs {
  margin: 15px 0;
  float: right
}
.ex_date select {
  appearance: auto
}
.card_contaniner .card_bank {
  background-color: #4c5150;
  width: 441px;
  height: fit-content;
  min-height: 300px;
  border-radius: 1rem;
  margin-top: 70px
}
.card_contaniner .card_bank .blank_line {
  background-color: #1c1c1c;
  width: 100%;
  height: 41px;
  margin-top: 17px
}
.card_contaniner .card_bank .chip {
  max-width: 100%;
  padding: 15px;
  display: flex;
  align-items: center
}
.card_contaniner .card_bank .chip img {
  width: 15%
}
.card_contaniner .card_bank .chip span {
  padding-left: 15px;
  font-size: var(--header-text-size);
  color: var(--white-color)
}
.inputs_card {
  position: relative
}
.card_contaniner .card_bank .inputs_card #input_name,
.card_contaniner .card_bank .inputs_card #input_number {
  font-size: var(--text-size);
  color: var(--wheat-color);
  padding-left: 15px;
  border-bottom: 1px dotted var(--white-color)
}
#input_cvv {
  background-color: #fff;
  width: fit-content;
  padding: 5px;
  position: absolute;
  right: 10px;
  display: none
}
.card_contaniner .card_bank .inputs_card .inputs_date {
  font-size: var(--text-size);
  color: var(--wheat-color);
  padding-left: 15px
}
.card_contaniner .card_bank .inputs_card .inputs_date #sep {
  color: var(--white-color)
}
@media (max-width:1400px) and (min-width:767px) {
  #content_credit_card {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_credit_card {
    width: 100%;
    min-height: calc(100vh - 230px)
  }
  .card_contaniner .inp_credit_card .chx .bill,
  .card_contaniner .inp_credit_card .chx .cc,
  .card_contaniner .inp_credit_card .chx .ck {
    font-size: 18px;
    margin: 10px
  }
}
#content_country {
  width: 70%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  margin-left: 15%;
  background-color: var(--white-color)
}
#content_country .content .divs .card {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  background-color: #dadada;
  color: var(--main-color);
  padding: 5px 15px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: var(--trans);
  border: 3px solid #dadada;
  position: relative
}
#content_country .content .divs .card:hover {
  border: 3px solid var(--main-color-2)
}
#content_country .content .divs .card .num {
  background: var(--main-color);
  height: 50px;
  width: 50px;
  position: absolute;
  top: 10px;
  padding: 0;
  text-align: center;
  color: var(--white-color);
  font-size: 35px;
  font-weight: 700;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: 2px 3px 4px #dcdcdc;
  transition: var(--trans);
  margin-top: 1.5%
}
#content_country .content .divs .card .num:hover {
  background: var(--white-color);
  color: var(--main-color-2)
}
#content_country .content .divs .card span h4 {
  color: var(--main-color);
  font-weight: 700;
  margin-top: -4px;
  transition: var(--trans)
}
#content_country .content .divs .card span {
  margin-top: 1.5%;
  padding-left: 60px
}
#content_country .content .divs .card:hover span h4 {
  color: var(--main-color-2)
}
#content_country .content .divs .card span p {
  font-size: 20px;
  margin-top: -12px
}
#content_country .counrty_info .embassy {
  line-height: 2
}
#content_country .counrty_info .embassy .flag {
  display: flex;
  align-items: center
}
#content_country .counrty_info .embassy .flag .flag_txt {
  padding-left: 25px;
  color: var(--main-color)
}
#content_country .counrty_info .embassy .receive h5 {
  text-decoration: underline;
  color: #c10019
}
#content_country .counrty_info .embassy .lega_bus h5 {
  color: var(--main-color)
}
#content_country .counrty_info .embassy .lega_bus em {
  color: #505050
}
#content_country .counrty_info .embassy table thead {
  background-color: var(--main-color-2);
  color: var(--white-color)
}
#content_country .counrty_info .embassy table tbody tr th span {
  color: #c10019
}
#content_country .counrty_info .embassy button {
  margin-left: 25%
}
#content_country .counrty_info .embassy_link {
  background-color: #fafafa;
  border-left: 5px solid #e2dab9;
  padding-left: 15px;
  padding-right: 15px
}
#content_country .counrty_info .embassy_link h5 {
  color: var(--main-color)
}
#content_country .counrty_info .embassy_link ul {
  list-style-type: square
}
#content_country .country_commerce h5 {
  color: #c10019;
  text-decoration: underline
}
#content_country .country_commerce ul {
  list-style-type: square
}
#content_country .country_commerce table {
  margin: 5% 0 2% 10%
}
#content_country .country_commerce table thead {
  background-color: var(--main-color-2);
  color: var(--white-color)
}
#content_country .country_commerce table tbody tr th span {
  color: #c10019
}
#content_country .country_commerce button {
  margin-left: 25%;
  margin-bottom: 5%
}
#content_country .country_payment .title {
  color: var(--main-color)
}
#content_country .country_payment ul {
  list-style-type: square;
  width: 60%
}
#content_country .country_payment ul li span {
  color: #c10019
}
#content_country .content .divs {
  margin: 5% 0
}
#content_country .content .divs .card {
  width: 100%
}
.country {
  width: 100%;
  height: 100%;
  padding: 30px 70px
}
.content .data .country-page {
  width: 100%!important
}
@media screen and (max-width:767px) {
  #content_country {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: -5%
  }
  #content_country .counrty_info .embassy_link {
    width: 100%;
    margin: 15px 0;
    padding: 15px
  }
  #content_country .counrty_info .embassy .flag {
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }
  #content_country .counrty_info .embassy .flag .flag_txt {
    padding-top: 10px;
    padding-left: 0;
    width: 70%;
    color: var(--main-color)
  }
  #content_country .counrty_info .embassy .lega_bus,
  #content_country .counrty_info .embassy .receive {
    font-size: 16px;
    width: 70%
  }
  #content_country .counrty_info .embassy table {
    padding: 15px
  }
  #content_country .counrty_info .embassy table tbody,
  #content_country .counrty_info .embassy table thead {
    font-size: 12px
  }
  #content_country .counrty_info .embassy_link {
    width: 100%;
    margin-left: 0
  }
  #content_country .counrty_info .country_commerce {
    font-size: 16px
  }
  #content_country .country_payment ul {
    width: 100%
  }
  #content_country .content .divs {
    margin: 0
  }
  #content_country .content .divs .card {
    width: 100%
  }
}
#content_trade {
  width: 70%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_trade .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_trade > img {
  margin: 5% 0 5% 25%
}
#content_trade table thead {
  background-color: var(--main-color-2);
  color: var(--white-color)
}
@media (max-width:1400px) and (min-width:767px) {
  #content_trade {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_trade {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0
  }
  #content_trade .title {
    padding: 65px 0 0 0
  }
  #content_trade > img {
    margin: 5% 0 5% 0;
    width: 100%
  }
}
#content_about {
  width: 77%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_about .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_about .about_txt h5 {
  color: var(--main-color)
}
#content_about .about_imgs {
  margin-top: 5%
}
#content_about .about_imgs .valid img {
  border: 5px solid #ddd
}
@media (max-width:1400px) and (min-width:767px) {
  #content_about {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_about {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0
  }
  #content_about .title {
    padding: 65px 0 0 0
  }
  #content_about .about_txt {
    font-size: 14px
  }
  #content_about .about_imgs .valid p {
    margin-left: 0
  }
}
#content_pay {
  width: 70%;
  min-height: calc(100vh - 500px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_pay .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_pay .pay_inv_form {
  display: flex;
  flex-direction: column;
  align-items: center
}
#content_pay .pay_inv_form .pay_inv_inp {
  padding: 15px
}
#content_pay .pay_inv_form .pay_inv_inp label {
  font-size: var(--paragraph-size);
  color: var(--main-color)
}
#content_pay .pay_inv_form .pay_inv_inp input {
  padding: 5px 55px;
  margin-left: 10px
}
@media (max-width:1400px) and (min-width:767px) {
  #content_pay {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_pay {
    width: 100%;
    margin-left: 0
  }
  #content_pay .title {
    padding: 65px 0 0 0
  }
  #content_pay .pay_inv_form .pay_inv_inp {
    padding: 15px;
    margin-left: 0
  }
}
#content_invoiceData {
  width: 70%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: var(--white-color);
  font-size: var(--paragraph-size)
}
#content_invoiceData .title {
  text-align: center;
  font-size: 35px;
  padding: 15px 0;
  color: var(--main-color-2)
}
#content_invoiceData table .main {
  background-color: var(--main-color-2);
  color: var(--white-color)
}
#content_invoiceData table .pad {
  background-color: #c10019;
  color: var(--white-color)
}
#content_invoiceData table #scale {
  vertical-align: middle;
  text-align: center;
  font-weight: 700
}
#content_invoiceData .pay_detail {
  margin-top: 35px
}
#content_invoiceData .pay_detail table tbody tr td input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #ddd;
  width: 25px;
  height: 25px;
  border-radius: 0;
  cursor: pointer;
  position: relative
}
#content_invoiceData .pay_detail table tbody tr td input[type=checkbox]:checked:after {
  content: "\2713";
  position: absolute;
  font-size: var(--paragraph-size);
  color: var(--main-color-2);
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 25px;
  height: 25px
}
#content_invoiceData .card_invDate {
  background-color: #ededed;
  border-radius: 1.5rem;
  padding: 15px
}
#content_invoiceData .card_invDate table {
  height: fit-content;
  text-align: center
}
#content_invoiceData .card_invDate table thead {
  background-color: var(--main-color);
  color: var(--white-color)
}
@media (max-width:1400px) and (min-width:767px) {
  #content_invoiceData {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_invoiceData {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0
  }
  #content_invoiceData .pay_detail table tbody,
  #content_invoiceData .pay_detail table thead,
  #content_invoiceData > table tbody,
  #content_invoiceData > table thead {
    font-size: 12px
  }
}
#content_contact {
  width: 77%;
  min-height: calc(100vh - 400px);
  padding: 10px 50px;
  background-color: var(--white-color)
}
#content_contact .map h4 {
  color: var(--main-color-2);
  font-size: var(--header-text-size);
  padding: 25px 0
}
@media (max-width:1400px) and (min-width:767px) {
  #content_contact {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_contact {
    width: 100%
  }
}
.no-print .btn-special {
  font-size: 20px;
  min-width: 90px
}
#content_print {
  width: 70%;
  min-height: calc(100vh - 230px);
  padding: 10px 50px;
  background-color: #fff;
  border: 5px solid #333336
}
#content_print .header {
  display: flex;
  justify-content: space-around;
  padding-top: 25px;
  align-items: center
}
#content_print .header .logo,
#content_print .header .qr {
  width: 120px;
  height: 100px;
  display: inline-block;
  position: relative;
  top: -70px
}
#content_print .header .logo-print,
#content_print .header .qr-print {
  top: 0;
  width: 100px;
  height: 100px
}
#content_print .header .title {
  width: 500px;
  display: inline-block;
  text-align: center;
}
#content_print .header .qr-print {
  width: 165px
}
#content_print .body {
  clear: both
}
#content_print .body .title {
  width: 100%;
  text-align: center
}
#content_print .body .data {
  padding-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-around
}
#content_print .body .data .user {
  display: inline-block;
  font-weight: 500;
  width: 58%
}
#content_print .body .data .info {
  display: inline-block;
  width: 40%
}
.for-print table thead {
  background-color: var(--main-color);
  color: #fff
}
#content_print .body .data .info p span {
  color: #c10019
}
#content_print .footer {
  padding-top: 35px
}
#content_print .footer button {
  float: right
}
.logo-pdf {
  width: 100px;
  height: 100px;
  margin: auto
}
.qr-pdf {
  width: 100px;
  height: 100px;
  margin: auto
}
.title-pdf {
  width: 500px;
  margin: auto
}
.table-pdf thead {
  background-color: #3a0348;
  color: #fff
}
.table-pdf tbody {
  text-align: left
}
@media (max-width:1400px) and (min-width:767px) {
  #content_print {
    width: 100%
  }
}
@media screen and (max-width:767px) {
  #content_print {
    width: 100%;
    min-height: calc(100vh - 230px);
    margin-left: 0;
    padding: 50px
  }
  #content_print .header {
    display: flex;
    flex-direction: column;
    align-items: center
  }
  #content_print .body .title {
    width: 45%;
    margin: 20px 0 0 80px
  }
  #content_print .body .data {
    display: flex;
    align-items: flex-start;
    flex-direction: column
  }
}
@media print {
  #desc_foot,
  #footer,
  #header,
  #main_img,
  #print,
  #welcoming,
  .no-print {
    display: none
  }
  body {
    background-image: none
  }
  p{
    margin-bottom: 0.4rem;
  }
  #content_print {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    padding: 5px;
    border: 0;
  }
  .for-print {
    break-inside: avoid
  }
  .for-print table {
    break-inside: avoid
  }
  #content_print .body{
    font-size: 0.8em;
  }
  #content_print .header .title{
    padding: 0px 10px;
    text-align: center;
    font-size: 0.9em;
  }
  #content_print .header .title p{
    margin-bottom: 0.5rem;
  }
  .for-print table thead{
    color: var(--main-color);
  }
}
#content_print .body .title{
  font-size: 1.3em;
}
#submit_service,
.step-child,
.steps {
  display: none
}
.card_bank {
  position: relative
}
.abs-div {
  position: absolute;
  bottom: 13px;
  right: 13px;
  width: auto;
  height: 31px
}
.abs-div img {
  width: auto;
  height: 100%
}
.amex,
.master,
.visa {
  display: none
}
.content .choosing .divs .card .home-price {
  font-weight: 700;
  color: var(--main-color-1);
  margin-left: 20px;
  font-size: 23px;
  margin-top: -8px
}
.content .data {
  justify-content: space-between
}
.content .data > .choosing {
  width: 60%;
  margin-top: 20px
}
#description > .info {
  width: 80%
}
.navbar-nav li {
  padding: 0 5px
}
.img-logo {
  width: 31%;
  height: 164px
}
.main-logo {
  height: 100%;
  width: 177px
}
.main-logo img {
  width: 100%
}
#main_img {
  overflow: hidden
}
#main_img > .row {
  width: 125%;
  overflow: hidden
}
#footer .sharing p {
  display: initial
}
.home-countries {
  line-height: 1.9;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  width: 40%;
  margin-top: 40px;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif
}
.home-countries > a {
  color: var(--main-color-1);
  background: #dadada;
  box-shadow: 1px 1px 10px rgba(0,0,0,.5);
  border-radius: 10px;
  text-align: center;
  margin: 15px;
  transition: .5s ease-in-out
}
.home-countries > a:hover {
  border-color: var(--main-color-2);
  color: var(--main-color-2);
  background-color: #2b0136;
  font-weight: 600;
  box-shadow: 6px 5px 15px rgba(0,100,0,.5)
}
#main_img > .row {
  width: 125%;
  overflow: hidden;
  padding: 10px 0
}
#content_invoice > .row > div > .txt > * {
  padding-left: 25px
}
.single-country .row {
  justify-content: center;
  width: 79%;
  margin: auto;
  padding: 0
}
.single-country .row .country-info {
  background-color: #fff
}
.single-country .row .country-info .content {
  width: 100%
}
.single-country .row .country-info .content .data .choosing {
  width: 100%
}
.single-country .row .country-info .content .data .choosing .flag {
  width: 100%;
  margin-bottom: 15px
}
@media screen and (max-width:1530px) {
  .content .data > .choosing {
    width: 60%
  }
  #description > .info {
    width: 90%
  }
}
@media screen and (max-width:1100px) {
  .img-logo {
    height: 130px
  }
  .img-chart {
    width: 60%
  }
  .content .data > .choosing {
    width: 80%;
    margin: auto
  }
  .home-countries {
    margin: auto;
    width: 80%
  }
  #content_invoice .countries_selections .country_card .card,
  #content_invoice .countries_selections .country_card .special_card {
    padding: 10px 10px
  }
  #content_invoice .countries_selections .country_card .card span,
  #content_invoice .countries_selections .country_card .special_card span {
    padding-left: 5px
  }
}
@media screen and (max-width:867px) {
  .country_card {
    justify-content: space-around
  }
}
@media screen and (max-width:767px) {
  #main_img > .row {
    width: 100%
  }
  .main-logo {
    width: 100%;
    padding-left: 20px
  }
}
@media screen and (max-width:770px) {
  .home-price {
    position: static
  }
  .content {
    padding-left: 0;
    padding-right: 0
  }
}
@media screen and (max-width:746px) {
  #content_invoice > .hello > div > form > div > .invoice-step > .doc-invoice > div {
    flex-direction: column
  }
}
@media screen and (max-width:650px) {
  .content .choosing .divs .card {
    flex-direction: column
  }
  .home-price {
    padding-top: 0
  }
}
@media screen and (max-width:500px) {
  .img-logo {
    height: 100px
  }
}
.img-logo:first-of-type > img {
  margin-left: 20%
}
.docName,
.docName2 {
  padding: 25px
}
@media screen and (max-width:767px) {
  .content .data .country-page {
    padding: 20px
  }
  #main_img > .row {
    width: 100%
  }
  .main-logo {
    width: 100%;
    padding-left: 20px
  }
  #content_invoice .countries_selections .country_card {
    width: 100%;
    justify-content: center;
    margin: 0
  }
  #country_form {
    width: 150px
  }
  #content_invoice .countries_selections .country_card .special_card {
    width: 100%
  }
}
@media screen and (max-width:450px) {
  #country_form {
    min-width: 160.5px
  }
  #content_invoice .countries_selections .country_card .card span,
  #content_invoice .countries_selections .country_card .special_card span {
    font-size: 15px
  }
}
.conditional-state-element,
.inner-case-states,
.out-usa,
.own-options {
  display: none
}
@media screen and (max-width:550px) {
  #content_card_view > .result {
    width: 525px;
    overflow-x: auto
  }
}
@media screen and (max-width:500px) {
  #content_card_view > .result {
    width: 475px;
    overflow-x: auto
  }
}
@media screen and (max-width:450px) {
  #content_card_view > .result {
    width: 425px;
    overflow-x: auto
  }
  @media screen and (max-width:450px) {
    #content_card_view > .result {
      width: 425px;
      overflow-x: auto
    }
  }
  @media screen and (max-width:400px) {
    #content_card_view > .result {
      width: 375px;
      overflow-x: auto
    }
  }
  @media screen and (max-width:350px) {
    #content_card_view > .result {
      width: 325px;
      overflow-x: auto
    }
  }
}
@media screen and (max-width:550px) {
  #desc_foot {
    font-size: .7em;
    padding: 20px
  }
  #desc_foot h4 {
    font-size: 1.5em
  }
}
input[type=radio] {
  outline: #000 2px solid;
  margin-right: 10px
}
@media (max-width:1040px) and (min-width:990px) {
  .navbar-nav li {
    padding: 0
  }
}
#template {
  width: 99%;
  background-color: transparent;
  padding-left: 50px;
  padding-top: 20px
}
#template h1 {
  color: var(--main-color)
}
@media screen and (max-width:1500px) {
  #header a {
    font-size: 20px;
    color: var(--white-color)
  }
}
.sidebar-links {
  color: var(--main-color)
}
#template .choosing .divs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center
}
#template .choosing .divs .custom-link {
  padding: 10px 15px;
  background-color: var(--main-color-2);
  border: unset;
  color: #fff;
  width: auto
}
#template .choosing .divs .custom-link span {
  padding: 0
}
#template .choosing .divs .custom-link span p {
  margin: 0
}
.holder {
  position: relative;
  width: 140px;
  height: 38px
}
.img-holder {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.holder-overflow {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.7);
  font-size: 21px;
  font-weight: 700;
  color: rgb(134, 134, 134);
}
.home-countries > a:hover .holder-overflow {
  -webkit-text-stroke: 0.6px var(--main-color);
  text-shadow: 1px 1px 5px #000;
  color: var(--wheat-color)
}
#content_about .newPages h1.title {
  color: var(--main-color);
  font-size: 27px
}
.newPages p {
  font-weight: 500
}
.newPages .side-title {
  font-weight: 600;
  font-size: 18px;
  position: relative
}
.newPages .side-title::after {
  content: "";
  background-color: var(--main-color-2);
  position: absolute;
  width: 60px;
  height: 4px;
  left: 0;
  height: 2px;
  left: 0;
  bottom: -3px
}
.newPages .h2-title {
  font-size: 23px;
  background-color: var(--main-color-2);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: var(--main-color);
  text-shadow: 1px 1px 1px #fff;
  font-weight: 900
}
.newPages .h3-title {
  color: var(--main-color-2);
  font-size: 20px
}
.newPages .img-container {
  width: 500px;
  margin: 20px auto;
  border: 3px solid #000;
  box-shadow: 1px 1px 5px #000
}
.newPages ul {
  list-style: disc
}
.newPages ul h3 {
  font-size: 18px;
  font-weight: 500;
  list-style: devanagari;
  line-height: 1.5
}
.read-more {
  right: 0
}
.read-more a {
  font-weight: 600;
  color: var(--main-color-2)
}
.read-more a:hover {
  color: var(--main-color)
}
.new-drop-down .dropdown-menu {
  padding: 12px
}

#header .custom-dropbown {
  display: none;
  position: absolute;
  right: -350px;
  background-color: #fff;
  width: 350px;
  line-height: 1.7;
  padding: 18px;
  border: 2px solid rgb(217, 217, 217);
}
.btn-group.dropend {
    width: 100%;
}

span.dropdown-toggle {
  font-size: 22px;
  color: var(--main-color);
  cursor: pointer;
  position: relative;
    display: block;
    width: 100%;
    padding-right: 10px;
}
span.dropdown-toggle::after{
    position: absolute;
    right: 0;
    top: 10px;
}
#header .custom-dropbown a {
  color: var(--main-color)
}
#header .custom-dropbown li:hover,
#header .custom-dropbown li:hover a,
.new-drop-down .dropdown-menu.show > li:hover,
.new-drop-down .dropdown-menu.show > li:hover span {
  color: var(--hover-color);
  background-color: var(--main-color)
}
.custom-dropbown li {
    padding: 10px 5px;
    line-height: 1.2;
}

.new-drop-down .dropdown-menu.show > li:hover  div  .custom-dropbown{
    display: block !important;
}
@media screen and (max-width:1750px) {
  #header a {
    font-size: 17px;
    color: var(--white-color)
  }
}


a.order-new-page {
  background-color: #dadada;
  color: var(--main-color);
  padding: 13px;
  display: block;
  width: fit-content;
  margin: 10px auto;
  border: 3px solid var(--main-color);
  font-weight: 600
}
a.order-new-page:hover {
  background-color: var(--main-color-2);
  border-color: var(--main-color);
  color: #fff
}
.custom-temp {
  width: 77%;
  min-height: calc(100vh - 230px);
  margin: auto;
  padding: 10px 50px;
  background-color: var(--white-color)
}
.custom-temp #content_about {
  width: 100%;
  min-height: auto;
  padding: 0
}
/* new side bar */
.embassy_link .section h2{
  font-size: 1.5em;
  color: var(--main-color);
}
.embassy_link .section h3{
  font-size: 1.3em;
} 
.embassy_link .section h3 i{
  font-size: 50px;
  position: absolute;
  top: -11px;
  color: var(--main-color-2);
}
.embassy_link{
  background-color: unset;
  border: none;
}

.embassy_link .section {
  margin: 30px 0;
  box-shadow: 1px 1px 10px;
  padding: 20px 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.embassy_link .section .the-content h2{
  font-size: 1em;
  margin: 0;
  border-bottom: 1px solid darkgray;
  border-top: 1px solid darkgray;
  padding: 10px;
  background-color: #e7f1ff;
}
.embassy_link .section .the-content h2:first-child{
  border-top: none;
  border-radius: 5px 5px 0px 0;
}
.embassy_link .section .the-content .content-data{
  margin: 15px 0;
  border: 2px solid darkgray;
  border-radius: 5px;
  margin-bottom: 0;
}
.embassy_link .section .the-content .content-data p{
  margin: 5px 15px;
}
.embassy_link .section a.btn{
  font-size: 25px;
  margin-top: 10px;
}
.click-to-show{
  cursor: pointer;
}
.popup-docs{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  z-index: 99;
  display: none;
}
.popup-docs .modal-dialog{
  width: 100%;
  background-color: #fff;
  max-width: 850px;
  margin: auto;
  padding: 10px;
  border-radius: 10px;
}
.popup-docs .modal-dialog .modal-header{
  padding: 7px 10px;
  border-bottom: 2px solid darkgray;
  margin-bottom: 15px;
}
.popup-docs .modal-dialog .modal-body{
  font-weight: 600;
  line-height: 2.2;
}


.casesInputs p{
  text-align: left;
  font-size: 35px;
  padding: 0;
  margin: 0;
  color: var(--main-color-2);
}

#content_invoice .casesInputs .letter{
  font-size: 145px;
  transform: scale(1.5);
  color: #9a9a9a;
}
#content_invoice .casesInputs .col-lg-6 div:first-of-type{
  width: 85%;
}
#content_invoice #country_form .services.hide-on-action{
  font-size: 1.2rem;
  padding: 20px;
}
.submit-area p{
  font-size: 20px;
  color: var(--main-color-2);
  font-weight: 500;
}
.submit-box{
  width: 300px;
  border: 4px dashed var(--main-color-2);
  border-radius: 10px;
  margin: auto;
}
.submit-box:hover{
  border: 6px dashed var(--main-color);
}
.submit-box input[type="file"]{
  width: 300px;
  opacity: 0;
  z-index: 800;
  height: 100%;
  cursor: pointer;
  left: 0;
}
.submit-box .upload-text{
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  background-color: var(--main-color);
  color: #fff;
  border-radius: 5px 5px 0 0;
}
.submit-box .upload-content{
  padding: 100px 25px;
  font-size: 25px;
  text-align: center;
  background-color: #2b013617;
  min-height: 300px;
}
.submit-box i{
  color: var(--main-color);
}
.uploadedNames {
  position: absolute;
  bottom: 13px;
  width: 100%;
  font-size: 1em;
  overflow: hidden;
}
.uploadedNames tr td {
  min-width: 15px;
}
#fileModal{
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 888888888888888888;
}
#fileModal .close{
  border-radius: 50%;
  padding: 0px 8px;
  font-size: 20px;
  background-color: red;
  color: #fff;
  border: 0;
}
.btn-success{
  background-color: var(--main-color-2)
}

.commercial-new-btns{
  font-weight: 500;
  width: 440px;
  max-width: 100%;
  padding: 10px 25px;
  margin: auto;
}
.radio-to-show-hide {
  appearance: none;
    border: 1px solid #ddd;
    width: 25px;
    height: 25px;
    border-radius: 0;
    cursor: pointer;
    position: relative;
}