.aj-launch-font {
  font-size: 32px !important;
  color: #3A4652;
}

.fm-32 {
  font-size: 32px !important;
}

.fm-25 {
  font-size: 32px !important;
}

@media screen and (max-width: 580px) {
  p.price {
    font-size: 22px;
    font-family: "noir-medium";
    color: #6D758F;
    margin-bottom: .5rem;
  }

  .fm-25 {
    font-size: 25px !important;
  }

  .fm-25 {
    font-size: 25px !important;
  }
}

@font-face {
  font-family: "Noir-medium";
  src: url(../fonts/Noir_medium.otf);
}

@font-face {
  font-family: "Noir-regular";
  src: url(../fonts/Noir_regular.otf);
}

@font-face {
  font-family: "Noir-medium";
  src: url(../fonts/Noir_medium.otf)
}

@font-face {
  font-family: "Noir-regular";
  src: url(../fonts/Noir_regular.otf)
}

section.we-keep-second .progress-bar::before {
  content: "90%"
}

.accordion-content.open {
  max-height: max-content !important
}

.progress-bar::before {
  content: "90%";
  font-family: 'Noir-medium'
}

section.Features.ft h3 {
  color: #fff;
  font-family: "noir-medium"
}

img.header-contacts {
  max-width: 20px
}

.header-contact-icons {
  column-gap: 15px;
  padding-top: 10px
}

.contact-no {
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  line-height: 32px;
  color: white !important;
  font-family: "noir-medium"
}

.view-packages h2 {
  font-family: 'Noir-medium'
}

p.sub-text {
  font-weight: 600;
  color: #3A4652;
  margin-bottom: 0px
}

body .abudhabi-pricing-card,
.sharjah-pricing-sec .pricing-card-main {
  min-height: 975px !important
}

.sharjah-mainland-hub {
  padding: 0 0 100px !important
}

.sharjah-mainland-companies {
  padding: 50px 0 !important
}

.view-packages a {
  margin-top: 20px
}

.view-packages h2 {
  font-size: 24px !important;
  padding: 10px 0
}

.view-packages {
  padding: 50px 0 0 !important
}

section.step-tabs .tab-content {
  padding: 30px
}

section.step-tabs .tab-content img {
  padding: 20px 0
}

body .view-packages .pricing-card-main {
  min-height: 560px !important
}

strong {
  color: #3A4652;
  font-weight: 500 !important
}

body .our-service-ensure .servies-box p {
  min-height: auto !important
}

body .benefits-pro-services {
  padding-top: 80px !important;
  padding-bottom: 0
}

section.gray.top-ban.benefits-golden-visa,
.highly-golden {
  background: #fff !important
}

.benefits-golden-visa,
.confused-golden,
body .benefits-golden-visa,
body .pro-service-business,
body .how-much-cost-ajman,
.sharjah-mainland-benefits,
.golden-visa-pkg {
  padding-top: 0 !important
}

.golden-visa-footer {
  background: -webkit-linear-gradient(-90deg, #D89320, #956100) !important
}

body .golden-visa-footer .form-content input,
body .golden-visa-footer .form-content textarea {
  background-color: #deac3885 !important;
  font-size: 20px !important;
  margin-bottom: 20px
}

body .golden-visa-footer .form-content select {
  background-color: #deac3885 !important
}

.view-packages .pricing-card {
  width: 100% !important
}

.golden-visa-pkg .pricing-card-main ul li::before {
  content: 'd';
  background: url(https://puredocsservices.com/frontend/images/golden-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: auto !important;
  color: transparent;
  font-size: 30px;
  line-height: 20px
}

.benefits-golden-visa h3 {
  align-items: center
}

.benefits-golden-visa .sec-heading h3,
.abudhabi-pricing-sec {
  padding-bottom: 0 !important
}

.golden-visa-pkg .pricing-content {
  margin-bottom: 54px
}

.golden-text {
  background: -webkit-linear-gradient(-90deg, #DEAC38, #DA9422);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

body .golden-visa-pkg .pricing-card-main {
  min-height: 560px !important
}

.golden-visa-pkg .pricing-card-main {
  padding: 15px
}

.golden-visa-pkg .pricing-content {
  background: -webkit-linear-gradient(-90deg, #D89320, #956100) !important;
  padding: 34px 20px !important;
  border-radius: 8px;
  margin-bottom: 40px
}

.golden-visa-pkg .pricing-content a {
  background: #fff !important;
  color: #3A4652 !important
}

.golden-visa-pkg .slick-center h4.pricing-title,
.golden-visa-pkg .slick-center h2.price,
.golden-visa-pkg .slick-center p,
.golden-visa-pkg .slick-center span {
  color: #fff !important
}

.golden-visa-pkg h4.pricing-title,
.golden-visa-pkg h2.price,
.golden-visa-pkg p,
.golden-visa-pkg span {
  color: #fff !important
}

.choose-ajman-offshore p {
  padding-bottom: 0 !important;
  margin-bottom: 0
}

.gov-bodies-pro-service {
  padding: 30px 0 80px
}

.pro-services-pkg .pricing-content p {
  min-height: 48px
}

body .pro-services-pkg .pricing-card-main {
  min-height: 696px !important
}

.offshore-features h3 {
  color: #fff;
  font-family: 'Noir-medium'
}

.offshore-pkgs h2.price {
  font-size: 26px;
  line-height: 52px
}

.offshore-pkgs .pricing-card-main ul li {
  gap: 10px !important
}

.adv-uae-offshore,
.cost-jabel,
.declaration-rak-offshore,
.doc-ajman-offshore {
  background: #F8F8F8;
  padding: 100px 0
}

.heading-two {
  padding-top: 50px
}

.inner-banner h1 {
  color: white;
  font-family: 'Noir-medium';
  font-size: 2rem
}

.step-dubai-offshore {
  padding: 50px 0 30px !important
}

.uae-off-international img {
  min-height: 620px
}

.step-dubai-offshore .p-text {
  min-height: 90px
}

.c-box-2 {
  padding: 30px 0
}

.calculator-ajman-freezone,
.doc-ajman-offshore {
  margin-top: 80px
}

.content-box-content h4 {
  font-size: 25px;
  color: #3A4652;
  font-family: 'Noir-medium'
}

.step-guide-sharjah {
  background: #F8F8F8;
  margin-top: 60px;
  padding: 80px 0
}

.cost-sharjah h2 {
  font-size: 42px
}

.cost-sharjah .we-keep-content,
.pro-dubai-services {
  padding: 80px 0 50px
}

.req-doc-sharjah,
.support-dubai-offshore,
.dubai-offshore-pkg,
.confused-golden {
  padding-bottom: 80px !important
}

.sharjah-setup .top-ban-list span {
  line-height: 30px !important
}

section.choose-sharjah-freezone,
.step-guide-ajman-freezone,
.jebel-pkg {
  padding-bottom: 50px !important
}

.setup-business-rakez .row.al,
.establish-ajman-freezone,
.establish-offshore,
body .ajman-offshore-pkg,
.abudhabi-key-step,
.steps-ajman {
  padding-top: 30px !important
}

.content-box-content p {
  font-size: 20px !important
}

section.pro.rak-formation {
  padding: 0 0 80px
}

section.investement-opportunities-rak {
  padding: 80px 0;
  background: #F8F8F8;
  margin: 80px 0 0
}

section.checkout-puredocs-rak,
.advantages-ajman-freezone,
.dubai-offshore,
.process-our-services,
.corporate-pro-service {
  padding: 80px 0 !important
}

body .calculator-section,
.cost-uae-offshore,
.rak-offshore,
.doc-ajman-offshore,
.permission-ajman-offshore {
  padding-top: 80px !important
}

.align-items-start {
  align-items: center !important
}

section.free-zone-company-abudhabi,
.benefits-golden-visa,
.highly-golden,
.gifted-golden,
.golden-visa-eligiblity {
  padding: 50px 0 !important
}

.setting-abudhabi-text {
  padding: 30px 0 15px
}

section.setting-abudhabi {
  padding: 80px 0 30px
}

.my-containers,
.rakez-padding,
body .dubai-offshore-pkg,
body .rak-offshore-pkg,
body .jebel-pkg {
  padding-top: 40px !important
}

section.list-top-freezone-abudhabi,
.list-ajman-freezone,
.key-rak-offshore,
.start-company-ajman-offshore {
  padding-top: 0 !important
}

section.advantages-abudhabi p.content-box-p {
  padding-top: 30px
}

section.documents-registration-abudhabi {
  background: #F8F8F8;
  padding: 80px 0
}

section.compliance-requirements {
  padding-top: 50px
}

.p-text {
  min-height: 132px
}

.ifza-business-license .row {
  margin-top: 50px
}

.ifza-business-license {
  padding-top: 50px;
  background: #F8F8F8
}

.ifza-first-sec .content-box-content {
  padding-top: 50px !important
}

.ifza-good-freezone {
  padding-top: 100px
}

.freezone-footer+footer .news-letter-sec {
  display: none
}

.freezone-footer h3 {
  font-size: 42px !important;
  padding-bottom: 20px
}

.freezone-footer .form-content {
  padding: 0 !important
}

.ifza-cost img {
  width: auto !important
}

.ifza-cost .icon-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 10px
}

.freezone-footer+footer,
.benefits-jabel,
.step-jabel,
.jebel-pkg,
.ajman-offshore-pkg {
  padding-top: 0 !important
}

.dubai-zone-service-box,
.jabel-offshore,
.benefits-ajman-offshore,
body .pro-services-pkg {
  padding: 100px 0 !important
}

body .dubai-zone-service-box .servies-box p {
  min-height: auto !important
}

.dubai-zone-service-box h3 {
  color: #3A4652 !important
}

.types-freezone-dubai {
  background: #F8F8F8;
  padding: 80px 0
}

.puredocs-services,
.ifza-business-setup {
  padding: 50px 0
}

.document-required-uae,
section.setup-business-rakez.rakez-padding,
section.explore-sharjah {
  padding-bottom: 100px !important
}

.setup-business-content h4 {
  color: #3A4652;
  font-size: 25px;
  font-family: "noir-medium"
}

.setup-business-content p {
  font-size: 20px !important
}

.setup-business-content .icn-wraper,
.essential-doc-dubai-freezone,
section.international-freezone,
.permission-ajman-offshore,
.our-services-puredocs {
  padding-bottom: 50px !important
}

.setup-business-freezone-dubai,
.dubai-freezone-pkg {
  padding: 100px 0 50px !important
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px 40px 12px 16px;
  width: 100%;
  font-size: 16px;
  color: #333
}

.custom-select-wrapper::after {
  content: "s";
  position: absolute;
  top: 35%;
  right: 32px;
  width: 20px;
  height: 10px;
  pointer-events: none;
  background: url(https://puredocsservices.com/frontend/images/select-icon.svg) no-repeat center;
  transform: translateY(-50%);
  background-size: cover;
  color: transparent
}

.perfect-zone-dubai h2.choose-your-business-package {
  text-align: left
}

body .set-up-uae-freezone {
  padding-bottom: 50px !important
}

.ul-style {
  padding-left: 0 !important
}

.uae-oof .pricing-card-main {
  min-height: 505px !important
}

.uae-freezone .pricing-card-main {
  min-height: 530px !important
}

.offshore-pkgs .pricing-card-main {
  min-height: 550px !important
}

ul.points {
  margin-left: 3.6%
}

.points li {
  font-family: 'Noir-medium';
  font-size: 18px;
  line-height: 33px;
  color: #3A4652
}

.points li::marker {
  font-size: 30px;
  color: #ad275e
}

.mainland-form .form-content p {
  font-size: 20px !important;
  color: #ffffff !important
}

.step-tabs .tab-container {
  margin-top: 40px;
  margin-bottom: 50px
}

button#subscribe {
  border-radius: 0 10px 10px 0 !important
}

.infographic-section {
  background: linear-gradient(45deg, #E83A3C, #A42163);
  text-align: center;
  padding: 100px 0
}

.infographic-section h2 {
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #fff
}

.infographic-section p {
  max-width: 1076px;
  font-size: 22px;
  font-family: 'Noir-medium';
  font-weight: 400;
  margin: auto;
  color: #fff;
  padding: 20px 0 50px
}

.tab-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)
}

.tab-buttons {
  flex: 1 1 30%;
  background: #0E1F33;
  padding: 2rem 1rem
}

.tab-buttons button {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-weight: 600;
  padding: 1rem;
  border-left: 5px solid transparent;
  transition: all 0.3s;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 1rem;
  font-family: "noir-medium"
}

.tab-buttons button:hover,
.tab-buttons button.active {
  background: #BA3356;
  border-left: 5px solid #D84346;
  color: #FFFFFF
}

.tab-buttons i {
  margin-right: 10px;
  font-size: 1.2rem
}

.tab-content {
  flex: 1 1 70%;
  padding: 2rem 0;
  background: #FFFFFF
}

.tab-pane {
  display: none;
  animation: fade .3s ease-in-out;
  color: #0E1F33
}

.tab-content .tab-pane {
  padding: 0
}

.tab-pane.active {
  display: block
}

.tab-pane h3 {
  color: #BA3356;
  font-weight: 700;
  font-size: 32px;
  font-family: "noir-medium"
}

.tab-pane p {
  font-family: 'Noir-medium';
  font-size: 22px;
  padding-top: 0;
  margin: 0
}

.content-box-content.pt-4 h3 {
  font-family: "noir-medium"
}

@keyframes fade {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@media (max-width:768px) {
  .tab-container {
    flex-direction: column
  }

  .tab-buttons,
  .tab-content {
    flex: 1 1 100%
  }
}

.how-much-cost-ajman {
  padding: 100px 0 50px !important
}

.start-company-ajman {
  padding: 50px 0 !important
}

.mainland-company-ajman {
  padding-bottom: 50px !important
}

.documents-required-ajman {
  padding-bottom: 50px !important
}

.setup-ajman {
  background: #F8F8F8
}

.foreigners-business-dubai h2 {
  font-family: 'Noir-medium'
}

.dubai-types-mainland .counter {
  padding: 50px 0
}

.setup-dubai {
  padding-top: 0 !important;
  padding-bottom: 100px
}

.mainland-company-dubai,
.foreigners-business-dubai,
.startup-cost-dubai,
.popular-company-dubai,
.popular-business-dubai,
.benefits-dubai {
  padding: 0 0 50px !important
}

.why-choose-dubai .counter {
  padding: 20px 0
}

.uae-package .package-content p {
  min-height: 185px
}

.business-setup-sec {
  margin-top: 30px
}

.business-setup-content {
  padding-top: 20px
}

.business-setup-sec p {
  font-size: 22px;
  font-family: 'Noir-medium';
  color: #717171
}

.sharjah-business-setup img {
  min-height: 84px;
  object-fit: contain;
  margin-bottom: 30px
}

p.text-paragraph {
  font-size: 20px;
  color: #717171;
  font-family: 'Noir-medium';
  margin-top: 30px
}

h4.content-box-h4 {
  margin-bottom: 20px;
  color: #3A4652;
  font-size: 25px;
  font-family: "noir-medium"
}

.whychoose-last-p {
  font-size: 18px;
  font-family: 'Noir-medium';
  color: #717171;
  max-width: 70%;
  margin: 0 auto
}

.pricing-section {
  padding: 60px 0 80px
}

.pricing-content {
  margin-bottom: 75px
}

.slick-center h4.pricing-title,
.slick-center h2.price,
.slick-center p,
.slick-center span {
  color: #fff !important
}

.slick-center .pricing-content a {
  background: linear-gradient(45deg, #D64247, #B53158);
  padding: 15px 14px 9px !important;
  border-radius: 10px !important;
  color: #fff
}

.slick-center .pricing-card-main {
  padding: 15px
}

h2.choose-your-business-package {
  text-align: center;
  font-size: 40px;
  font-family: "noir-medium";
  color: #3A4652
}

.pricing-card-main {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 50px 20px;
  text-align: center;
  position: relative;
  min-height: 1034px !important;
  height: 100%;
  text-align: left
}

.pricing-slider .slick-track {
  display: flex;
  flex-direction: row;
  gap: 20px
}

h2.price {
  font-size: 36px;
  font-family: "noir-medium";
  color: #6D758F
}

h4.pricing-title {
  font-size: 18px;
  font-family: "noir-medium";
  color: #6D758F
}

p.start-price {
  font-size: 36px;
  font-family: "noir-medium"
}

.pricing-card-main span {
  font-size: 16px;
  color: #B4B9C9;
  font-family: 'Noir-medium'
}

.pricing-card-main ul {
  list-style: none;
  padding-left: 0
}

.pricing-content p {
  font-size: 16px;
  font-family: 'Noir-medium';
  color: #6D758F
}

.list-items li span {
  display: inline-block;
  font-size: 16px;
  color: #fff !important;
  background: #d84346;
  border-radius: 54px;
  padding: 6px 9px 0
}

.pricing-card-main ul li {
  margin: 8px 0;
  font-size: 14px;
  color: #717171;
  font-family: 'Noir-medium';
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: baseline
}

.slick-center .pricing-content a:hover {
  color: #fff
}

.num-list li {
  color: #717171;
  font-family: 'Noir-medium';
  font-size: 16px
}

.num-list {
  padding-top: 18px
}

.freezone-container {
  max-width: 1400px;
  margin: 30px auto 0;
  padding: 20px 20px 0
}

.freezone-box {
  background: #fff;
  border-radius: 10px;
  padding: 0;
  overflow: hidden
}

.box-content {
  padding: 20px 20px 0 0
}

.freezone-column {
  padding: 0 15px
}

.freezone-item {
  padding: 15px 20px 11px;
  border: 1px solid #E1E4ED;
  margin-bottom: 13px;
  font-size: 16px;
  font-family: 'Noir-medium';
  color: #6D758F;
  background: #F8FAFF;
  border-radius: 6px;
  text-align: center
}

.setup-uae-freezone-container {
  max-width: 1400px;
  margin: auto
}

section.setup-uae-freezone img {
  max-width: 100% !important;
  width: 100%
}

.setup-uae-freezone p.content-box-p {
  font-size: 20px
}

section.establishment-freezone-uae,
section.cheapest-freezone-uae {
  padding: 100px 0 0
}

.benefits-uae-freezone {
  background: #F8F8F8;
  margin-top: 80px
}

.benefits-uae-freezone h3 span {
  padding-right: 20px;
  line-height: 30px !important
}

.benefits-uae-freezone .top-ban-list {
  padding-top: 20px
}

.structures-uae-freezone {
  background: transparent !important;
  margin-top: 0 !important
}

.divider {
  width: 100%
}

.uae-freezone-form {
  border-radius: 0 !important;
  padding: 100px 0 !important
}

.keypoints-before-uae {
  margin: 0;
  background: transparent;
  padding-top: 100px
}

.uae-freezone-form .form-content {
  padding: 0
}

.mttl {
  text-align: center;
  font-size: 40px;
  font-family: "noir-medium";
  color: #3A4652
}

@media (max-width:768px) {
  .freezone-column {
    margin-bottom: 15px
  }
}

.pricing-list-item h4 {
  font-size: 16px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.pricing-card-main ul li::before {
  content: 'd';
  background: url(https://puredocsservices.com/frontend/images/Checkcircle.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 32px;
  line-height: 20px;
  color: transparent
}

.btn {
  transition: .5s ease-in-out !important
}

.btn:hover {
  transform: scale(1.04)
}

.pricing-content a:hover {
  color: #6D758F;
  transform: scale(1.04)
}

.pricing-content a {
  font-size: 14px;
  font-family: 'Noir-medium';
  text-decoration: none;
  background: #E1E4ED;
  width: 100%;
  display: block;
  text-align: center;
  padding: 15px 14px 9px;
  color: #6D758F;
  border-radius: 6px;
  transition: .5s ease-in-out
}

.pricing-card-main .slick-center {
  padding: 15px
}

.note {
  font-size: 20px;
  color: #888;
  font-family: "noir-medium"
}

.pricing-slider {
  margin: 0 -20px
}

.pricing-section ul.slick-dots {
  text-align: center !important
}

.pricing-slider button.slick-next.slick-arrow,
.pricing-slider button.slick-prev.slick-arrow {
  position: static;
  margin: 0 5px
}

.icon-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  align-items: center;
  justify-content: center
}

.pakage-headings .row {
  margin-top: 25px
}

.mainland-company h2,
.mainland-company p {
  color: #fff !important;
  max-width: 100% !important
}

.mainland-company {
  background: #343434 !important
}

.top-ban-list p {
  font-size: 18px;
  color: #717171;
  font-family: 'Noir-medium';
  padding-top: 5px;
  margin-bottom: 0
}

.counter-content h3 {
  font-size: 20px;
  font-weight: 700;
  padding-top: 25px;
  font-family: 'Noir-medium'
}

.form-content h2 {
  font-size: 40px;
  padding-top: 25px;
  font-family: 'Noir-medium';
  color: #fff
}

.form-content h4 {
  font-size: 30px;
  font-weight: 700;
  padding-top: 25px;
  font-family: 'Noir-medium'
}

.slick-center .pricing-content {
  background: #0E1F33;
  padding: 34px 20px;
  border-radius: 8px;
  margin-bottom: 40px
}

.ajman-paragraph {
  font-size: 22px;
  color: #717171;
  font-family: 'Noir-medium'
}

section.calculator-section {
  padding: 80px 0;
  background: #F8F8F8
}

.calculator-sec-uae {
  padding: 0 0 80px !important
}

.calculator-content h2 {
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.calculator-content p {
  font-size: 20px;
  font-family: 'Noir-medium';
  color: #717171
}

.progress-step-icons {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 10px;
  border: 2px solid #D84346;
  padding: 7px 50px 20px;
  border-radius: 20px;
  align-items: end
}

.step-icon::after {
  content: '|';
  padding-left: 63px;
  color: #FFCECF;
  font-size: 30px
}

.contact-step-icon::after {
  display: none !important
}

.step-icon {
  transition: all .3s
}

.step-icon.active path {
  fill: #C23851
}

.step-counter {
  margin-bottom: 20px;
  margin-top: 45px;
  font-family: 'Noir-medium';
  font-size: 20px
}

.step-panel {
  display: none
}

.step-panel.active {
  display: block
}

.calculator-section label {
  display: block;
  margin-bottom: 10px;
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.iti--allow-dropdown {
  width: 100%;
  margin-bottom: 30px
}

.calculator-section input[type="text"],
.calculator-section input[type="email"],
.calculator-section select,
.calculator-section textarea,
.calculator-section input[type="tel"] {
  width: 100%;
  padding: 20px 20px 15px;
  margin-bottom: 30px !important;
  border: 0 solid #ccc;
  font-size: 22px;
  font-family: 'Noir-medium';
  color: #717171;
  border-radius: 14px;
  background: #fff
}

.step-navigation {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  column-gap: 20px
}

.step-navigation button {
  font-size: 18px;
  font-family: 'Noir-medium';
  padding: 15px 30px 8px;
  border-radius: 14px
}

button.step-button.linear {
  background: linear-gradient(45deg, #D64247, #B53158);
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  border: 0
}

.step-button:hover {
  background: #a00325
}

.submission-result {
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 20px
}

.calculator-tab-content {
  display: inline-block !important
}

.selection-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px 10px;
  border: 1px solid #D84346;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s;
  margin-right: 20px;
  font-size: 22px;
  font-family: 'Noir-medium';
  color: #717171;
  align-items: center;
  transition: .5s ease-in-out;
  box-shadow: rgba(72, 21, 214, 0.06) 0 0 6px 2px;
  min-width: 243px
}

.calculator-tab-content img {
  min-height: 65px;
  max-height: 65px;
  object-fit: contain;
  min-width: 20px;
  max-width: 65px
}

.selection-card:hover {
  box-shadow: rgba(72, 21, 214, 0.06) 0 0 6px 2px, #D84346 0 0 0 2px inset
}

.selection-card:hover img {
  transform: scale(1.1);
  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
  transition-duration: .5s;
  transition-property: transform
}

.selection-card.selected {
  border-color: #c0042c;
  background: #ffe6eb
}

.selection-card-group.error {
  border: 2px dashed red;
  padding: 10px
}

.container {
  max-width: 1167px
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100
}

.my-float {
  margin-top: 16px
}

.gray .servies-box {
  background: #fff !important
}

header {
  background-color: #0E1F33;
  padding-top: 10px;
  padding-bottom: 10px;
  position: sticky;
  top: 0;
  z-index: 9999
}

.social-icns i {
  color: #0E1F33;
  padding-top: 5px;
  background: #fff;
  border-radius: 30px;
  height: 25px;
  width: 25px;
  text-align: center;
  margin-right: 7px
}

.dbht {
  min-height: 476px;
  object-fit: cover;
  border-radius: 31px
}

.dboff {
  min-height: 416px;
  object-fit: cover;
  border-radius: 30px
}

.jb {
  min-height: 603px;
  object-fit: cover;
  border-radius: 30px
}

.rsll {
  min-height: 535px;
  object-fit: cover;
  border-radius: 30px
}

.uh {
  min-height: 558px;
  object-fit: cover;
  border-radius: 30px
}

.if {
  min-height: 659px;
  object-fit: cover;
  border-radius: 30px
}

.off-r {
  min-height: 522px;
  object-fit: cover;
  border-radius: 30px
}

.abd-ht {
  min-height: 594px;
  object-fit: cover;
  border-radius: 30px
}

.rak {
  min-height: 699px;
  object-fit: cover;
  border-radius: 30px
}

.sh-ht {
  min-height: 628px;
  object-fit: cover;
  border-radius: 30px
}

.ajf {
  min-height: 600px;
  object-fit: cover;
  border-radius: 30px
}

.mn {
  min-height: 531px;
  object-fit: cover;
  border-radius: 30px
}

.social-icns {
  padding-left: 20px
}

.contact-info-header .contact-icon {
  color: #fff !important;
  font-family: "noir-medium";
  text-decoration: none !important
}

.contact-info-header .contact-icon {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 10px;
  text-align: right
}

.contact-info-header a {
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  line-height: 22px;
  color: #fff !important;
  font-family: "noir-medium";
  text-decoration: none !important
}

.contact-info-header p {
  margin-bottom: -4px;
  padding-left: 8px
}

hr.line {
  margin-bottom: 0;
  color: #D84346;
  opacity: 1;
  height: 4px !important;
  margin: 10px 0
}

.btn {
  background: linear-gradient(45deg, #D64247, #B53158);
  padding: 15px 30px 10px !important;
  border-radius: 10px !important
}

.btn a {
  color: #fff;
  text-decoration: none;
  font-family: 'noir-medium';
  font-weight: 500;
  font-size: 18px
}

.btn a:hover {
  color: #fff !important
}

li.nav-item a {
  /* color: #B1B1B1 !important; */
  font-family: 'noir-medium';
  /* padding-right: 15px !important */
}

.navbar-light .navbar-toggler-icon {
  background-image: url(../images/nav-icon.png) !important
}

button.navbar-toggler:focus-visible {
  outline: none !important
}

button.navbar-toggler:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important
}

.banner {
  /* padding-top: 85px; */
  /* padding-bottom: 85px */
}

.banner-content-box h1 {
  font-size: 49px;
  color: #3A4652;
  font-weight: 500;
  font-family: 'Noir-medium';
  background-image: url(../images/Rectangle\ 3.png);
  background-position: 100% 74%;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-bottom: 14px
}

.banner-content-box p {
  color: #717171;
  font-size: 28px;
  font-weight: 500;
  font-family: 'Noir-medium';
  margin-bottom: 0
}

.btn-gray a {
  font-family: 'Noir-medium';
  text-decoration: none;
  font-size: 18px
}

.btn-gray span {
  padding: 15px 28px;
  border-radius: 10px;
  background: #F8EAEE
}

.btn-gray {
  margin-bottom: 40px;
  margin-top: 30px
}

.linear {
  background: -webkit-linear-gradient(-90deg, #D84346, #B53158);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.linear-gold {
  background: -webkit-linear-gradient(-90deg, #D89320, #956100);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.experiance .linear {
  font-size: 49px;
  font-family: 'Noir-medium';
  line-height: 59px;
  margin-bottom: 0 !important
}

.experiance p {
  font-size: 28px;
  font-family: "Noir-medium";
  color: #3A4652
}

.exp {
  margin-top: -12px
}

.banner-image {
  position: absolute;
  right: 0
}

.relative {
  position: relative
}

.partners-logo {
  display: flex;
  justify-content: space-between
}

.partners {
  padding-top: 60px;
  padding-bottom: 100px
}

.sign-up {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(../images/Group\ 1000002521.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  border-radius: 33px
}

.sign-up p {
  color: #fff;
  font-size: 22px;
  font-family: 'Noir-medium';
  max-width: 65%;
  margin: 0 auto
}

.btn-second a {
  background: linear-gradient(45deg, #1C416C, #0E1F33);
  color: #fff;
  text-decoration: none;
  font-family: 'Noir-medium';
  padding: 15px 50px;
  margin: 0 !important;
  border-radius: 10px !important;
  font-size: 18px;
  color: #fff !important
}

.btn-second {
  margin-top: 23px
}

.sign-up h2 {
  font-size: 32px;
  color: #fff;
  font-family: 'Noir-medium'
}

.right-content h2 {
  font-family: "noir-medium";
  font-size: 32px
}

.right-content p {
  font-size: 18px;
  font-weight: 500;
  color: #717171;
  font-family: 'Noir-medium'
}

section.accounting {
  padding-top: 100px;
  padding-bottom: 100px
}

.packages {
  background-color: #F8F8F8;
  padding-top: 100px;
  padding-bottom: 80px
}

.cards {
  background: #fff;
  border-radius: 14px;
  transition: ease .5s
}

.cards:hover {
  box-shadow: 0 0 20px 0 #80808047
}

.mg-ht img {
  min-height: 616px;
  object-fit: cover;
  border-radius: 40px
}

.package-p {
  text-align: center
}

.package-content p {
  font-family: 'Noir-medium';
  color: #717171;
  font-size: 18px
}

.package-content {
  padding: 23px
}

.package-content h3 {
  font-size: 25px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.pakage-headings {
  text-align: center;
  padding-bottom: 30px
}

.pakage-headings p {
  font-size: 18px;
  font-family: 'Noir-medium';
  color: #717171
}

.pakage-headings h2 {
  font-size: 32px;
  font-family: "noir-medium";
  color: #3A4652
}

.pakage-headings p {
  font-size: 18px;
  font-family: 'Noir-medium';
  color: #717171;
  max-width: 70%;
  margin: 0 auto
}

.card-links {
  text-decoration: none
}

.ajman-mainland {
  background-image: url(../images/ajman-main-banner.webp) !important
}

.cards {
  height: 100%;
  margin: 0px 10px;
  min-height: 601px
}

.we-keep-content {
  background: #0E1F33;
  padding: 120px;
  background-image: url(../images/bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  color: #fff;
  font-family: 'Noir-medium'
}

.progress-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(closest-side, #0E202E 79%, transparent 80% 100%), conic-gradient(#D44148 75%, #0E161F 0)
}

.progress-bar-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(closest-side, #0E202E 79%, transparent 80% 100%), conic-gradient(#D44148 99%, #0E161F 0)
}

.progress-bar::before {
  content: "75%";
  font-family: 'Noir-medium'
}

.progress-bar-2::before {
  content: "99%";
  color: #fff;
  font-family: 'Noir-medium'
}

.we-keep-content h2 {
  color: #fff;
  font-size: 32px;
  color: #fff !important;
  font-family: 'Noir-medium'
}

.we-keep-content p {
  font-size: 22px;
  color: #c5c5c5;
  padding-bottom: 10px;
  font-family: 'Noir-medium'
}

.progress-content h3 {
  color: #fff;
  font-size: 25px;
  font-family: 'Noir-medium';
  padding-top: 32px
}

.gap-between {
  gap: 40px
}

.setup {
  padding-top: 0;
  padding-bottom: 100px
}

.card-content {
  min-height: 454px;
  overflow: hidden;
  height: 473px;
  transition: ease .5s
}

.first-box {
  background-image: url(../images/card-1.png);
  min-height: 473px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  align-items: end
}

.sec-box {
  background-image: url(../images/card-2.png);
  min-height: 473px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  align-items: end
}

.trd-box {
  background-image: url(../images/card-3.png);
  min-height: 473px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  align-items: end
}

.all h3 {
  font-size: 27px;
  color: #fff;
  font-family: 'Noir-medium';
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
  padding-bottom: 22px
}

.second-box {
  background-image: url(../images/hover-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 25px 25px 40px
}

.second-box h3 {
  color: #fff;
  font-family: 'Noir-medium';
  font-size: 27px;
  margin-bottom: 0
}

.second-box h4 {
  color: #fff;
  font-family: 'Noir-medium';
  font-size: 22px
}

p.li-text {
  font-size: 14px;
  font-family: 'Noir-medium';
  color: #0E1F33 !important;
}

p.li-text strong {
  font-weight: bold !important;
  font-family: 'Noir-medium';
}

p.include-text {
  color: #0E1F33 !important;
  font-size: 18px;
}

.packages-tab-slider .slick-track {
  display: flex;
  flex-direction: row;
  gap: 20px;

}

.packages-tab-slider .pricing-card:nth-child(even) .pricing-content {
  background: #0E1F33;
  padding: 34px 20px;
  border-radius: 8px;
  margin-bottom: 40px;
}

.packages-tab-slider .pricing-card:nth-child(even) .pricing-content h4,
.packages-tab-slider .pricing-card:nth-child(even) .pricing-content h2,
.packages-tab-slider .pricing-card:nth-child(even) .pricing-content p {
  color: #fff !important;
}

.packages-tab-slider .pricing-card:nth-child(even) .pricing-content a {
  background: linear-gradient(45deg, #D64247, #B53158);
  padding: 15px 14px 9px !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.packages-tab-slider .pricing-card:nth-child(even) .pricing-card-main {
  padding: 15px;
}

div#mainland .packages-tab-slider .pricing-card-main {
  min-height: 638px !important;
}

div#offshore .packages-tab-slider .pricing-card-main {
  min-height: 582px !important;
}

.partners {
  padding-bottom: 0px;
}

.package-img img {
  border-radius: 10px;
}

.btn {
  padding: 15px 15px 10px !important;
}

.close-btn2 {
  z-index: 9999;
}


@media (max-width: 767px) {
  .aj-launch-font {
    font-size: 26px !important;
    color: #3A4652;
  }

  /* --- Sliders & banners --- */
  .packages-tab-slider .slick-track {
    gap: 0 !important;
  }

  .inner-banner {
    min-height: 250px !important;
  }

  .inner-content h2,
  .inner-content h1 {
    font-size: 20px !important;
  }

  section.inner-banner p,
  .benefits-golden-visa .top-ban-list>div {
    margin-bottom: 0 !important;
  }

  /* Pricing cards */
  .packages-tab-slider .pricing-card .pricing-content {
    background: #0e1f33 !important;
    padding: 34px 20px !important;
    border-radius: 8px !important;
    margin-bottom: 40px !important;
  }

  .packages-tab-slider .pricing-card .pricing-content h4,
  .packages-tab-slider .pricing-card .pricing-content h2,
  .packages-tab-slider .pricing-card .pricing-content p {
    color: #fff !important;
  }

  .packages-tab-slider .pricing-card .pricing-content a {
    background: linear-gradient(45deg, #d64247, #b53158) !important;
    padding: 15px 14px 9px !important;
    border-radius: 10px !important;
    color: #fff !important;
  }

  .packages-tab-slider .pricing-card .pricing-card-main {
    padding: 15px;
  }

  /* Hide desktop‑only elements */
  .contact-info-header,
  .desktop {
    display: none !important;
  }

  /* --- Global spacing tweaks --- */
  section.packages.home-packages .slick-list.draggable,
  .home-counter,
  body section.Features.offshore-features.question-our-sevices.confused-golden,
  .counter,
  .perfect-zone-dubai .container,
  .ifza-business-setup,
  .advantages-abudhabi-freezone p.content-box-p,
  body .dubai-offshore-pkg,
  body section.section-padding.top-ban.sh.sharjah-setup.key-rak-offshore,
  .establish-offshore,
  body section.top-ban.sh.sharjah-setup.cost-rak-offshore,
  body section.section-padding.top-ban.sh.sharjah-setup.establish-offshore,
  body section.section-padding.top-ban.sh.sharjah-setup.setup-rak-offshore.start-company-ajman-offshore,
  body .small-business-ajman-offshore {
    padding-top: 0 !important;
  }

  .perfect-zone-dubai .container {
    margin: 0;
  }

  section.packages.home-packages,
  section.faq,
  body .our-service-ensure,
  body .pricing-section,
  body .setup-dubai,
  .sharjah-pb,
  .rak-formation,
  body .checkout-puredocs-rak,
  body .step-guide-sharjah {
    padding-bottom: 40px !important;
  }

  section.pricing-section.home-pricing-sec,
  .blogs .pakage-headings,
  body .golden-visa-pb-zero,
  .abudhabi-key-step .icon-list>div,
  .advantages-ajman-freezone,
  body .dubai-offshore-pkg .slick-list,
  .benefits-ajman-offshore h3 {
    padding-bottom: 0 !important;
  }

  body .home-pricing-card-main {
    min-height: auto !important;
  }

  /* Golden‑visa mobile banner */
  section.inner-banner.gold-banner {
    background: url(https://puredocsservices.com/frontend/images/mob-golden-bg.webp) !important;
    min-height: 160px !important;
  }

  /* Tabs & blog cards */
  section.step-tabs .tab-content {
    padding: 30px !important;
  }

  section.packages.blogs {
    padding: 40px 20px 20px;
  }

  section.customer.slider {
    padding: 50px 0 !important;
  }

  .home-main-banner {
    padding: 30px 0;
  }

  /* More section spacing adjustments (20 px bottom) */
  .pro-business-setup,
  body .golden-visa-padding-mob,
  body .golden-visa-pkg,
  body .golden-visa-application,
  body .padding-b,
  .abudhabi-key-step,
  .steps-ajman,
  .cost-business-sharjah,
  body section.setup-business-rakez.rakez-padding,
  section.choose-sharjah-freezone,
  .doc-ajman-freezone .we-keep-content {
    padding-bottom: 20px !important;
  }

  section.calculator-section,
  section.Features,
  .advantages-business-setup,
  .advant-setting,
  .About,
  section.mileston,
  .why-chos,
  .abudhabi-types,
  .abudhabi-profitable,
  .abudhabi-business-setup,
  body .sharjah-flourishing,
  .benefits-uae-freezone,
  .dubai-zone-service-box,
  section.setting-abudhabi,
  .compliance-requirements,
  .investement-opportunities-rak,
  body section.sharjah-freezone.pro,
  .formation-dubai-offshore,
  .choose-dubai-offshore,
  .jebel-setup {
    padding: 40px 0 !important;
  }

  .custom-container h2 {
    font-size: 24px;
  }

  section.packages.home-packages,
  .checkout-puredocs-rak {
    padding-top: 40px !important;
  }

  section.top-ban.section-padding.business-setup-sec,
  section.gray.process-business-setup,
  .process-our-services,
  .dubai-types-mainland,
  .dubai-easy-steps,
  body .dubai-gray-sec,
  .abudhabi-essential,
  body .rasalkhaimah-freezone-comprehensive,
  .shar-freezone-start,
  .sharjah-register,
  body .sharjah-setup,
  section.dubai-offshore,
  section.db-m-gray.free-zone-company-dubai.permission-ajman-offshore {
    padding: 40px 0 20px !important;
    margin: 0;
  }

  section.step-tabs .container,
  section.establish-freezone-abudhabi .content-box-content {
    padding-top: 20px !important;
  }

  button#subscribe {
    flex: 75% !important;
  }

  .grow-fast-sec {
    padding: 40px 10px !important;
  }

  .cards,
  body .pro-services-pkg .pricing-card-main {
    min-height: auto !important;
  }

  section.pricing-section.section-padding.uae-freezone.dubai-freezone-pkg.pro-services-pkg,
  .padding-b h3,
  body .abudhabi-pricing-sec,
  .benefits-ajman,
  .sharjah-mainland-companies,
  body .uae-freezone,
  .open-rak-offshore h3 {
    padding-bottom: 0 !important;
  }

  body .ft-business-setup,
  .about-business-startup,
  section.step-dubai-offshore,
  body .benefits-jabel,
  body .step-jabel,
  body .rasalkhaimah-offshore {
    padding: 0 !important;
  }

  body .pro-pricing-card-main.pricing-card-main {
    min-height: 745px !important;
  }

  .benefits-golden-visa-row-2 {
    margin-top: 20px !important;
  }

  .golden-visa-margin-mob .top-ban-list>div {
    margin-bottom: 20px !important;
  }

  .gifted-golden,
  .highly-golden,
  body .padding-tb,
  .c-box-2 {
    padding: 20px 0 !important;
  }

  body .service-pg-business-cost,
  body section.db-m-gray.essential-doc-dubai-freezone.doc-uae-offshore.puredocs-jabel.declaration-rak-offshore {
    padding: 40px 0 0 !important;
  }

  .about-solution,
  .abudhabi-possible-sec,
  .structure,
  body section.establishment-freezone-uae.document-required-uae {
    padding: 0 0 40px !important;
  }

  .road-map-content.d-flex {
    flex-direction: column;
  }

  .road-map-content div {
    width: 95% !important;
    margin: auto;
  }

  .heady,
  h2.choose-your-business-package {
    font-size: 20px !important;
  }

  .abudhabi-benefits-formation {
    padding: 0 15px 20px !important;
  }

  .abudhabi-key-step .row.al {
    row-gap: 0;
  }

  .why-choose-sharjah,
  .u-freezone-varieties {
    padding-top: 40px !important;
  }

  .servies-box {
    padding: 25px !important;
  }

  section.investement-opportunities-rak,
  .adv-uae-offshore {
    margin: 0 !important;
  }

  .step-guide-sharjah {
    margin-top: 40px !important;
  }

  .setup-business-content .icn-wraper,
  .essential-doc-dubai-freezone,
  section.international-freezone,
  .permission-ajman-offshore,
  .our-services-puredocs {
    padding-bottom: 30px !important;
  }

  section.sharjah-freezone.pro .row.al {
    row-gap: 0;
  }

  .slide-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


.h-inspired-name {
  font-size: 25px !important;
  font-family: 'Noir-medium' !important;
  color: #3A4652 !important;
  padding-top: 0px !important;
}

.h-inspired-verified {
  font-size: 18px !important;
  gap: 10px !important;
  font-family: 'Noir-medium' !important;
  margin: 0 !important;
  line-height: 21px !important;
  align-items: center !important;
  padding-top: 0px !important;
}

.lets-connect-p {
  color: #fff !important;
  font-size: 52px !important;
  font-family: 'Noir-medium' !important;
}

.pricing-list-item p {
  font-size: 16px;
  font-family: 'Noir-medium';
  color: #3A4652 !important;
  margin-bottom: .5rem;
}

p.pricing-title {
  font-size: 18px;
  font-family: "noir-medium";
  color: #6D758F;
  margin-bottom: .5rem;
  line-height: 21.6px;
}

p.price {
  font-size: 36px;
  font-family: "noir-medium";
  color: #6D758F;
  margin-bottom: .5rem;
  line-height: 43.2px;
}

.form-summary {
  font-size: 23.272px;
  font-weight: 500;
}

.fm-32 {
  font-size: 32px !important;
}

.fm-25 {
  font-size: 32px !important;
}

@media screen and (max-width: 580px) {
  p.price {
    font-size: 22px;
    font-family: "noir-medium";
    color: #6D758F;
    margin-bottom: .5rem;
  }

  .fm-25 {
    font-size: 25px !important;
  }

  .fm-25 {
    font-size: 25px !important;
  }
}

.counter-content .newp {
  font-size: 40px;
  font-family: 'Noir-medium';
  color: rgb(33, 37, 41) !important;
  line-height: 48px;
  height: 48px;
  margin-bottom: 8px;
}

.second-box p {
  font-size: 18px;
  color: #DEDEDE;
  font-family: 'Noir-medium'
}

.second-box ul {
  list-style: none;
  font-size: 18px;
  color: #fff;
  font-family: 'Noir-medium';
  padding: 0
}

.second-box li {
  background-image: url(../images/bullet-arrow.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 30px
}

.second-box {
  transition: ease .5s;
  transform: translateY(0)
}

.card-content:hover .second-box {
  transform: translateY(-473px)
}

.counter-content h4 {
  font-size: 40px;
  font-family: 'Noir-medium';
  padding-top: 20px
}

.counter-content p {
  color: #717171;
  font-family: 'Noir-medium';
  font-size: 18px
}

.counter-content {
  text-align: center
}

.counter {
  padding: 50px 0
}

section.customer.slider {
  background: #F8F8F8;
  padding: 100px 0
}

.slide-content {
  background: #fff;
  padding: 35px 25px;
  border-radius: 20px;
  margin-right: 19px
}

.slide-content p {
  font-size: 18px;
  font-family: 'Noir-medium';
  color: #717171;
  padding-top: 20px
}

.slide-content h3 {
  font-size: 25px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.slide-content h5 {
  font-size: 18px;
  gap: 10px;
  font-family: 'Noir-medium';
  margin: 0;
  line-height: 21px;
  align-items: center
}

button.slick-prev {
  position: absolute;
  z-index: 999;
  top: -80px;
  left: 26%;
  width: 100%
}

button.slick-next {
  position: absolute;
  z-index: 999;
  top: -83px;
  right: -35%;
  width: 100%
}

.customer {
  overflow-x: hidden
}

.slick-prev:before {
  display: none
}

.slick-next:before {
  display: none
}

.cust-bg {
  min-height: 505px;
  background-image: url(../images/cust-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  border-radius: 30px
}

.custom-container {
  max-width: 850px;
  margin: 0 auto
}

.custom-container h2 {
  color: #fff;
  font-family: 'Noir-medium';
  font-size: 32px
}

.custom-container.text-center p {
  color: #A6A6A6;
  font-size: 18px;
  font-family: 'Noir-medium'
}

.Features {
  padding-top: 100px;
  padding-bottom: 100px
}

.accordion-item {
  box-shadow: -1px 6px 11px 1px #80808021;
  border-radius: 20px !important;
  margin-bottom: 20px !important;
  border: 0
}

.accordion-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  gap: 20px;
  align-items: center;
  padding: 20px 15px;
  cursor: pointer;
  background: #fff;
  font-weight: 700;
  transition: background .3s ease;
  border-radius: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-family: 'Noir-medium'
}

.accordion-header h3 {
  margin-bottom: -12px
}

.accordion-header:hover {
  background: #fff
}

.accordion-header .icon {
  font-size: 18px;
  transition: transform .3s ease
}

.accordion-header.active .icon {
  transform: rotate(180deg)
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease, padding .3s ease;
  padding: 0 15px;
  background: #fafafa
}

.accordion-content.open {
  max-height: 200px;
  padding: 15px;
  border-radius: 0 0 20px 20px
}

.accordion-content p {
  font-family: 'Noir-medium';
  color: #A6A6A6;
  font-size: 18px
}

.faq {
  padding-bottom: 100px
}

.faq-uae {
  padding-top: 100px
}

.date span {
  font-size: 16px;
  font-family: 'Noir-medium'
}

.date {
  margin-bottom: 11px
}

.frm {
  max-width: 580px;
  margin: 0 auto
}

button.btn {
  flex: 40%;
  color: #fff;
  font-family: "noir-medium";
  padding-bottom: 4px !important;
  border-radius: 0 7px 7px 0
}

button.btn:hover {
  color: #fff
}

input.form-control {
  background: #F2F2F2;
  font-family: 'Noir-medium';
  padding-top: 12px;
  border-radius: 7px 0 0 7px
}

footer {
  padding-top: 80px
}

.footer-content h2 {
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #3A4652;
  padding: 25px 0;
  margin: 0
}

.copyright {
  background: #0E1F33;
  padding: 20px 0
}

.copyright p {
  font-size: 22px;
  color: #fff;
  font-family: noir-medium;
  margin-bottom: 0
}

.footer-content {
  padding-bottom: 80px
}

.partners-logo img {
  width: 20%;
  padding: 18px
}

.inner-banner {
  background-image: url(../images/inner-bg.webp);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 0 20px;
  min-height: 385px;
  display: flex;
  align-items: center
}

section.inner-banner h2,
section.inner-banner h1 {
  color: #fff;
  font-family: 'Noir-medium';
  margin: 0
}

section.inner-banner p {
  font-size: 18px;
  color: #fff;
  font-family: 'Noir-medium';
  padding-top: 16px
}

.About {
  padding: 100px 0 50px
}

.boxes {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: end
}

.boxes div {
  box-shadow: -2px 6px 20px 0 #b9b9b92e;
  padding: 22px;
  box-sizing: border-box;
  margin: 10px;
  width: 45%;
  border-radius: 10px
}

.counter-content.linear-bg {
  background: linear-gradient(45deg, #AA2560, #D34148);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px
}

.counter-content.linear-bg h4 {
  color: #fff;
  font-size: 85px;
  margin: 0
}

.counter-content.linear-bg p {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  padding-top: 0;
  margin: 0;
  margin-top: -21px
}

.counter-content.linear-bg {
  background: linear-gradient(45deg, #AA2560, #D34148);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.counter-content.linear-bg h4 {
  color: #fff;
  font-size: 85px;
  margin: 0
}

.counter-content.linear-bg p {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  padding-top: 0;
  margin: 0;
  margin-top: -21px
}

.about-content h4 {
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #3A4652
}

.about-content h2 {
  font-size: 72px;
  font-family: 'Noir-medium'
}

.about-content p {
  font-size: 18px;
  color: #717171;
  font-family: 'Noir-medium'
}

.boxes .counter-content p {
  margin: 0
}

.provider-content h2 {
  font-size: 32px;
  font-family: 'Noir-medium';
  color: #3A4652;
  max-width: 65%
}

.provider-content p,
.double-col p {
  font-size: 22px;
  color: #717171;
  font-family: 'Noir-medium'
}

.white-p {
  width: 45%
}

.gray-p {
  width: 55%;
  background: #F8F8F8;
  padding: 30px;
  border-radius: 30px;
  margin-left: 34px
}

.border-sec {
  padding-bottom: 100px;
  border-bottom: 4px solid #000
}

.road-map-content div {
  width: 20%
}

.road-map-content p {
  color: #717171;
  font-size: 17px;
  font-family: 'Noir-medium'
}

.roadmsp h2 {
  font-size: 42px;
  font-family: "noir-medium";
  margin: 0
}

.mileston {
  padding-top: 80px;
  padding-bottom: 80px
}

.mileston-content h3 {
  font-size: 32px;
  color: #3A4652;
  font-family: 'Noir-medium'
}

.mileston-content p {
  font-size: 18px;
  color: #717171;
  font-family: 'Noir-medium';
  max-width: 60%;
  margin: 0 auto
}

.mileston-content {
  padding-bottom: 45px
}

.business-startup {
  padding: 60px 0 80px
}

.contact {
  background-image: url(../images/contact-banner.webp)
}

.shadow-content {
  box-shadow: 0 0 17px 0 #80808075;
  padding: 55px 34px 27px 34px;
  border-radius: 24px;
  margin-top: -24px
}

.shadow-content h3 {
  color: #3A4652;
  font-size: 28px;
  font-family: 'Noir-medium'
}

.shadow-content p {
  font-size: 20px;
  font-family: 'Noir-medium'
}

section.contact-info a {
  text-decoration: none
}

section.contact-info {
  padding: 80px 0
}

.exp-img {
  margin-top: -116px;
  padding-bottom: 24px
}

.experts p {
  padding-top: 0
}

.slider .slick-list.draggable {
  overflow: unset
}

.partners {
  overflow-x: hidden
}

.experts .slider-list {
  padding-top: 80px
}

.ox {
  overflow: hidden
}

h3.htt {
  min-height: 51px;
  display: flex;
  align-items: center
}

.structure img.img-fluid {
  height: 70px
}

section.form-page input,
textarea {
  width: 100%;
  background: #F8F8F8;
  padding: 16px 20px 10px;
  border-radius: 11px;
  border: none;
  margin-bottom: 14px;
  font-family: 'Noir-medium';
  font-size: 22px !important;
  color: #717171
}

select {
  width: 100%;
  background: #F8F8F8;
  padding: 16px 20px 10px;
  border-radius: 11px;
  border: none;
  margin-bottom: 14px !important;
  font-family: 'Noir-medium' !important;
  font-size: 22px !important;
  color: #717171
}

select {
  word-wrap: normal;
  padding-right: 20px;
  appearance: none
}

.con select {
  background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="none" stroke="%23999" stroke-width="1.1" d="M0 0l2 2 2-2"/></svg>') no-repeat;
  background-position: right 15px center !important;
  background-size: 10px !important;
  background-color: #F8F8F8 !important
}

textarea {
  width: 100%;
  background: #F8F8F8;
  padding: 16px;
  border-radius: 11px;
  border: none;
  margin-bottom: 14px !important;
  font-family: 'Noir-medium' !important;
  font-size: 22px !important;
  color: #717171
}

section.form-page {
  padding: 100px 0
}

.form-page .btn {
  font-size: 22px
}

.pro-services {
  background-image: url(../images/pro-services.webp)
}

.htt p.px-0 {
  min-height: 112px
}

.icon-list.ch {
  padding-top: 20px
}

.icon-list.ch p {
  color: #3A4652;
  font-size: 20px
}

.content-box-content h2,
.content-box-content h3 {
  font-size: 32px;
  color: #3A4652;
  font-family: 'Noir-medium'
}

p.content-box-p {
  color: #717171;
  font-family: 'Noir-medium';
  font-size: 20px
}

.icn-wraper {
  align-items: center !important
}

section.pro {
  padding: 100px 0
}

section.pro {
  padding: 100px 0
}

.menu {
  width: 100%
}

.hamburger {
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1000;
  color: #fff
}

.menu2 {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background-color: #0E1F33;
  color: #fff;
  transition: right .3s ease-in-out;
  padding: 20px;
  z-index: 1000
}

.menu2.active {
  right: 0
}

.close-btn2 {
  background: none;
  border: none;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer
}

#men2 {
  z-index: 999999
}

.menu.open {
  left: 0
}

.menu-items {
  list-style: none;
  text-align: center
}

.menu-items li {
  margin: 15px 0
}

.menu-items a {
  color: #fff;
  text-decoration: none;
  font-size: 20px
}

.menu-items a:hover {
  color: #ff5722
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  z-index: 999
}

.icon-list p {
  font-family: 'Noir-medium';
  font-size: 18px;
  color: #717171;
  padding-left: 20px
}

.icon-list span.md {
  color: #3A4652
}

.icn-wraper {
  padding-bottom: 18px
}

section.gray {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #F8F8F8
}

.dubai-gray-sec {
  padding: 60px 0 30px !important
}

.sec-heading h2,
.sec-heading h3 {
  color: #3A4652;
  font-size: 28px;
  font-family: "noir-medium";
  padding-bottom: 30px
}

.sec-heading h4 {
  color: #3A4652;
  font-size: 25px;
  font-family: "noir-medium";
  padding-bottom: 30px
}

.package-category {
  padding-top: 100px;
  padding-bottom: 100px
}

.package-category .accordion-header.active .icon {
  transform: rotate(360deg) !important
}

.pkg-box .accordion h3 {
  font-size: 17px
}

.pkg-box .accordion ul li {
  color: #717171;
  font-size: 18px;
  font-family: noir-medium
}

.pkg-box .accordion-item {
  box-shadow: none !important;
  border: none;
  margin: 0 !important
}

.pkg-box .accordion-content {
  background: transparent;
  padding-left: 0
}

.pkg-box .accordion-header {
  padding: 0 0 20px
}

.pkg-box {
  padding: 30px;
  box-shadow: 0 0 59px 0 #80808029;
  border-radius: 22px
}

.pkg-box h3 {
  font-family: "noir-medium";
  padding-top: 5px;
  margin-bottom: 0
}

.pkg-box p {
  color: #717171;
  font-size: 18px;
  font-family: 'Noir-regular'
}

.benefit-sec {
  padding-bottom: 100px
}

.gov {
  padding-top: 100px
}

.business-banner {
  background-image: url(../images/business-banner.webp)
}

section.advantages {
  padding: 100px 10px 80px
}

.section-padding {
  padding: 80px 0
}

.sec-heading p {
  font-size: 20px;
  color: #717171;
  font-family: 'Noir-medium'
}

section.advant .icon-list p {
  font-size: 18px;
  color: #3A4652
}

.ft {
  padding-top: 0;
  padding-bottom: 0
}

.p2 {
  padding-bottom: 0 !important
}

.services-banner {
  background: url(../images/our-services-banner.png)
}

.second-banner {
  background-position: center;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px
}

.second-banner h2 {
  color: #fff;
  font-size: 32px;
  font-family: "noir-medium"
}

.second-banner .btn-white a {
  background: #fff;
  padding: 12px 30px 8px;
  color: #000;
  text-decoration: none;
  font-family: "noir-medium";
  border-radius: 10px
}

.form-content {
  background: #0E1F33;
  padding: 45px;
  border-radius: 32px
}

.form-content input,
.form-content select,
.form-content textarea {
  background-color: #3E4C5C !important;
  color: #fff !important;
  opacity: 6 !important;
  font-family: 'Noir-medium';
  font-size: 15px !important;
  padding: 14px;
  width: 100%;
  margin-bottom: 12px;
  border: none;
  border-radius: 10px
}

.form-content select {
  background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="none" stroke="%23FFF" stroke-width="1.1" d="M0 0l2 2 2-2"/></svg>') no-repeat;
  background-position: right 15px center !important;
  background-size: 10px !important
}

.form-content input:focus,
.form-content select:focus,
.form-content textarea:focus {
  outline: none;
  border: none
}

.form-content select:focus {
  outline: none;
  border: none
}

.form-content input::placeholder,
.form-content textarea::placeholder {
  color: #fff
}

.form-content h3 {
  font-family: 'Noir-medium';
  font-size: 32px
}

.form-content p {
  color: #fff;
  font-size: 20px;
  font-family: 'Noir-medium'
}

.servies-box h3 {
  font-size: 22px;
  font-family: noir-medium;
  padding-top: 20px
}

.servies-box p {
  font-size: 18px;
  color: #717171;
  font-family: noir-medium
}

.servies-box {
  box-shadow: 0 0 20px 0 #80808024;
  padding: 40px;
  border-radius: 24px;
  transition: ease .5s
}

.servies-box:hover {
  transform: scale(1.04)
}

.servies-box h3 {
  font-size: 22px;
  font-family: noir-medium
}

.servies-box p {
  color: #717171;
  font-family: noir-medium;
  font-size: 18px;
  min-height: 81px
}

.serves-list-section .row {
  row-gap: 20px
}

.we-keep-second .we-keep-content {
  padding: 0;
  background: none
}

section.we-keep-second h4 {
  color: #3A4652;
  max-width: 66%
}

section.we-keep-second p {
  color: #717171
}

section.we-keep-second .progress-bar,
section.we-keep-second .progress-bar-2 {
  background: radial-gradient(closest-side, #fff 79%, transparent 80% 100%), conic-gradient(#D44148 75%, #0E161F 0)
}

section.we-keep-second .progress-bar-2::before {
  content: "99%";
  color: #C73A4E;
  font-family: 'Noir-medium';
  font-size: 25px;
  padding-top: 10px
}

section.we-keep-second .progress-bar::before {
  content: "25%";
  color: #C73A4E;
  font-family: 'Noir-medium';
  font-size: 25px;
  padding-top: 10px
}

.blogs-banner {
  background-image: url(../images/blog-banner.png)
}

.blog-pg .cards {
  background: #F8F8F8
}

.blog-content h3 {
  color: #3A4652;
  font-size: 25px;
  font-family: 'Noir-medium'
}

.meta.d-flex {
  gap: 10px
}

.meta.d-flex p {
  font-size: 14px;
  font-family: 'Noir-medium';
  color: #696A75;
  margin: 0
}

.aurther {
  gap: 7px
}

.para {
  font-size: 18px;
  color: #717171;
  font-family: "noir-medium"
}

.blog-description img {
  padding-bottom: 39px;
  padding-top: 20px
}

.gray-section {
  background: #F6F6F7;
  padding: 50px;
  border-radius: 32px;
  box-shadow: -2px 1px 0 0 #80808042;
  margin-bottom: 20px
}

.gray-section {
  background: #F6F6F7;
  padding: 28px
}

.uae-mainland {
  background: url(../images/uae-mainland-banner.png)
}

.form-section {
  background: #0E1F33
}

.form-section .form-content input,
.form-section .form-content select,
.form-section .form-content textarea {
  background-color: #DA656E !important;
  font-size: 20px !important;
  margin-bottom: 20px
}

.form-section .form-content h3 {
  color: #fff;
  font-size: 52px
}

.form-section .form-content .btn {
  background: #fff;
  color: #0E1F33;
  border-radius: 10px;
  margin-top: 20px
}

.form-bg {
  background: linear-gradient(45deg, #D74247, #B63157);
  border-radius: 0 0 75px 0
}

.form-section .form-content {
  background: transparent;
  padding: 77px
}

.form-section .icn-wraper p {
  color: #fff;
  padding-bottom: 0
}

.form-section .icon-list {
  padding-top: 25px
}

.form-section .we-keep-content {
  background-image: none
}

section.top-ban .top-ban-list>div {
  box-shadow: 0 0 20px 0 #8080803b;
  padding: 10px;
  margin-bottom: 23px;
  border-radius: 19px
}

section.top-ban .top-ban-list>div {
  box-shadow: 0 0 20px 0 #8080803b;
  padding: 30px;
  margin-bottom: 23px;
  border-radius: 19px
}

section.top-ban .top-ban-list .h3box {
  font-size: 20px;
  font-family: "noir-medium";
  color: #3A4652;
  padding: 0;
  margin: 0
}

section.top-ban .top-ban-list h3 span {
  padding-right: 12px;
  line-height: 44px
}

.formate .cards {
  height: auto;
  padding-bottom: 20px
}

.formate .cards .btn {
  width: 100%
}

.list-icon-sec {
  box-shadow: 0 0 20px 0 #80808024;
  border-radius: 30px;
  padding: 40px 40px 20px
}

.db-ht {
  min-height: 656px;
  object-fit: cover;
  border-radius: 32px
}

.al p.m-0 {
  padding-top: 4px
}

.al .icon-list div {
  padding-bottom: 22px
}

.cht {
  min-height: 562px;
  object-fit: cover;
  border-radius: 30px
}

.dll {
  min-height: 513px;
  object-fit: cover;
  border-radius: 65px
}

.list-icon-sec .icn-wraper img {
  padding-top: 5px
}

.dubai-mainland {
  background-image: url(../images/dubai-mainland-banner.webp)
}

.pack-banner {
  background-image: url(../images/pack.webp)
}

.structure {
  background: #0E1F33
}

.structure .pakage-headings h2 {
  color: #fff !important
}

.dub p {
  color: #717171 !important
}

.dub p span {
  color: #fff
}

.heady {
  font-size: 25px;
  font-family: noir-medium;
  padding-top: 21px
}

.abudhabi-mainland {
  background-image: url(../images/abudhabi-banner.webp)
}

.why-chos .counter-content {
  background: linear-gradient(174deg, #D44148, #BB3455);
  padding: 25px 30px;
  border-radius: 0 0 40px 0
}

.ul-style li {
  color: #717171;
  font-family: 'Noir-medium';
  font-size: 22px
}

.why-chos .counter-content p {
  color: #fff
}

.abu .servies-box {
  gap: 20px
}

.adv .row {
  padding: 45px;
  box-shadow: 0 0 20px 0 #80808042;
  border-radius: 34px;
  align-items: center
}

.ajman {
  background-image: url(../images/ajman-banner.png)
}

.sharja-mainland {
  background: url(../images/sharja-mainland.png)
}

.uae-freezone-banner {
  background: url(../images/uae-freezone.png)
}

.sliders .servies-box {
  box-shadow: none !important
}

.slick-dots {
  position: relative !important;
  bottom: unset !important;
  text-align: left !important;
  padding-left: 40px !important
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #B42C5A !important;
  font-size: 16px
}

.slick-dots li button:before {
  font-size: 14px !important
}

.slick-dots li button:before:hover {
  color: #B42C5A !important
}

.dubai-freezone-banner {
  background: url(../images/dubai-zone.webp)
}

.ifza-freezone-banner {
  background: url(../images/ifza-freezone.webp)
}

.dhabi-freezone-banner {
  background: url(../images/dhabi-freezone.webp)
}

.rasalkhaimah-freezone-banner {
  background: url(../images/rasalkhaimah-freezone-banner.webp)
}

.rakez-freezone-banner {
  background: url(../images/rakez-banner.png)
}

.sharja-freezone-banner {
  background: url(../images/sharja-freezon-banner.webp)
}

.ajman-freezone-banner {
  background: url(../images/ajman-freezone-banner.webp)
}

.uae-off-banner {
  background: url(../images/uae-offshore-banner.png)
}

.dubai-off-banner {
  background: url(../images/dubai-off-banner.webp)
}

.jebel-off-banner {
  background: url(../images/jebel-banner.webp)
}

.rasal-off-banner {
  background: url(../images/rasal-off-banner.png)
}

.ajman-off-banner {
  background: url(../images/ajman-off-banner.webp)
}

.gold-banner {
  background: url(../images/gold-banner.png)
}

section.inner-banner.gold-banner h2 {
  color: #000
}

.ct .counter-content {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px
}

.ctt .counter-content {
  box-shadow: 0 0 20px 0 #b1adad8c;
  border-radius: 10px
}

.xx .icon-list p {
  font-size: 23px
}

.sh .row {
  box-shadow: none !important;
  padding: 0 !important
}

.sh .col-lg-6.col-md-6.col-sm-12 {
  box-shadow: none;
  padding: 10px;
  margin: 0
}

.servies-box {
  height: 100%
}

.box {
  padding: 40px 30px;
  box-shadow: 0 0 20px 0 #80808040;
  border-radius: 29px
}

.box span {
  font-size: 20px;
  font-family: 'Noir-medium';
  padding-right: 12px;
  padding-bottom: 16px;
  color: #3A4652
}

.box p.content-box-p.pt-3 {
  font-size: 20px
}

.box.bxt h4 {
  font-family: 'Noir-medium';
  font-size: 22px
}

.bxt span.md {
  font-size: 18px;
  color: #717171
}

.box.bxt p {
  font-size: 18px;
  color: #717171 !important;
  font-family: "noir-medium"
}

.bgr {
  background: #0E1F33;
  padding: 39px;
  border-radius: 0 0 20px 20px
}

.business-set h6,
.business-set p {
  border-bottom: 2px solid #dc3545;
  padding-bottom: 5px;
  display: inline-block;
  font-family: 'Noir-medium'
}

.business-set ul li {
  margin-bottom: 5px;
  cursor: pointer
}

.business-set ul li a {
  color: #fff;
  text-decoration: none;
  font-family: "noir-medium"
}

section.business-set {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 148px
}

div#navbarSupportedContent {
  z-index: 999;
  position: relative
}

.btn-danger {
  border-radius: 20px
}

.business-set {
  color: #fff;
  transition: opacity .3s ease-in-out
}

ul.list-unstyled.dropdown-menu.show {
  background: transparent;
  border: none
}

ul.list-unstyled.dropdown-menu.show a {
  text-decoration: none;
  padding-left: 20px
}

ul.list-unstyled.dropdown-menu.show li {
  padding-bottom: 6px
}

ul#myTabs {
  justify-content: center;
  padding-bottom: 35px;
  border-bottom: 0
}

.nav-tabs a.nav-link {
  color: #3A4652 !important
}

.nav-tabs .nav-link.active {
  color: #B53158 !important;
  background: transparent
}

.card ul li {
  font-family: 'Noir-medium';
  text-align: left;
  padding-left: 20px;
  padding-left: 33px;
  padding-top: 8px;
  background-image: url(../images/Checkcircle.png);
  background-repeat: no-repeat;
  background-position: left center
}

.card-body.text-center {
  padding: 33px
}

.we-keep-content .icn-wraper p {
  padding-top: 5px
}

@media (min-width:992px) {
  .nav-logo {
    display: none
  }

  section.inner-banner p {
    max-width: 24%
  }

  .hamburger {
    display: none
  }

  .close-btn {
    display: none
  }

  .menu2 {
    display: none !important
  }

  .ar {
    display: none
  }
}

@media (max-width:992px) {
  .second-box {
    transform: translateY(-473px) !important
  }

  .ar {
    margin-top: -8px
  }

  .ch {
    display: none !important
  }

  .business-set {
    display: none
  }

  .menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #0E1F33;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: left .4s ease;
    z-index: 9999
  }

  .desktop {
    display: none
  }

  .line {
    display: none
  }

  div#navbarSupportedContent {
    position: absolute;
    top: 88px;
    background: #0E1F33;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
    left: 0
  }

  .banner-image {
    position: static !important
  }

  .banner-image img {
    max-width: 100%
  }

  .banner-content-box p {
    color: #717171;
    font-size: 18px
  }

  .banner-content-box h1 {
    font-size: 34px
  }

  .experiance .linear {
    font-size: 32px
  }

  .btn-gray {
    margin-bottom: 28px;
    margin-top: 27px
  }

  .right-content h2 {
    font-family: "noir-medium";
    font-size: 22px
  }

  .pakage-headings p {
    max-width: 80%
  }

  .hover-cards .row {
    row-gap: 20px
  }

  .all h3 {
    font-size: 20px
  }

  .second-box {
    height: 100%
  }

  .slide-content {
    margin: 0 10px
  }

  /* .navbar-toggler {
    display: none
  } */
}

@media (min-width:1024px) {
  .df .servies-box p {
    min-height: 270px !important
  }

  .df .servies-box h3 {
    min-height: 70px
  }

  .container {
    max-width: 1220px !important
  }

  .bg-container {
    max-width: 1560px !important
  }

  .slider .slider-list .slick-list.draggable {
    width: 117% !important
  }

  .roadmsp {
    display: none
  }

  .slick-dots {
    padding-left: 40px !important
  }
}

@media (max-width:1024px) {
  .boxes {
    justify-content: center
  }

  .full-img {
    display: none
  }

  .banner-content-box h1 {
    background-image: none
  }

  .partners-logo {
    flex-wrap: wrap
  }

  .banner-content-box h1 {
    background-image: none !important
  }

  .cust-bg {
    background-image: none;
    background-color: #0E1F33;
    min-height: auto;
    padding: 50px
  }

  .keep-div {
    height: 100%
  }

  .keep-div img {
    height: 100%
  }

  .inner-banner {
    background-position: left !important
  }

  .shadow-content h3 {
    font-size: 22px
  }

  .shadow-content p {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .logo {
    display: none
  }

  .desktop {
    display: block
  }

  .header-section .row {
    flex-direction: column-reverse
  }

  body .social-column {
    justify-content: end !important;
    margin-top: 20px
  }

  h2.price {
    font-size: 22px;
    margin: 20px 0
  }

  .pricing-slider {
    margin: 0
  }

  .pricing-slider .slick-track {
    gap: 0
  }

  .inner-banner h1 {
    color: #fff;
    font-family: 'Noir-medium';
    font-size: calc(1.325rem + .9vw)
  }

  body .view-packages {
    padding-bottom: 0 !important
  }

  .tab-content {
    padding: 0 !important
  }

  body .benefits-pro-services {
    padding-top: 30px !important;
    padding-bottom: 0 !important
  }

  .pro-dubai-services {
    padding: 50px 0 30px !important
  }

  .pro-dubai-services .col-lg-5 {
    padding-bottom: 30px
  }

  .our-services-puredocs {
    padding-top: 50px !important
  }

  .question-our-sevices {
    padding: 80px 0 !important
  }

  .doc-ajman-offshore {
    margin-top: 0 !important
  }

  ul.points {
    margin-left: 15%;
    padding: 20px
  }

  .points li {
    line-height: 28px
  }

  .setup-rak-offshore,
  .gov-bodies-pro-service {
    padding: 0 0 30px !important
  }

  .uae-off-international img,
  .servie-uae-offshore img {
    min-height: auto
  }

  .doc-uae-offshore,
  .reg-uae-offshore,
  .choose-uae-offshore {
    padding-bottom: 30px !important
  }

  .adv-uae-offshore {
    padding: 50px 0 40px;
    margin-top: 50px
  }

  .offshore-features {
    padding: 30px 0 60px
  }

  section.setup-business-rakez,
  .establish-ajman-freezone {
    padding-top: 30px
  }

  .establish-ajman-freezone .content-box-content,
  .advantages-ajman-freezone {
    padding-top: 40px !important;
    padding-bottom: 0
  }

  .container.container-two.pt-5.pb-5 {
    padding: 0 !important
  }

  .step-guide-sharjah,
  .sharjah-setup,
  .cost-uae-offshore,
  .corporate-pro-service,
  body .pro-services-pkg {
    padding: 50px 0 !important
  }

  .calculator-ajman-freezone {
    margin-top: 50px
  }

  br {
    display: none
  }

  body .rakez-freezone .icon-list,
  .step-dubai-offshore {
    padding-top: 30px !important
  }

  .rakez-freezone .rkz-lft {
    width: 100%
  }

  section.setup-business-rakez.rakez-padding,
  section.explore-sharjah,
  .req-doc-sharjah,
  .golden-visa-eligiblity {
    padding-bottom: 50px !important
  }

  .rak-first-sec p.content-box-p,
  .key-rak-offshore,
  .establish-offshore,
  .setup-rak-offshore,
  .benefits-ajman-offshore,
  .ajman-offshore-pkg,
  .cost-rak-offshore,
  .confused-golden,
  .sharjah-business-setup {
    padding-top: 0 !important
  }

  section.documents-registration-abudhabi {
    background: #F8F8F8;
    padding: 50px 0 30px
  }

  section.documents-registration-abudhabi .icon-list,
  .rakez-padding,
  .choose-jabel {
    padding-top: 30px !important
  }

  .freezone-footer h3,
  .sec-heading h2,
  .sec-heading h3 {
    font-size: 24px !important;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word
  }

  .if,
  .company-formation-abudhabi img,
  .ajf {
    min-height: auto
  }

  .content-box-content h2,
  .content-box-content h3 {
    font-size: 24px
  }

  body .icn-wraper {
    align-items: start !important
  }

  .rak-formation .col-lg-4 img {
    width: 100% !important
  }

  section.investement-opportunities-rak {
    padding: 80px 0 50px;
    margin: 50px 0 0
  }

  section.checkout-puredocs-rak {
    padding: 50px 0 50px
  }

  .calculator-content h2 {
    font-size: 26px
  }

  .box-content,
  section.list-top-freezone-abudhabi {
    padding: 0
  }

  section.free-zone-company-abudhabi,
  .dubai-offshore-pkg .slick-list {
    padding: 0 0 50px !important
  }

  .my-containers {
    padding-top: 25px
  }

  .freezone-column {
    margin-bottom: 0
  }

  .dubai-freezone-pkg,
  section.compliance-requirements,
  .uae-freezone-form {
    padding: 50px 0 50px !important
  }

  .setup-business-freezone-dubai,
  .benefits-dubai-freezone {
    padding: 50px 0 0 !important
  }

  .types-freezone-dubai,
  section.dubai-offshore {
    padding-bottom: 50px
  }

  .icon-list p {
    font-size: 18px
  }

  .icon-list.pt-4 {
    padding: 0 !important
  }

  .icon-list-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .keypoints-before-uae,
  .document-required-uae,
  section.establishment-freezone-uae,
  section.cheapest-freezone-uae {
    padding-top: 50px !important
  }

  .uae-freezone,
  .step-guide-ajman-freezone {
    padding-bottom: 0 !important
  }

  .structures-uae-freezone {
    padding-bottom: 50px !important
  }

  .serves-list-section {
    padding-bottom: 0 !important
  }

  .calculator-section label {
    font-size: 26px;
    line-height: 36px
  }

  section.top-ban .top-ban-list h3 span {
    line-height: 30px
  }

  .uae-benefits,
  .open-mainland-uae {
    padding-bottom: 30px !important
  }

  .uae-package .package-content p,
  .p-text {
    min-height: auto
  }

  .pakage-headings p {
    max-width: 100% !important
  }

  .uae-package {
    padding: 50px 0
  }

  .faq-uae {
    padding: 50px 15px 0
  }

  .infographic-section p {
    font-size: 18px
  }

  .infographic-section h2 {
    font-size: 25px
  }

  .infographic-section {
    padding: 50px 15px
  }

  .step-tabs .tab-container {
    margin-top: 40px;
    margin-bottom: 30px
  }

  .progress-step-icons {
    padding: 15px
  }

  .step-icon::after {
    display: none
  }

  .step-icon svg {
    width: 22px;
    min-width: 22px
  }

  .pricing-card-main {
    min-height: 970px
  }

  .pricing-section .slick-list {
    padding: 0 !important
  }

  .pricing-card {
    padding: 0 8px
  }

  h2.choose-your-business-package {
    font-size: 25px
  }

  .pricing-section,
  .our-service-ensure {
    padding: 0 0 80px 0 !important
  }

  footer {
    padding-top: 0
  }

  section.advant.section-padding p.m-0 {
    padding-top: 0;
    margin-top: -2px !important
  }

  section.advant.section-padding .row {
    row-gap: 0
  }

  .gray.db-m-gray .icn-wraper p {
    padding-top: 5px
  }

  .partners .slick-list.draggable {
    padding-top: 0 !important
  }

  .footer-content.text-center {
    padding-top: 80px
  }

  .sharja-business .row {
    row-gap: 30px
  }

  .sharja-business .row:nth-child(odd) {
    flex-direction: column-reverse
  }

  .adv .row {
    padding: 19px;
    row-gap: 27px
  }

  section.adv {
    padding: 31px 20px 80px
  }

  .form-section .form-content {
    background: transparent;
    padding: 50px 10px
  }

  .form-section .form-content h3 {
    font-size: 35px
  }

  section.section-padding .row {
    row-gap: 20px
  }

  .list-icon-sec {
    padding: 40px 20px 20px
  }

  .partners-logo img {
    padding: 18px
  }

  .partners-logo {
    justify-content: center
  }

  .row.top {
    gap: 25px
  }

  .partners {
    padding-top: 0
  }

  .sign-up h2 {
    font-size: 22px
  }

  .sign-up p {
    font-size: 18px;
    max-width: 90%
  }

  .right-content {
    padding-top: 35px
  }

  .sign-up {
    padding: 30px 20px
  }

  .package-img img {
    width: 100%
  }

  .we-keep-content {
    background: #0E1F33;
    padding: 44px 20px
  }

  .we-keep-content h4 {
    font-size: 22px
  }

  .gap-between {
    display: block !important
  }

  .progress-content h3 {
    color: #fff;
    font-size: 20px
  }

  .pakage-headings h2 {
    font-size: 22px
  }

  button.slick-prev {
    top: -17px;
    left: 0;
    width: auto
  }

  button.slick-next {
    top: -17px;
    right: 0;
    width: auto
  }

  .slick-list {
    padding-top: 67px !important
  }

  body .gap-between {
    display: block !important
  }

  .custom-container h3 {
    font-size: 22px
  }

  .accordion-header h3 {
    margin-bottom: -12px;
    font-size: 18px
  }

  .blk .btn {
    display: none
  }

  .pb-sm-5 {
    padding-bottom: 20px !important
  }

  .copyright div {
    display: block !important
  }

  .copyright p {
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px
  }

  .copyright .social-icns {
    text-align: center
  }

  .about-content h2 {
    font-size: 55px;
    font-family: 'Noir-medium'
  }

  .About {
    padding: 100px 20px 50px
  }

  .counter-content.linear-bg p {
    font-size: 22px
  }

  .counter-content.linear-bg h4 {
    font-size: 55px
  }

  .boxes div {
    width: 100%
  }

  section.border-sec img {
    width: 100%
  }

  section.border-sec .row {
    row-gap: 30px
  }

  .provider-content h2 {
    font-size: 25px;
    max-width: 100%
  }

  .double-col {
    display: block !important
  }

  .white-p {
    width: 100%
  }

  .gray-p {
    width: 100%;
    margin-left: 0
  }

  .provider-content p,
  .double-col p {
    font-size: 18px
  }

  .mileston-content p {
    max-width: 100%
  }

  .road-map-content div {
    width: 50%
  }

  body .road-map-content.d-flex {
    flex-wrap: wrap !important
  }

  .roadmsp h2 {
    font-size: 32px
  }

  section.border-sec {
    padding-left: 20px;
    padding-right: 20px
  }

  section.mileston {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px
  }

  .mileston-content h3 {
    font-size: 24px
  }

  section.business-startup {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px
  }

  section.packages {
    padding-left: 10px;
    padding-right: 10px
  }

  .footer-content h2 {
    font-size: 22px
  }

  body .double-col {
    display: block !important
  }

  section.contact-info .row {
    row-gap: 28px
  }

  section.contact-info {
    padding: 50px 20px
  }

  section.form-page {
    padding: 50px 10px 0
  }

  section.form-page .row {
    row-gap: 20px
  }

  section.pro .row {
    row-gap: 25px
  }

  section.pro h3 {
    font-size: 26px
  }

  section.pro p {
    font-size: 18px !important
  }

  section.gray h3 {
    font-size: 25px
  }

  .icon-list p {
    font-size: 20px
  }

  section.gray {
    padding: 80px 10px 50px
  }

  .sec-heading h3 {
    font-size: 25px
  }

  .package-category {
    padding: 80px 10px 50px
  }

  .package-category .row {
    row-gap: 20px
  }

  section.benefit-sec p {
    font-size: 18px
  }

  section.benefit-sec {
    padding: 10px
  }

  section.gov {
    padding: 50px 10px 50px
  }

  section.gov .icon-list {
    padding-top: 0 !important
  }

  .gov .sec-heading {
    padding-bottom: 20px
  }

  section.pro {
    padding: 50px 0
  }

  .pkg-box .accordion h3 {
    padding-top: 0;
    margin-top: -3px
  }

  section.second-banner .row {
    row-gap: 30px
  }

  section.second-banner {
    padding-left: 10px;
    padding-right: 10px
  }

  .second-banner h2 {
    font-size: 25px;
    padding-bottom: 10px
  }

  .form-content h3 {
    font-family: 'Noir-medium';
    font-size: 27px
  }

  .form-content {
    background: #0E1F33;
    padding: 32px;
    border-radius: 32px
  }

  .section-padding {
    padding: 80px 10px
  }

  .we-keep-second {
    padding-top: 0
  }

  .we-keep-second .row {
    row-gap: 20px
  }

  section.we-keep-second h4 {
    color: #3A4652;
    max-width: 100%
  }
}

@media (min-width:768px) and (max-width:992px) {
  .container {
    max-width: 920px !important
  }
}

@media (min-width:992px) and (max-width:1217px) {
  .banner-content-box h1 {
    font-size: 30px
  }

  .banner-content-box p {
    color: #717171;
    font-size: 19px
  }

  .experiance .linear {
    font-size: 30px
  }

  .banner-image {
    position: static
  }

  .banner-image img {
    max-width: 100%
  }

  .btn-gray {
    margin-bottom: 20px;
    margin-top: 20px
  }

  .banner-content-box h1 {
    font-size: 29px
  }

  .banner-content-box h1 {
    background-image: none !important
  }
}

@media (max-width:425px) {}

@media (min-width:1442px) and (max-width:1644px) {
  .we-keep-content {
    padding: 53px
  }
}

@media (min-width:768px) and (max-width:1441px) {
  .we-keep-content {
    background: #0E1F33;
    padding: 46px
  }

  .we-keep-content p {
    font-size: 16px
  }

  .progress-content h3 {
    color: #fff;
    font-size: 18px
  }

  .we-keep-content h4 {
    font-size: 25px
  }

  .keep-div img {
    height: 100%;
    object-fit: cover
  }

  .custom-container h3 {
    color: #fff;
    font-family: 'Noir-medium';
    font-size: 22px
  }

  .inner-banner {
    background-position: left
  }
}

@media (max-width:388px) {
  .second-box ul {
    list-style: none;
    font-size: 14px
  }

  .second-box p {
    font-size: 16px
  }

  .pakage-headings h2 {
    font-size: 22px
  }
}

@media (max-width:325px) {
  .contact-info-header a {
    font-size: 17px
  }