/******************** style for website ***************/
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');





.btn-primary {
  background-color: #006666 !important;
  border: 1px solid #006666 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
          box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus {
  background-color: #013d3d !important;
  border-color: #013d3d !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-primary {
  background-color: rgba(83, 104, 241, 0.15) !important;
  border: 1px solid rgba(83, 104, 241, 0.1) !important;
  color: #006666 !important;
  -webkit-box-shadow: 0 3px 7px rgba(83, 104, 241, 0.2);
          box-shadow: 0 3px 7px rgba(83, 104, 241, 0.2);
}

.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus {
  background-color: #006666 !important;
  border-color: #006666 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
          box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-primary {
  border: 1px solid #005151;
  color: #005151;
  background-color: transparent;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #005151;
  border-color: #005151;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
          box-shadow: 0 3px 7px rgba(83, 104, 241, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-secondary {
  background-color: #8791a2 !important;
  border: 1px solid #8791a2 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
          box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary.focus {
  background-color: #6b778b !important;
  border-color: #6b778b !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-secondary {
  background-color: rgba(135, 145, 162, 0.15) !important;
  border: 1px solid rgba(135, 145, 162, 0.1) !important;
  color: #8791a2 !important;
  -webkit-box-shadow: 0 3px 7px rgba(135, 145, 162, 0.2);
          box-shadow: 0 3px 7px rgba(135, 145, 162, 0.2);
}

.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary:active, .btn-soft-secondary.active, .btn-soft-secondary.focus {
  background-color: #8791a2 !important;
  border-color: #8791a2 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
          box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-secondary {
  border: 1px solid #8791a2;
  color: #8791a2;
  background-color: transparent;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.focus, .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #8791a2;
  border-color: #8791a2;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
          box-shadow: 0 3px 7px rgba(135, 145, 162, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-success {
  background-color: #6fda63 !important;
  border: 1px solid #6fda63 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
          box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus {
  background-color: #49d03a !important;
  border-color: #49d03a !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-success {
  background-color: rgba(111, 218, 99, 0.15) !important;
  border: 1px solid rgba(111, 218, 99, 0.1) !important;
  color: #6fda63 !important;
  -webkit-box-shadow: 0 3px 7px rgba(111, 218, 99, 0.2);
          box-shadow: 0 3px 7px rgba(111, 218, 99, 0.2);
}

.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.focus {
  background-color: #6fda63 !important;
  border-color: #6fda63 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
          box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-success {
  border: 1px solid #6fda63;
  color: #6fda63;
  background-color: transparent;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: #6fda63;
  border-color: #6fda63;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
          box-shadow: 0 3px 7px rgba(111, 218, 99, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-warning {
  background-color: #ffbb44 !important;
  border: 1px solid #ffbb44 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
          box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus {
  background-color: #ffa811 !important;
  border-color: #ffa811 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-warning {
  background-color: rgba(255, 187, 68, 0.15) !important;
  border: 1px solid rgba(255, 187, 68, 0.1) !important;
  color: #ffbb44 !important;
  -webkit-box-shadow: 0 3px 7px rgba(255, 187, 68, 0.2);
          box-shadow: 0 3px 7px rgba(255, 187, 68, 0.2);
}

.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.focus {
  background-color: #ffbb44 !important;
  border-color: #ffbb44 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
          box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-warning {
  border: 1px solid #ffbb44;
  color: #ffbb44;
  background-color: transparent;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: #ffbb44;
  border-color: #ffbb44;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
          box-shadow: 0 3px 7px rgba(255, 187, 68, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-info {
  background-color: #24abc0 !important;
  border: 1px solid #24abc0 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
          box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus {
  background-color: #1c8595 !important;
  border-color: #1c8595 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-info {
  background-color: rgba(36, 171, 192, 0.15) !important;
  border: 1px solid rgba(36, 171, 192, 0.1) !important;
  color: #24abc0 !important;
  -webkit-box-shadow: 0 3px 7px rgba(36, 171, 192, 0.2);
          box-shadow: 0 3px 7px rgba(36, 171, 192, 0.2);
}

.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.focus {
  background-color: #24abc0 !important;
  border-color: #24abc0 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
          box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-info {
  border: 1px solid #24abc0;
  color: #24abc0;
  background-color: transparent;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: #24abc0;
  border-color: #24abc0;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
          box-shadow: 0 3px 7px rgba(36, 171, 192, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-danger {
  background-color: #f05d27 !important;
  border: 1px solid #f05d27 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
          box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus {
  background-color: #d5440f !important;
  border-color: #d5440f !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-danger {
  background-color: rgba(240, 93, 39, 0.15) !important;
  border: 1px solid rgba(240, 93, 39, 0.1) !important;
  color: #f05d27 !important;
  -webkit-box-shadow: 0 3px 7px rgba(240, 93, 39, 0.2);
          box-shadow: 0 3px 7px rgba(240, 93, 39, 0.2);
}

.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.focus {
  background-color: #f05d27 !important;
  border-color: #f05d27 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
          box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-danger {
  border: 1px solid #f05d27;
  color: #f05d27;
  background-color: transparent;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: #f05d27;
  border-color: #f05d27;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
          box-shadow: 0 3px 7px rgba(240, 93, 39, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-dark {
  background-color: #35404e !important;
  border: 1px solid #35404e !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
          box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus {
  background-color: #202730 !important;
  border-color: #202730 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-dark {
  background-color: rgba(53, 64, 78, 0.15) !important;
  border: 1px solid rgba(53, 64, 78, 0.1) !important;
  color: #35404e !important;
  -webkit-box-shadow: 0 3px 7px rgba(53, 64, 78, 0.2);
          box-shadow: 0 3px 7px rgba(53, 64, 78, 0.2);
}

.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.focus {
  background-color: #35404e !important;
  border-color: #35404e !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
          box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-dark {
  border: 1px solid #35404e;
  color: #35404e;
  background-color: transparent;
}

.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: #35404e;
  border-color: #35404e;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
          box-shadow: 0 3px 7px rgba(53, 64, 78, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-muted {
  background-color: #8492a6 !important;
  border: 1px solid #8492a6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
          box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
}

.btn-muted:hover, .btn-muted:focus, .btn-muted:active, .btn-muted.active, .btn-muted.focus {
  background-color: #68788f !important;
  border-color: #68788f !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-muted {
  background-color: rgba(132, 146, 166, 0.15) !important;
  border: 1px solid rgba(132, 146, 166, 0.1) !important;
  color: #8492a6 !important;
  -webkit-box-shadow: 0 3px 7px rgba(132, 146, 166, 0.2);
          box-shadow: 0 3px 7px rgba(132, 146, 166, 0.2);
}

.btn-soft-muted:hover, .btn-soft-muted:focus, .btn-soft-muted:active, .btn-soft-muted.active, .btn-soft-muted.focus {
  background-color: #8492a6 !important;
  border-color: #8492a6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
          box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-muted {
  border: 1px solid #8492a6;
  color: #8492a6;
  background-color: transparent;
}

.btn-outline-muted:hover, .btn-outline-muted:focus, .btn-outline-muted:active, .btn-outline-muted.active, .btn-outline-muted.focus, .btn-outline-muted:not(:disabled):not(.disabled):active {
  background-color: #8492a6;
  border-color: #8492a6;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
          box-shadow: 0 3px 7px rgba(132, 146, 166, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-light {
  background-color: #f6f7fa !important;
  border: 1px solid #f6f7fa !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
          box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
}

.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.focus {
  background-color: #d5dae8 !important;
  border-color: #d5dae8 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-light {
  background-color: rgba(246, 247, 250, 0.15) !important;
  border: 1px solid rgba(246, 247, 250, 0.1) !important;
  color: #f6f7fa !important;
  -webkit-box-shadow: 0 3px 7px rgba(246, 247, 250, 0.2);
          box-shadow: 0 3px 7px rgba(246, 247, 250, 0.2);
}

.btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.focus {
  background-color: #f6f7fa !important;
  border-color: #f6f7fa !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
          box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-light {
  border: 1px solid #f6f7fa;
  color: #f6f7fa;
  background-color: transparent;
}

.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: #f6f7fa;
  border-color: #f6f7fa;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
          box-shadow: 0 3px 7px rgba(246, 247, 250, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-blue {
  background-color: #39aed6 !important;
  border: 1px solid #39aed6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
          box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.focus {
  background-color: #2691b6 !important;
  border-color: #2691b6 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-blue {
  background-color: rgba(57, 174, 214, 0.15) !important;
  border: 1px solid rgba(57, 174, 214, 0.1) !important;
  color: #39aed6 !important;
  -webkit-box-shadow: 0 3px 7px rgba(57, 174, 214, 0.2);
          box-shadow: 0 3px 7px rgba(57, 174, 214, 0.2);
}

.btn-soft-blue:hover, .btn-soft-blue:focus, .btn-soft-blue:active, .btn-soft-blue.active, .btn-soft-blue.focus {
  background-color: #39aed6 !important;
  border-color: #39aed6 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
          box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-blue {
  border: 1px solid #39aed6;
  color: #39aed6;
  background-color: transparent;
}

.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.focus, .btn-outline-blue:not(:disabled):not(.disabled):active {
  background-color: #39aed6;
  border-color: #39aed6;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
          box-shadow: 0 3px 7px rgba(57, 174, 214, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-purple {
  background-color: #711958 !important;
  border: 1px solid #711958 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
          box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple.focus {
  background-color: #471037 !important;
  border-color: #471037 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-purple {
  background-color: rgba(113, 25, 88, 0.15) !important;
  border: 1px solid rgba(113, 25, 88, 0.1) !important;
  color: #711958 !important;
  -webkit-box-shadow: 0 3px 7px rgba(113, 25, 88, 0.2);
          box-shadow: 0 3px 7px rgba(113, 25, 88, 0.2);
}

.btn-soft-purple:hover, .btn-soft-purple:focus, .btn-soft-purple:active, .btn-soft-purple.active, .btn-soft-purple.focus {
  background-color: #711958 !important;
  border-color: #711958 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
          box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-purple {
  border: 1px solid #711958;
  color: #711958;
  background-color: transparent;
}

.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.focus, .btn-outline-purple:not(:disabled):not(.disabled):active {
  background-color: #711958;
  border-color: #711958;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
          box-shadow: 0 3px 7px rgba(113, 25, 88, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-violet {
  background-color: #9B287B !important;
  border: 1px solid #9B287B !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
          box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
}

.btn-violet:hover, .btn-violet:focus, .btn-violet:active, .btn-violet.active, .btn-violet.focus {
  background-color: #721e5b !important;
  border-color: #721e5b !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-violet {
  background-color: rgba(155, 40, 123, 0.15) !important;
  border: 1px solid rgba(155, 40, 123, 0.1) !important;
  color: #9B287B !important;
  -webkit-box-shadow: 0 3px 7px rgba(155, 40, 123, 0.2);
          box-shadow: 0 3px 7px rgba(155, 40, 123, 0.2);
}

.btn-soft-violet:hover, .btn-soft-violet:focus, .btn-soft-violet:active, .btn-soft-violet.active, .btn-soft-violet.focus {
  background-color: #9B287B !important;
  border-color: #9B287B !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
          box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-violet {
  border: 1px solid #9B287B;
  color: #9B287B;
  background-color: transparent;
}

.btn-outline-violet:hover, .btn-outline-violet:focus, .btn-outline-violet:active, .btn-outline-violet.active, .btn-outline-violet.focus, .btn-outline-violet:not(:disabled):not(.disabled):active {
  background-color: #9B287B;
  border-color: #9B287B;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
          box-shadow: 0 3px 7px rgba(155, 40, 123, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-pink {
  background-color: #fc5185 !important;
  border: 1px solid #fc5185 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
          box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .btn-pink.focus {
  background-color: #fb1f62 !important;
  border-color: #fb1f62 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-pink {
  background-color: rgba(252, 81, 133, 0.15) !important;
  border: 1px solid rgba(252, 81, 133, 0.1) !important;
  color: #fc5185 !important;
  -webkit-box-shadow: 0 3px 7px rgba(252, 81, 133, 0.2);
          box-shadow: 0 3px 7px rgba(252, 81, 133, 0.2);
}

.btn-soft-pink:hover, .btn-soft-pink:focus, .btn-soft-pink:active, .btn-soft-pink.active, .btn-soft-pink.focus {
  background-color: #fc5185 !important;
  border-color: #fc5185 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
          box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-pink {
  border: 1px solid #fc5185;
  color: #fc5185;
  background-color: transparent;
}

.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.focus, .btn-outline-pink:not(:disabled):not(.disabled):active {
  background-color: #fc5185;
  border-color: #fc5185;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
          box-shadow: 0 3px 7px rgba(252, 81, 133, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-green {
  background-color: #90b846 !important;
  border: 1px solid #90b846 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
          box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.focus {
  background-color: #739338 !important;
  border-color: #739338 !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-green {
  background-color: rgba(144, 184, 70, 0.15) !important;
  border: 1px solid rgba(144, 184, 70, 0.1) !important;
  color: #90b846 !important;
  -webkit-box-shadow: 0 3px 7px rgba(144, 184, 70, 0.2);
          box-shadow: 0 3px 7px rgba(144, 184, 70, 0.2);
}

.btn-soft-green:hover, .btn-soft-green:focus, .btn-soft-green:active, .btn-soft-green.active, .btn-soft-green.focus {
  background-color: #90b846 !important;
  border-color: #90b846 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
          box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-green {
  border: 1px solid #90b846;
  color: #90b846;
  background-color: transparent;
}

.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.focus, .btn-outline-green:not(:disabled):not(.disabled):active {
  background-color: #90b846;
  border-color: #90b846;
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
          box-shadow: 0 3px 7px rgba(144, 184, 70, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-footer {
  background-color: rgba(39, 52, 68, 0.9) !important;
  border: 1px solid rgba(39, 52, 68, 0.9) !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
          box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
}

.btn-footer:hover, .btn-footer:focus, .btn-footer:active, .btn-footer.active, .btn-footer.focus {
  background-color: rgba(20, 27, 36, 0.9) !important;
  border-color: rgba(20, 27, 36, 0.9) !important;
  color: #ffffff !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-soft-footer {
  background-color: rgba(39, 52, 68, 0.15) !important;
  border: 1px solid rgba(39, 52, 68, 0.1) !important;
  color: rgba(39, 52, 68, 0.9) !important;
  -webkit-box-shadow: 0 3px 7px rgba(39, 52, 68, 0.2);
          box-shadow: 0 3px 7px rgba(39, 52, 68, 0.2);
}

.btn-soft-footer:hover, .btn-soft-footer:focus, .btn-soft-footer:active, .btn-soft-footer.active, .btn-soft-footer.focus {
  background-color: rgba(39, 52, 68, 0.9) !important;
  border-color: rgba(39, 52, 68, 0.9) !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
          box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn-outline-footer {
  border: 1px solid rgba(39, 52, 68, 0.9);
  color: rgba(39, 52, 68, 0.9);
  background-color: transparent;
}

.btn-outline-footer:hover, .btn-outline-footer:focus, .btn-outline-footer:active, .btn-outline-footer.active, .btn-outline-footer.focus, .btn-outline-footer:not(:disabled):not(.disabled):active {
  background-color: rgba(39, 52, 68, 0.9);
  border-color: rgba(39, 52, 68, 0.9);
  color: #ffffff;
  -webkit-box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
          box-shadow: 0 3px 7px rgba(39, 52, 68, 0.5);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.btn {
  padding: 8px 20px;
  outline: none;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.0px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: 5px;
}

.btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn.btn-sm {
  padding: 7px 16px;
  font-size: 10px;
}

.btn.btn-lg {
  padding: 14px 30px;
  font-size: 20px;
}

.btn.searchbtn {
  padding: 6px 20px;
}

.btn.btn-light {
  color: #35404e !important;
  background: #f6f7fa;
  border: 1px solid #dee2e6;
}

.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-light.focus {
  background-color: #d5dae8 !important;
  color: #35404e;
}

.btn.btn-outline-light {
  border: 1px solid #dee2e6;
  color: #35404e !important;
  background-color: transparent;
}

.btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light:active, .btn.btn-outline-light.active, .btn.btn-outline-light.focus {
  background-color: #f6f7fa;
}

.btn.btn-icon {
  height: 36px;
  width: 36px;
  line-height: 34px;
  padding: 0;
}

.btn.btn-icon .icons {
  height: 16px;
  width: 16px;
  font-size: 16px;
}

.btn.btn-icon.btn-lg {
  height: 48px;
  width: 48px;
  line-height: 46px;
}

.btn.btn-icon.btn-lg .icons {
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.btn.btn-icon.btn-sm {
  height: 30px;
  width: 30px;
  line-height: 28px;
}





/***********************************************************************************************************************************************/
/* common styles */
*{
	margin: 0px;
	padding: 0px;
}

html{
	background: #fff;
	direction:rtl;
}

body{
	max-width: 650px;
	margin: 40px auto;
	padding: 30px;
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	line-height: 140%;
	background: #fff;
	direction:rtl;
}


h1 {
	font-size: 27px;
	margin-bottom: 35px;
	text-align: center;
	line-height: 110%;
}

a{
	color: #000;
}
a:hover{
	color: #e36815;
}

p{
	margin-bottom: 15px;
}


.gb_error{
	padding: 5px 10px;
	background: #fee;
	color: #f00;
	border: 1px solid #f00;
	max-width: 495px;
}

.gb_message{
	padding: 5px 10px;
	background: #efe;
	color: #090;
	border: 1px solid #090;
	max-width: 495px;
}

.gb_clear{
	clear: both;
}





/* entry-list */

.gb_new_entry_link{
	font-weight: bold;
	font-size: 14px;
}


.gb_pagebrowser{
	margin-top: 30px;
}
	.gb_pagebrowser p{
		margin-bottom: 0px;
	}
	.gb_pagebrowser_left{
		float: left;
	}
		.gb_pagebrowser_entry_qty{
			display: inline-block;
			border-right: solid 1px #000;
			padding-right: 5px;
		}
		.gb_pagebrowser_page_form{
			display: inline-block;
			padding-left: 3px;
		}
		.gb_pagebrowser_input{
			width: 25px;
			border: #333 1px solid;
			padding: 2px 3px;
		}
		.gb_pagebrowser_submit{
			background: none;
			border: none;
			cursor: pointer;
			font-weight: bold;
		}
	.gb_pagebrowser_right{
		margin-top: 5px;
		float: right;
	}
		.gb_pagebrowser_prev a,
		.gb_pagebrowser_next a{
			font-weight: bold;
		}

.gb_entries{
}
	.gb_entry{
		margin: 20px 0px 20px 0px;
		padding-bottom: 6px;
		background: url(images/shadow.png) repeat-x bottom;
	}
		.gb_entry_body{
			border: 1px solid #DBDADA;
		}
			.gb_entry_header{
				background: #DEF1FE;
				border-bottom: 1px solid #DBDADA;
				padding: 3px 10px;
				font-size: 14px;
			}
				.gb_entry_header strong{
					font-weight: bold;
				}
				.gb_entry_header_left{
					float: left;
				}
					.gb_entry_header_left div{
						display: inline;
					}
				.gb_entry_header_right{
					float: right
				}
					.gb_entry_email,
					.gb_entry_web{
						display: block;
						float: left;
						width: 15px;
						margin-left: 10px;
						text-decoration: none;
					}
					.gb_entry_email{
						background: url(images/email.png) no-repeat;
						height: 11px;
						margin-top: 2px;
					}				
					.gb_entry_web{
						background: url(images/web.png) no-repeat;
						height: 15px;
					}
			.gb_entry_text{
				padding: 10px 10px 0px 10px;
				color: #000000;
			}
				.gb_entry_text p{
					padding-bottom: 15px;
					border-bottom: 1px solid #DBDADA;
				}

			.gb_entry_comment{
				margin: 0px 10px 15px 10px;
				border: 1px solid #E6EDF2;
				/*background: #F3F9FD;*/
				background: #E8F5FF;
			}
				.gb_entry_comment .gb_entry_comment_header{
					border-bottom: 1px solid #E6EDF2;
					padding: 3px 10px;
				}
					.gb_entry_comment_header strong{
						font-weight: bold;
					}
				.gb_entry_comment p{
					padding: 7px 10px;
					margin-bottom: 0px;
				}


				
/* entry-form */
				
.gb_form_back_link{
	text-align: center;
}
.gb_form{
	width: 100%;
	max-width: 495px;
	margin: auto;
}				
	.gb_form_box{
		margin: 20px 0px 20px 0px;
		padding-bottom: 6px;
		border: 1px solid #DBDADA;
	}
		.gb_form_header{
			background: #DEF1FE;
			border-bottom: 1px solid #DBDADA;
			padding: 3px 10px;
			font-size: 14px;
			font-weight: bold;
		}
		.gb_form_body{
			padding: 10px;
		}
			.gb_hidden_row{
				display: none;
			}
			.gb_form_row,
			.gb_form_message{
				margin: 3px 0px;
				clear: both;
			}
			.gb_form_row label{
				width: 160px;
				font-weight: bold;
				display: block;
				float: left;
			}			
				.gb_form_row label span,
				.gb_form_message label span{
					font-weight: normal;
					font-size: 10px;
					padding-left: 5px;
				}
				.gb_form .gb_form_message input{
					width: 40px;
				}
			.gb_form input, 
			.gb_form textarea{
				width: 100%;
				max-width: 310px;
				padding: 3px;
				border: 1px solid #bfbfcc;
				box-sizing: border-box;
			}
			.gb_form textarea{
				max-width: 100%;
			}
			.gb_form_message{
				margin-top: 30px;
			}
				.gb_form_message label{
					font-weight: bold;
				}
				.gb_form_message p{
					margin-bottom: 6px;
					font-size: 11px;
				}
				.gb_form_message textarea{
					width: 100%;
					height: 150px;
					box-sizing: border-box;
				}
				.gb_form_smileys div{
					float: left;
					cursor: pointer;
					padding: 5px 0px;
				}
			.gb_form_securequestion{
				margin-top: 30px;
			}
				.gb_form_securequestion label {
					width: auto;
					float: none;
				}
					.gb_form_securequestion label span{
						padding-left: 0px;
						font-size: 12px;
					}
				.gb_form_securequestion input{
					width: 160px;
					margin-top: 6px;
				}
				
	.gb_form_buttons{
		text-align: center;
	}
		.gb_form_buttons p{
			display: inline;
		}
		.gb_form_buttons input{
			background: #A8DCFF;
			color: #000;
			cursor: pointer;
			height: auto;
			width: 150px;
			font-size: 12px;
			border: solid 1px #85ABC4;
			padding: 5px 0px 5px 0px;
			margin: 0px 2px;
		}
		.gb_form_buttons a{
			text-decoration: none;
		}
		
		

@media screen and (max-width: 670px) {
	body{
		margin-top: 10px;
		padding: 20px;
	}
	.gb_pagebrowser_left,
	.gb_pagebrowser_right{
		float: none;
	}
	.gb_new_entry_link,
	.gb_pagebrowser_left, 
	.gb_pagebrowser_right{
		text-align: center;
	}
	.gb_form_submit, 
	.gb_form_button{
		float: left;
		width: 31%;
		margin-right: 2%;
	}		
	.gb_form_preview .gb_form_submit, 
	.gb_form_preview .gb_form_button{
		width: 48%;
		margin-right: 2%;
	}		
	.gb_form_button{
		margin-right: 0px;
	}
		.gb_form_submit input,
		.gb_form_button input{
			width: 100%;
		}	
	.gb_entry_header_left div{
		display: block;
	}

	.gb_entry_body input,
	.gb_form input, .gb_form textarea{
		box-sizing: border-box;
		max-width: 100%;
	}
}

@media screen and (max-width: 380px) {
	body{
		margin-top: 10px;
		padding: 10px 10px 20px 10px;
	}
	h1{
		font-size: 21px;
	}

	.gb_pagebrowser_entry_qty{
		display: block;
		border-right: none;
		padding-right: 0px;
	}
	.gb_pagebrowser_page_form{
		display: block;
		padding-left: 0px;
	}
	.gb_pagebrowser_pages{
		display: block;
	}
}