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

section {
  padding: 60px 0;
}
h4 {
  font-size: 2.5rem;
}
.line {
  height: 5px;
  width: 70px;
  background-color: #ea1c22;
  margin-bottom: 50px;
}
/* head */
header {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 99;
  transition: 0.4s;
}
.right-part {
  align-items: center;
}
.scrolled {
  background: white;
  color: black;
  box-shadow: 0 0 5px gray;
}
.scrolled a,
.scrolled .navbar-lang-box span {
  color: black !important;
}
.scrolled .num span {
  color: #ea1c22 !important;
}
.scrolled svg {

}
.right-part div {
  padding: 0 12px;
}
.right-part div:first-child {
  border-right: 1px solid lightgray;
}
.logo {
  padding-left: 0 !important;
}
.num {
  text-align: center;
}
.num a {
  text-decoration: none;
  color: #ea1c22;
}
.num span {
  color: white;
}
nav ul {
  list-style-type: none;
  gap: 18px;
  margin: 0;
  padding: 0;
}
nav a {
  text-decoration: none;
  color: white;
  font-weight:500;
}
.button-price {
  background-color: #ea1c22;
  color: white;
  transition: 0.4s;
  border: none;
  width: 160px;
  height: 40px;
  font-weight: bold;
  border-radius:5px !important;
}
.button-price:hover {
  background-color: black;
  color:white !important;
}
.navbar-active-lang {
  display: flex;
  align-items: center;
}
.navbar-lang-box {
  position: relative;
}
.navbar-active-lang {
  color: white;
  display: flex;
  gap: 5px;
}
.navbar-active-lang svg {
  width: 16px;
  transition: 0.4s;
}
.navbar-lang-list {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 0.3s;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.navbar-lang-box:hover .navbar-lang-list {
  opacity: 1;
  visibility: visible;
  height: 100px;
}
.navbar-lang-item {
  background-color: white;
  padding: 5px 40px 5px 6px;
}
.navbar-lang-item:first-child {
  border-top: 1px solid #ea1c22;
}
.navbar-lang-item a {
  font-weight: bold;
  color: black;
  text-decoration: none;
}
.navbar-dropdown-list {
  left: -0.48rem;
}
.navbar-lang-box:hover .navbar-active-lang svg {
  transform: rotate(180deg);
}
.left-part {
  gap: 60px;
}
/* head end */
/*modal*/
.modal-dialog{max-width:600px !important;padding:15px;}
.modal-content input:not(.qiymet-btn),.modal-content textarea{
        width: 100%;
    padding: 12px !important;
    max-width: 100%;
    height: 45px;
    border-radius: 6px;
    color: #212121;
    border: 1px solid #d7dde3;
    background-color: #fcfcfc;
}
.modal-content textarea{    height: 80px;}
.qiymet-btn {
    cursor: pointer;
    background: #EA1C22;
    color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 53px -18px #EA1C22;
    box-shadow: 0 0 black;
    box-shadow: 0 20px 53px -18px #EA1C22 ;
    height: 56px;
    line-height: 56px;
    transition: 0.3s ease-in-out;
    padding: 0 26px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    border: none;
    margin-top: 20px;
}
.qiymet-btn:hover{box-shadow:0 0 0 black !important;}
/*modal end*/
/* slider */
.slider .swiper-slide img{height:95vh;width:100%;object-fit:cover}
.mySwiper2 {
  height: 95vh;
}
.mySwiper2 .swiper-slide {
  width: 100%;
  height: 95vh;
  position: relative;
}
.mySwiper2 .swiper-slide .slider-bg {
  position: relative;
}
.mySwiper2 .swiper-slide .slider-bg::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.slider-content{
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  color: white;
  z-index: 2;
  text-shadow:2px 2px black;
}
.slider-content h2 {
    font-size: 42px;
    color: #fff;
}
.slider-content p {
    max-width: 70%;
    color: #fff;
}
.slider-content a{text-decoration:none;color:white;font-size:18px;padding:10px 60px;
    border-radius:5px;
    background:#ea1c22;
    text-shadow:0px 0px black !important;
    box-shadow:0 20px 53px -18px #ea1c22 ;
    border:2px solid #ea1c22;
    transition:.3s;
}
.slider-content a:hover{background:white;color:#ea1c22 !important;border-color:#fff;}
.slider .swiper-pagination-2 {
  position: relative;
  bottom: 20px;
  right: 7%;
}
.slider .swiper-pagination {
  position: absolute;
  text-align: right !important;
}
.slider .swiper-pagination .swiper-pagination-bullet {
  width: 50px;
  height: 5px;
  border-radius: 0;
  background-color: white;
}
.slider .swiper-pagination .swiper-pagination-bullet-active{background:#ea1c22 !important;}
.slider img {
  width: 100%;
  height: 100%;
}
/* slider end */
/* advantages */
.advantages-card img{
      margin-bottom:12px;
}

/* advantages end */
/* category */

.fotorama__stage__frame,.fotorama__thumb{border:1px solid black !important;border-radius:10px !important;}
.navbar-dropdown-item a {
    color: black;
    text-decoration: none;
    transition: .3s;
}
.navbar-dropdown-item{transition:.3s;border-radius:7px;padding:8px 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.navbar-dropdown-item:hover a{color:white;}
.navbar-dropdown-item:hover{transform:scale(1.06);background:#ea1c22;}
.products {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 20px;
  row-gap: 80px;
}
.bkk{
color:#fff;font-size:15px;margin:10px auto;width:90%;background:black;border-radius:5px;opacity:0;transition:.4s;
padding:8px;
}
.products img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 8;
  object-fit:cover;
}
.products p{ display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
.product-category {
  width: calc(52% - 20px);
  box-shadow: -10px 10px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
@media (min-width: 992px) {
  .product-category {
    width: calc(12.5% - 20px) !important;
  }
  .text-leftt {
    text-align: left !important;
  }
}
@media (min-width: 576px) {
  .product-category {
    width: calc(25% - 20px);
  }
}
.products li {
  transition: 0.3s;
}
.products li:hover {
  border: 1px solid black;
  transform: translateY(-7px);
  box-shadow:none;
}
.product-category p{  font-weight:600;margin-top:10px;}
.product-category a {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.category-description {
    
}
.category-description h1, h2, h3, p, li {
    color: #3d3d3d;
}
.category-description h1 {
    font-size: 28px;
}
.category-description h3 {
    font-size: 22px;
}

/* category end */

/* sales */
.sales-card {
  position: relative;
  text-decoration:none;
  color:black;
}
.sales-background {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.1s;
  background-color: #ea1c22;
  z-index: -1;
}
.sales-card:hover .sales-background {
  width: 102%;
  height: 101%;
  padding-bottom:350px;
  margin-top:10px;
}
.sales-card:hover .bkk{opacity: 1 !important;}

.sales-img {
  border: 1px solid lightgray;
}
.sales-content {
  font-weight: normal;
  text-align: center;
  margin-top: 10px;
}
.sales-img img {
  width: 100%;
  height:240px;
  object-fit:contain;
  background:white;
}
/* sales-end */
/* references */
.ref .swiper-slide {
  height: 70px;
}
.ref-img {
  overflow: hidden;
}
.ref-img img {
  width: 100%;
  height:70px;
  display: block;
  transition: 0.3s;
}
.ref-img img:first-child {
  filter: brightness(0);
}
.ref .swiper-slide:hover img {
  transform: translateY(-100%);
}
/* references end */
/*calltoaction*/

#call-to-action {
    height: 110px;
    margin-top: 5rem;
}

.footerBgClr {
    background-color: #000;
}

.call-wrapper {
    height: 160px;
    padding: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    -webkit-box-shadow: 0px -1px 20px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0px -1px 20px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px -1px 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0px -1px 20px 0 rgb(0 0 0 / 12%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    top: -152px;
}

#call-to-action .call-wrapper .img-wrap {
    width: 250px;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: 300ms -webkit-transform ease;
    -moz-transition: 300ms -moz-transform ease;
    -o-transition: 300ms -o-transform ease;
    transition: 300ms transform ease;
}

#call-to-action .call-wrapper .img-wrap img {
    width: 100%;
}

#call-to-action .call-wrapper .wp-box-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 32px;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#call-to-action .call-wrapper .wp-box-wrapper .desc {
    width: 50%;
}

#call-to-action .call-wrapper .wp-box-wrapper .desc h3 {
    font-size: 26px;
    line-height: 1.23;
    margin-bottom: 10px;
}

#call-to-action .call-wrapper .wp-box-wrapper .desc p {
    font-size: 14px;
    margin: 10px 0 10px;
    font-weight: 300;
    line-height: 1.31;
}

#call-to-action .call-wrapper .wp-box-wrapper .info-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#call-to-action .call-wrapper .wp-box-wrapper .info-buttons .custom-btn.wp-btn {
    margin-right: 20px;
    text-transform: lowercase;
    background-color: #64b261;
    color: #fff;
    padding: 10px 26px;
    border: none;
    -webkit-animation: play 4s ease infinite;
    -moz-animation: play 4s ease infinite;
    -o-animation: play 4s ease infinite;
    animation: play 4s ease infinite;
}
@media(max-width:576px){
    .about-img{width:100% !important;}
    .about-img:after{display:none;}
    .desc{width:100% !important;}
    .info-buttons a{width:100 !important;}
    .img-wrap{display:none !important;}
    .wp-box-wrapper{margin:0 !important;}
}
@keyframes play {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
        box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
    }
    
    1% {
        -webkit-box-shadow: 0 0 0 10px rgba(100, 178, 97, 0.2);
        -moz-box-shadow: 0 0 0 10px rgba(100, 178, 97, 0.2);
        box-shadow: 0 0 0 10px rgba(100, 178, 97, 0.2);
    }
    10% {
        -webkit-box-shadow: 0 0 0 10px rgba(100, 178, 97, 0.2), 0 0 0 20px rgba(100, 178, 97, 0.1);
        -moz-box-shadow: 0 0 0 10px rgba(255, 7, 64, 0.2), 0 0 0 20px rgba(100, 178, 97, 0.1);
        box-shadow: 0 0 0 10px rgba(100, 178, 97, 0.2), 0 0 0 20px rgba(100, 178, 97, 0.1);
    }
    10% {
        -webkit-box-shadow: 0 0 0 15px rgba(100, 178, 97, 0.2), 0 0 0 30px rgba(100, 178, 97, 0.1);
        -moz-box-shadow: 0 0 0 15px rgba(100, 178, 97, 0.2), 0 0 0 30px rgba(100, 178, 97, 0.1);
        box-shadow: 0 0 0 15px rgba(100, 178, 97, 0.2), 0 0 0 30px rgba(100, 178, 97, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
        box-shadow: 0 0 0 0 rgba(100, 178, 97, 0.2);
    }
}

#call-to-action .call-wrapper .wp-box-wrapper .info-buttons .custom-btn.contact-btn {
    -webkit-transition: 300ms all ease;
    -moz-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
    padding: 10px 26px;
    text-transform: lowercase;
}

#call-to-action .call-wrapper .wp-box-wrapper .info-buttons .custom-btn {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    font-size: 16px;
    padding: 0 30px;
    color: #454749;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.14);
}

/*calltoactionend*/
/* footer */

.footerBgClr {
  background-color: #000;
}

.textWrapper {
  color: #ea1c22 !important;
}

.textWrapper a {
  color: #ea1c22 !important;
}

.footerLnks {
  border-bottom: solid 1px #7c404047;
  margin-top: -20px;
}

.footerContent {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footerContent .col-lg-3 i,.footerContent .col-lg-2 i{margin-bottom:18px;}
.imgbr img{filter:invert(1);}
.imgbr{display:flex;align-items:center;}
.socialList {
  padding-right: 0;
}

.list-unstyled {
  display: flex;
  flex-wrap: wrap;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.footerContent li.footerListHeaderTxt {
  font-size: 18px;
}
.footerPhone a{color:white;text-decoration:none;}
.socialList ul i {
  text-align: center;
  padding: 9px;
  border-radius: 50%;
  width: 36px;
  border: 2px solid #fff;
  height: 36px;
  color: #fff;
}

.fa-envelope-open-text:before {
  margin-right: 10px;
}
.fa-whatsapp{margin-right:10px;font-size:22px;}
.fa-phone-alt:before {
  margin-right: 10px;
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-phone:before {
  content: "\f879";
}

.footerContent li a {
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.socialList .footerContactTxt {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.footerNavLinks {
  padding: 40px 10px 40px 10px;
}

.footerNavLinks .footer-nav a {
  text-decoration: none;
  position: relative;
  color: #fff;
}

.footerNavLinks .footer-nav a::after {
  content: "";
  height: 2px;
  width: 0%;
  position: absolute;
  background-color: #736382 !important;
  display: block;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  bottom: -4px;
}

.footerNavLinks .footer-nav a:hover:after {
  width: 100%;
}

.footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-nav a {
  font-size: 16px;
  font-weight: 400;
}

.footerBottomTxt {
  padding: 35px 10px;
}

.footerBottomTxt .footerBottomFirstCol {
  border-right: solid 1px #e1e1e1;
}

.footerBottomTxt .cl-3 {
  font-size: 12px;
  line-height: 23px;
  text-align: left;
  position: relative;
  padding-right: 0px;
  padding-left: 37px;
  color: #bec4cc;
}

.footerBottomTxt .cl-1 {
  font-size: 14px;
  line-height: 22px;
}

.footerBottomTxt .cl-1 p {
  margin-bottom: 0px !important;
  color: #69737f;
}
@media (max-width: 576px) {
  .footer-nav {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}
/* footer end */
/*feedback*/

#map {
    height: 25rem;
}

.conp-info-box {
    margin-bottom: 5rem;
}

.conp-body {
    padding-block: 5rem;
}

.conp-social-list {
    row-gap: 2rem;
    padding:0;
}

.conp-social-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
}

.conp-social-icon-box {
    box-shadow: rgba(0, 0, 0, 0.35) 1px 1px 6px;
    background-color: #fff;
    border-radius: 50%;
    width: 3.75rem;
    padding: 1rem;
    height: 3.75rem;
    flex-shrink: 0;
    flex-grow: 0;
    transition:0.6s;
}

.conp-social-icon {
    width: 100%;
    filter:brightness(0.2);
}

.conp-social-icon-box:hover {
   background-color: #ddd;
}

.conp-social-link {
    word-break: break-word;
    color: black;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.conp-social-content {
    display: flex;
    flex-direction: column;
}

.inside-page-head {
    background-color: #f9423a;
    color: #fff;
    padding-block: 1.125rem;
    margin: 0;
}

.speedbar-my-wrap {
    display: flex;
    color: #fff;
    gap: .5rem;
}

.speedbar-my-wrap a {
    color: #fff;
}

.last-speedbar-element {
    opacity: .7;
}

.speedbar-icon {
    width: .8rem;
}

.main.inside-page {
    margin-top: 5rem;
}

.title_wrap {
    position: relative;
    height: 15.625rem;
}

.title_wrap::before {
    position: absolute;
    content: '';
    inset: 0;
    z-index: -1;
    background: rgb(0 0 0 / 50%);
}

.title-img-box {
    position: absolute;
    z-index: -2;
    inset: 0;
}

.inside-page-title-box {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}

.title-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
/*blog*/
.tm-btn{color:#EA1C22;}
.blog{margin-bottom:80px;}
.blog span{color:gray;margin:12px 0;display:inline-block;}
.blog .text-box span:nth-child(2){color:black !important;font-size:22px;margin:0 !important}
.img-box {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height:280px;
}
.img-box img{width:100%;height:100%;}
.img-box div{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(33, 55, 74, 0.5);transition:.3s;opacity:0;}
.blog-card:hover .img-box div{opacity:1;}
.img-box div a{text-decoration:none;color:white;background:#EA1C22;padding:8px 30px;}
.blog-style-one .single-blog-style-one .text-box .meta-info a:hover {
  color: #242C33;
}
/*breadcrumb*/
    .titlebar {
        background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("/img/br2.webp")center/cover;
    }

    .titlebar #page-title {
        text-align: center;
        font-size: 34px;
        color: white;
        padding-top: 40px;
        text-shadow:2px 2px black;
    }

    .titlebar {
        padding: 140px 0 60px
    }
        @media only screen and (min-width: 64em) {
        .about-img{margin-top:-65px;}
        .titlebar #page-title {
            font-size: 54px;
        }
    }
    .about-img{width: 94%;}
    .about-content img{display:none;}
    .about-img img{width: 100%;height: 100%;position: relative;}
    .about-img:after {
    content: " ";
    background: #EA1C22;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 40px;
    right: 40px;
    z-index: -1;
}
    .row{align-items: center;row-gap: 40px;}
/*breadcrumb end*/

/*mehsul daxili*/
.product-inn-content {
    text-align: left;
}
.product-inn-content h3 {
    font-size: 22px;
}
.sifaris-et {
    background-color: #ea1c22;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: 0.4s;
    border: none;
    width: 200px;
    padding:10px 0;
    font-size:18px;
    font-weight: bold;
    border-radius: 3px !important;
}
.sifaris-et:hover {
    background: black;
}

/*mehsul end*/
/*navnavnav*/
.navnavnav{list-style:none;    
    flex-direction: column;
    gap: 5px;
    padding-left: 0 !important;}
.nav-ac{
    transform:scale(1.06);
    background-color: #ea1c22;
}
.nav-ac a { color: #fff;}
/*navnavnav end*/
/*mobil*/
.mobile-menu{
    opacity:0;
    visibility:hidden;
    transition:.4s;
    padding:29.5px 0;
    z-index:0;
    background:#fff;
    position:fixed;
    width:100%;
    height:80vh;
    left:0%;
    top:0;
    overflow-Y:scroll;
}
.mobile-menu ul{
    display:flex;
    flex-direction:column;
    list-style:none;
    padding:0;
}
.mobile-head{padding:0 12px;}
.mobile-menu ul li a{
    color:black;
    display:block;
    width:100%;
    padding:8px 12px;
    text-decoration:none;
}
.mobile-menu ul li:first-child{border-top:1px solid black;}
.mobile-menu ul li{border-bottom:1px solid black;}
.close-menu i,.ham-btn i{font-size:26px;}

/*mobil end*/