@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap");
ul {
  list-style: none;
  padding: 0; }

a {
  text-decoration: none !important; }

.btn:focus {
  box-shadow: none; }

.text-main-color {
  color: #181919 !important; }

.bg-main-color {
  background: #181919 !important; }

.text-secondary-color {
  color: #FE9A22 !important; }

.bg-secondary-color {
  background: #FE9A22 !important; }

.my-100 {
  margin: 100px  0; }
  @media (max-width: 575px) {
    .my-100 {
      margin: 0  0 70px; } }

h3.heading {
  margin-bottom: 15px;
  font-size: 39px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 82.46px; }
  @media (max-width: 575px) {
    h3.heading {
      line-height: 1.6;
      font-size: 24px; } }
  h3.heading span {
    position: relative; }
    h3.heading span::after {
      content: url("/images/Polygon 3.svg");
      position: absolute;
      left: -60px;
      top: -10px; }
      @media (max-width: 575px) {
        h3.heading span::after {
          left: -10px; } }

h3.heading + p {
  color: #6B6D70;
  line-height: 30px;
  font-size: 14px; }

.dark-btn, .light-btn, .main-btn {
  padding: 10px 35px;
  border-radius: 10px;
  border: none;
  outline: none;
  transition: color .5s ease-in-out,background .5s ease-in-out;
  font-weight: 600; }
  .dark-btn:active, .light-btn:active, .main-btn:active {
    outline: none; }

.dark-btn {
  color: #fff !important;
  background: #181919;
  border: 1px solid #181919;
  box-shadow: 0px 6px 12px rgba(24, 25, 25, 0.14); }

.light-btn {
  color: #181919 !important;
  border: 1px solid #181919;
  background: #fff; }

.main-btn {
  color: #181919 !important;
  background: #FE9A22; }
  .main-btn:hover {
    background: #181919;
    color: #FE9A22 !important; }

.wizard {
  overflow-x: hidden !important;
  overflow-y: auto !important; }
  .wizard label {
    margin-bottom: 0; }
  .wizard .content {
    background: white !important;
    border-radius: 10px !important;
    min-height: auto !important;
    padding-bottom: 60px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-left: 0;
    margin-right: 0; }
    .wizard .content .body {
      width: 100%;
      height: auto !important;
      float: initial;
      position: static; }
  .wizard .steps {
    width: 80%;
    margin: 0 auto; }
    @media (max-width: 575px) {
      .wizard .steps {
        width: 100%; } }
    .wizard .steps li {
      float: right !important;
      text-align: center;
      position: relative;
      width: 33.333333333333336% !important; }
      .wizard .steps li a {
        background: transparent !important;
        padding: 1em 0 !important;
        color: #181919 !important; }
      .wizard .steps li .step {
        display: block;
        text-align: center;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        font-weight: bold;
        margin: 0 auto;
        font-size: 22px;
        line-height: 37px;
        color: #fff;
        background: #fff;
        border: 2px solid #E0E0E0; }
      .wizard .steps li:not(:last-of-type)::after {
        content: '';
        position: absolute;
        width: 89%;
        height: 12px;
        right: 55.4%;
        top: 30px;
        background: #E0E0E0;
        z-index: -1; }
    .wizard .steps .done .step {
      border: 2px solid #181919;
      line-height: 34px;
      background: #181919;
      position: relative; }
      .wizard .steps .done .step::before {
        content: url("/images/checkmark.svg");
        position: absolute;
        right: 6px;
        top: 6px; }
    .wizard .steps .done::after {
      background: #181919 !important; }
    .wizard .steps .current a {
      color: #181919 !important; }
    .wizard .steps .current .step {
      border: 2px solid #181919;
      line-height: 34px; }
  .wizard .actions {
    display: none; }

form label {
  font-weight: 600;
  margin-bottom: 15px !important; }
form input,
form select,
form .custom-file-label,
form .custom-file,
form .download-link,
form .filter-option-inner-inner {
  height: 56px !important;
  border-radius: 10px !important;
  text-align: right; }
form textarea {
  border-radius: 10px !important; }
form select {
  background: #fff url("/images/chevron-back-outline.svg") no-repeat left 0.75rem center/8px 10px !important;
  background-size: 20px !important; }
form .custom-file .custom-file-label {
  background: #F6F6F6;
  padding-right: 80px;
  line-height: 43px;
  font-size: 14px;
  border: none; }
  form .custom-file .custom-file-label::after {
    content: url("/images/upload 1.svg");
    background: transparent;
    border-color: transparent;
    top: 4px; }
form .form-control:focus,
form select:focus,
form .custom-file-input:focus {
  border-color: #FE9A22;
  box-shadow: 0 0 0 0.2rem rgba(254, 154, 34, 0.25); }
form .filter-option-inner-inner {
  height: 46px !important;
  line-height: 44px; }
form button[aria-owns="bs-select-2"] {
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid #dae0e5 !important; }
form button[aria-owns='bs-select-1'] {
  display: none !important; }
form .dropdown-menu {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border: 0;
  box-shadow: 4px 25px rgba(0, 0, 0, 0.15); }
  form .dropdown-menu ul {
    text-align: right; }
    form .dropdown-menu ul .dropdown-item {
      padding-top: 10px;
      padding-bottom: 10px;
      background: transparent;
      color: #181919;
      transition: background .4s ease-in-out, color .4s ease-in-out; }
    form .dropdown-menu ul .dropdown-item.active,
    form .dropdown-menu ul .dropdown-item:active,
    form .dropdown-menu ul .dropdown-item:hover {
      background: #181919;
      color: #fff; }
form .dropdown-toggle::after {
  top: 5px;
  position: relative;
  border: 0;
  content: url("/images/chevron-back-outline.svg"); }

.modal h6 {
  font-size: 31px;
  font-weight: 600;
  line-height: 59px;
  letter-spacing: -1px; }
.modal .close {
  left: 10px; }

#resetPassword h6 {
  margin-bottom: 10px; }
#resetPassword p {
  color: #727777;
  font-size: 16px;
  line-height: 30px; }

header .menu-icon img {
  width: 35px; }
header .collapsed-navbar {
  position: fixed;
  background: #fff;
  height: 100%;
  z-index: 100;
  overflow: auto;
  padding: 10px 0;
  display: none;
  right: 0; }
  header .collapsed-navbar .close-menu {
    padding-top: 10px; }
    header .collapsed-navbar .close-menu img {
      width: 44px;
      cursor: pointer;
      padding: 11px;
      border-radius: 50%;
      background: rgba(18, 18, 29, 0.05); }
  header .collapsed-navbar ul {
    margin-top: 10px;
    margin-right: 100px; }
    @media (max-width: 575px) {
      header .collapsed-navbar ul {
        margin-right: 30px; } }
    header .collapsed-navbar ul li {
      margin-bottom: 12px; }
      header .collapsed-navbar ul li a {
        color: #181919;
        font-size: 24px;
        text-decoration: none;
        line-height: 58px; }
        header .collapsed-navbar ul li a span {
          position: relative; }
          header .collapsed-navbar ul li a span::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background: #FE9A22;
            transition: width .4s ease-in-out; }
          header .collapsed-navbar ul li a span:hover::after {
            width: 100%; }
    header .collapsed-navbar ul li.active a {
      color: #FE9A22; }
header .login-mobile {
  position: absolute;
  right: 70px; }

footer img {
  padding-top: 40px;
  padding-bottom: 24px; }
footer p {
  font-size: 14px; }
footer .nav {
  margin-bottom: 38px; }
  footer .nav .nav-link {
    color: #181919;
    font-weight: 400;
    padding: 0 24px 0 0; }
footer hr {
  background: #0B0D17;
  opacity: 0.2; }
footer .social-icons li {
  width: 34px;
  height: 34px;
  background: #0b0d171a;
  text-align: center;
  border-radius: 50%;
  margin-left: 22px; }
  footer .social-icons li a {
    color: #181919;
    opacity: 1; }
  footer .social-icons li:last-of-type {
    margin-left: 0; }

.intro {
  margin: 94px 0; }
  .intro h1 {
    font-size: 56px;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: 111px;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .intro h1 {
        line-height: 1.6;
        font-size: 32px; } }
    .intro h1 span {
      position: relative;
      background-image: url("../../images/Vector 4.svg");
      background-repeat: no-repeat;
      background-position: bottom; }
  .intro p {
    color: rgba(24, 25, 25, 0.55);
    font-size: 20px;
    margin-bottom: 48px; }
  .intro a {
    color: #181919; }
  .intro .scroll-down {
    display: inline-block;
    background: #fff;
    width: 56px;
    height: 56px;
    line-height: 52px;
    border-radius: 50%;
    border: 1px solid #E7E7E7; }
  .intro .shapes {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -1; }
    .intro .shapes span {
      position: absolute; }
    .intro .shapes span:nth-of-type(1) {
      right: 35%;
      top: 93%; }
    .intro .shapes span:nth-of-type(2) {
      right: 2%;
      top: 95%; }
    .intro .shapes span:nth-of-type(3) {
      right: 17%;
      top: 67%; }
    .intro .shapes span:nth-of-type(4) {
      left: 50px;
      top: 88%; }

.video-section {
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .video-section {
      margin-bottom: 60px; } }
  .video-section .video {
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 575px) {
      .video-section .video {
        height: 155px; } }
    @media (min-width: 576px) and (max-width: 767px) {
      .video-section .video {
        height: 300px; } }
    .video-section .video .play-video {
      position: absolute;
      background: #FE9A22;
      border: 1px solid #FE9A22;
      color: #181919;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      z-index: 2; }
      .video-section .video .play-video::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #FE9A22;
        z-index: -1;
        animation: playEffect 1s infinite linear; }

.features {
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .features {
      margin-bottom: 50px; } }
  .features h3 {
    font-size: 31px;
    letter-spacing: -1px;
    line-height: 58.09px;
    color: #272929; }
    @media (max-width: 767px) {
      .features h3 {
        line-height: 1.6;
        margin-bottom: 40px;
        font-size: 24px; } }
  @media (max-width: 767px) {
    .features .feature {
      margin-bottom: 40px;
      text-align: center; } }
  .features .feature-icon {
    width: 48px;
    height: 48px;
    background: rgba(255, 219, 176, 0.6);
    text-align: center;
    border-radius: 10px;
    line-height: 46px;
    margin-bottom: 16px; }
    @media (max-width: 991px) {
      .features .feature-icon {
        margin: 0 auto  16px; } }
  .features .feature-title {
    margin-bottom: 16px; }
    .features .feature-title h4 {
      color: #454848;
      font-weight: 600;
      letter-spacing: -1px; }
  .features .feature-details p {
    color: #636767;
    line-height: 29.98px; }

.about-us {
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .about-us {
      margin-bottom: 50px; } }
  .about-us p {
    font-size: 20px !important;
    margin-bottom: 24px; }
  @media (max-width: 767px) {
    .about-us img {
      margin-bottom: 50px; } }
  .about-us a {
    font-size: 20px; }

.partners {
  background: #F6F6F6;
  padding: 80px 0;
  margin-bottom: 64px; }
  .partners h6 {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 18px; }
  .partners img {
    width: 150px !important;
    height: 100px;
    object-fit: contain;
    margin: 0 auto;
    background: #F6F6F6;
    mix-blend-mode: darken;
    filter: saturate(0%); }
  .partners .owl-nav,
  .partners .owl-dots {
    display: none; }
  .partners .active:nth-of-type(0) img,
  .partners .active:last-of-type:nth-of-type(5) img {
    opacity: 0.5; }

.order-design {
  margin-bottom: 300px;
  position: relative; }
  @media (max-width: 991px) {
    .order-design {
      margin-bottom: 100px; } }
  @media (min-width: 991px) and (max-width: 1200px) {
    .order-design {
      margin-bottom: 130px; } }
  .order-design .shape {
    position: absolute;
    top: 40px;
    right: -60px; }
    .order-design .shape img {
      width: 660px; }
      @media (min-width: 991px) and (max-width: 1200px) {
        .order-design .shape img {
          width: 510px !important; } }
  .order-design .heading-section p {
    font-size: 12px;
    font-weight: 600;
    color: #727777; }
  .order-design h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px; }
  .order-design .order-design-steps {
    position: relative; }
    .order-design .order-design-steps .step-1 {
      margin-top: 105px; }
      @media (max-width: 991px) {
        .order-design .order-design-steps .step-1 {
          margin-top: 0px; } }
      @media (min-width: 991px) and (max-width: 1200px) {
        .order-design .order-design-steps .step-1 {
          margin-top: 65px; } }
    .order-design .order-design-steps .step-2 {
      margin-top: 135px; }
      @media (max-width: 767px) {
        .order-design .order-design-steps .step-2 {
          margin-top: 95px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .order-design .order-design-steps .step-2 {
          margin-top: 0; } }
      @media (min-width: 991px) and (max-width: 1200px) {
        .order-design .order-design-steps .step-2 {
          margin-top: -25px; } }
    .order-design .order-design-steps .step-3 {
      margin-top: 95px; }
      @media (max-width: 991px) {
        .order-design .order-design-steps .step-3 {
          margin-top: 0px; } }
      @media (min-width: 991px) and (max-width: 1200px) {
        .order-design .order-design-steps .step-3 {
          margin-top: -95px; } }
    .order-design .order-design-steps p {
      color: #727777;
      line-height: 30px; }
  .order-design .order-steps-icon,
  .order-design .order-steps-title {
    margin-bottom: 32px; }
  @media (max-width: 991px) {
    .order-design .my-100 {
      margin: 20px 0; } }

.our-projects span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 8px; }
.our-projects h3 {
  font-size: 49px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 92px;
  margin-bottom: 16px; }
  @media (max-width: 575px) {
    .our-projects h3 {
      line-height: 1.6;
      font-size: 24px; } }
.our-projects p {
  color: #727777;
  line-height: 30px;
  margin-bottom: 40px; }
  .our-projects p span {
    font-size: 18px;
    font-weight: 600; }
.our-projects .projects-list {
  display: flex;
  align-items: center;
  justify-content: center; }
  .our-projects .projects-list .owl-nav button {
    width: 48px;
    height: 48px;
    background: #fff !important;
    position: absolute; }
  .our-projects .projects-list .owl-nav .owl-prev {
    right: 410px; }
    @media (max-width: 767px) {
      .our-projects .projects-list .owl-nav .owl-prev {
        right: 10px;
        top: 70px; } }
  .our-projects .projects-list .owl-nav .owl-next {
    left: 410px; }
    @media (max-width: 767px) {
      .our-projects .projects-list .owl-nav .owl-next {
        left: 10px;
        top: 70px; } }

.order-your-design {
  background: #F6F6F6;
  padding: 50px 0;
  margin: 56px 0; }
  .order-your-design p {
    font-size: 18px;
    font-weight: 600;
    color: #727777;
    line-height: 34px;
    margin-bottom: 32px; }
  .order-your-design h2 {
    font-size: 31px;
    margin-bottom: 32px; }
    @media (max-width: 575px) {
      .order-your-design h2 {
        font-size: 26px;
        line-height: 1.6; } }

.testimonials {
  background: url("/images/testimonials-bg.png");
  background-size: 100%;
  margin-bottom: 100px;
  padding: 64px 0;
  position: relative; }
  @media (max-width: 575px) {
    .testimonials {
      margin-bottom: 50px; } }
  .testimonials h2 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -1px; }
    @media (max-width: 575px) {
      .testimonials h2 {
        font-size: 26px;
        line-height: 1.6; } }
  .testimonials .testimonial {
    margin: 0 10px; }
    .testimonials .testimonial-quotes {
      height: 220px;
      background: #fff;
      text-align: center;
      vertical-align: middle;
      border-radius: 10px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      padding: 20px; }
      .testimonials .testimonial-quotes p {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px; }
      .testimonials .testimonial-quotes::after {
        content: '';
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%); }
    .testimonials .testimonial-user {
      width: 50%;
      margin: 0 auto; }
      @media (max-width: 575px) {
        .testimonials .testimonial-user {
          width: 100%; } }
      .testimonials .testimonial-user .user-image {
        width: 123px;
        float: right; }
        @media (max-width: 575px) {
          .testimonials .testimonial-user .user-image {
            width: 83px; } }
        .testimonials .testimonial-user .user-image img {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          object-fit: cover;
          margin: 0 auto; }
      .testimonials .testimonial-user .user-info {
        width: 200px;
        float: right; }
        .testimonials .testimonial-user .user-info h6 {
          font-size: 18px;
          font-weight: 700; }
        .testimonials .testimonial-user .user-info p {
          font-size: 14px; }
  .testimonials .owl-dots {
    text-align: center; }
    .testimonials .owl-dots button {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid #FFFFFF;
      margin-left: 5px; }
    .testimonials .owl-dots button.active {
      background: #fff; }
  .testimonials::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #363838;
    opacity: 0.6;
    top: 0; }

.faq {
  margin-bottom: 64px; }
  .faq h3 {
    line-height: 74px;
    margin-bottom: 110px; }
    @media (max-width: 575px) {
      .faq h3 {
        line-height: 1.6;
        font-size: 24px; } }
  .faq .card-header {
    background: #F6F6F6;
    border-radius: 10px !important; }
    .faq .card-header button {
      color: #6B7070;
      font-size: 24px; }
      @media (max-width: 575px) {
        .faq .card-header button {
          font-size: 16px;
          line-height: 1.6;
          padding: 0; }
          .faq .card-header button span:first-of-type {
            width: 81%; } }
      @media (min-width: 576px) and (max-width: 767px) {
        .faq .card-header button {
          font-size: 18px; }
          .faq .card-header button span:first-of-type {
            width: 81%; } }
  .faq .dark {
    background: #181919 !important;
    border-radius: 10px !important; }
    .faq .dark .card-header,
    .faq .dark .card-body {
      background: #181919 !important; }
    .faq .dark .card-body {
      color: #fff; }
    .faq .dark button {
      color: #fff; }

.contact-us {
  margin-bottom: 100px; }
  .contact-us p {
    color: #727777; }
  .contact-us button {
    margin-top: 25px;
    padding-left: 70px;
    padding-right: 70px; }

@keyframes playEffect {
  from {
    transform: scale(0);
    opacity: 1; }
  to {
    transform: scale(1.4);
    opacity: 0.1; } }
.login, .register {
  margin-bottom: 100px;
  margin-top: 50px; }
  .login p, .register p {
    font-size: 14px;
    color: #6B6D70; }
  .login a, .register a {
    color: #FE9A22; }
  .login button, .register button {
    font-size: 18px; }
  .login .login-google img, .register .login-google img {
    width: 30px; }

.custom-control.custom-checkbox {
  padding-left: 0; }

label.custom-control-label {
  position: relative;
  padding-right: 1.5rem;
  font-size: 12px;
  color: #808181; }

label.custom-control-label::before, label.custom-control-label::after {
  right: 0;
  left: auto; }

.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background: #FE9A22 !important;
  border-color: #FE9A22 !important; }

label.custom-control-label::before, label.custom-control-label::after {
  top: 11px; }

.family {
  margin-bottom: 100px; }
  .family .heading + p {
    color: #6B6D70;
    font-size: 14px; }
  .family .family-member {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px; }
    .family .family-member img {
      width: 100%;
      object-fit: cover; }
    .family .family-member .family-member-info {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
      padding: 20px; }
      .family .family-member .family-member-info h6 {
        font-size: 20px;
        font-weight: 600; }
    .family .family-member::before {
      content: url("/images/Union (1).svg");
      position: absolute;
      right: 0;
      top: 0; }
    .family .family-member::after {
      content: url("/images/Union.svg");
      position: absolute;
      left: 0;
      top: 0; }

.privacy {
  margin-bottom: 100px;
  margin-top: 100px; }
  .privacy p {
    font-size: 24px;
    line-height: 44.98px;
    color: #727777; }
  .privacy ul {
    list-style-type: disc;
    padding-right: 30px; }
    .privacy ul li {
      font-size: 24px;
      color: #6A6E73;
      line-height: 45px; }

.not-found {
  margin-top: 100px;
  margin-bottom: 100px; }
  .not-found h2 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px; }
    @media (max-width: 575px) {
      .not-found h2 {
        line-height: 1.6;
        font-size: 26px; } }
  .not-found h3 {
    font-size: 31px;
    font-weight: 600;
    color: #53565A; }
    @media (max-width: 575px) {
      .not-found h3 {
        line-height: 1.6;
        font-size: 24px; } }
  .not-found p {
    font-size: 24px;
    color: #6A6E73;
    margin-bottom: 32px; }
  .not-found a {
    display: inline-block;
    margin-bottom: 32px; }

.order-product {
  margin-top: 100px; }
  .order-product .create-order p {
    color: #6B6D70;
    font-size: 14px; }
  .order-product .create-order h6 {
    line-height: 59px;
    font-weight: 600; }
  .order-product .create-order .idea {
    box-shadow: 0px 6px 12px rgba(114, 119, 119, 0.1);
    border-radius: 10px;
    background: #fff;
    border: 1px solid;
    border-color: transparent;
    cursor: pointer;
    transition: background .4s ease-in-out, border-color .4s ease-in-out; }
    @media (max-width: 575px) {
      .order-product .create-order .idea {
        margin-bottom: 16px; } }
    .order-product .create-order .idea img {
      margin-bottom: 10px; }
    .order-product .create-order .idea p {
      font-weight: 600;
      font-size: 12px; }
  .order-product .create-order .idea.active {
    background: #FFE6C8;
    border-color: #FE9A22; }
  .order-product .create-order .order-confirm {
    background: #fff;
    border-radius: 10px; }
    .order-product .create-order .order-confirm img {
      margin-left: 15px; }
    .order-product .create-order .order-confirm p,
    .order-product .create-order .order-confirm label {
      font-size: 18px;
      color: #181919; }
    .order-product .create-order .order-confirm label {
      line-height: 38px; }
  .order-product .order-revision,
  .order-product .work-on-order {
    background: #fff;
    border-radius: 10px; }
    .order-product .order-revision h6,
    .order-product .work-on-order h6 {
      font-weight: 600;
      font-size: 31px; }
    .order-product .order-revision h5,
    .order-product .work-on-order h5 {
      font-weight: 600;
      font-size: 39px; }
    .order-product .order-revision p,
    .order-product .work-on-order p {
      font-size: 12px;
      line-height: 26px;
      color: #727777; }
  .order-product .pay-methods label {
    font-size: 16px;
    color: #181919; }
  .order-product .recieve-order .download .download-link {
    display: block;
    height: 56px;
    border-radius: 10px;
    background: #F6F6F6;
    padding: 0 15px;
    line-height: 56px;
    font-size: 14px;
    margin-bottom: 15px; }
  .order-product .recieve-order .download span {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 15px; }
  .order-product .recieve-order label {
    font-size: 16px;
    color: #181919; }

.profile aside.card {
  border: none;
  box-shadow: 0px 6px 12px rgba(114, 119, 119, 0.33); }
  .profile aside.card .card-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 16px; }
    @media (max-width: 991px) {
      .profile aside.card .card-header {
        border-radius: 0; } }
    .profile aside.card .card-header h6 {
      font-size: 24px;
      font-weight: 600;
      line-height: 39px; }
    .profile aside.card .card-header p {
      line-height: 39px; }
  .profile aside.card .card-body {
    padding: 0; }
    .profile aside.card .card-body ul {
      margin-bottom: 0; }
      .profile aside.card .card-body ul li {
        background: #ECEDED;
        padding: 21px;
        border: 1px solid #F6F6F6;
        transition: background .4s ease-in-out; }
        .profile aside.card .card-body ul li img {
          margin-left: 18px;
          margin-top: 6px; }
        .profile aside.card .card-body ul li a {
          color: #181919;
          font-weight: 600; }
        .profile aside.card .card-body ul li:hover {
          background: #F6F6F6; }
      .profile aside.card .card-body ul .active {
        background: #F6F6F6; }
  .profile aside.card .open-sidemenu {
    background: #fff;
    width: 45px;
    height: 45px;
    border: 2px solid #FE9A22;
    top: 95px;
    right: 250px;
    display: none;
    box-shadow: 0px 6px 12px rgba(114, 119, 119, 0.33); }
    .profile aside.card .open-sidemenu img {
      width: 100%; }
  @media (max-width: 991px) {
    .profile aside.card {
      position: fixed;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 1;
      background: #ECEDED;
      width: 250px;
      transform: translateX(250px);
      transition: transform .4s ease-in-out; }
      .profile aside.card .open-sidemenu {
        display: block; } }
.profile .open-menu {
  transform: translateX(0) !important; }
.profile h3 {
  font-size: 31px;
  font-weight: 600;
  line-height: 59px;
  letter-spacing: -1px; }
  @media (max-width: 575px) {
    .profile h3 {
      line-height: 1.6;
      font-size: 24px; } }
.profile p {
  font-size: 18px;
  line-height: 34px;
  color: #727777;
  margin-bottom: 32px; }
  @media (max-width: 575px) {
    .profile p {
      margin-bottom: 0; } }
.profile .link {
  width: 260px;
  height: 201px;
  background: #F6F6F6;
  margin-left: 32px;
  border-radius: 10px; }
  .profile .link img {
    padding-top: 47px;
    display: inline-block;
    margin-bottom: 18px; }
  .profile .link h6 {
    font-size: 25px;
    line-height: 34px;
    color: #181919; }
.profile .content {
  transform: translateX(0);
  transition: transform .4s ease-in-out; }
.profile .content.open {
  transform: translateX(-260px) !important; }

.empty-order h3 {
  margin-bottom: 16px; }
  @media (max-width: 575px) {
    .empty-order h3 {
      line-height: 1.6;
      font-size: 24px; } }
.empty-order img {
  display: inline-block;
  margin-bottom: 32px; }
.empty-order p {
  margin-bottom: 40px; }

.orders p {
  line-height: 26px;
  font-weight: 600;
  font-size: 16px;
  color: #181919;
  margin-bottom: 26px; }
.orders .accordion {
  background: #F6F6F6;
  padding: 0 20px; }
.orders .card {
  border: 0;
  background: #F6F6F6;
  border-radius: 10px;
  border-bottom: 3px solid #fff !important;
  padding-left: 0;
  padding-right: 0; }
  .orders .card-header {
    background: transparent;
    border-bottom: 0; }
    @media (max-width: 575px) {
      .orders .card-header {
        padding-left: 0;
        padding-right: 0; } }
    .orders .card-header button {
      text-decoration: none;
      padding-right: 0; }
      .orders .card-header button .order-title {
        font-weight: 700;
        padding-right: 0; }
        @media (max-width: 575px) {
          .orders .card-header button .order-title {
            width: 50%; } }
      .orders .card-header button .order-status {
        padding: 3px 24px;
        line-height: 26px;
        font-size: 14px;
        border-radius: 6px; }
        @media (max-width: 575px) {
          .orders .card-header button .order-status {
            width: 50%;
            text-align: center; } }
      .orders .card-header button .order-pending {
        background: #FFE6C8;
        color: #FE9A22; }
      .orders .card-header button .order-success {
        background: #DFF7E6;
        color: #28AA4D; }
  .orders .card-body {
    padding-top: 0;
    padding-bottom: 0; }
    .orders .card-body a {
      font-size: 12px;
      color: #181919;
      font-weight: 700;
      text-decoration: underline !important; }

.forget-password {
  margin-top: 61px;
  cursor: pointer; }
  @media (max-width: 575px) {
    .forget-password {
      margin-top: 0px; } }

.blog .heading-section {
  background: #F6F6F6;
  padding: 64px 0 176px; }
  @media (max-width: 767px) {
    .blog .heading-section {
      padding-bottom: 50px; } }
  .blog .heading-section h3 {
    font-size: 59px;
    font-weight: 600;
    line-height: 111px;
    letter-spacing: -1px; }
    @media (max-width: 575px) {
      .blog .heading-section h3 {
        line-height: 1.6;
        font-size: 24px; } }
.blog article {
  margin-bottom: 224px; }
  @media (max-width: 767px) {
    .blog article {
      margin-bottom: 50px; } }
  .blog article img {
    display: inline-block;
    margin-bottom: 24px; }
  .blog article h6 {
    font-size: 31px;
    line-height: 58.09px;
    margin-bottom: 24px; }
    @media (max-width: 575px) {
      .blog article h6 {
        font-size: 18px;
        line-height: 1.6; } }
  .blog article p {
    color: #636767; }
    .blog article p i {
      margin-left: 16px; }
@media (max-width: 767px) {
  .blog .first {
    margin-top: -70px; } }
.blog .order-design-section {
  background: #F6F6F6;
  padding: 52px 0;
  position: relative; }
  .blog .order-design-section h1 {
    font-size: 39px;
    line-height: 73.09px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 40px; }
    @media (max-width: 575px) {
      .blog .order-design-section h1 {
        line-height: 1.8;
        font-size: 26px; } }
  .blog .order-design-section::before {
    content: url("/images/Polygon 3.svg");
    position: absolute;
    top: -70px;
    right: -60px; }

.upward {
  margin-top: -150px; }
  @media (max-width: 767px) {
    .upward {
      margin-top: 0px; } }

@media (max-width: 575px) {
  .family {
    padding-top: 50px; } }

body {
  font-family: 'Cairo', sans-serif;
  font-size: 16px;
  line-height: 37.48px;
  direction: rtl;
  overflow-x: hidden; }

@media (min-width: 1440px) {
  .container-fluid {
    width: 1440px;
    margin: 0 auto; } }

/*# sourceMappingURL=style.css.map */