* { font-family: "Gilroy", Arial, sans-serif }
.container { max-width: 1450px!important }

/*section and static-section start*/
section { padding: 60px 20px }
.section-top-static { background: #f1f1f1; padding: 150px 0 35px 0 }

.sectionLink {
    margin: auto;
}

.section_link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-weight: 400;
    transition: 0.3s;
    position: relative;
    color: #000;
    margin-bottom: 35px;
}

.section_link::after {
    content: '';
    width: 0;
    height: 2px;
    background: #000;
    transition: .3s;
    position: absolute;
    bottom: -6px;
    left: 0;
}

.section_link i { transition: 0.3s }
.section_link:hover i { transform: translateX(5px) }
.section_link:hover::after { width: 100% }
.section-static { padding-top: 100px }
.section-static-about, .section-static-contact { background: url(../img/aboutBg.html) center/cover!important }
.section-static .container { position: relative }
.section-static__inner {
  height: 50vh;
  background: url(../img/about-bg-img.jpg) center/cover;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 90px;
  flex-direction: column;
}
.section-static .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(255, 202, 40, 0.6) 8%, rgba(0, 0, 0, 0.48) 82%);
}
.section-static__title {
  font-size: 45px;
  position: relative;
  z-index: 2;
  color: #fff;
  margin-top: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000;
}

.about-static {
  padding: 0 20px 60px 20px;
  position: relative;
  margin-top: -125px;
}
.about-static .container {  padding: 0 90px 0 90px }
.about-static__inner {
  background: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
  margin: auto;
  padding: 55px 60px;
}
.about-static__inner img {
  margin: auto;
  display: block;
  max-width: 500px;
  object-fit: contain;
  width: 100%;
}
.about-static__text { line-height: 25px }
.about-static__text img { display: none }
.contact-static .container.container-1 {
  background: #ffca28;
  padding-top: 140px;
  padding-bottom: 90px;
}
.contact-static .container.container-2 { padding-top: 60px }
.contact-static__info h2 {
  font-size: 70px;
  font-weight: 900;
  letter-spacing: -4.05px;
  white-space: nowrap;
}
.contact-static__info p { color: #353535 }
.contact-static__info-content { padding-top: 30px;  font-size: 24px }
.contact-static__info-content span { font-weight: 600 }
.contact-static__info-content a { color: black }
.contact-static__form { padding: 30px; background: #fff }
.contact-static__form-input { position: relative }
.contact-static__form-input .effect:focus ~ label,
.contact-static__form-input .effect:active ~ label {
  top: -5px;
  font-size: 12px;
  color: #ffca28;
}
.contact-static__form .btn {
  font-size: 16px;
  background: #22262a;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: 0.2s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.contact-static input,
.contact-static textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #bfc7ce;
  background: transparent;
  z-index: 222;
  position: relative;
  padding-top: 16px;
  padding-bottom: 2px;
  font-size: 14px;
}
.contact-static input { height: 48px }
.contact-static label {
  position: absolute;
  left: 0;
  top: 12px;
  transition: 0.2s linear;
  z-index: 1;
  color: #bfc7ce;
  font-size: 14px;
}
.contact-static input:focus,
.contact-static textarea:focus {
  outline: none;
  box-shadow: none;
}
.contact-static__bottom .info_content h4 {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 24px;
}
.contact-static__bottom .info_content p {
  font-size: 16px;
  line-height: 25px;
}
.contact-static__bottom .info_content p a {
  color: black;
}
.contact-static__bottom .social .social-links {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}
.contact-static__bottom .social-links a {
  width: 45px;
  height: 45px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
  text-decoration: none;
  color: #000;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  transition: transform 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-static__bottom .social-links a::after {
  content: "";
  width: 100%;
  height: 100%;
  top: -90px;
  left: 0;
  background: #000;
  position: absolute;
  transition: 0.5s;
}
.contact-static__bottom .social .social-links a:hover { transform: translateY(-10px) }
.contact-static__bottom .social .social-links a:hover::after { top: 0 }
/*section and static-section  end*/

/*breadcumb  start*/
.breadcumb a {
    text-decoration: none;
    color: #000;
    transition: all .3s ease;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 20px;
}

.breadcumb a {
    color: #000;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.breadcumb a.active { color: #fff; background: #1a1a92f5 }
.breadcumb a:hover { background-color: #1a1a92f5; color: #fff }
.breadcrumb {
  position: relative;
  z-index: 2;
}
.breadcrumb a,
.breadcrumb span {
  color: #fff;
  font-weight: 500;
  font-size: 17px;
}
.breadcrumb span {
  opacity: 0.7;
}
/*breadcumb  end*/

/*header start*/
.header-logos {
    display: flex;
    align-items: center;
    gap: 1.7rem;
}
header {
  padding: 20px;
  transition: 0.6s;
  position: fixed;
  z-index: 9999;
  width: 100%;
  background: #fff;
  box-shadow: -2px 1px 8px 0 hsla(0, 0%, 77%, 0.8);
}
header.header-active {  background: #fff }
header.header-none { transform: translate(0, -100%) }
header nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
header nav ul li a {
  color: #000;
  font-size: 18px;
  padding: 20px 0;
  font-weight: bold;
}
header nav .get-price {
  padding: 15px 32px;
  border-radius: 22px;
  border: 1px solid transparent;
  text-transform: uppercase;
  font-size: 13px;
  background-image:linear-gradient(to bottom, #f8d478, #f8b928);
  color: black;
  font-weight: bold;
  animation: inf-pulse-3 .8s; 
  animation-iteration-count: infinite;
  box-shadow: 0px 5px 25px 0px #fede00;
  cursor: pointer;
 
}

header .menu-item:hover .menu-drop {
    opacity: 1;
    visibility: visible;
    top: 40px;
}

/****OFFCANVAS STYLING START****/
.offcanvas { background: linear-gradient(45deg, #1f3f4f, #000); color: #fff; }
.offcanvas-header { justify-content: flex-end }
.offcanvas-body { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.btn-close-menu { cursor: pointer }

.mobile-menu { display: block!important;}
 header nav .offcanvas-body .get-price { display: block!important}
.mobile-menu .menu-item { margin: 20px 0; padding: 0; }
 header nav .offcanvas-body .lang-list { display: flex!important}


.mobile-menu .menu-link {
    color: #fff;
    line-height: 16px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.menu-drop li a:hover { color: #f0ad15!important }
.menu-drop {
    position: absolute;
    visibility: hidden;
    padding: 10px 30px;
    background: #fff;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.4s;
    min-width: 175px;
    border-radius: 10px;
    opacity: 0;
     display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #c4c4c4b0;
    align-items: flex-start;
}

.menu-drop li a {
    display: inline-block !important;
    padding: 7px 0 !important;
    color: #000 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    white-space: nowrap;
    font-size:  16px!important;
}

.menu-btn-mobile {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #e1e1e15e;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu-btn-mobile__inner { width: 20px }
.menu-btn-mobile__inner .line:first-child { width: 90% }
.menu-btn-mobile__inner .line:last-child { width: 80% }

.menu-btn-mobile__inner .line {
    width: 100%;
    height: 2px;
    background-color: #323232;
    margin: 3px 0;
}

@keyframes inf-pulse-3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #fede00;
        -moz-box-shadow: 0 0 0 0 #fede00;
        -o-box-shadow: 0 0 0 0 #fede00;
        box-shadow: 0 0 0 0 #fede00;
    }
}

.lang-list { display: flex; gap:0; }
.lang-list li:hover, .lang-list li.active { background-color: #1f3f4f; }
.lang-list li {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #1f3f4f59;
    margin-left: 10px;
    transition: 500ms all ease;
    border: 1px solid #1f3f4f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-list .active a {
    color: #fff;
}
.lang-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
/*header end*/

/*slider start*/
.owl-carousel div { height: 100%  }
.owl-carousel .short-story img { display: none }

.slider {
    position: relative;
    background: url('../img/PC500_10R_action_03.jpg') bottom/cover;
    padding: 0 20px 0 20px!important;
    height: 100vh;
    display: flex;
}

.slider__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fcfcfcdb;
}

.slider h1, .slider p { color: #fff }
.owl-carousel .owl-dots { display: none }
.owl-carousel__slide img { max-width: 600px; object-fit: contain }
.owl-carousel__slide:first-of-type img { max-width: 500px!important }
.owl-carousel__slide:nth-of-type(2) img { max-width: 100px!important }
.owl-carousel__slide:nth-of-type(4) img { max-width: 350px!important }

.owl-carousel__slide .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.owl-carousel__slide-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    max-width: 40%;
    height: auto!important;
}

.owl-carousel__slide-btn {
    background-image: linear-gradient(to bottom, #f8d478, #f8b928);
    padding: 15px 40px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    box-shadow: 0px 12px 15px #f8ba287b;
    transition: .4s;
}

.owl-carousel__slide-btn:hover { box-shadow: none }
.owl-carousel__slide h2 { color: #f8b008; font-size: 48px }
.owl-carousel__slide p { color: #000; font-size: 18px }

.owl-circle__absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.owl-circle {
    top: 0;
    position: relative;
    max-width: 700px;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    border: 3px solid #f8b008;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.circle__node {
    background: #ffcc57;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    animation: inf-pulse-2 1.2s;
    animation-iteration-count: infinite;
    box-shadow: 0 0 0 10px #ffdb87;
    position: relative;
    z-index: 999;
    cursor: pointer;
}

.circle__node span span:before {
    content: 'sdfsdf';
    display: block;
   color: #fff;
    transform: translate(-320%, -20%);
    font-weight: bold;
    font-size: 20px;
    text-shadow: 3px 0px 7px rgba(81,67,21,0.8), -3px 0px 7px rgba(81,67,21,0.8), 0px 4px 7px rgba(81,67,21,0.8);
}

.circle__node.active span span:before { color: #f8b008 }
.circle__node:nth-of-type(1) span span:before { content: 'Komatsu'!important; transform: translate(-500%, -20%) }
.circle__node:nth-of-type(2) span span:before { content: 'Dieci'!important; transform: translate(-380%, -20%) }
.circle__node:nth-of-type(3) span span:before { content: 'Çukurova'!important; transform: translate(-540%, -20%) }
.circle__node:nth-of-type(4) span span:before { content: 'Nilfisk'!important; transform: translate(-440%, -20%) }
.circle__node:nth-of-type(5) span span:before { content: 'Crown'!important; transform: translate(-480%, -20%) }


.circle__node-2 {
    display: block;
    width: 20px;
    height: 20px;
    background: #f8b008;
    border-radius: 50%;
}

@keyframes inf-pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f8b008;
        -moz-box-shadow: 0 0 0 0 #f8b008;
        -o-box-shadow: 0 0 0 0 #f8b008;
        box-shadow: 0 0 0 0 #f8b008;
    }
}

.circle__node.active .circle__node-2 { background: #fff }
.owl-carousel .owl-item img {
    position: absolute;
    right: 0;
    /*object-fit: contain;*/
    max-height:450px;
    height:100%;
}

.owl-carousel__btns {
    position: absolute;
    color: #fff;
    bottom: 50px;
    right: 15vw;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 999;
}

.owl-carousel__btns i {
    font-size: 30px;
    color: #939394;
    transition: .3s;
}

.owl-carousel__btns i:hover { color: #f8b008 }
.owl-carousel__btns div { cursor: pointer }

#owl-carousel__indexActiveSLide {
    color: #f8b008;
    font-weight: bold;
    font-size: 45px;
    min-width: 55px;
    display:inline-block;
}

.owl-carousel__counter { color: #939394; font-size: 20px }

@keyframes inf-pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff6e;
        -moz-box-shadow: 0 0 0 0 #ffffff6e;
        -o-box-shadow: 0 0 0 0 #ffffff6e;
        box-shadow: 0 0 0 0 #ffffff6e;
    }
}

.circle__node.active .circle__node-2 { background: #fff }
.circle__node:nth-child(1) { position: absolute; top: 39%; left: -15px }
.circle__node:nth-child(2) { position: absolute; top: 55%; left: -14px }
.circle__node:nth-child(3) { position: absolute; top: 70%; left: 18px }
.circle__node:nth-child(4) { position: absolute; top: 82%; left: 80px }
.circle__node:nth-child(5) {  position: absolute; top: 93%; left: 185px }

.owl-carousel__btns {
    position: absolute;
    color: #fff;
    bottom: 50px;
    right: 5vw;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 999;
}

.owl-carousel__btns i {
    font-size: 30px;
    color: #939394;
    transition: .3s;
}

.owl-carousel__btns i:hover { color: #f8b008 }
.owl-carousel__btns div { cursor: pointer }
#owl-carousel__indexActiveSLide {
    color: #f8b008;
    font-weight: bold;
    font-size: 45px;
}

.owl-carousel__counter { color: #939394; font-size: 20px }
/*slider end*/

/* modal start*/
.modal-header .modal-dialog{ max-width: 70% }
.modal-header { padding-left: 0!important }
.modal-header .modal-content { padding: 0 20px }
.modal-backdrop { z-index: 999998 }
.modal-header .modal-body{ padding-top: 0 }
.modal-header .all-modal-bodies{ display: flex; align-items: center }
.modal-header .modal-img{ width: 500px }
.modal-header .modal-img img{ width: 100%; height: 100% }
.modal-header .modal-body input,
.modal-header .modal-body select,
.modal-header .modal-body textarea {
    width: 100%;
    padding: 10px 20px;
    border: 2px solid #e6ecf2;
}

.modal-header .modal-body textarea{
    height: 160px;
    padding: 20px;
}

.modal-header .modal-body input:focus-visible,
.modal-header .modal-body select:focus-visible,
.modal-header .modal-body textarea:focus-visible {
    border-color: #f8b928!important;
}

.modal-header .modal-body .row{
    row-gap: 1.5rem;
}

.modal-header .modal-body button {
    position: relative;
    letter-spacing: 1px;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none;
    height: 48px;
    display: inline-block;
    border-radius: 6em;
    transition: all .2s;
    width: 100%;
    border: 1px solid #000;
    font-weight: 500;
    color: black;
    background-color: white;
}

.modal-header .modal-body button:hover {
    border: 1px solid transparent;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px #f8b9288f;
        background: #f8b928;
    color: #fff;
}

.modal-header .modal-body button:active {
 transform: translateY(-1px);
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.modal-header .modal-body button::after {
 content: "";
 display: inline-block;
 height: 100%;
 width: 100%;
 border-radius: 100px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 transition: all .4s;
}

.modal-header .modal-body button::after {
 background-color: #fff;
}

.modal-header .modal-body button:hover::after {
 transform: scaleX(1.4) scaleY(1.6);
 opacity: 0;
}
/* modal end*/

/*categories section start*/
.categories__title {
  color: #1f3f4f;
  font-weight: 400;
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

.categories__list-komatsu {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
    gap: 20px
}
.categories__komatsu {
    background: #f8b928;
    border-radius: 20px;
    transition: .3s;
    border: 1px solid transparent;
    cursor: pointer;
}
.categories__komatsu:hover {
    background: #fff;
    border: 1px solid #f8b928;
}

.categories__komatsu:hover .a {
    color: #f8b928;
}

.categories__komatsu .a { 
    color: #fff;
    padding: 15px;
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.categories__komatsu.active {
     background: #fff;
    border: 1px solid #f8b928;
}
.categories__komatsu.active .a{
    color: #f8b928;
}
.categories__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px }
.categories__list-item h3 a img { display: none }
.categories__list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  padding: 4px 0;
  background-image: url(../img/Asset-3.webp);
    background-position: 0px 450px;
background-repeat: no-repeat;
    background-size: cover;
  transition: 1s;
}
.categories__list-item:last-child {  margin-right:  0 }
.categories__list-item:hover {  background-position: 0px 0px }

.categories__list-item a {
    border-radius: 6px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 320px;
}

.categories__list-item a:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
}

.categories__list-item a:after {
    background: linear-gradient(to top, #000000bf, rgba(43, 25, 25, 0));
    opacity: 1;
}

.categories__list-item a:before {
    background: linear-gradient(to top, #f4d55491, rgba(43, 25, 25, 0.5));
    opacity: 0;
}

.categories__list-item a:hover:after {
    opacity: 0;
    transition: opacity 0.3s;
}

.categories__list-item a:hover:before {
    opacity: 1;
    transition: opacity 0.3s;
}

.categories__list-item a:after, .categories__list-item a:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    transition: 0.3s ease-in-out;
    opacity: 0.99;
    z-index: 1;
    border-radius: 6px;
}

.categories__list-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  top: 0;
  left: 0;
}
.categories__list-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  z-index: 2;
  text-align: center;
}

.categories__list-title.first {
    text-transform: uppercase;
}

.categories__list-title.second:first-letter {
    text-transform: capitalize;
}
/*categories section end*/

/*product card start*/
.product-card {
    border-radius: 1rem;
    min-height: 540px;
    position: relative;
    transition: .4s all ease;
    background: url(../img/productBackComp.jpg)center/cover no-repeat;
}

.info-product-item {
    white-space: nowrap;
}

.product-card:hover {
}

.product-card::before {
    content: "";
    border-radius: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000079;
}

.product-content {
    justify-content: space-between;
    z-index: 999;
    position: relative;
    padding: 1rem 2rem;
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.product-content h2 {
    font-size: 2rem;
    color: #fff;
}

.product-content p {
    color: #fff;
    line-height: 1.4;
}

.product-content p img {
    display: none;
}

.product-card img {
    width: 100%;
    height: 250px;
    object-fit:contain;
}

.details > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.products {
  background: #ebebeb;
}
.products__inner {
  position: relative;
}
.products__title {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.products__title h2 {
  font-size: 30px;
  font-weight: 700;
  color: #1f3f4f;
  margin-bottom: 10px;
}
.products__title p {
  font-size: 18px;
  line-height: 30px;
  max-width: 960px;
}
.products__item-title {
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: normal;
}
.products__item-center {
  margin-top: 20px;
}
.products__item-center img {
  width: 100%;
  height: 100%;
}
.products__item-bottom {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  gap: 7px;
}
.products__swiper-btns {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  padding-top: 30px;
}
.products__swiper-btns div {
  cursor: pointer;
}
.products__swiper-btns .swiper-button-disabled {
  opacity: 0.3;
}
/*product card end*/

/*references start*/
.references { background: #ebebeb }
.references__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  flex-wrap: wrap;
  gap: 20px;
  margin: auto;
}
.references__item {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  height: 130px;
  border-radius: 4px;
  cursor: pointer;
}
.references__item:hover img {
  filter: none;
  opacity: 1;
}
.references__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.3;
  transition: 300ms all ease;
}
/*references end*/

/*blogs start*/
#blog { position: relative; z-index: 0 }
#blog .blog_content .blog_card_list.inner { grid-template-columns: 1fr 1fr 1fr }

.blog-FullStory img {
    float: right;
    margin-left: 20px;
    max-width: 600px;
    border-radius: 10px;
}

.blog-FullStory:after {
    content: '';
    display: table;
    clear: both;
}

#blog.homepage { overflow: hidden; padding: 4rem 0 }
#blog .blog_header { margin: 1rem 0 2.9rem; margin-top: 0 }
#blog .blog_header .blog_title, .blog_title {
    font-size: 30px;
    line-height: 2.25rem;
    color: #1f3f4f;
    font-weight: bold
}

#blog .blog_content .blog_card_list {
    display: grid;
    grid-template-columns: "1fr";
    gap: 1.6rem;
}

#blog .blog_card_list .blog_card {
    border-radius: .31rem;
    overflow: hidden;
    transition: all .3s;
    box-shadow: rgba(99, 99, 99, .3) 0px 2px 8px 0px;
    aspect-ratio: 1/1
}

#blog .blog_card_list .blog_card:hover { box-shadow: rgba(99, 99, 99, .8) 0px 2px 8px 0px }
#blog .blog_card_list :is(.blog_card_link,.blog_card_holder) {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%
}

#blog .blog_card_list .blog_card_link .card_bg_image {
    position: absolute;
    z-index: -1;
    inset: 0
}

#blog .blog_card_list .blog_card_link .card_bg_image>img {
    transition: all .4s;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center bottom
}

#blog .blog_card_list .blog_card_link .card_bg_image::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(180deg, rgba(26, 38, 25, 0) 50%, rgba(22, 32, 21, .8) 100%) no-repeat
}

#blog .blog_card_list .blog_card_link:hover .card_bg_image>img { transform: scale(1.05) }

#blog .blog_card .card_button_box {
    position: absolute;
    z-index: 11;
    border-radius: 50%;
    white-space: normal;
    bottom: 1.5rem;
    right: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    opacity: .9
}

#blog .blog_card .card_button_box button {
    outline: none;
    background-color: #1f3f4f;
    border: 2px solid #1f3f4f;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    transition: all .3s
}

#blog .blog_card .card_button_box svg {
    fill: #fff;
    font-size: 1.5rem;
    width: 1.5rem
}

#blog .blog_card .card_button_box:hover button {
    background-color: #f8b928;
    border-color: #f8b928
}

#blog .blog_card_link .card_content {
    display: flex;
    height: 100%;
    width: 100%;
    aspect-ratio: 1.5/1;
    padding: 1.3rem 5.3rem 1.3rem 1.3rem;
    flex-direction: column;
    align-items: start;
    justify-content: end
}

#blog .blog_card_link .card_content :is(.blog_card_description,.blog_card_title) {
    color: #fff
}

#blog .blog_card_link .card_content .blog_card_title {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: normal
}

#blog .blog_card_list .blog_card_link:hover .blog_card_title {
    text-decoration-line: underline
}

#blog .blog_card_link .card_content .blog_card_description {
    font-size: 1rem;
    margin-top: .5rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#blog .blog_card_link .card_content .blog_card_description img {
    display: none;
}
/*blogs end*/

/*onfooter start*/
.onfooter {
    background: linear-gradient(45deg, #1f3f4f, #000);
    padding: 70px 0;
}

.onfooter .start {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.onfooter h2 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 22px;
    margin: auto;
    text-align: center;
}

.onfooter-btn {
    white-space: nowrap;
    width: 220px;
    padding: 15px 20px;
    border-radius: 2px;
    background-color: #fff;
    font-size: 22px;
    font-weight: 600;
    color: #2d3640;
    border: none;
    transition: 0.3s;
    border: 1px solid #fff; 
}

.onfooter-btn:hover { 
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff; 
}
/*onfooter end*/

/*modal-start*/
.modalFooter .modal-content {
    border-radius: 8px;
    padding: 30px 40px 70px 40px;
}

.modalFooter .modal-title {
    color: #212122;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.66667;
}

.modalFooter .modal-content .close {
    font-size: 20px;
    font-weight: 200;
    outline: none;
}

.modalFooter .modal #myFrame {
    width: 100%;
    height: 290px;
}

.modalFooter .modal .infomy {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 11px;
    color: #212121;
    text-align: left;
}

.modalFooter input[type="text"], 
.modalFooter  input[type="tel"], 
.modalFooter  input[type="email"], 
.modalFooter  textarea, 
.modalFooter  select {
    font-size: 15px;
    line-height: 1.3;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 56px;
    padding: 0 15px;
    border-radius: 6px;
    color: #212121;
    border: 1px solid #d7dde3;
    background-color: #fcfcfc;
    transition: background-color .25s ease-in-out,border-color .25s ease-in-out, .25s ease-in-out;
    transition: background-color .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;
}

.modalFooter  input[type="text"]:focus, 
.modalFooter  input[type="email"]:focus, 
.modalFooter  input[type="tel"]:focus, 
.modalFooter  textarea:focus, 
.modalFooter  select:focus {
    border: 1px solid #d7f1be;
    outline: none;
    border-width: 2px;
}

.modalFooter input[type="text"]:focus, .modalFooter input[type="tel"]:focus, .modalFooter  input[type="email"]:focus {
    border-color: #00a0eb !important;
    background: white;
}

.modalFooter .button input {
    cursor: pointer;
    background: #fede00;
    color: #fff!important;
    border-radius: 8px;
    font-weight: 400;
    box-shadow: 0 20px 53px -20px #d71730!important;
    height: 56px;
    line-height: 56px;
    transition: 0.3s ease-in-out;
    padding: 0 26px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.modalFooter .button input:hover {
    background: #b69f00;
    color: white;
    box-shadow: none !important;
    transition: 0.3s ease-in-out;
}

.modalFooter .infomy span {
    color: red;
}

.modalFooter  button.btn-close {
    padding: 0;
    background-color: transparent;
    border: 0;
    color: #a5a5a5;
}

.modalFooter .btn-close:focus {
    outline: 0;
    box-shadow: none!important;
}
/*modal-end*/

/*footer start*/
footer { background: #070203; padding: 40px 20px 40px 20px }
.footer__top {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    justify-content: space-between;
    color: #fff;
}

.footer__top ul li a, .contact a { color: #fff; transition: .3s }
.footer__top-list { display: flex; gap: 30px }
.footer__top ul li { margin-bottom: 10px }
.contact a:hover, .footer__top ul li a:hover { color: #a0a0a0!important }

.footer__top .contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__top .contact a { color: #fff }
.footer__top .contact .number { font-size: 18px; color: #fff; position: relative; cursor: pointer; }
.socials.number-options {margin-top: 0!important; display: none;}
.footer__top .contact .mail { font-size: 24px; color: #fff }
.socials { 
    display: flex;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    gap: 15px 
}
.socials a {
    display: flex;
    gap: 10px;
    position: relative;
}

.socials .circle {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.socials a:hover .circle { background: #4a6a7a }
.socials a:hover i { color: #fff }
.socials i {
    position: absolute;
    color: black;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
}

.footer__btn {
    background-color: #ec1b30;
    border-radius: 2.5rem;
    transition-timing-function: ease;
    transition-duration: .3s;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
}
.footer__btn:hover { transform: scale(1.1) }
.footer__logo-mobile { display: none; margin-top: 20px }

.footer__bottom { margin-top: 20px }
.copyright {
    position: relative;
    color:#bdc6cf;
    font-size: 13px;
    justify-content: space-between;
    display: flex;
    gap: 10px;
    align-items: center;
}
@keyframes inf-pulse{
    0% {
    -webkit-box-shadow: 0 0 0 0 #ED1C24;
    -moz-box-shadow: 0 0 0 0 #ED1C24;
    -o-box-shadow: 0 0 0 0 #ED1C24;
    box-shadow: 0 0 0 0 #ED1C24;
}
}

.copyright a { 
    display: flex; 
    align-items: center;
    color: #bdc6cf;
    gap:10px
}
.oklogo { width: 100px }
.contact .number, .contact .email {
    display: flex;
    gap: 10px;
    align-items:center;
}
.contact .email { font-size: 18px }
/*footer end*/

/* inner-page start*/
.innerFull .left-full img {
    width: 24rem;
    height: 18rem;
    border-radius: 0.5rem;
    object-fit: cover;
}
.innerFull .sideBar h2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #1a1a92f5;
    color: #fff;
    text-align: center;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.innerFull .sideBar img { width: 5rem; margin: 0 auto }
.innerFull .sideHeadings { gap: 20px }
.innerFull .sideHeadings li:first-child a { border-radius: 0 0 10px 10px }
.innerFull .sideHeadings li  a {
    color: black;
    border: 2px solid #01b8e7;
    display: block;
    padding: 20px;
    border-radius: 10px;
    transition: .3s;
}
.innerFull .sideHeadings li:hover a {
    background: #01b8e7;
    color: #fff;
    border: 2px solid transparent;
}
.sideHeadings li.active-link a {
    background: #01b8e7;
    color: #fff;
    border: 2px solid transparent;
}
.innerFull .sideHeadings li {
    border-radius: .5rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 17px;
}
/* inner-page end*/

/*all-logo start*/
.all-log{
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.all-logos {
  overflow: hidden;
  white-space: nowrap;
}

@keyframes slide {
  from { transform: translateX(0) }
  to { transform: translateX(-100%) }
}
@keyframes slide1 {
  from { transform: translateX(-100%) }
  to { transform: translateX(0) }
}
.logos {
  display: inline-block;
  animation: 30s slide infinite linear;
}
.all-log:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 70px;
    z-index: 10;
    top: 50%;
    transform: translate(0, -50%);
    /* background: linear-gradient(90deg, #16212b 12.85%, #11121f00 102.78%); */
    background: linear-gradient(90deg, #ffffff 12.85%, #11121f00 102.78%);
}
.all-log:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 70px;
    z-index: 10;
     top: 50%;
     right: -10px;
    background: linear-gradient(90deg, #ffffff 12.85%, #11121f00 102.78%);
    transform: rotate(-180deg) translate(0, 50%);
}
.logos1 {
  display: inline-block;
  animation: 30s slide1 infinite linear;
}
.logos img,
.logos1 img {
  width: 243px;
  height: 142px;
  object-fit: contain;
  border-radius: 16px;
}
.all-logos-static__inner {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 20px
}
.all-logos-static__inner div img { width: 100% }
/*all-logo end*/
.referans-content { text-align: center }
section#innerSection{ line-height: 1.4 }
.innerFull ul,
.innerFull ol,
.contact-innerSection ul:not(.medical-sidebar),
.contact-innerSection ol:not(.medical-sidebar){ padding-left: 2rem }
.innerFull li, .contact-innerSection li { list-style: initial }
.innerFull ul.medical-sidebar li, .contact-innerSection ul.medical-sidebar li { list-style: none }
.contact-innerSection .innerFull img:nth-child(odd) { margin: 0 2rem 1rem 0 !important float: left }

.contact-innerSection .innerFull img {
    width: 30rem;
    height: 18rem;
    border-radius: 0.5rem;
    object-fit: cover;
}

.contact-innerSection .contact-icon-header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-innerSection .contact-icon-header svg { width: 30px; height: 30px }
.contact-innerSection .contact-icon-header h3 { font-size: 1.75rem }
.contact-innerSection .contact-address { padding: 10px 0 }

.contact-innerSection .contact-body p span, .contact-address p span {
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 15px;
}

.contact-innerSection .contact-body { padding-top: 10px }
.contact-innerSection .cont-border {
    border-bottom: 1px solid #000;
    transition: all .3s ease;
    color: #000;
}

.contact-innerSection .corporative-mail { padding: 20px 0 }
.contact-innerSection .contact-social-media {
    display: flex;
    gap: 10px;
    padding: 14px 0 20px 0;
}

.contact-innerSection .contact-icon {
    width: 34px;
    height: 34px;
    background-color: #1f3f4f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border: 1px solid #454749;
    transition: .3s;
}

.contact-innerSection .contact-social-media a { color: #fff }
.contact-innerSection .contact-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.contact-innerSection .input-box { position: relative; width: 100% }
.contact-innerSection .elaqe-formu .input-box input, .contact-innerSection .elaqe-formu .input-box textarea { background: #fff }
.contact-innerSection .elaqe-formu input.text { height: 50px }

.contact-innerSection .elaqe-formu input.text, .contact-innerSection .elaqe-formu textarea {
    transition: all .3s ease;
    width: 100%;
    border: 2px solid #eaeaea;
    padding: 12px ;
    border-radius: 3px ;
    font-size: 14px;
    outline: none;
    position: relative;
    -webkit-appearance: none;
}

.contact-innerSection .elaqe-formu textarea { height: 140px }
.contact-innerSection .contact-icon-header svg path { fill: #1f3f4f }
.contact-innerSection .contact-icon:hover { background: transparent }
.contact-innerSection .contact-icon:hover a { color: #454749 }

.contact-innerSection .submit-button {
    display: block;
    display: flex;
    justify-content: end;
}

.contact-innerSection .btn-submit {
    color: #ffffff;
    border: none;
    margin-top: 20px;
    padding: 18px 70px;
    font-size: 15px;
    border-radius: 3px;
    transition: .3s;
    background: #fede00;
    font-weight: bold;
    color: #000;
}

.contact-innerSection .btn-submit:hover {
    background-color: #746904b4;
    color: #fff;
}

/*full-story-products*/
.inner-content{ padding: 50px 0 26px; background: #f4f4f4 }
.inner-content.feedback-content{ padding: 50px 0 0 0 }
.inner-bg.full{ padding: 0 }
.detailed-info img { display: none }
span.detailed-info,
.full-info p{ line-height: 21px }
span.detailed-info {
    max-height: 265px;
    display: inline-block;
    overflow: auto;
}
.full-info span{ font-weight: 400 }
.other-products h2{
    font-size: 32px;
    font-weight: 600;
}
.other-products-title a{
    display: flex;
    gap: 10px;
    transition: .4s all ease;
    color: #000;
    font-size: 17px;
}
.other-products-title a:hover{ gap: 15px }
.left-line{
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    background: #f8b928;
    /*height: 100%;*/
    padding: 25px;
}
.left-line p{
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.full-desc-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.full-info { display: none;  padding-top: 40px }
.full-info p {
    padding: 15px;
    font-weight: 600;
    font-size: 15px;
}
.full-info.active { display: block }
.full-show {
    padding: 15px 40px;
    background: #f8b928;
    color: #fff;
    border-radius: 7px;
    outline: none;
    transition: .4s all ease;
    border: 1px solid transparent;
}
.full-buttons{ display: flex; gap: 50px }
.full-title h2 { font-size: 35px; font-weight: 600 }
.full-show.active { opacity: .5 }
.full-show:not(.active) { opacity: 1 }
.full-desc-content {
    display: flex;
    flex-direction: column;
    /*padding: 25px;*/
}
.full-img{ height: 350px; padding-left: 15px }
.full-img img{ object-fit: cover; border-radius: 8px }
.full-desc{ line-height: 23px }
.inner-bg{
    background: #fff;
    padding: 40px;
    border-radius: 12px;
}

/*services*/
 #services {
    background-color: #eee;
    padding: 80px 0;
    position: relative;
}

.servicesBlog-card {
    position: relative;
    transition: .4s all ease;
    padding: 25px 30px;
    display: flex;
    gap: 3rem;
    align-items: center;
}

.servicesBlog-card:hover .corner-border{ opacity: 1 } 
.servicesBlog-img { height: 300px; width: 30%; }

.servicesBlog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.servicesBlog-text {
    padding-top: 15px;
    /*text-align: center;*/
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 70%;
}

.servicesBlog-text h2 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

.servicesBlog-card .top-left {
    top: 0;
    left: 0;
    border-bottom: none!important;
    border-right: none!important;
}

.servicesBlog-card .top-right {
    top: 0;
    right: 0;
    border-bottom: none!important;
    border-left: none!important;
}

.servicesBlog-card .bottom-left {
    bottom: 0;
    left: 0;
    border-top: none!important;
    border-right: none!important;
}

.servicesBlog-card .bottom-right {
    bottom: 0;
    right: 0;
    border-top: none!important;
    border-left: none!important;
}

.servicesBlog-card .corner-border {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0;
    border: 3px solid #f8b928;
    transition: .4s all ease /* Adjust the color */;
}

/*about-main*/
.about-main {
    padding-block:5rem 4rem;
    position: relative;
    margin: 40px 0 130px 0;
}

.about-main .about-main-container { position: relative; z-index: 1 }

.about-main .about_holder {
    display: grid;
    gap: 3rem;
    align-items: center;
    grid-template-columns: calc(60% - 1.5rem) calc(40% - 1.5rem);
}

.about-main .about-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.about-main .about-img-box {
    position: absolute;
    z-index: 1;
    height: fit-content;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, .4) 2px 3px 10px
}

.about-main .about-image-boxes {
    position: relative;
    font-size: .5rem;
    padding: 17em
}

.about-main .about-img-box1 {
    top: -20%;
    left: 0;
    width: 22.39%;
    height: 170px
}

.about-main .about-img-box2 {
    left: 16.53%;
    z-index: 0;
    width: 50.5%;
    height: 450px;
    top: 50%;
    transform: translateY(-50%);
}

.about-main .about-img-box3 {
    right: 0;
    width: 42.36%;
    height: 310px;
    top: 50%;
}

.about-main .about-subTitle { font-size: .9rem; padding-bottom: 1rem }
.about-main .about-title { font-size: 1.8rem }
.about-main .about-desc { font-size: 1rem; margin-block:1rem 1.3rem }

.about-main .about-more-link {
    display: flex;
    font-size: .9rem;
    padding-block:.5rem;width: fit-content;
    color: #2f2f2f
}

.about-main .about-more-link > img {
    margin-left: .6rem;
    height: 1.5rem;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.about-main .about-more-link:hover > img { margin-left: 1rem }
.about-main .about-info-box { padding-inline:1rem }
@media only screen and (max-width: 1300px) {
    .owl-carousel__slide h2 { font-size: 40px }
    .owl-carousel__slide p { font-size: 16px }
    .owl-circle { width: 50% }
    .categories__list { grid-template-columns: 1fr 1fr 1fr 1fr }
}

@media only screen and (max-width: 1250px) {
    .owl-carousel__slide img { max-width: 400px }
   
}

@media only screen and (max-width: 1130px) {
    header nav ul li a { font-size: 16px;}
    header nav .get-price {padding: 15px 20px;}
     
}

@media only screen and (max-width: 1040px) {
    .owl-circle__absolute { display: none }
    header nav ul, .lang-list, header nav .get-price {display: none;}
    .menu-btn-mobile {  display: flex }
     
}



@media only screen and (max-width: 992px) {
  section { padding: 40px 20px }
  .categories__list { grid-template-columns: 1fr 1fr 1fr }
  .references__item {  padding: 35px }
  .onfooter__inner { gap: 40px }
  .onfooter .number { font-size: 40px }
  footer ul a, .footer__top .contact .number, .footer__top .contact a { font-size: 15px }
  .section-static__inner, .about-static .container { padding: 0 20px 70px 20px }
  .section-static { padding: 0 }
  .section-static__title { font-size: 32px; margin-top: 10px }
  .about-static { margin-top: -55px; padding: 0 }
  .about-static__inner { padding: 20px }
  .about-static__text { font-size: 15px }
  .modal-header .modal-dialog { max-width: 100% }
  .modal-header .modal-texts { display: none; }
    .categories__list { grid-template-columns: 1fr 1fr }
    #blog .blog_content .blog_card_list.inner { grid-template-columns: 1fr 1fr }
    .blog-FullStory img {
        float: inherit;
        max-width: 100%;
        width: 100%;
        margin: auto;
        display: block;
        margin-bottom: 20px;
    }
    .blog-FullStory p { text-align: justify }
    .owl-carousel__slide img { max-width: 400px }
    .about-main .about_holder { grid-template-columns: 1fr }
    .about-main { margin: 0;}
    .about-main .about-info-box {padding-top: 50px;}
    .references__content { grid-template-columns: 1fr 1fr 1fr }
    .owl-carousel div { padding-top: 20px }
    .owl-carousel__btns { bottom: 20px }
    .contact-content {padding-top: 20px }
    .contact-innerSection .contact-body { display: inline-flex; flex-direction: column }
    #blog {margin-top: 40px }
    .categories { margin-top: 40px }
    
}
@media only screen and (max-width: 768px) {
  .categories__list { grid-template-columns: 1fr 1fr }
  .categories__title { margin-bottom: 30px }
  .products__title { display: block }
  .products__title h2 { font-size: 40px }
  .references__item {  padding: 15px }
  .references .container { display: block }
  .references__content { justify-content: center; gap: 15px }
  .references__title {
    position: relative;
    transform: rotate(0) translateY(0);
    left: 0;
    top: 0;
    text-align: center;
    margin-bottom: 30px;
  }
  .onfooter { padding: 40px 20px }
  .onfooter .btn-appeal { padding: 18px 25px }
  .onfooter .number { font-size: 30px; margin-bottom: 15px }
  .onfooter__inner { display: block }
  .onfooter__item.socials {
    margin: 20px 40px 0 0;
    display: inline-flex;
  }
  footer ul { flex-direction: column; gap: 10px }
  .innerFull .left-full img {
      width: 100%!important;
      float: inherit!important;
      margin-right: 0!important;
  }
  .categories__list { grid-template-columns: 1fr }
  #blog .blog_content .blog_card_list.inner { grid-template-columns: 1fr }
  .blog-FullStory img { height: 250px; object-fit: cover }
  .owl-carousel__slide h2 { font-size: 25px }
  .owl-carousel__slide p {font-size: 14px}
  .owl-carousel__slide-btn { padding: 10px 25px; font-size: 14px }
  .owl-carousel__slide-text { gap: 25px}
  .owl-carousel__slide .container { flex-direction: column }
  .owl-carousel .owl-item img { position: relative; height: 400px; margin-top: 10px }
  .owl-carousel__slide-text {max-width: 100% }
  .owl-carousel__slide .container {justify-content: center }
  .categories__list-item {margin-right: 0 }
  .categories__title {margin-bottom: 10px }
  .footer__top { grid-template-columns: auto; justify-content: center; text-align: center }
  .copyright { flex-direction: column;}
  .socials {position: relative;left: inherit; transform: inherit }
  .onfooter h2 { font-size: 25px;}
  .onfooter-btn { padding: 10px 12px; font-size: 20px }
  section {padding: 40px 0 }
  .section_link {margin-bottom: 0 }
  .about-main { overflow-x:hidden }
  .references__content { margin-top: 20px }
  .contact-innerSection .contact-icon-header h3 {font-size: 16px;} 
  .map { flex-direction: column }
  .map iframe { width: 100% }
  #blog .blog_card_link .card_content .blog_card_title, #blog .blog_card_link .card_content .blog_card_description { font-size: 16px; }
    .servicesBlog-card {
      padding: 0;
      flex-direction: column;
      gap: 0;
    }
    .servicesBlog-img,
    .servicesBlog-text {
        width: 100%;
    }
  .corner-border { display: none }
  #services { padding: 40px 0 }
  .categories__komatsu .a { font-size: 14px; padding: 5px 0 }
  .categories__list-komatsu { grid-template-columns: 1fr }
  .header-logos a img { width: 100px!important;}
}

@media only screen and (max-width: 600px) { 
    .owl-carousel__slide h2 { font-size: 20px }
    .owl-carousel__slide-text { gap: 10px}
    .about-main .about-img-box2 {width: 90%; height: 256px; left: 0 }
    .about-main .about-img-box1 { width: 42.39%; height: 110px }
    .about-main .about-img-box3 { right: 6%; width: 41.36%; height: 123px; top: 63% }
    .about-main .about-info-box {padding-top: 0 }
    .references__content { grid-template-columns: 1fr 1fr  }
}




/*new*/
.mobile-logo{
    margin-bottom:10px;
    width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
}
.mobile-logo img{
    max-width:150px;
    height:auto;
     width:100%;
  
}