@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,700&display=swap");
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

:root {
  --main-color: #5f1917;
  --gray-color: #21272a;
}
body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
}

a:focus,
button:focus,
input:focus {
  box-shadow: none !important;
}
.aftter-border {
  position: relative;
}
.position-relative video{
  width: 100%!important;
}

rounded-circle .item-svg
{
  display: table!important;
  margin: 0 auto;
}
.rounded-circle item-svg img{
  width: 100%;
  height: 100%;
}
a{
  text-decoration: none!important;
}
/* global style */
.aftter-border::after {
  content: "";
  position: absolute;
  height: 4px;
  width: 75px;
  background-color: #000;
  bottom: -12px;
  left: 0;
  right: 0;
  border-radius: 20px;
  margin: auto;
}
.TextColorWhite{
  color: white!important;
}
/* start header ---------- */
.header {
  background: #fff;
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 130px 140px 250px 0px rgba(0, 0, 0, 0.18);
}
.header .logo img {
  width: 137px;
  height: 43.15px;
  object-fit: contain;
}
.header .ul-list li a {
  margin: 0 10px;
}
.header .ul-list li a {
  color: var(--main-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}
.header .ul-list li a.active {
  color: var(--main-color);
  font-weight: 600;
}
.header .drop-menu li a {
  color: var(--gray-color);
  font-size: 16px;
  font-weight: 500;
  padding: 12px;
  margin: 0;
  text-transform: none;
}
.header .drop-menu li a:hover {
  background-color: #5f191780 !important;
}
.header .toogle-bar svg {
  color: var(--main-color);
}
.header .drop-menu .dropdown-toggle::after {
  border: 0;
  position: absolute;
  top: 7px;
  content: "\f078";
  font-family: FontAwesome;
}

.header .header-select {
  width: 72px;
  background: linear-gradient(76deg, #5f1917 23.44%, rgba(151, 28, 24, 0.76) 78.97%, #5f1917 123.69%);
  color: #fff;
}
.header .header-select ul {
  min-width: 4.5rem !important;
  border: 0;
}
.header .header-select ul a:hover {
  color: #000 !important;
  background: #5f191780;
}
.header .header-select a {
  font-size: 18px;
  font-weight: 600;
  border: 0;
  padding: 7px;
  color: var(--main-color);
}
.header .header-select .dropdown-toggle::after {
  border: 0;
  position: absolute;
  top: 7px;
  content: "\f078";
  font-family: FontAwesome;
  right: 17px;
  font-size: 17px;
}

@media (max-width: 991px) {
  .header .offcanvas-body {
    text-align: center;
  }
  .header .ul-list li a {
    margin-bottom: 30px;
  }
  .header .drop-menu li a {
    margin-bottom: 0;
  }
}
/* end header ---------- */

/* start main-section ----- */
.main-section .box img {
  width: 100%;
  height: 607px;
  object-fit: cover;
}
.main-section .logo-main {
  display: contents;
}
.main-section .logo-main img {
  width: 234px;
  height: 232.907px;
  display: block;
  margin: auto;
}
.main-section .box-desc {
  padding: 30px 60px;
  background-color: var(--main-color);
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.main-section .box-desc h4 {
  color: rgba(255, 255, 255, 0.72);
  font-size: 40px;
  font-weight: 700;
}
.main-section .box-desc h2 {
  color: #fff;
  font-size: 54px;
  font-weight: 700;
}
.main-section .box-desc p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .main-section .box img {
    height: 322px;
  }
  .main-section .logo-main img {
    width: 162.761px;
    height: 162px;
  }
  .main-section .box-desc {
    padding: 30px;
    margin-top: 20px;
  }
  .main-section .box-desc h4 {
    font-size: 24px;
  }
  .main-section .box-desc h2 {
    font-size: 32px;
  }
}
/* end main-section ----- */

/* start about-sapat --- */
.about-sapat .title h2 {
  color: #111;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
}
.about-sapat .box-img img {
  width: 100%;
  height: 496px;
}
.about-sapat .item-desc h2 {
  color: #111;
  font-size: 32px;
  font-weight: 700;
}
.about-sapat .item-desc p {
  color: #111;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 991px) {
  .about-sapat .title h2 {
    font-size: 18px;
  }
  .about-sapat .box-img img {
    height: 239px;
    object-fit: cover;
  }
  .about-sapat .item-desc h2 {
    font-size: 20px;
  }
}
/* end about-sapat --- */

/* satrt work-us ------- */
.work-us .desc-title h2 {
  color: #111;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 2.4px;
}
.work-us .desc-title p {
  color: #111;
  font-size: 20px;
  font-weight: 500;
  line-height: 24.9px;
  letter-spacing: 1px;
}
.work-us .desc-title a {
  padding: 12px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  background: linear-gradient(95deg, #5f1917 34.92%, rgba(151, 28, 24, 0.76) 70.18%, #5f1917 98.57%);
}
.work-us .emoj-desc .item img {
  width: 76px;
  height: 76px;
}
.work-us .emoj-desc .item h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.018px;
}
.work-us .emoj-desc .item p {
  margin-top: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.016px;
}
@media (max-width: 991px) {
  .work-us .emoj-desc,
  .price-products .emoj-desc {
    border: 0 !important;
  }
  .work-us .desc-title h2 {
    font-size: 24px;
  }
  .work-us .desc-title a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
/* end work-us ------- */

/* start marketplaces-works --- */
.marketplaces-works {
  background-color: var(--main-color);
  display: flex;
  flex-direction: column;
  margin: 80px 0 80px !important;
}
.marketplaces-works .box-desc {
  padding: 30px;
}
.marketplaces-works .box-desc li {
  margin-bottom: 50px;
  color: #fff;
  position: relative;
  display: table;
}
.marketplaces-works .box-desc li::before {
  content: "";
  position: absolute;
  bottom: -15px;
  background-color: #e3e3e3;
  width: 20px;
  height: 4px;
  display: inline;
  transition: width 0.4s ease-in;
}
.marketplaces-works .box-desc li:hover:before {
  width: 100%;
}
.marketplaces-works .box-img {
  transform: scaleY(1.1);
}
.marketplaces-works .box-img img {
  width: 100%;
  height: 700px;
  display: block;
  object-fit: cover;
}
.marketplaces-works .box-img .title {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  padding: 20px;
}
.marketplaces-works .box-img .title ul li {
  margin-bottom: 10px;
}

/* end marketplaces-works --- */

/* start will-develop ----- */
.will-develop .title h2 {
  color: #111;
  font-size: 32px;
  font-weight: 600;
}
.will-develop .title p {
  color: #111;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
}
.will-develop .box img {
  width: 100%;
  height: 294.234px;
  object-fit: cover;
}
.will-develop .box h6 {
  color: #111;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
}
.will-develop .box h4 {
  color: #111;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .will-develop .title h2 {
    font-size: 18px;
  }
  .main-directions .box p{
    font-size: 12px;
  }
.w100{
  width: 100px!important;
}

  .questions .accordion-item button:focus, .questions .accordion-item button {
    background: unset;
    padding-right: 40px!important;
  }

}
/* end will-develop ----- */

/* start tags-embroidery ---- */
.tags-embroidery {
  background-image: url(../images/bg-tags-embroidery.jpg);
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #111;
}
.tags-embroidery .title h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 60px;
}
.tags-embroidery .title p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.tags-embroidery .title a {
  padding: 9px 20px;
  width: 292px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  background: linear-gradient(95deg, #5f1917 34.92%, rgba(151, 28, 24, 0.76) 70.18%, #5f1917 98.57%);
}
.tags-embroidery .box img {
  width: 100%;
  height: 624px;
  object-fit: cover;
}
.tags-embroidery .box h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.016px;
  margin-top: 8px;
}
@media (max-width: 991px) {
  .tags-embroidery .title h2 {
    font-size: 18px;
  }
  .tags-embroidery .box img {
    height: 537px;
  }
}
/* end tags-embroidery ---- */

/* start price-products --- */
.price-products {
  background-color: var(--main-color);
  color: #fff;
}
.price-products img {
  width: 76px;
  height: 91.366px;
  object-fit: contain;
}
.price-products .desc-title h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 2.4px;
}
.price-products .desc p {
  font-size: 16px;
}
@media (max-width: 991px) {
  .price-products .desc-title h2 {
    font-size: 24px;
  }
  .price-products img {
    width: 52px;
    height: 62.514px;
  }
}
/* end price-products --- */

/* start leave-request --- */
.leave-request .box {
  background: #d1c7be;
}
.leave-request .box h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 60px;
}
.leave-request .box p {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.5px;
}
.leave-request .box input {
  height: 45px;
}
.leave-request .box button {
  padding: 10px 54px;
  background: linear-gradient(92deg, #5f1917 19.92%, rgba(151, 28, 24, 0.76) 58.47%, #5f1917 90.71%);
}
@media (max-width: 991px) {
  .leave-request .box h2 {
    font-size: 18px;
  }
  .leave-request .box p {
    font-size: 16px;
  }
}
/* end leave-request ---- */

/* start address-contacts */
.address-contacts .box img {
  width: 78px;
  height: 107px;
  object-fit: contain;
}
.address-contacts .box h6 {
  color: var(--main-color);
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.address-contacts .box p {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.address-contacts .box h5 {
  color: var(--main-color);
}
@media (max-width: 991px) {
  .address-contacts .box h6 {
    font-size: 16px;
  }
  .address-contacts .box h5 {
    font-size: 18px;
  }
  .address-contacts .box img {
    width: 63px;
    height: 86.423px;
  }
}
/* end address-contacts */

/* start footer ------*/
.footer .logo-footer {
  background: linear-gradient(0deg, #080303 0%, #6c1c19 100%);
}
.footer-link {
  background: linear-gradient(180deg, #080303 0%, #6c1c19 100%);
}
.footer .logo-footer img {
  width: 156px;
  height: 155px;
}
.footer .footer-link li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .footer .logo-footer img {
    width: 105px;
    height: 104.327px;
  }
}
/* end footer ------*/

/* start marketplaces page ============== */
.marketplaces .item-img img {
  width: 100%;
  height: 589px;
  display: block;
}
.marketplaces .bg-box {
  background: #af8c8b;
  padding: 20px;
  transform: scaleX(1.1);
  -webkit-transform: scaleX(1.1);
  -moz-transform: scaleX(1.1);
  -ms-transform: scaleX(1.1);
  -o-transform: scaleX(1.1);
}
.marketplaces .item-desc h2 {
  color: #6b3532;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 15px;
}

.marketplaces .bg-box li {
  color: #fff;
}
@media (max-width: 767px) {
  .marketplaces .item-desc h2 {
    font-size: 32px;
  }
  .marketplaces .item-img img {
    height: auto;
  }
  .marketplaces .bg-box li {
    margin-bottom: 10px;
  }
}

/* start reliable-partner */
.reliable-partner .box-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.reliable-partner .box-desc h2 {
  color: #111;
  font-size: 32px;
  font-weight: 700;
}
.reliable-partner .box-desc p {
  color: #111;
  font-size: 16px;
}
.reliable-partner .box-desc h4 {
  color: var(--main-color);
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 767px) {
  .reliable-partner .box-desc h2 {
    font-size: 20px;
  }
  .imgSmolMob{
    width: 85px;
    height: 85px;
  }
}

/* start main-directions */
.main-directions .box .item-svg {
  width: 120px;
  height: 120px;
  border: solid 1px #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.main-directions .box {
  text-align: center;
  width:100%;
  height:100%;
  display: flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.main-directions .box p {
  color: #111;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .main-directions .box .item-svg {
    width: 85px;
    height: 85px;
  }
}

/* start stages-work ----- */
.stages-work .img-item img {
  width: 100%;
}
.stages-work .item::after {
  content: "";
  background-color: #5f1917;
  width: 13px;
  height: 13px;
  left: 35px;
  position: absolute;
  border-radius: 50%;
}
.stages-work .item::before {
  content: "";
  background-color: #5f1917;
  width: 1px;
  height: 130px;
  left: 42px;
  position: absolute;
}
.stages-work .item:last-child::before {
  background-color: #fff;
  width: 0;
}
.stages-work .item h6 {
  color: #5f1917;
  font-size: 25px;
  font-weight: 600;
  margin: 0;
}
.stages-work .item h5 {
  color: #111;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
}
.stages-work .item p {
  color: #5f1917;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.disNone{
  display: none!important;
}
@media (max-width: 991px) {
  .stages-work .item::before {
    height: 165px;
  }
}
/* start questions ------------ */
.questions .title h2 {
  color: #111;
  font-size: 32px;
  font-weight: 600;
}
.accordion-item button {
  color: var(--main-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0px;
  text-align: left;
  padding: 10px !important;
}
.questions .accordion-item p {
  color: var(--gry-color);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.questions .accordion-item {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: solid 2px #ccc;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.questions .accordion-item button:focus,
.questions .accordion-item button {
  background: unset;
}
@media (max-width: 767px) {
  .accordion-item button {
    font-size: 16px;
    line-height: 24px;
  }
  .questions .title h2 {
    font-size: 18px;
    line-height: 27px;
  }
}
.questions .accordion-button::after {
  content: "+";
  position: absolute;
  right: 10px;
  background-image: url(../images/plus.svg);
  font-size: 25px;
  font-weight: 300;
}
.questions .accordion-button:not(.collapsed)::after {
  position: absolute;
  font-size: 25px;
  font-weight: normal;
  background-image: url(../images/xmark.svg);
  transform: rotate(47deg);
  color: var(--main-color);
  -webkit-transform: rotate(47deg);
  -moz-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  -o-transform: rotate(47deg);
}
.accordion-button:not(.collapsed) {
  color: var(--main-color);
}
.leave-request-marketplaces {
  background-color: var(--main-color);
}

/* end marketplaces page ============== */

/* satrt about-production page =======*/

/* satrt section-product */
.about-production .section-product .box-img img {
  width: 100%;
  height: 496px;
}
.about-production .section-product .box-desc h2 {
  color: #111;
  font-size: 32px;
  font-weight: 700;
}
.about-production .section-product .box-desc p {
  color: #111;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}
@media (max-width: 575px) {
  .about-production .section-product .box-img img {
    height: 239px;
  }
  .about-production .section-product .box-desc h2 {
    font-size: 20px;
  }
}

/* satrt our-workshops */
.our-workshops .title h2 {
  color: #111;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
}
.our-workshops .title p {
  color: #111;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  opacity: 0.6;
}
.our-workshops .box img {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  object-fit: cover;
}
.our-workshops .box h6 {
  color: #111;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.our-workshops .box h5 {
  color: #111;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.5px;
}
.our-workshops .box a {
  position: absolute;
  inset: 0;
  background-color: #0000005e;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
@media (max-width: 767px) {
  .our-workshops .title h2 {
    font-size: 18px;
  }
}

/* start our-services--- */
.our-services {
  background-image: url("../images/bg-our-services.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.our-services .bg-item {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(14.5px);
}
.our-services .box img {
  width: 56px;
  height: 56px;
}
.our-services .box h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.018px;
}
@media (max-width: 767px) {
  .our-services .box img {
    width: 40px;
    height: 40px;
  }
  .our-services .box h4 {
    font-size: 16px;
  }
}

/* start our-services-2 --- */
.our-services-2 .bg-box {
  color: #fff;
  background-color: var(--main-color);
  height: 121px;
  padding: 16px;
}
.our-services-2 .bg-box img {
  width: 55px;
  height: 55px;
}
.our-services-2 .bg-box h3 {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0;
}
.our-services-2 .bg-box p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 108%;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .our-services-2 .bg-box h3 {
    font-size: 20px;
  }
}
/* end about-production page =======*/

/* start work-page =========== */
.work-page .box img {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  object-fit: cover;
}
.work-page .box h6 {
  color: #111;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.6;
  margin: 0;
}
.work-page .box h5 {
  color: #111;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.work-page .btn-modal {
  color: #fff;
  display: flex;
  width: 462px;
  padding: 15px 54px;
  justify-content: center;
  align-items: center;
  margin: auto;
  background: linear-gradient(92deg, #5f1917 19.92%, rgba(151, 28, 24, 0.76) 58.47%, #5f1917 90.71%);
}
@media (max-width: 991px) {
  .work-page .btn-modal {
    width: 100%;
  }
}

/* modal ----------- */
.submit-application .modal-content,
.send-request .modal-content {
  background: #d1c7be;
  padding: 15px;
}
.submit-application .box input {
  height: 45px;
}
.submit-application .box button,
.send-request .box button {
  padding: 10px 54px;
  background: linear-gradient(92deg, #5f1917 19.92%, rgba(151, 28, 24, 0.76) 58.47%, #5f1917 90.71%);
}
/* end work-page =========== */

/* start ************************************ */
.tailoring-merch .bg-box {
  background: #4d5786;
}
.tailoring-merch .item-desc h2 {
  color: #4d5786;
  text-transform: uppercase;
}
/* --------------------- */
.corporate-tailoring .bg-box {
  background: #525966;
}
.corporate-tailoring .item-desc h2 {
  color: #525966;
}
/* --------------------- */
.wholesale-tailoring .bg-box {
  background: #364969;
}
.wholesale-tailoring .item-desc h2 {
  color: #364969;
}
/* --------------------- */
.workwear .bg-box {
  background-color: #cb6226;
}
.workwear .item-desc h2 {
  color: #cb6226;
}
/* --------------------- */
.outsourced .bg-box {
  background-color: #785747;
}
.outsourced .item-desc h2 {
  color: #785747;
}
/* end ************************************ */

.map iframe{
  width: 100%!important;
min-height: 500px;
}
.anull{
  color: black!important;
  text-decoration: none;
}
.containerNewPages{
  padding-top:100px ;
  padding-bottom: 100px;
  width: 100%;
  position: relative;
}
.containerNewPages iframe{
  width: 100%;
  min-height: 400px;
}


/* BLOCK WEB STYLE START */
.blockFalse{
  background-color: white!important;
  z-index: 9999999;
  position: fixed;
  top:-100px;
  width: 100%;
  height: 200%;
  padding-top: 200px;
}
.text_center{
  text-align: center;
}
.div_center{
  display: table;
  margin: 0 auto;
}
.blockFalse img{
  width: 300px;
}

/* BLOCK WEB STYLE END */



/* LOADING SCREEN START  */
#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-icon {
  width: 202px;
  height: auto;

}

/* LOADING SCREEN END  */