* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
   font-family: "Poppins", sans-serif;
}

/*****PRICE-FORM START*****/
#price-form .modal-content {
    padding: 20px 0 0 0;
    max-width: 500px;
    margin: auto;
}

#price-form .modal-body { padding: 10px 40px 40px 40px }
#price-form .modal-title { font-size: 18px!important}
#price-form .modal-header {
    margin: 0 40px 10px 40px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-bottom: 1px solid #f8fd0f!important;
}

#price-form .modal-title { font-weight: 700; color: #000 }
#price-form input.effect, #price-form .custom-form select.effect { height: 50px }

#price-form .effect, .projects-full-story__form .effect {
    width: 100%;
    border: 2px solid #e6ecf2;
    padding: 12px 20px;
    margin: 0 0 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-appearance: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}

#price-form .modal-content .btn-close {
    display: block;
    height: 20px;
    opacity: .5;
    position: absolute;
    right: 50px;
    top: 34px;
    width: 20px;
    z-index: 100;
    padding: 0;
    outline: transparent;
}

.modal-backdrop { opacity: .8!important }
#price-form .btn-close:focus { box-shadow: none!important }


#price-form .submit-btn, .projects-full-story__form .submit-btn {
    background-color: #f8fd0f!important;
    color: #fff;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 0 26px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color:black;
}




.header-menu::before {
    content: "";
    position: absolute;
    top: -30px;      /* körpü yuxarıda olacaq */
    left: 0;
    width: 100%;
    height: 30px;    /* boşluq genişliyi */
    background: transparent;
    pointer-events: auto; /* mouse burda ilişsin */
    z-index: 200000;
}

.blog_desc img {
    width:500px;
    padding-bottom:25px;
}

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.kanit-medium-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  /*font-style: italic;*/
}

.kanit-extralight {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-light {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.main-page__title  {
    font-size:50px;
    font-weight:500;
}
/*.partnyorlar {*/
/*    background-color:#eee;*/
/*}*/
.serviceSelect, .selectedOption{
     width: 100%;
     padding: 1rem;
     outline: none;
     border: 2px solid #f8fd0f;
     border-radius: 3px;
}
.form_wrapper_call input {
     width: 100%;
     padding: 1rem;
     border: 2px solid #f8fd0f;
     outline: none;
     border-radius: .2rem;
}
 .form_wrapper_call button {
     width: 100%;
     padding: 1rem;
     background: #1e345b;
     color: #fff;

     font-weight: 600;
     border-radius: 0.3rem;
     letter-spacing: .3px;
     transition: .4s all ease;
     border: 1px solid transparent;
     cursor: pointer;
     font-size: 18px;
}
 .form_wrapper_call button:hover {
     background: transparent;
     color: #1e345b;
     border: 4px solid #d0d326;
}
.modal-header .modal-footer button {
     width: 100%;
     padding: 15px;
}
.modal-content {
    background-color:#f5f5f5;
}
 .modal-header .modal-title {
     font-size: 30px !important;
     color:#000;
}
.input_wrapper_call_action, .otherSelected{
     margin-top:24px;
}
.form_wrapper_call {
    padding:15px;
}
.innerGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
@media (max-width: 1279px) {
    .innerPages, .innerGrid {
        grid-template-columns: repeat(1, 1fr);
    }
}
.innerGrid img {
    width:179px;
}
.div--u-isk8upi77 {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 24px;
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background-color: rgba(var(--color-iz6ilatg3), 1)
}

.mosaic-tabs--u-imjge812x {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0px
}

.mosaic-tabs__head--u-itgyl6kfi {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0%;
    margin-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    box-shadow: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 0px
}

.mosaic-tabs__item--u-idmy3bmdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 14px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 14px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: inset 0px 0px 0px 1px #89c765;
    background-color: rgba(var(--color-iot3vpkxx), 0)
}
.haqqimizda {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
    background-color: #eee;
}
}
.mosaic-tabs__item--u-idmy3bmdr:hover {
    background-color: #89c765;
    box-shadow: none
}

.mosaic-tabs__item--u-idmy3bmdr:active {
    box-shadow: none;
    background-color: rgba(var(--color-in5qrn5im), 1)
}

.mosaic-tabs__item--u-idmy3bmdr.is-opened {
    background-color: rgba(var(--color-iumqryw2s), 1);
    box-shadow: none;
    margin-left: 0px;
    margin-right: 10px
}

.mosaic-tabs__item--u-idmy3bmdr:hover .mosaic-tabs__title--u-i3x1lbfkz {
    color: rgba(var(--color-i3mw8u7f1), 1)
}

.mosaic-tabs__item--u-idmy3bmdr:active .mosaic-tabs__title--u-i3x1lbfkz {
    color: rgba(var(--color-iwa0mbs7h), 1)
}

.mosaic-tabs__item--u-idmy3bmdr.is-opened .mosaic-tabs__title--u-i3x1lbfkz {
    color: rgba(var(--color-i85c8ipct), 1);
    text-align: center
}

.mosaic-tabs__title--u-i3x1lbfkz {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: rgba(var(--color-i4mum2d63), 1);
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    transition-property: all;
    transition-duration: 300ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    ;
    text-align: center
}

.mosaic-tabs__body--u-irkzdta8j {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 1
}

.mosaic-tabs__content__outer--u-ixqehucmr {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 1
}

.mosaic-tabs__content--u-izqyseifv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 1
}
.container--u-ifinzbwe9 {
    width: 100%;
    max-width: 1400px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
    border-top-style: none;
    border-top-width: 1px;
    border-top-color: rgba(var(--color-i8agsai5q), 0.1);
}
.heading--u-ien8rgiw1 {
    font-size: 1.7vw;
    line-height: 2vw;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: auto;
    font-weight: 300;
    color: #89c765;
    overflow-wrap: break-word;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    letter-spacing: 0.5px;
    text-shadow: none;
    text-transform: none;
    background-color: rgba(var(--color-isrs8zw68), 0);
}
.rich-text--u-id0yksvmy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    max-width: 70%;
    overflow-x: auto;
    font-size: 17px;
    font-weight: 400;
    color: rgba(var(--color-i1mcz2lw7), 0.9);
    line-height: 28px;
    padding-left: 24px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(var(--color-ij4n1kujj), 0.1);
    min-width: 840px;
    margin-top: 20px;
}
.text-block-wrap-div {
    line-height: 200%;
}
.text-block-wrap-div ol li {
    margin-bottom: 10px;
}
.div--u-isk8upi77 {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 24px;
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background-color:#fff;
}
.mosaic-tabs__item--u-idmy3bmdr.is-opened {
    background-color: #F8FD0F;
    box-shadow: none;
    margin-left: 0px;
    margin-right: 10px;
}
.imageFit__img--u-iuodlua4u {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.imageFit--u-ikhtz7268 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    transition-property: all;
    transition-duration: 600ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.rich-text--u-ibol0xx6c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    max-width: 70%;
    overflow-x: auto;
    font-size: 17px;
    font-weight: 400;
    color: rgba(var(--color-ilx32rrjr), 0.9);
    line-height: 28px;
    padding-left: 24px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgba(var(--color-ijvxi5f5w), 0.1);
    min-width: 840px;
    margin-top: 24px;
}
.svg_image--u-ievphazcl svg {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
#izd27ufep_0 {
    width:100%;
    overflow:hidden;
}
.div--u-izd27ufep:hover .imageFit--u-ikhtz7268 {
    transform: scale3d(1.1, 1.1, 1);
}
.list--u-iy742kzey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.div--u-iqe7wea0f {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 0px;
}
.div--u-ifl6nlkh4 {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px;
}
.list__item--u-iubzhpln2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 25%;
    height: 40vh;
    min-height: 20vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: auto;
}
.list__item--u-iubzhpln2:nth-child(4n + 3) {
    width: 50%;
    max-height: 50vh;
    min-width: 600px
}

.list__item--u-iubzhpln2:nth-child(4n + 4) {
    width: 50%;
    max-height: 50vh
}

.mosaic-tabs__body--u-irkzdta8j {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 1
}

.mosaic-tabs__content__outer--u-ixqehucmr {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 1
}

/*dropwdown menu start*/

.header-menu {
    display: contents;
}
.header-menu__overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*top: 100%;*/
    height: 300vh;
    z-index:9;
    background: rgba(24, 29, 29, .2);
    opacity: 0;
    pointer-events: none;
    transition: .3s 
cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .3s;
}
.header-menu.active {
    position: relative;
    top: 90px;
    display:block;
}

.header-menu.active .header-menu__overlay {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s;
}

.header-menu__wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index:9;
    transition: .3s cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: .3s;
    transform: scaleY(0);
    transform-origin: top center;
    overflow: hidden;
    background: #fff;
}

.header-menu.active .header-menu__wrapper {
    transform: none;
    transition-delay: 0s;
}
.header-menu__container {
   padding:2.25rem 0px 2.5rem
}
.header-menu__top {
    transition: .5s 
    cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
    transform: translateY(40px);
    margin-bottom: 2rem;
    display: none;
}
}
.header-menu.active .header-menu__col, .header-menu.active .header-menu__bot-col, .header-menu.active .header-menu__top {
    opacity: 1;
    transform: none;
    transition-delay: .3s;
}


.header-menu__lang {
    padding: .4375rem .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .12);
    transition: .5s 
cubic-bezier(0.33, 1, 0.68, 1);
}
.header-menu__profile {
    margin-top: 1.25rem;
}
.header-menu__row {
    display: flex;
}
.header--menu .header__burger:before {
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #fff;
    transition: transform .4s .35s 
cubic-bezier(0.33, 1, 0.68, 1), background .4s 0s 
cubic-bezier(0.33, 1, 0.68, 1);
}
.header--menu .header__burger:after {
    transform: translate(-50%, -50%) rotate(-135deg);
    background: #fff;
    transition: transform .4s .35s 
cubic-bezier(0.33, 1, 0.68, 1), background .4s 0s 
cubic-bezier(0.33, 1, 0.68, 1);
}
.header--menu .header__menu .header__burger{
    height: 0;
    border-color: rgba(0, 0, 0, 0) !important;
    transition: height .35s 0s 
cubic-bezier(0.33, 1, 0.68, 1), border-color .35s 0s 
cubic-bezier(0.33, 1, 0.68, 1);
}

.header-menu.active .header-menu__col, .header-menu.active .header-menu__bot-col, .header-menu.active .header-menu__top {
    opacity: 1;
    transform: none;
    transition-delay: .3s;
}
.header-menu__contact {
    display: flex;
}
.header-menu__title {
    font-family: "Halvar Breitschrift";
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.1;
}
.header-menu__buttons {
    margin-top: 3.75rem;
}
.socials
 {
    display: flex;
}
.socials--black .socials__item {
    border-color: rgba(24, 29, 29, .12);
}
.socials__item {
    position: relative;
    z-index: 0;
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    transition: .5s 
cubic-bezier(0.33, 1, 0.68, 1);
    overflow: hidden;
}
.header-menu__heading {
    position: relative;
    color: #181d1d;
    opacity: 1;
    display: inline-block;
    transition: .5s 
cubic-bezier(0.33, 1, 0.68, 1);
    text-transform: uppercase;
    /*font-family: "Halvar Breitschrift";*/
    letter-spacing: -0.01em;
    font-size: 14px;
    font-weight:500;
    line-height: 150%;
    margin-bottom: 1.5rem;
}
.header-menu__list-item {
    display: flex;
}
.dropdown1 svg {
    margin-left: 5px;
}
.header_socials_wrapper {
    display: flex;
    flex-wrap:wrap;
    gap: 10px;
    align-items:center;
}
.header_socials_wrapper>a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: grid;
    place-content:center;
    background: #F8FD0F;
    transition: all .3s ease-in-out;
}
.header_socials_wrapper>a:hover, .kanit-medium:hover {
    background: #353A3D !important;
}

.header_socials_wrapper>a:hover svg path {
    fill: #fff;
}
#advantages_section {
    overflow: hidden;
}

.header-menu__link {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.3;
    color:#000;
    position: relative;
}
.header-menu__link::before {
    content: "";
    position: absolute;
    width: 0;
    border-bottom: 1px solid #000;
    left: 0;
    bottom: 0;
    transition: all .3s ease-in-out;
}
.header-menu__link:hover::before {
    width: 100%;
}


@media (min-width: 1280px) {
    .only-mobile {
        display: none;
    }
}

.header-menu__bot {
    border-top: 1px solid #e8e8e8;
    padding: 1.875rem 0;
}

.header-menu__bot-row {
    display: flex;
    align-items: center;
}
.header-menu__caption {
    font-weight: 500;
    color: #979797;
    font-size: 0.875rem;
    line-height: 1.3;
}
.header.header--menu a, .header.header--menu p, .header.header--menu span
 {
    color: #000;
}

/*dropwdown menu end*/
/*NEW HEADER*/
  
  
  .header-menu {
    display: contents
}
.search-modal{
        display: none;
}



@media(max-width: 1279px) {
    .header-menu__wrapper {
        transform:translateX(100%);
        transform-origin: center;
        height: calc(100vh - 4.625rem);
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .header-menu__wrapper::-webkit-scrollbar {
        display: none
    }
}

@media(max-width: 1279px) {
    .header-menu__container {
        padding:0 0 1.625rem
    }
}

.header-menu__row {
    display: flex
}

@media(max-width: 1279px) {
    .header-menu__row {
        display:block
    }
}

.header-menu__col {
    flex-shrink: 0;
    transition: .3s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
    transform: translateY(40px)
}

.header-menu__col:nth-child(1) {
    width: calc((((123vw - (87px * 2) - (20px * 11)) / 12) + 212px) * 4);
}

@media(max-width: 1279px) {
    .header-menu__col:nth-child(1) {
        width:auto
    }
}

.header-menu__col:nth-child(2) {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*8 - 20px)
}

@media(max-width: 1279px) {
    .header-menu__col:nth-child(2) {
        margin-top:2rem;
        width: auto
    }
}

.header-menu__contact {
    display: flex
}

.header-menu__contact:not(:first-child) {
    margin-top: .25rem
}

.header-menu__title {
    font-family: "Halvar Breitschrift";
    letter-spacing: -0.01em;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.1
}

@media(max-width: 1279px) {
    .header-menu__title {
        font-size:1rem
    }
}

.header-menu__buttons {
    margin-top: 3.75rem
}

@media(max-width: 1279px) {
    .header-menu__buttons {
        margin-top:.75rem
    }
}

.header-menu__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 2.5rem;
    column-gap: 40px
}

@media(max-width: 1279px) {
    .header-menu__grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media(max-width: 767px) {
    .header-menu__grid {
        grid-template-columns:1fr;
        row-gap: 2rem
    }
}

.header-menu__item-row {
    display: none
}

@media(max-width: 1279px) {
    .header-menu__item-row {
        display:flex;
        justify-content: space-between
    }
}

.header-menu__item-col {
    flex-shrink: 0;
    width: calc(50% - 4px)
}

.header-menu__heading {
    margin-bottom: 1.5rem
}

@media(max-width: 1279px) {
    .header-menu__heading {
        margin-bottom:.75rem
    }
}


@media(max-width: 1279px) {
    .header-menu__heading {
        font-size:0.625rem
    }
}

.header-menu__heading::before {
    content: "";
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    background: #006525;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s
}

.header-menu__heading:hover {
    opacity: 1;
    color: #006525
}

.header-menu__heading:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1)
}

.header-menu__list-item {
    display: flex
}

.header-menu__list-item:not(:first-child) {
    margin-top: .75rem
}

@media(max-width: 1279px) {
    .header-menu__list-item:not(:first-child) {
        margin-top:4px
    }
}

@media(max-width: 1279px) {
    .header-menu__list-item.mobile {
        display:none
    }
}

.header-menu__dropdown-trigger {
    cursor: pointer;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    outline: none;
    border: none
}

.header-menu__dropdown-arrow {
    display: flex;
    align-items: center;
    width: 1rem;
    height: 1rem
}

@media(max-width: 1279px) {
    .header-menu__dropdown-arrow {
        width:.75rem;
        height: .75rem
    }
}

.header-menu__dropdown-arrow {
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header-menu__dropdown-arrow svg {
    width: 100%;
    height: 100%
}

.header-menu__dropdown-arrow svg *[stroke] {
    stroke: currentColor
}


@media(max-width: 1279px) {
    .header-menu__link {
        font-size:0.75rem
    }
}

.header-menu__bot {
    padding: 1.875rem 0
}

@media(max-width: 1279px) {
    .header-menu__bot {
        padding:1.25rem 0 1.625rem
    }
}

.header-menu__bot {
    border-top: 1px solid #e8e8e8
}

.header-menu__bot-row {
    display: flex;
    align-items: center
}

@media(max-width: 1279px) {
    .header-menu__bot-row {
        display:block
    }
}

.header-menu__bot-col {
    flex-shrink: 0;
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
    transform: translateY(40px)
}

/*.header-menu__bot-col:nth-child(1) {*/
/*    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*6)*/
/*}*/

@media(max-width: 1279px) {
    .header-menu__bot-col:nth-child(1) {
        display:none
    }
}

.header-menu__bot-col:nth-child(2) {
    display: flex;
    align-items: center;
    /*width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*6 - 20px)*/
}

@media(max-width: 1279px) {
    .header-menu__bot-col:nth-child(2) {
        width:auto;
        display: block
    }
}

.header-menu__caption {
    font-weight: 500;
    color: #979797;
    font-size: 0.875rem;
    line-height: 1.3
}

@media(max-width: 1279px) {
    .header-menu__caption {
        font-size:0.625rem
    }
}

.header-menu__partners {
    display: flex;
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*4)
}

@media(max-width: 1279px) {
    .header-menu__partners {
        margin-bottom:1.25rem;
        width: auto
    }
}

.header-menu__partners {
    opacity: .4
}

.header-menu__partner {
    height: 1.25rem;
    display: flex;
    align-items: center
}

.header-menu__partner:not(:first-child) {
    margin-left: 2rem
}

@media(max-width: 1279px) {
    .header-menu__corp {
        margin-top:.5rem;
        font-size: 0.625rem
    }
}

.header-menu__corp {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.3
}

.header-menu__corp-link {
    color: #006525
}

.header-menu__top {
    margin-bottom: 2rem;
    display: none
}

@media(max-width: 1279px) {
    .header-menu__top {
        display:block
    }
}

.header-menu__top {
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
    transform: translateY(40px)
}

.header-menu__lang {
    padding: .4375rem .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0,0,0,.12);
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header-menu__lang:hover {
    border-color: #006525;
    background-color: #006525
}

.header-menu__lang:hover .header-menu__lang-text {
    color: #fff
}

.header-menu__lang:hover .header-menu__lang-svg {
    transform: rotate(-180deg)
}

.header-menu__lang:hover .header-menu__lang-svg path {
    stroke: #fff
}

.header-menu__lang-text {
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3
}

.header-menu__lang-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-menu__lang-svg {
    --size: 0.75rem;
    flex-shrink: 0;
    width: var(--size);
    height: var(--size);
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header-menu__lang-svg path {
    stroke: #181d1d;
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header-menu__links {
    margin-top: 1.25rem
}

.header-menu__profile {
    margin-top: 1.25rem
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100vw;
    transition: background-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header--main .header__inner::before {
    left: -100%;
    animation: slideIn 2s cubic-bezier(0.33, 1, 0.68, 1) infinite forwards;
    animation-delay: 2s,1.5s
}
@keyframes slideIn {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

/*@media(max-width: 1279px) {*/
/*    .header__desktop {*/
/*        display:none*/
/*    }*/
/*}*/
.header__desktop{
    width: 100%;
}

.header-menu__dropdown-arrow svg {
    width: 100%;
    height: 100%;
}
.header-menu__dropdown-arrow svg *[stroke] {
    stroke: currentColor;
}
.header__wrapper {
    border-bottom: 1px solid rgba(0,0,0,0);
    transition: border-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__inner {
    position: relative;
    z-index: 1;
    padding: 3.75rem 0
}

@media(max-width: 1279px) {
    .header__inner {
        padding:1.25rem 0
    }
}

.header__inner {
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__inner::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    width: 28.4375rem;
    height: 1px
}

@media(max-width: 1279px) {
    .header__inner::before {
        width:7.375rem;
        display: none
    }
}

.header__inner::before {
    transition: opacity .5s cubic-bezier(0.33, 1, 0.68, 1);
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 79.69%);
    z-index: -1
}

@media(max-width: 1279px) {
    .header__inner::before {
        display:block
    }
}

.header__inner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: -2;
    height: 1px;
    border-bottom: 1px dashed hsla(0,0%,100%,.4);
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__row {
    display: flex;
    align-items: center
}

@media(max-width: 1279px) {
    .header__row {
        justify-content:space-between
    }
}

.header__col {
    flex-shrink: 0
}

.header__col:nth-child(1),.header__col:nth-child(3),.header__col:nth-child(4) {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px))
}

@media(max-width: 1279px) {
    .header__col:nth-child(1),.header__col:nth-child(3),.header__col:nth-child(4) {
        width:auto
    }
}

.header__col:nth-child(2) {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*2)
}

@media(max-width: 1279px) {
    .header__col:nth-child(2) {
        width:auto;
        display: flex;
        align-items: center
    }
}

.header__col:nth-child(5) {
    position: relative;
    z-index: 2;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__box {
    position: relative;
    z-index: 0;
    height: 44px;
    padding: 0 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(0,0%,100%,.3);
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1);
    overflow: hidden
}
.header__lang .header__box{
    width: 48px;
    height: 44px;
}

.header__box::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    transform: translateY(100%);
    transition: transform .5s cubic-bezier(0.33, 1, 0.68, 1);
    background-color: #006525
}

.header__box:hover {
    border-color: #006525
}

.header__box:hover::before {
    transform: none
}

.header__box:hover .header__box-hover {
    animation: MoveUpInitial .2s forwards,MoveUpEnd .2s forwards .2s
}

.header__box:hover .header__box-svg path {
    stroke: #fff
}

.header__box-span {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden
}

.header__box-hover {
    display: flex;
    align-items: center;
    justify-content: center
}

.header__box-svg {
    --size: 1.25rem
}

@media(max-width: 1279px) {
    .header__box-svg {
        --size: 1rem
    }
}

.header__box-svg {
    width: var(--size);
    height: var(--size)
}

.header__box-svg path {
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__lang {
    position: relative;
    z-index: 0
}

@media(max-width: 1279px) {
    .header__lang {
        z-index:1
    }
}

.header__lang {
    cursor: pointer;
    background: none
}

@media(min-width: 1280px) {
    .header__lang {
        border:none
    }
}

.header__lang:hover .header__box {
    border-color: #006525
}

.header__lang:hover .header__box::before {
    transform: none
}

.header__lang:hover .header__lang-text {
    color: #fff
}

.header__lang:hover .header__lang-svg {
    transform: rotate(-180deg)
}

.header__lang:hover .header__lang-svg path {
    stroke: #fff
}

.header__lang:hover .header__lang-dropdown {
    opacity: 1;
    pointer-events: all
}

.header__lang-text {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__lang-icon {
    margin-left: .25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.header__lang-svg {
    --size: 0.75rem;
    width: var(--size);
    height: var(--size);
    transition: transform .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__lang-svg path {
    transition: stroke .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__lang-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 4px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__lang-container {
    padding: .75rem 1.25rem
}

@media(max-width: 1279px) {
    .header__lang-container {
        padding:.4375rem .625rem
    }
}

.header__lang-container {
    width: 250px;
    background-color: #fff;
    box-shadow: 0px 4px 24px rgba(0,0,0,.12);
    border: 1px solid rgba(0,0,0,.12)
}
.header__lang-container.langs{
    width: fit-content;
}
.header__lang-item:not(:first-child) {
    margin-top: .75rem
}

@media(max-width: 1279px) {
    .header__lang-link {
        display:block
    }
}

.header__lang-link {
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1);
    font-weight: 500;
    font-size: 0.875rem;
    color: #000 !important;
}

.header__lang-link:hover {
    color: #006525 !important;
}

.header__logo {
    display: flex
}

.header__logo-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /*width: 120px;*/
    height: 80px;
    img{
        filter: brightness(0) invert(1);
        object-fit: contain !important;
    }
}
.scrolled .header__logo-link img{
    filter: unset;
}
.header__logo-svg {
    width: 7.5rem;
    height: 3.625rem
}

@media(max-width: 1279px) {
    .header__logo-svg {
        width:4.875rem;
        height: 2rem
    }
}

.header__logo-svg path {
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__menu {
    padding: 1.0625rem .6875rem;
    position: absolute;
    top: 0;
    left: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*3);
    z-index: 1
}

@media(max-width: 1279px) {
    .header__menu {
        position:static;
        padding: 0 .75rem
    }
}

.header__menu {
    width: 3.75rem;
    height: 7.375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(max-width: 1279px) {
    .header__menu {
        width:auto;
        height: 2rem;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
}

.header__menu {
    cursor: pointer;
    background-color: #fff;
    transition: background-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__menu:hover {
    background-color: #006525
}

.header__menu:hover .header__menu-text {
    color: #fff
}

.header__menu:hover .header__burger {
    border-color: #fff
}

.header__menu-text {
    margin-bottom: 1.125rem
}

@media(max-width: 1279px) {
    .header__menu-text {
        margin-bottom:0;
        margin-right: .5rem;
        font-size: 0.625rem
    }
}

.header__menu-text {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 1.3;
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__menu-burger {
    height: .625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1279px) {
    .header__menu-burger {
        width:1.75rem;
        height: .5rem
    }
}


@media(max-width: 1279px) {
    .header__burger {
        height:.5rem
    }
}

.header__burger {
    border-top: 1.5px solid #181d1d;
    border-bottom: 1.5px solid #181d1d;
    transition: height .4s .4s cubic-bezier(0.33, 1, 0.68, 1),border-color .4s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__burger::before,.header__burger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 1.5px;
    transition: transform .4s cubic-bezier(0.33, 1, 0.68, 1),background .4s cubic-bezier(0.33, 1, 0.68, 1);
    background: rgba(0,0,0,0)
}

.header__search {
    cursor: pointer;
    background: none;
    padding: 0 13px;
}

.header__links {
    display: flex;
    align-items: center
}

.header__item {
    display: flex;
    position: relative
}

.header__item:not(:first-child) {
    margin-left: 2rem
}

@media(min-width: 1024px)and (hover: hover)and (pointer: fine) {
    .header__item:hover .header__lang-dropdown {
        opacity:1;
        pointer-events: all
    }

    .header__item:hover .header-menu__dropdown-arrow {
        transform: rotate(180deg)
    }
}

.header__link {
    position: relative;
    z-index: 0;
    font-weight: 500;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.3;
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.header__link::before {
    content: "";
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s
}

.header__link:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1)
}

.header__link_without-before {
    display: flex;
    align-items: center;
    gap: .75rem
}

.header__link_without-before:before {
    display: none
}

.header__nav {
    display: flex;
    align-items: center
}

.header__buttons {
    margin-left: 2rem
}

@media(max-width: 1279px) {
    .header__buttons {
        margin-left:0;
        margin-right: 6px
    }
}

.header__buttons {
    display: flex
}

.header__button {
    border: none;
    background: none;
    cursor: pointer
}

.header__button:not(:first-child) {
    margin-left: .5rem
}

@media(max-width: 1279px) {
    .header__button:not(:first-child) {
        margin-left:.375rem
    }
}
  
  /*NEW HEADER END*/
.logo.daxilisehife {
    background: #000;
    top: 0;
}
.innerPages  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    padding-bottom:30px;
}
.innerPages.projectsWrapper {
    grid-template-columns: repeat(2, 1fr);
}
.space_margin {
    margin-top: 50px;
}
#innerPages h2 {
    font-size:50px;
    font-weight:500;
}
#innerPages {
    padding-top:70px;
}
.xidmetcard {
     text-decoration: none;
}


/*.container{*/
/*            margin: 0 !important;*/
/*        padding: 0 !important;*/
/*}*/

/*.myLeftMain{*/
/*    margin-left:142px;*/
/*}*/

dl, ol, ul{
    margin:0 !important;
    padding:0 !important;
}

a {
    text-decoration: none;
}

body{
    display: flex;
}
.right_side{
    width:calc(100% - 80px);
    flex-grow: 1;
}
.work_order_steps_wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-content: space-between;
    padding-top:25px;
  }
  .work_order_steps_block{
    width: calc(25% - 9px);
    border: 1px solid #C9C9C9;
    padding: 30px 15px;
  }
   .work_order_step_number{
/*    width: 52px;
    height: 52px;
    border: 3px solid #ED1C24;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ED1C24;
    font-weight: 600;
    font-size: 23px;
    line-height: 28px;
    margin-right: 20px;
    display: none;
*/
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: 4px solid #faca33;
    width: fit-content;
    margin-bottom: 25px;    
  }
  .work_order_step_img{
    width: 52px;
    height: 52px;
  }
  .work_order_step_img img{
    width: 100%;
    height: 100%;
  }
  .work_order_steps_top_content{
    display: flex;
    justify-content: space-between;
  }
  .work_order_steps_title{
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    padding: 20px 0;
  }
  .work_order_steps_text{
    line-height: 20px;
    font-family: "SkodaPro", sans-serif;
  }
  .s-txt-block-steps .work_order_steps_block{
  width: 23%!important;
}
/* Header start */


.navmenu {
    position: relative;
    font-family: Arial, sans-serif;
    margin-right: -30px;
}

.anasehifenav {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.anasehifenav li {
    position: relative;
}

.anasehifenav a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    /*padding: 10px;*/
    transition: color 0.3s ease;
}
.dropdown-menu1 {
    display:none;
}

/* Dropdown menyu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width:100%;
    background: #fff;
    list-style: none;
    display: flex;
    /* display: none; */
    flex-direction: column;
    padding: 8px 0;
    border-radius: 8px;
    z-index: 100;
    opacity: 0;
    transform: scaleY(0);
    clip: rect(1px, 1px, 1px, 1px);
    transform-origin: 0 0 0;
    transition: all 0.3s linear;
}

/* Hover ilə açılma */
.dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 30px;
    transform: scaleY(1);
    clip: inherit;
}

.dropdown-menu li a {
    display: block;
    font-size: 16px;
    padding: 4px 7px;
    color: #000;
    transition: background 0.3s ease;
}

.dropdown-menu li a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: red;
}



.anasehifenav li a i {
    font-size: 10px;
}

.kanal {
    font-size: 17.5px;
}

/*header {*/
/*    padding-left: 50px !important;*/
/*}*/

.navsection {
    position: relative;
    width: 100%;
}

.navimg {
    position: relative;
}

.navimg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    display: block;
}

/*.navimg::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.50);*/
/*    z-index: 5;*/
/*}*/

.headerblack {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #000;
    width: 80px;
    height: 100vh;
    z-index: 30;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}


.headerblack .logo_text {
    font-size: 25px;
    text-transform: lowercase;
    font-family: Futura PT;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0px;
    text-decoration: none;
}

.search-box {
    border-bottom: 1px solid #ffffff;
    height: 36px;
    width: 500px;
    padding-left: 36px;
    padding-right: 36px;
    background-image: url("/img/ic_sharp-search.svg");
    background-repeat: no-repeat;
    background-position-y: 15px;
    background-position-x: 10px;
    display: flex;
}

.tn-atom {
    width: 40%;
}

.logooffcanvas {
    padding: 33px;
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: 70px;
    right: 80px;
}

.menu {
    display: flex;
    justify-content:center; 
    /*margin-top: 8%;*/
    gap: 150px;
    border-left: none;
    border-right: none;
    position: absolute;
    top: 21%;
    left: 50%;
    transform: translateX(-50%);
}

.column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.column a {
    color: #fff;
    text-decoration: none;
    font-size: 36px;
    letter-spacing: 1px;
    font-weight: lighter;
    transition: color 0.3s;
}

.column a span {
    font-weight: 400;
    margin-right: 10px;
    color: #fff;
}

.column a:hover {
    color: #f0f0f0;
}

.row button {
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.menu::before {
    content: "";
    position: absolute;
    right: -16%;
    top: 20px;
    bottom: 25%;
    width: 2px;
    height: 100%;
    background-color: #fff;
    transform: translateX(-50%);
}

.logooffcanvas img {
    position: absolute;
    width: 121%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle-text {
    width: 400px;
    position: absolute;
    left: -148%;
    bottom: -80px;
    height: 255px;
    animation: rotate 10s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.offcanvasmenu ul li a {
    color: white;
    font-size: 40px;
    font-weight: 400;
    padding: 15px 0;
}

.offcanvas {
    width: calc(100% - 60px) !important;
    background-color: #000;
}
.offcanvas-body{
    margin-top: 40px;
}
i.burger {
    color: white !important;
    font-size: 20px;
}

.socialsicon ul {
    display:flex;
    flex-direction:column;
    gap: 30px;
    /*padding:25px 0;*/
}

.socialsicon ul li img {
    color: white;
    width: 22px;
    transition: transform 0.5s ease
}
.socialsicon ul li a img:hover {
    transform: scale(1.20); /* bir az böyüyür */
}
.headerevent {
    display: flex;
    gap: 92px !important;
    flex-direction: column;
}
.logo {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 47px;
    z-index: 10;
}

.navmenu .anasehifenav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navmenu a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    transition: color 0.3s ease;
    font-size:14px;
    text-transform: uppercase;
}

.logo img {
    width: 160px;
    height: auto;
}

.kanit-medium {
    padding: 14px 30px;
    border: 0;
    color: #2B321D;
    font-size: 14px;
    border-radius: 8px;
    background: #f8fd0f!important;
    transition: .3s;
    font-weight: 500;
}
.heroSwiper .kanit-medium {
    margin-top: 30px;
    display: inline-block;
}

.wave {
    animation: wave 1s infinite linear;
}

@keyframes wave {
  0% {
    box-shadow: 0 0 0 0 rgba(248, 253, 6, 0.5);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(248, 253, 6, .2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(248, 253, 6, 0);
  }
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offcanvas-header button {
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.logo button:hover {
    background-color: #e5e5e5;
}

.logo button a {
    text-decoration: none;
    color: #000;
}

.navmenu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo button {
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.logo button:hover {
    background-color: #e5e5e5;
}

.logo button a {
    text-decoration: none;
    color: #000;
}
.kanit-medium:hover,.kanit-medium:hover a , .logo button:hover a{
    color: #fff !important;
}
.headertext {
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    z-index: 10;
    color: #fff;
    /*max-width: 800px;*/
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top:25px;
  /*margin-bottom: 25px;*/
}
.swiper-nav {
  display: flex;
  gap: 10px;
}

/* Swiper default oxları */
.swiper-button-next,
.swiper-button-prev {
  position: static; 
  width: 40px;
  height: 40px;
  background-color: #f2f2f2;
  border-radius: 50%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 15px;
  font-weight: bold;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #007bff;
  color: #fff;
}
.headertext h1 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    width:80%;
}

.headertext p {
    font-size: 15px;
    line-height: 1.5;
    max-width: 600px;
    padding-top:25px;
}

/*.round {*/
/*    overflow: hidden;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    border-radius: 100%;*/
/*    background-color: #F8FD0F;*/
/*    transition: all 0.5s ease-in-out 0s;*/
/*}*/

/*.textheader {*/
/*    color: #fff;*/
/*    position: absolute;*/
/*    left: 25px;*/
/*    top: 88%;*/
/*    font-size: 16px;*/
/*    font-family: 'FuturaPT', Arial, sans-serif;*/
/*    line-height: 1.55;*/
/*    font-weight: 400;*/
/*    letter-spacing: 1.1px;*/
/*}*/
.my_button {
    width: 300px;
    height: 80px;
        position: relative;
}

.my_round_button {
    position: absolute;
    /*
top: 100px;
left: 100px;
*/
}

.round_wrapper {
    color:#fff;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    letter-spacing: 1.1px;
    text-transform:uppercase;
    display: inline-block;
    margin-top: 40px;
    margin-left: 20px;
    position: relative;
}
.round_wrapper::before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #F8FD0F;
    transition: all 0.5s ease-in-out 0s;
    position: absolute;
    top: -25px;
    left: -25px;
}
.round_wrapper:hover::before {
    transform: scale(1.3);
}
.bg_gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    background-image: radial-gradient(circle farthest-corner at 10% 20%, #1f1c28 0%, #1f1c28d0 25.5%, #1f1c2846 60%);
}
.round_wrapper.anime span {
    position: relative;
    z-index: 2;
}
.round {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #F8FD0F;
    transition: all 0.5s ease-in-out 0s;
    position: absolute;
    top: 25px;
    left: 25px;
}

.round_first {
    top: 0px;
    left: 0px;
}

.round_hover {
    width: 80px;
    height: 80px;
    /*transform: translate3d(-10px, -10px, 0px);*/
}

.round_text_hover {
    /*transform: translate3d(10px, 10px, 0px);*/
    color: #000;
}

.text {
    color: #f2f2f2;
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 16px;
    font-family: 'FuturaPT',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 400;
    letter-spacing: 1.1px;
    width: 300px;
    text-transform:uppercase;
}

/*.my_button:hover .round {*/
/*    width: 70px;*/
/*    height: 70px;*/
/*    transform: translateX(10px);*/
/*}*/
.underline {
     width: 90%;
    height: 2px;
    background-color: white;
    border: none;
    margin: 15px 0;
}
.headerp {
    display: flex;
    width: 627px;
    gap: 102px;
}
.textheader {
    position: absolute;
    top: 50%;
    left: 27px; /* round-un yanında */
    transform: translateY(-50%);
    font-size: 16px;
    color: #fff;
    font-family: 'FuturaPT', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 1.1px;
    white-space: nowrap;
}

.my_button:hover .textheader .highlight {
  color: black; 
}
@media (max-width: 768px) {
    .logo {
        padding: 0 20px;
    }

    .headertext {
        left: 20px;
        right: 20px;
        bottom: 40px;
    }

    .headertext h1 {
        font-size: 22px;
    }

    .headertext p {
        font-size: 16px;
    }
     .s-txt-block-steps .work_order_steps_block {
        width: 100%!important;
    }
    .ustunluktitle h3  {
        font-size:25px;
    }
}

/* Header end */
/*Chat*/

/* livechat */
#main-div{
    position: fixed;
    bottom: 5%;
    right: 3%;
    z-index: 99;
}
.chatIcons{
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
#main-div:hover .chatIcons{
    height: 185px;
    margin-bottom: 8px;
}

#liveChat {
    transition: all 0.3s ease;
    overflow: hidden;
    animation: radial-pulse 1.6s ease infinite;
}

.liveChat{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px 1px;
    cursor: pointer;
    height: 55px;
    width: 55px;
}
#chatIcon {
    width: 60%;
    height: 60%;
    object-fit: contain;
    transition: opacity 1.6s ease;
}
@keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

/* Mehsullar start */

.section-titlemehsul {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 40px;
    width: 50%;
}

.section-titlemehsul span {
    color: red;
    font-size: 50px;
}

.spj-slider {
    max-width: 1440px;
    margin-right: 0px;
    /*margin-left: auto;*/
}
/*@media screen (max-width:1440px) {*/
/*    .spj-slider {*/
        
/*    }*/
/*}*/

.spj-slider .swiper-container {
    padding-left: 105px;
    padding-right: 105px;
}

.spj-slider .swiper-container .swiper-slide {
    width: 350px;
    -webkit-transform: skew(-13deg);
    -ms-transform: skew(-13deg);
    transform: skew(-13deg);
    position: relative;
    background: #fff;
    /* min-height: 774px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70vh;
}

.spj-slider .swiper-container .swiper-slide:hover {
    background: rgba(239, 239, 239, 0.4);
}

.spj-slider .swiper-container .swiper-slide:hover .spj-itm .spj-img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.spj-slider .swiper-container .swiper-slide::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*height: 400px;*/
    height: 350px;
    background: #DDDDDD;
}

.spj-slider .swiper-container .swiper-slide .spj-itm {
    display: block;
    padding-left: 11px;
    padding-right: 11px;
    /*padding-top: 140px;*/
    padding-top: 180px;
    padding-bottom: 60px;
    width: 100%;
}

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

.spj-slider .swiper-container .swiper-slide .spj-itm .spj-theme {
    display: block;
    color: #000000;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 150%;
    font-family: "SkodaPro_Bold", sans-serif;
    -webkit-transform: skew(13deg);
    -ms-transform: skew(13deg);
    transform: skew(13deg);
    margin-bottom: 13px;
    padding-left: 2px;
    min-height: 20px;
    position: absolute;
    top: 20%;
}

.spj-slider .swiper-container .swiper-slide .spj-itm .spj-amount {
    display: block;
    color: #ed1c24;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    font-family: "SkodaPro_Regular", sans-serif;
    -webkit-transform: skew(13deg);
    -ms-transform: skew(13deg);
    transform: skew(13deg);
    /*margin-bottom: 72px;*/
    margin-bottom: 20px;
    padding-left: 6px;
}

.spj-slider .swiper-container .swiper-slide .spj-itm .spj-img {
    width: 100%;
    position: relative;
    height: 182px;
    margin-bottom: 35px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    overflow: hidden;
}

.spj-slider .swiper-container .swiper-slide .spj-itm .spj-img span {
    position: absolute;
    left: -10%;
    top: 0;
    width: 120%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-transform: skew(13deg);
    -ms-transform: skew(13deg);
    transform: skew(13deg);
}

.spj-slider .swiper-container .swiper-slide .spj-itm .spj-p {
    margin: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 15px;
    line-height: 20px;
    font-family: "SkodaPro-Italic", sans-serif;
    -webkit-transform: skew(0deg);
    -ms-transform: skew(0deg);
    transform: skew(0deg);
    /*margin-bottom: 30px;*/
    padding-left: 11px;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3;
     overflow: hidden;
}

.spj-slider .swiper-container .swiper-slide .spj-itm .btn-play {
    margin-left: 11px;
}

.sn-more {
    width: 100%;
    text-align: center;
}

.s-contacts {
    width: 100%;
    position: relative;
}

.s-contacts.active .scc-img {
    right: 0;
}

.s-contacts .scc-img {
    position: absolute;
    right: 0;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    right: -507px;
}

.s-contacts .sc-block {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.s-contacts .h1 {
    letter-spacing: -1.2px;
    /*margin-bottom: 70px;*/
    margin-bottom: 20px;
}

.s-contacts .h1 .red {
    position: relative;
}

.s-contacts .h1 .red:hover::before {
    width: 0%;
}

.s-contacts .h1 .red::before {
    position: absolute;
    left: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ed1c24;
    content: '';
}


/* Mehsullar end */
/* Ustunlukler start */
.ustunluktitle h3 {
    padding-top: 28px;
    font-size: 50px;
    font-weight: 400;
}

.svg_image--u-i03i8odm8 {
    transition: fill 0.3s ease;
}

.svg_image--u-i03i8odm8 svg {
    width: 30px;
    height: 40px;
    padding: 0 9px;
    transition: fill 0.3s ease;
}

.title_card_1 {
    font-size: 20px;
    font-weight: 600;
}

.p_card_2 {
    color: #23C04B;
    font-size: 16px;
    font-weight: 500;
}

.div--u-i5n1gol9i {
    width: 3px;
    position: relative;
    display: inline-block;
    height: 3px;
    margin-right: 15px;
    background-color: #039A8E;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0px;
    box-shadow: 0px 0px 6px 5px #15E780;
    margin-top: 8px;
    background-image: linear-gradient(to right bottom, #039A8E, #15E780 100%);
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    background-size: auto;
    background-attachment: scroll
}

.link-universal {
    display: flex;
    color: #5e5e5e;
}

.list {
    padding-top: 35px;
}

.div--u-i9mqekgvy {
    width: 68%;
    position: relative;
    display: inline-block
}

.blocklist__item--u-i4j19lw1p {
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: auto;
    max-width: 100%;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: all;
    transition-duration: 600ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    background-color: rgba(var(--color-ies01e7pp), 0);
    box-shadow: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-color: rgba(var(--color-iuejy5ng7), 0.05);
    border-right-color: rgba(var(--color-idthr0w1n), 0.05);
    border-bottom-color: rgba(var(--color-ilxb0rzln), 0.05);
    border-left-color: rgba(var(--color-i9ii6ztsl), 0.05);
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.blocklist__item--u-i4j19lw1p:hover .imageFit__overlay {
    background-color: #01485643 !important;
    color: white !important;

    .text--u-irf12du1a {
        color: white;
    }
}

/* .link-universal:hover {
    color: white;
} */

.blocklist__item--u-i4j19lw1p:hover .blocklist__item_title--u-itlrpftbw,
.blocklist__item--u-i4j19lw1p.is-hover .blocklist__item_title--u-itlrpftbw {
    color: rgba(var(--color-ie5xkozbk), 1)
}

.blocklist__item--u-i4j19lw1p:hover .imageFit__overlay--u-ihxr16f93,
.blocklist__item--u-i4j19lw1p.is-hover .imageFit__overlay--u-ihxr16f93 {
    background-image: linear-gradient(rgba(var(--color-iuf1kl57q), 0.75) 0%, rgba(var(--color-iuf1kl57q), 0.75) 100%);
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    background-size: auto;
    background-attachment: scroll
}

.blocklist__item--u-i4j19lw1p:hover .link-universal--u-i76jemlaw,
.blocklist__item--u-i4j19lw1p.is-hover .link-universal--u-i76jemlaw {
    box-shadow: inset 0px 0px 2px 1px rgba(var(--color-ik6jm7lmg), 0.4)
}

.blocklist__item--u-i4j19lw1p:hover .svg_image--u-i03i8odm8,
.blocklist__item--u-i4j19lw1p.is-hover .svg_image--u-i03i8odm8 {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg)
}

.blocklist__item--u-i4j19lw1p:hover .blocklist__item_title--u-i7vyvmqei,
.blocklist__item--u-i4j19lw1p.is-hover .blocklist__item_title--u-i7vyvmqei {
    color: rgba(var(--color-ilrcm9gmy), 1)
}

.blocklist__item--u-i4j19lw1p:hover .text--u-irf12du1a,
.blocklist__item--u-i4j19lw1p.is-hover .text--u-irf12du1a {
    color: rgba(var(--color-izxesr0e7), 1)
}

.blocklist__item--u-i4j19lw1p:hover .list__item--u-injqkuctl:hover .text--u-irf12du1a,
.blocklist__item--u-i4j19lw1p.is-hover .list__item--u-injqkuctl.is-hover .text--u-irf12du1a {
    color: rgba(var(--color-iyq6d6gp4), 1)
}

.blocklist__arrows_wrapper--u-i7vu6y79y {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none
}

.blocklist__arrows--u-ivvi5ids4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-shrink: 0;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 10px;
    padding-right: 10px
}

.blocklist__arrow--prev--u-iatlga7gh {
    flex-shrink: 0;
    pointer-events: auto;
    cursor: pointer;
    width: 20px;
    height: 32px;
    background-image: url("/d/fgs16_image-placeholder.png");
    background-repeat: no-repeat
}

.blocklist__arrow--prev--u-iatlga7gh:disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35
}

.blocklist__arrow--prev2--u-i6pdjw9u2 {
    flex-shrink: 0;
    pointer-events: auto;
    cursor: pointer;
    width: 20px;
    height: 32px;
    background-image: url("/d/fgs16_image-placeholder.png");
    background-repeat: no-repeat;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 0px
}

.blocklist__arrow--prev2--u-i6pdjw9u2:disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35
}

.blocklist__arrow--next--u-irh7s1tjo {
    pointer-events: auto;
    cursor: pointer;
    width: 20px;
    height: 32px;
    background-image: url("/d/fgs16_image-placeholder.png");
    background-repeat: no-repeat
}

.blocklist__arrow--next--u-irh7s1tjo:disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35
}

.blocklist__arrow--next2--u-ifii8kf5x {
    pointer-events: auto;
    cursor: pointer;
    width: 20px;
    height: 32px;
    background-image: url("/d/fgs16_image-placeholder.png");
    background-repeat: no-repeat;
    margin-top: auto;
    margin-right: 0px;
    margin-bottom: auto;
    margin-left: auto
}

.blocklist__arrow--next2--u-ifii8kf5x:disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35
}

.blocklist__pagination_wrapper--u-ig5ph5y7x {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none
}

.blocklist__pagination--u-ie57yiydu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: rgba(var(--color-ic77sw9oa), 0.2)
}

.blocklist__pagination2--u-i4qyndj5m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background-color: rgba(var(--color-i2pentret), 0.2)
}

.blocklist__pagination_item--u-izbxmp0h9 {
    flex-shrink: 0;
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    background-color: rgba(var(--color-i47pnfixq), 0.4)
}

.blocklist__pagination_item2--u-id5efeb4l {
    flex-shrink: 0;
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    background-color: #23C04B;
}

.blocklist__controls_container--u-i38kqoc5m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
}

.blocklist__controls_wrapper--u-ils2fwc8k {
    position: relative;
    pointer-events: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    max-width: 100%
}

.blocklist__control_arrows--u-iv8ns3jco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
}

.link-universal--u-i76jemlaw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    vertical-align: top;
    line-height: normal;
    position: relative;
    text-decoration-line: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    transition-property: all;
    transition-duration: 400ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    text-align: center;
    z-index: 1;
    flex-shrink: 0;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    margin-bottom: 0px
}

.link-universal--u-i76jemlaw:active,
.link-universal--u-i76jemlaw.is-active {
    border-top-color: #23C04B;
    border-right-color: #23C04B;
    border-bottom-color: #23C04B;
    border-left-color: #23C04B;
}

.imageFit--u-idk69tli0 {
    position: relative;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    box-shadow: none;
    flex-shrink: 0;
    margin-bottom: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 400px
}

.imageFit__img--u-iamqyal4a {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.imageFit__overlay--u-ihxr16f93 {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition-property: all;
    transition-duration: 300ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    background-image: linear-gradient(rgba(#FFFFFF, 0.95) 0%, rgba(#fff, 0.95) 100%);
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    background-size: auto;
    background-attachment: scroll
}

.imageFit__zoom--u-ia8pnnl8y {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    background-color: #38A3CC;
}

.svg_image--u-is6bu2ltf {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    overflow-x: hidden;
    overflow-y: hidden
}

.svg_image--u-is6bu2ltf svg {
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.div--u-isbbigadf {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    transition-property: all;
    transition-duration: 450ms;
    transition-delay: 200ms;
    transition-timing-function: ease;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: rgba(var(--color-ip0klmoy4), 0);
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    color: rgba(var(--color-i1vbjz3ok), 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 0
}

.container--u-i19dvlrg4 {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    max-width: 1400px
}

.div--u-iv1kiqnzo {
    width: 100%;
    position: relative;
    display: block;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgba(var(--color-i3gl51kj4), 0);
    padding-bottom: 0px
}

.blocklist--u-iekvhd44f {
    position: relative;
    display: block;
    width: auto;
    min-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -5px;
    margin-right: -5px;
}

.blocklist--u-iekvhd44f .is-removed {
    display: none
}

.blocklist--u-iekvhd44f.slick-last-slide .blocklist__arrow--prev--u-iz03to04s.slick-disabled,
.blocklist--u-iekvhd44f.slick-last-slide .blocklist__arrow--next--u-iknkg4k14.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.blocklist__items_wrapper--u-ibp7qvtbu {
    width: 100%;
    height: 100%;
    will-change: transform
}

.blocklist__list--u-i3ioz2x7y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    font-size: 14px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto
}



.imageFit__overlay--u-ihxr16f93 {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition-property: all;
    transition-duration: 300ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    background-color: rgba(255, 255, 255, 0.9);
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    background-size: auto;
    background-attachment: scroll
}

.imageFit__zoom--u-ia8pnnl8y {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    background-color: rgba(var(--color-ifkkpe8cg), 1)
}

.svg_image--u-is6bu2ltf {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    overflow-x: hidden;
    overflow-y: hidden
}

.greencard {
    display: flex;
    padding-top: 25px;
    padding-bottom: 25px;
    gap: 20px;
    justify-content: space-between;
}

.ustunluk_cards {
    display: flex;
}

.card {
    background-color: #10e23d;
    padding: 36px;
    flex-shrink: 0;
    width: 380px;
    border-radius: 10px;
}

.card h4 {
    font-size: 32px;
    color: white;
    font-weight: 700;
}

.card p {
    font-size: 15px;
    color: whitesmoke;
}

.mosaic-form__select {
    margin-bottom: 20px !important;
    width: 100%;
    display: block;
    height: 56px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 20px;
    background-color: rgba(var(--color-i9lra9xzl), 0);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: rgba(var(--color-i5iqleyv1), 1);
}

.mosaic-form--u-i6t53nals {
    width: 100%;
    display: block;
    height: 56px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(var(--color-i3ttg4yc5), 0.3);
    border-right-color: rgba(var(--color-ipoepmmp2), 0.3);
    border-bottom-color: rgba(var(--color-i093etu4a), 0.3);
    border-left-color: rgba(var(--color-i90rmbbyq), 0.3);
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(var(--color-ixts5ekx6), 0);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: rgba(var(--color-ichwi0mep), 1);
    font-size: 16px;
    font-family: Roboto, sans-serif;
    margin-bottom: 0px
}

.mosaic-form--button {
    cursor: pointer;
    vertical-align: top;
    padding-top: 16px;
    padding-right: 25px;
    padding-bottom: 16px;
    padding-left: 25px;
    color: white !important;
    background-color: #014856;
    position: relative;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-align: center;
    margin-top: 15px;
}

/* Ustunlukler end */
/* Xidmetler start */
@media(max-width: 767px) {
    .nav-card__icon {
        top: 50%;
        left: var(--pad);
        transform: translateY(-50%)
    }
}

.nav-card__bg-svg {

    position: absolute;
}

.nav-card__svg {
    left: 8px;
    position: absolute;

    top: 9px;
    --size: 2.75rem;
    width: var(--size);
    height: var(--size)
}

@media(max-width: 1279px) {
    .nav-card__svg {
        --size: 1.5rem
    }
}

.nav-card__text {
    position: relative;
    z-index: 2;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.3
}

@media(max-width: 1279px) {
    .nav-card__text {
        font-size: 0.875rem
    }
}

.nav-card__arrow {
    position: absolute;
    z-index: 2;
    bottom: var(--pad);
    right: var(--pad);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1279px) {
    .nav-card__arrow {
        bottom: 1rem;
        right: .625rem
    }
}

@media(max-width: 767px) {
    .nav-card__arrow {
        right: var(--pad);
        bottom: 50%;
        transform: translateY(50%)
    }
}

.nav-card__arrow-svg {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size);
    transform: rotate(-90deg)
}

@media(max-width: 1279px) {
    .nav-card__arrow-svg {
        --size: 1rem
    }
}

.nav {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.nav::-webkit-scrollbar {
    display: none
}

@media(max-width: 1279px) {
    .nav {
        padding: 0 1.25rem;
        margin-left: -1.25rem;
        width: calc(100% + 1.25rem*2);
        display: flex;
        overflow-y: scroll
    }
}

.nav-card--big .nav-card__text {
    max-width: 11.875rem;
    font-size: 1.375rem
}

@media(max-width: 1279px) {
    .nav-card--big .nav-card__text {
        max-width: none;
        font-size: 0.875rem
    }
}

.nav-card--main .nav-card__text {
    font-size: 1.375rem
}

@media(max-width: 1279px) {
    .nav-card--main .nav-card__text {
        font-size: 0.875rem
    }
}

.nav-card__hover {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: transform .5s cubic-bezier(0.33, 1, 0.68, 1);
    background-color: #008c33
}

.nav-card {
    --pad: 1.5rem;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #353A3D;
    overflow: hidden
}

.about-category__bg {
    position: absolute;
    left: 50%;
    top: 1.5rem;
    bottom: 0;
    z-index: -1;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

@media(max-width: 1279px) {
    .about-category__bg {
        top: 0;
        transform: none;
        bottom: auto;
        left: 0;
        right: 0;
        height: 5.5rem;
        background: #f0f7f3
    }
}

.about-category__img {
    width: calc(((100vw - (60px * 2) - (20px * 11)) / 12));
    height: 100%
}

@media(max-width: 1279px) {
    .about-category__img {
        position: absolute;
        top: .625rem;
        width: 4.375rem;
        height: 7.5rem
    }
}

.about-category__icon {
    position: absolute;
    top: 3.3125rem;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}
.about-category__icon img {
    width:96px;
    height:95px;
}
@media(max-width: 1279px) {
    .about-category__icon {
        position: static;
        transform: none;
        width: 100%;
        height: 5.5rem
    }
}

.about-category__svg {
    width: 6.25rem;
    height: 6.875rem
}

@media(max-width: 1279px) {
    .about-category__svg {
        width: 4rem;
        height: 4.375rem
    }
}

.about-category__container {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    align-items: flex-end
}

@media(max-width: 1279px) {
    .about-category__container {
        padding: 0;
        margin-top: .5rem;
        height: auto
    }
}

.about-category__heading {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3;
    color:black;
}


.categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    counter-reset: index;
    padding-top:25px;
    padding-bottom:25px;
}

@media(max-width: 1279px) {
    .categories-grid {
        column-gap: .625rem
    }
}

/*@media(max-width: 767px) {*/
/*    .categories-grid {*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*        row-gap: 1rem*/
/*    }*/
/*}*/

.categories-grid__item {
    position: relative;
    z-index: 0;
    height: 15rem;
    counter-increment: index
}

@media(max-width: 1279px) {
    .categories-grid__item {
        height: auto
    }
}

.categories-grid__item::before {
    content: "0" counter(index);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1;
    font-family: "Halvar Breitschrift";
    font-weight: 700;
    color: #cbd8d1;
    letter-spacing: -0.02em;
    font-size: 1.25rem;
    line-height: 1.2
}

@media(max-width: 1279px) {
    .categories-grid__item::before {
        top: .625rem;
        right: .625rem
    }
}

.about-category__icon {
    position: absolute;
    top: 3.3125rem;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1279px) {
    .about-category__icon {
        position: static;
        transform: none;
        width: 100%;
        height: 5.5rem
    }
}

.about-category__svg {
    width: 6.25rem;
    height: 6.875rem
}

@media(max-width: 1279px) {
    .about-category__svg {
        width: 4rem;
        height: 4.375rem
    }
}

.about-category__container {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    align-items: flex-end
}

@media(max-width: 1279px) {
    .about-category__container {
        padding: 0;
        margin-top: .5rem;
        height: auto
    }
}

.about-category__heading {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3
}


.categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    counter-reset: index
}

@media(max-width: 1279px) {
    .categories-grid {
        column-gap: .625rem
    }
}

/*@media(max-width: 767px) {*/
/*    .categories-grid {*/
/*        grid-template-columns: repeat(1, 1fr);*/
/*        row-gap: 1rem*/
/*    }*/
/*}*/

.categories-grid__item {
    position: relative;
    z-index: 0;
    height: 15rem;
    counter-increment: index
}

@media(max-width: 1279px) {
    .categories-grid__item {
        height: auto
    }
}

.categories-grid__item::before {
    content: "0" counter(index);
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1;
    font-family: "Halvar Breitschrift";
    font-weight: 700;
    color: #cbd8d1;
    letter-spacing: -0.02em;
    font-size: 1.25rem;
    line-height: 1.2
}

@media(max-width: 1279px) {
    .categories-grid__item::before {
        top: .625rem;
        right: .625rem
    }
}

@media(max-width: 1279px) {
    .categories-grid__item::before {
        font-size: 0.75rem
    }
}

@media(max-width: 767px) {
    .categories-grid__item:nth-child(7) {
        grid-column: span 2
    }
}

@media(max-width: 1279px) {
    .categories-grid__card {
        height: 3rem;
        grid-column: span 2
    }
}

.accordion {
    transition: border-color .5s cubic-bezier(0.33, 1, 0.68, 1);
    border: 1px solid #e3e3e3
}

@media(max-width: 1279px) {
    .accordion {
        border-left: none;
        border-right: none
    }
}

.accordion.active {
    border-color: #006525
}

.accordion.active .accordion__icon {
    border-color: #006525;
    background-color: #006525
}

.accordion.active .accordion__svg {
    transform: rotate(180deg)
}

.accordion.active .accordion__svg path {
    stroke: #fff
}

.accordion--small .accordion__col:nth-child(1) {
    padding: 3rem
}

@media(max-width: 1279px) {
    .accordion--small .accordion__col:nth-child(1) {
        padding: 1rem 1.25rem
    }
}

.accordion--small .accordion__title {
    font-size: 1.125rem
}

@media(max-width: 1279px) {
    .accordion--small .accordion__title {
        font-size: 0.75rem
    }
}

.accordion--small .accordion__icon {
    --size: 7.3125rem
}

@media(max-width: 1279px) {
    .accordion--small .accordion__icon {
        width: 2.25rem;
        min-height: 2.875rem
    }
}

.accordion--small .accordion__body {
    padding: 3.75rem calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px))
}

@media(max-width: 1279px) {
    .accordion--small .accordion__body {
        padding: 1rem 1.25rem
    }
}

.accordion--small .accordion__text {
    font-size: 1rem;
    line-height: 1.6
}

@media(max-width: 1279px) {
    .accordion--small .accordion__text {
        font-size: 0.875rem
    }
}

@media(max-width: 1279px) {
    .accordion--mid .accordion__title {
        font-size: 0.75rem
    }
}

@media(max-width: 1279px) {
    .accordion--mid .accordion__icon {
        width: 2.25rem;
        min-height: 2.75rem
    }
}

.accordion--transit {
    background-color: #eaf1ed;
    border: none
}

.accordion--transit.active .accordion__icon {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.accordion--transit.active .accordion__svg path {
    stroke: #181d1d
}

.accordion--transit .accordion__body {
    border-top: none
}

.accordion--transit .accordion__title {
    font-size: 2.875rem
}

@media(max-width: 1279px) {
    .accordion--transit .accordion__title {
        font-size: 1.125rem
    }
}

.accordion--transit .accordion__icon {
    margin-right: 3.75rem;
    width: auto;
    height: auto;
    border-left: none
}

@media(max-width: 1279px) {
    .accordion--transit .accordion__icon {
        margin-right: 1.25rem
    }
}

.accordion--transit .accordion__svg {
    --size: 3.75rem
}

@media(max-width: 1279px) {
    .accordion--transit .accordion__svg {
        --size: 1.5rem
    }
}

@media(max-width: 1279px) {
    .accordion--cookie {
        margin-left: -1rem;
        width: calc(100% + 2rem)
    }
}

.accordion--cookie .accordion__col:nth-child(1) {
    padding: 1.5rem
}

@media(max-width: 1279px) {
    .accordion--cookie .accordion__col:nth-child(1) {
        padding: 1rem
    }
}

.accordion--cookie .accordion__col--gap {
    display: flex;
    gap: 1rem
}

.accordion--cookie .accordion__title {
    font-size: 1.125rem
}

@media(max-width: 1279px) {
    .accordion--cookie .accordion__title {
        font-size: 0.75rem
    }
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    counter-reset: index
}

.about-category__container {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    align-items: flex-end
}
/*.main-page__categories {*/
/*    background-color: #F6F7F9;*/
/*}*/
.main-page__categories-title {
    padding-top:25px;
    letter-spacing: -0.02em;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 40px;
}

@media(max-width: 1279px) {
    .main-page__categories-title {
        margin-bottom: 1.25rem
    }
}

@media(max-width: 1279px) {
    .main-page__categories-title {
        font-size: 25px;
    }
    .ustunluktitle h3 {
        font-size:25px;
    }
    .work_order_steps_wrapper {
        flex-direction: column;
        gap: 20px; /* elementlər arasında daha yaxşı boşluq */
        justify-content: center;
    }
    .work_order_steps_block {
    width: 100%; /* tam eni tutması üçün */
  }
   .work_order_step_img img {
    width: 50px; /* mobil üçün şəkillər balaca olsun */
    height: auto;
  }
  .categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .categories-grid__item,
    .categories-grid__card {
        width: 100%;
    }
    .about-category__icon img {
        width: 40px;
        height: auto;
    }
    .about-category__container {
        height:0;
    }
    .about-category__heading {
        font-size: 13px;
        /*text-align: center;*/
    }
    .nav-card__icon svg {
        display:none;
    }
    .headerblack {
        width:50px;
    }
    .rich-text--u-id0yksvmy {
        height: auto;
        font-size: 15px;
        line-height: 26px;
        padding-left: 0px;
        border-left-style: none;
        min-width:290px;
    }
    .main-page__title {
        font-size:25px;
    }
     .innerPages,.innerGrid {
        grid-template-columns: 1fr; /* 1 sütun olsun */
    }
    .navmenu .anasehifenav {
        display:none;
    }
    .logo img {
        width:100px;
    }
    .logo .kanit-medium {
        padding:9px 15px;
    }
    .headertext h1 {
        font-size:18px;
        width:100%;
    }
    .headerp {
        display:block;
    }
    .headertext p  {
        padding-top:0;
    }
    .innerPartnyor {
        grid-template-columns: repeat(2, 1fr);
    }
    .innerPartnyor img {
        width:110px;
        height:97px;
    }
   
}

.main-page__partners {
    background: #181d1d
}

.main-page__partners-container {
    position: relative;
    z-index: 0;
    padding-top: 3.75rem;
    border-top: 1px dashed hsla(0, 0%, 100%, .4)
}

@media(max-width: 1279px) {
    .main-page__partners-container {
        padding-top: 1.25rem
    }
}

.main-page__partners-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 1;
    width: 28.4375rem;
    height: 1px;
    transition: opacity .5s cubic-bezier(0.33, 1, 0.68, 1);
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 79.69%)
}

@media(max-width: 1279px) {
    .main-page__partners-container::before {
        width: 7.375rem;
        display: none
    }
}

.main-page__partners-row {
    display: flex
}

@media(max-width: 1279px) {
    .main-page__partners-row {
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    .main-page__partners-row {
        display: block
    }
}

.main-page__partners-col {
    flex-shrink: 0
}

.main-page__partners-col:nth-child(1) {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*6);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 1279px) {
    .main-page__partners-col:nth-child(1) {
        display: block;
        width: 20.9375rem
    }
}

@media(max-width: 767px) {
    .main-page__partners-col:nth-child(1) {
        width: auto
    }
}

.main-page__partners-col:nth-child(2) {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*6 - 20px)
}

@media(max-width: 1279px) {
    .main-page__partners-col:nth-child(2) {
        width: 20.9375rem
    }
}

@media(max-width: 767px) {
    .main-page__partners-col:nth-child(2) {
        margin-top: 1.25rem;
        width: auto
    }
}

.main-page__partners-title {
    width: calc((((100vw - (60px * 2) - (20px * 11)) / 12) + 20px)*4 - 20px);
    color: #fff;
    font-family: "Halvar Breitschrift";
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-size: 6.625rem;
    line-height: 1
}

@media(max-width: 1279px) {
    .main-page__partners-title {
        margin-bottom: 1.25rem;
        width: auto;
        max-width: 20.9375rem
    }
}

@media(max-width: 767px) {
    .main-page__partners-title {
        max-width: none
    }
}

@media(max-width: 1279px) {
    .main-page__partners-title {
        font-size: 2rem
    }
}

.main-page__partners-btn {
    display: flex
}

.main-page__partners-caption {
    margin-bottom: 2.5rem;
    max-width: 40.3125rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.5
}

@media(max-width: 1279px) {
    .main-page__partners-caption {
        margin-bottom: 1.25rem;
        max-width: none
    }
}

@media(max-width: 1279px) {
    .main-page__partners-caption {
        font-size: 0.875rem
    }
}

.main-page__partners-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px
}

@media(max-width: 1279px) {
    .main-page__partners-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.main-page__partners-item {
    height: 13.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1d2323
}

@media(max-width: 1279px) {
    .main-page__partners-item {
        padding: 1.5625rem 1.6875rem;
        height: 6.25rem
    }
}

.main-page__ecology {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.main-page__ecology-bg {
    display: flex;
    align-items: center
}

@media(max-width: 1279px) {
    .main-page__ecology-inner {
        margin-left: 1.5rem;
        margin-top: .75rem;
        width: 100%
    }
}

@media(max-width: 767px) {
    .main-page__ecology-inner {
        margin-left: 0;
        width: auto
    }
}

.main-page__ecology-row {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    justify-content: space-between
}

@media(max-width: 1279px) {
    .main-page__ecology-row {
        top: 4.125rem;
        transform: none;
        left: 3.75rem;
        right: 3.75rem
    }
}

@media(max-width: 767px) {
    .main-page__ecology-row {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        display: block
    }
}

.main-page__ecology-item {
    --size: 25.625rem;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px dashed #fff
}

@media(max-width: 1279px) {
    .main-page__ecology-item {
        --size: 14.375rem
    }
}

@media(max-width: 767px) {
    .main-page__ecology-item:not(:first-child) {
        margin-top: .75rem
    }
}

.main-page__ecology-container {
    padding: 0 4.375rem
}

@media(max-width: 1279px) {
    .main-page__ecology-container {
        padding: 0 1.875rem
    }
}

.main-page__ecology-icon {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1279px) {
    .main-page__ecology-icon {
        margin-bottom: 1rem
    }
}

.main-page__ecology-svg {
    width: 7.5625rem;
    height: 5.25rem
}

@media(max-width: 1279px) {
    .main-page__ecology-svg {
        width: 4.9375rem;
        height: 3.4375rem
    }
}

.main-page__ecology-text {
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.3
}

@media(max-width: 1279px) {
    .main-page__ecology-text {
        font-size: 0.875rem
    }
}

.main-page__ecology-bot {
    pointer-events: all
}

@media(max-width: 1279px) {
    .main-page__ecology-bot {
        width: 100%;
        display: flex;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .main-page__ecology-bot {
        width: auto
    }
}

.main-page__ecology-heading {
    margin-bottom: 3.1875rem;
    text-transform: uppercase;
    color: #006525;
    letter-spacing: -0.02em;
    font-family: "Halvar Breitschrift";
    text-align: center;
    font-size: 1.25rem;
    line-height: .9
}

@media(max-width: 1279px) {
    .main-page__ecology-heading {
        margin-bottom: .75rem
    }
}

@media(max-width: 1279px) {
    .main-page__ecology-heading {
        font-size: 0.625rem
    }
}

.main-page__ecology-title {
    margin-bottom: 1.25rem;
    text-align: center;
    font-family: "Halvar Breitschrift";
    color: #006525;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-size: 5rem;
    line-height: .9
}

@media(max-width: 1279px) {
    .main-page__ecology-title {
        margin-bottom: .5rem;
        font-size: 2rem
    }
}

.main-page__stat {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #f4f4f4
}

@media(max-width: 1279px) {
    .main-page__stat {
        height: 44.875rem;
        display: flex;
        align-items: flex-end
    }
}

@media(max-width: 1023px) {
    .main-page__stat {
        height: 33.8125rem
    }
}

@media(max-width: 767px) {
    .main-page__stat {
        height: 38.875rem
    }
}

.main-page__stat-wrapper {
    position: relative;
    z-index: 2;
    transition-delay: .8s
}

@media(max-width: 767px) {
    .main-page__stat-wrapper {
        display: none
    }
}

.main-page__stat-svg {
    width: 100%;
    height: auto;
    display: block
}

@media(max-width: 1279px) {
    .main-page__stat-svg {
        width: 67.1875rem;
        transform: translateX(-1.5625rem)
    }
}

@media(max-width: 1023px) {
    .main-page__stat-svg {
        transform: translateX(-1.25rem);
        width: 50.4375rem
    }
}

@media(max-width: 767px) {
    .main-page__stat-svg {
        width: auto;
        transform: rotate(90deg);
        height: 17.4375rem
    }
}

.main-page__stat-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: flex;
    transform-origin: center bottom
}

.about-category {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #f0f7f3;
}

/* Xidmetler end */

/* Haqqimizda start */
.haqqimizdatitle p {
    font-size: 50px;
    font-weight: 400;
}

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 517px);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-bottom: 20px;
}

.div1 {
    grid-area: 1 / 1 / 2 / 3;
    position: relative;
}

.div2 {
    grid-area: 1 / 3 / 2 / 4;
}

.div3 {
    grid-area: 2 / 1 / 3 / 2;
}

.div4 {
    grid-area: 2 / 2 / 3 / 4;
    position: relative;
}

.div1 img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.div2,
.div3 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.div4 img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.haqqimizdatitle {
    font-size: 25px;
    font-weight: 600;
    padding-top: 25px;
}

.haqqimizdap {
    font-size: 18px;
}

.haqqimizda1,
.haqqimizda2 {
    padding: 36px;
    color: #fff;
    padding-top: 60px;
}

.div2 {
    background-color: #353a3d;
    border-radius: 24px;
}

.div3 {
    background-color: #000;
    border-radius: 24px;
}

.overlay-text1 {
    position: absolute;
    top: 4%;
    left: 0;
    color: #fff;
    width: 530px;
    text-align: left;
    padding: 20px;
}

.overlay-text2 {
    position: absolute;
    top: 10%;
    color: #fff;
    width: 530px;
    text-align: left;
    padding: 20px;
}

.overlay-text1,
.overlay-text2 h2 {
    margin: 0 0 10px 0;
    font-size: 28px;
}

.overlay-text1,
.overlay-text2 p {
    margin: 0;
    font-size: 16px;
}

/* Haqqimizda end */

/* Layiheler start */
#projects {
    background-color: #0e0e0e;
}

.projects {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
}

/* Sol tərəf */
.projects-left {
    width: 42%;
    background-color: #0e0e0e;
    padding: 60px 40px;
}

.section-title {
    text-transform: uppercase;
    color: #a5a5a5;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 60px;
}


#projectList li {
    font-size: 32px;
    color: #555;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#projectList li.active {
    color: #fff;
}
.contacts-page__contact {
    display: flex;
    align-items:center;
}
.contacts-page__contact .link.link--black {
    margin: 0px;
    margin-left: 5px;
}
#projectList li:hover {
    color: #fff;
}
#projectList {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
}
.main_project_list_title {
    width: 100%;
    height: 100%;
}
.main_project_list_title .swiper-slide {
    height: auto !important;
    margin-bottom: 10px; /* keep spacing if needed */
}

#projectList .main_project_list_title  .swiper-slide-thumb-active li{
    color: #fff !important;
}
/* Sağ tərəf */
.projects-right {
    width: 52%;
    padding: 43px 0;
}
.link.link--black {
    color: #000;
}
.project-header {
    max-width: 700px;
    margin-bottom: 40px;
}

.main-title {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #fff;
}

.desc {
    color: #bcbcbc;
    line-height: 1.7;
    font-size: 16px;
}

.project-image {
    display: flex;
    align-items: center;
    height: 400px;
    overflow: hidden;
    margin-bottom: 40px;
}

.project-image img {
    width: 80%;
    max-width: 700px;
    transition: transform 0.6s ease;
}

.project-image img:hover {
    transform: scale(1.05);
}

.project-info {
    max-width: 700px;
}

.project-info .info-title {
    color: #f7f7f7;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
}

#projectText {
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 18px;
}

.more {
    color: #f9c834;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.more:hover {
    text-decoration: underline;
}

/* Layiheler end */

/* Bloqlar start */
.link {
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    display: flex;
    align-items: center
}

.link:hover .link__icon::before {
    background-color: #f8fd0f;
    transform: translate(-50%, -50%) scale(1.1)
}

.link--black .link__text {
    color: #181d1d
}

.link--left .link__svg {
    transform: rotate(90deg)
}

.link__icon {
    margin-right: 1.5rem;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1279px) {
    .link__icon {
        margin-right: 1.25rem
    }
}

.link__icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: #f8fd0f;
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.link__svg {
    width: 0.75rem;
    height: 0.75rem;
    transform: rotate(-90deg);
    filter: invert(1);
}
.advantages_wrapper {
    width: auto !important;
    overflow:hidden;
    display: flex;
    margin-top: 30px;
}
.adv_items {
    display: flex;
    align-items:center;
    animation-name: marquee;
    animation-timing-function:  linear;
    animation-iteration-count: infinite;
    float: left;
    animation-duration: 30s;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.advantage_item{
    position: relative;
    display: flex;
    align-items:center;
    padding: 0;
    margin-left: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: nowrap;
}
.advantage_item:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 20px;
    border-radius: 50%;
    background: #353A3D;
}
.link__svg_rotate90 {
    transform: rotate(90deg)
}
.adv_btm_wrapper {
    background: #353A3D;
    color: #fff;
    font-size: 32px;
    padding-block:25px;
    margin-top: 25px;
}
.adv_btm_content {
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.adv_btm_content button {
    background: transparent;
    border: none;
}
.adv_btm_content>div>span:nth-of-type(1){
    font-weight: 600;
}
.adv_btm_content>div span {
    font-weight: 500;
}
.adv_btm_content a {
    position: relative;
    display: inline-block;
    z-index: 1;
    padding: 14px 60px 14px 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #353A3D;
    border-radius: 30px;
    border: 0;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
}
.adv_btm_content a::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: calc(50% - 5px);
    right: 30px;
    width: 10px;
    height: 10px;
    background: #353A3D;
    border-radius: 50%;
    will-change: transform;
    transition: transform 0.4s  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.adv_btm_content a:hover:before {
    transform: translate3d(45px, 0, 0) scale(0.5);
}
.adv_btm_content a span {
    position: relative;
    z-index: 2;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: translate3d(0, 0, 0);
}

.adv_btm_content a:hover span {
    transform: translate3d(15px, 0, 0);
}

.link__text {
    color: #fff;
    font-weight: 500
}

@media(max-width: 1279px) {
    .link__text {
        font-size: 0.875rem
    }
}
.main-page__press {
    margin: 4.5rem 0
}

@media(max-width: 1279px) {
    .main-page__press {
        margin: 3rem 0
    }
}

.main-page__press-top {
    margin-bottom: 3.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width: 1279px) {
    .main-page__press-top {
        margin-bottom: 1.25rem
    }
}

@media(max-width: 1279px) {
    .main-page__press-btn {
        margin-top: 1.25rem
    }
}

.main-page__press-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem
}

@media(max-width: 1279px) {
    .main-page__press-grid {
        display: flex;
        gap: 0;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .main-page__press-grid::-webkit-scrollbar {
        display: none
    }
}

@media(max-width: 1279px) {
    .main-page__card:not(:first-child) {
        margin-left: .625rem
    }
}

.main-page__container {
    padding: 1.25rem;
    width: 67.0625rem;
    background-color: #4f7852;
    border-radius: 1.25rem
}

@media(max-width: 1279px) {
    .main-page__container {
        display: contents;
        width: auto
    }
}

.main-page__route-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.main-page__route-wrapper {
    position: absolute;
    left: 56.75rem;
    top: 22.875rem
}

@media(max-width: 1279px) {
    .main-page__route-wrapper {
        position: static
    }
}

.main-page__route-heading {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.0125rem;
    color: #fff
}

@media(max-width: 1279px) {
    .main-page__route-heading {
        font-size: 0.875rem
    }
}

.main-page__route-inner {
    margin-top: 1.75rem;
    display: flex
}

.main-page__route-item:not(:first-child) {
    margin-left: 1.875rem
}

@media(max-width: 1279px) {
    .main-page__route-item:not(:first-child) {
        margin-left: 1.25rem
    }
}

.main-page__route-icon {
    margin-bottom: .5rem;
    display: flex;
    align-items: center
}

.main-page__route-svg {
    width: 5.4375rem;
    height: 2rem
}

.main-page__route-text {
    max-width: 12.625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: #fff
}

@media(max-width: 1279px) {
    .main-page__route-text {
        max-width: 9.5625rem;
        font-size: 0.75rem
    }
}

.main-page__route-date {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: #fff
}

@media(max-width: 1279px) {
    .main-page__route-date {
        font-size: 1rem
    }
}

.main-page__features {
    margin: 3.75rem 0 7.5rem
}

@media(max-width: 1279px) {
    .main-page__features {
        margin: 1.5rem 0 3rem
    }
}

.main-page__features-card {
    position: relative;
    z-index: 0;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e9e9e9
}

@media(max-width: 1279px) {
    .main-page__features-card {
        padding: 1rem;
        width: 15.5625rem;
        flex-shrink: 0
    }
}

.main-page__features-bg {
    position: absolute;
    z-index: -1;
    right: 2.5rem;
    bottom: -0.1875rem;
    display: flex;
    align-items: center
}

@media(max-width: 1279px) {
    .main-page__features-bg {
        right: 1rem;
        bottom: 1rem
    }
}

.main-page__features-img {
    width: 19.375rem;
    height: 18.25rem
}

@media(max-width: 1279px) {
    .main-page__features-img {
        width: 7.25rem;
        height: 6.8125rem
    }
}

.main-page__features-top ul {
    margin-top: .75rem
}

.main-page__features-top li {
    position: relative;
    z-index: 0;
    padding-left: 3.25rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6
}

@media(max-width: 1279px) {
    .main-page__features-top li {
        padding-left: 2.25rem;
        font-size: 0.875rem
    }
}

.main-page__features-top li:not(:first-child) {
    margin-top: 1rem
}

@media(max-width: 1279px) {
    .main-page__features-top li:not(:first-child) {
        margin-top: .5rem
    }
}

.main-page__features-top li::before {
    --size: 1.25rem;
    content: "";
    position: absolute;
    left: 0;
    top: .125rem;
    width: var(--size);
    height: var(--size);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9L8 14L17 5' stroke='%23006525' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.main-page__features-heading {
    margin-bottom: .75rem;
    text-transform: uppercase;
    font-family: "Halvar Breitschrift";
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 1.75rem;
    line-height: 1.2
}

@media(max-width: 1279px) {
    .main-page__features-heading {
        font-size: 1rem
    }
}

.main-page__features-text {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6
}

@media(max-width: 1279px) {
    .main-page__features-text {
        font-size: 0.875rem
    }
}

.main-page__features-bot {
    margin-top: 2.0625rem;
    display: flex;
    justify-content: flex-end
}

@media(max-width: 1279px) {
    .main-page__features-bot {
        margin-top: 3.3125rem
    }
}

.main-page__features-icon {
    display: flex;
    align-items: center
}

.main-page__features-svg {
    --size: 17.125rem;
    width: var(--size);
    height: var(--size)
}

@media(max-width: 1279px) {
    .main-page__features-svg {
        --size: 5.25rem
    }
}

.main-page__numbers {
    display: flex
}

@media(max-width: 1279px) {
    .main-page__numbers {
        margin-bottom: 3rem;
        display: block
    }
}

.main-page__numbers-col:nth-child(1) {
    width: 36.6875rem;
    flex-shrink: 0;
    border-top: 1px solid #e9e9e9
}

@media(max-width: 1279px) {
    .main-page__numbers-col:nth-child(1) {
        width: auto;
        border-top: none
    }
}

.main-page__numbers-col:nth-child(2) {
    width: 100%
}

.main-page__numbers-container {
    padding: 3.75rem
}

@media(max-width: 1279px) {
    .main-page__numbers-container {
        padding: 0 1.25rem 1.25rem
    }
}

.main-page__numbers-title {
    max-width: 19.1875rem
}

@media(max-width: 1279px) {
    .main-page__numbers-title {
        max-width: none
    }
}

.main-page__numbers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 1279px) {
    .main-page__numbers-grid {
        grid-template-columns: 1fr
    }
}

.main-page__numbers-item {
    padding: 3.75rem;
    height: 26.875rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

@media(max-width: 1279px) {
    .main-page__numbers-item {
        padding: 1.25rem;
        height: auto;
        display: block;
        border-left: none
    }
}

.main-page__numbers-item:last-child {
    border-bottom: 1px solid #e9e9e9
}

.main-page__numbers-text {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6
}

@media(max-width: 1279px) {
    .main-page__numbers-text {
        font-size: 0.875rem
    }
}

.main-page__numbers-heading {
    color: #006525;
    text-transform: uppercase;
    letter-spacing: -0.07em;
    white-space: nowrap;
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: "Halvar Breitschrift"
}

@media(max-width: 1279px) {
    .main-page__numbers-heading {
        margin-top: .5rem;
        font-size: 2rem;
        letter-spacing: -0.02em
    }
}

.main-page__numbers-heading sup {
    display: inline-block;
    transform: translateY(-2px);
    font-size: 2.375rem;
    line-height: 1
}

@media(max-width: 1279px) {
    .main-page__numbers-heading sup {
        font-size: 1.25rem
    }
}

.press-card {
    position: relative;
    z-index: 0;
    display: block;
    height: 27.1875rem;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    transition: border-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media(max-width: 1279px) {
    .press-card {
        width: 18.75rem;
        height: 17.3125rem;
        flex-shrink: 0
    }
}

.press-card:hover {
    border-color: rgba(0, 0, 0, 0)
}

.press-card:hover .press-card__hover {
    transform: none
}

.press-card:hover .press-card__title,
.press-card:hover .press-card__num,
.press-card:hover .press-card__text {
    color: #fff
}

.press-card:hover .press-card__wrapper {
    border-color: hsla(0, 0%, 100%, .2)
}

.press-card:hover .press-card__icon {
    background-color: #006525
}

.press-card:hover .press-card__svg path {
    stroke: #fff
}

@media(max-width: 1279px) {
    .press-card--small {
        width: 100%;
        min-height: 9.5625rem;
        height: 100%
    }

    .press-card--small .press-card__container {
        padding: 1.25rem 1.25rem .75rem
    }

    .press-card--small .press-card__label {
        margin: 0 .625rem .625rem
    }
}

.press-card__hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: translateY(110%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: #353A3D;
    transition: transform .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.press-card__bg {
    width: 10.3125rem;
    height: 17.4375rem
}

.press-card__content {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.press-card__container {
    padding: 1.25rem
}

.press-card__title {
    color: #000;
    font-size: 1.375rem;
    line-height: 1.3
}

@media(max-width: 1279px) {
    .press-card__title {
        font-size: 1rem
    }
}

.press-card__label {
    margin: 1.25rem;
    padding: .5rem .9375rem;
    display: inline-block;
    color: #fff;
    font-family: "Halvar Breitschrift";
    text-transform: uppercase;
    letter-spacing: -0.01em;
    font-size: 0.5rem;
    line-height: 1.1;
    background: #181d1d;
    border-radius: 3.125rem
}

@media(max-width: 1279px) {
    .press-card__label {
        margin: .625rem;
        padding: .375rem .75rem
    }
}

@media(max-width: 1279px) {
    .press-card__label {
        font-size: 0.375rem
    }
}

.press-card__wrapper {
    padding: .625rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    transition: border-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media(max-width: 1279px) {
    .press-card__wrapper {
        padding: .375rem .625rem .1875rem
    }
}

.press-card__date {
    display: flex;
    color: #006525;
    font-family: "Halvar Breitschrift";
    text-transform: uppercase;
    letter-spacing: -0.01em
}

@media(max-width: 1279px) {
    .press-card__date {
        align-items: center
    }
}

.press-card__num {
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1);
    font-size: 2.75rem;
    line-height: 1.1
}

@media(max-width: 1279px) {
    .press-card__num {
        font-size: 1.75rem
    }
}

.press-card__text {
    margin-left: .5rem;
    margin-top: .4375rem;
    max-width: 4.3125rem;
    font-size: 0.625rem;
    line-height: 1.1;
    transition: color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media(max-width: 1279px) {
    .press-card__text {
        margin-top: 0
    }
}

@media(max-width: 1279px) {
    .press-card__text {
        max-width: none;
        font-size: 0.4375rem
    }
}

.press-card__icon {
    --size: 1.75rem;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e6e6e6;
    transition: background-color .5s cubic-bezier(0.33, 1, 0.68, 1)
}

@media(max-width: 1279px) {
    .press-card__icon {
        --size: 1.25rem
    }
}

.press-card__svg {
    --size: 0.75rem;
    width: var(--size);
    height: var(--size);
    transform: rotate(-90deg)
}

@media(max-width: 1279px) {
    .press-card__svg {
        --size: 0.5625rem
    }
}

.press-card__svg path {
    stroke: #181d1d;
    transition: .5s cubic-bezier(0.33, 1, 0.68, 1)
}

.purchase__inner {
    margin-top: 3.75rem
}



/* Bloqlar end */

/*partnyorlar start*/

.sc-slider-fluid__slider {
    padding-left: 12px;
    padding-right: 12px;
    padding:10px 0;
}

@media (max-width: 719px) {
    .sc-slider-fluid__slider {
        padding-left:20px;
        padding-right: 20px
    }
}

/*@supports (aspect-ratio: 3/2) {*/
/*    .sc-clients__figure,.sc-clients__image {*/
/*        aspect-ratio:16/9*/
/*    }*/
/*}*/

.sc-clients__figure {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

/* 2 və 3-cü loqolar */
.sc-slider-fluid__slides li:nth-child(2) .sc-clients__image,
.sc-slider-fluid__slides li:nth-child(3) .sc-clients__image {
    transform: scale(.8);
}

/* 4-cü logo */
.sc-slider-fluid__slides li:nth-child(4) .sc-clients__image {
    transform: scale(1.3);
}

.sc-clients__image {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
        width:150px;
    height:150px;
    object-fit:contain;
    transition: -webkit-filter .2s linear;
    transition: filter .2s linear;
    transition: filter .2s linear,-webkit-filter .2s linear
}
.sc-clients__image:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
@media (max-width: 719px) {
    .sc-clients__image {
        -webkit-filter:none;
        filter: none
    }
}

.sc-clients__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 180px;
    width: auto
}

@media (min-width: 1024px) {
    .sc-clients__slide {
        max-width:245px
    }
}


/*Partnyorlar end*/

/* call-to-action start */

#call-to-action {
  background-color: rgb(255, 235, 62);
  padding: 48px 0;
}

.call-to-action-content {
  background-color: #fff;
  padding: 60px 40px;
  border-radius: 20px;
}

.hihand-cnt img {
  width: 34px;
  height: 34px;
  vertical-align: bottom;
}

.hihand-cnt {
  color: #212529;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
}

.hihand-cnt p {
  margin-top: 40px;
  font-size: 13px;
  font-weight: 400;
  color: #d0d0d0;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.call-to-action-right-side {
  row-gap: 14px;
}

.call-to-action-right-side textarea {
  padding: 17px 18px 17px;
  width: 100%;
  outline: none;
  height: 90px;
  border: 0;
  border: 1px solid rgb(144, 146, 146);
  border-radius: 10px;
  background-color: rgb(247, 247, 245);
}

.call-to-action-right-side label {
  position: relative;
  width: 100%;
}

.call-to-action-right-side label span {
  position: absolute;
  top: 20px;
  left: 17px;
  transition: .3s;
  color: rgb(144, 146, 146);
  font-size: 14px;
  cursor: text;
}

#hihand-textarea {
    border: 1px solid rgb(144, 146, 146) !important;
    border-radius: 10px !important;
}
.call-to-action-right-side span {
    transition: .3s;
}
.call-to-action-right-side textarea#hihand-textarea:focus~span {
  /*font-size: 12px;*/
  /*top: 8px;*/
  /*opacity: 0;*/
  top: 0;
  font-size:10px;

}

.call-to-action-right-side input:focus~span {
  /*font-size: 12px;*/
  /*top: 8px;*/
    top: 0;
  font-size:10px;
}

.call-to-action-right-side input {
  padding: 17px 18px;
  outline: none;
  width: 100%;
  border: 0;
  border: 1px solid rgb(144, 146, 146);
  border-radius: 10px;
  background-color: rgb(247, 247, 245);
}

/*.call-to-action-right-side button {*/
/*  padding: 17px 35px;*/
/*  border-radius: 12px;*/
/*  font-size: 18px;*/
/*  width: 100%;*/
/*  background-color: #23bc6a;*/
/*  color: #fff;*/
/*  border: 1px solid #23bc6a;*/
/*  transition: .3s;*/
/*}*/


/*.call-to-action-right-side button:hover {*/
/*  background-color: #000;*/
/*}*/

.call-to-action-right-side button {
    padding: 17px 35px;
  border-radius: 12px;
  font-size: 18px;
  width: 100%;
  height: 100%;
  border: 0;
  color: #2B321D;
  font-size: 14px;
  border-radius: 8px;
  background: #FFEB3E;
  transition: .3s;
  font-weight: 500;
}
.call-to-action-right-side button:hover {
  background-color: #c69c07;
  /* border-color: #c69c07; */
}


/* call-to-action end */



/* Footer start */
.footer-copyright {
    display: flex;
    gap: 10px;
}
.footer-copyright img {
    width:100px;
    height:49px;
}
.footer-copyright p {
    font-size:12px;
    color:#21252961;
}
.siteby img {
    width: 110px;
    height: 35px;
    object-fit: contain;
    margin-top: 8px;
}

.d-footer {
    /* max-width: 1920px;
    width: 100%; */
    /*padding: 20px 40px 40px 40px;*/
    margin: 0 auto;
    overflow-x: hidden;
}

.d-footer .container {
    overflow-x: hidden;
}

/*@media (max-width:1501px) {*/
/*    .d-footer {*/
/*        padding: 0 24px 24px 24px;*/
/*    }*/
/*}*/

@media (max-width:992px) {
    .d-footer {
        padding: 24px
    }
}

@media (max-width:768px) {
    .circle-text,.logooffcanvas{display:none;}
    .innerPartnyor ,.sc-clients__slide {margin-right:0}
    .d-footer {
        padding: 10px 12px 16px
    }
}

.d-footer__inner {
    background: #eee;
    /*border-radius: 40px;*/
    font-weight: 500;
    overflow-x: hidden;
}

@media (max-width:768px) {
    .d-footer__inner {
        border-radius: 24px
    }
}

.d-footer__top {
    display: flex;
    justify-content: space-between;
    padding: 40px 0px 30px;
    border-bottom: 1px solid #e0e1e6;
    color: #8c90a4
}

@media (max-width:992px) {
    .d-footer__top {
        align-items: center;
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .d-footer__top {
        flex-direction: column;
        align-items: center;
        padding: 24px 0 76px;
        text-align: center;
        position: relative
    }
}

.d-footer__top:before {
    content: '';
    position: absolute;
    left: 0;
    top: 132px;
    width: 100%;
    height: 1px;
    background: #e0e1e6;
    display: none
}

@media (max-width:768px) {
    .d-footer__top:before {
        display: block
    }
}

.d-footer__topLeft {
    position: relative
}

@media (max-width:768px) {
    .d-footer__topLeft {
        margin-bottom: 48px
    }
}

.d-footer__topLeft._ny:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    width: 44px;
    height: 44px;
    background: url('../assets/img/d/NY2024/snowhat.png') no-repeat center/contain
}

@media (max-width:992px) {
    .d-footer__topLeft._ny:before {
        top: -2px
    }
}

.d-footer__logo {
    display: block;
    width: 90px;
    height: 100px;
    margin: 2px 0 10px
}

@media (max-width:992px) {
    .d-footer__logo {
        margin-top: 0
    }
}

.d-footer__copy {
    font-size: 12px;
    line-height: 15px
}

.d-footer__phone {
    display: inline-block;
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    color: var(--color-boz);
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.d-footer__phone:hover {
    color: var(--color-dark)
}

@media (max-width:1919px) {
    .d-footer__phone {
        /*font-size: 40px;*/
        line-height: 44px;
        color: #000
    }
}

@media (max-width:992px) {
    .d-footer__phone {
        font-size: 32px;
        line-height: 36px
    }
}

.d-footer__address,
.d-footer__time {
    text-align: right
}

@media (max-width:768px) {

    .d-footer__address,
    .d-footer__time {
        text-align: center
    }
}

.d-footer__time {
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.d-footer__address {
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    color: #5f7460;
    margin-top: 8px
}

@media (max-width:992px) {
    .d-footer__address {
        font-size: 14px;
        line-height: 18px
    }
}

.d-footer__bottom,
.d-footer__menu {
    position: relative
}

.d-footer__bottom:before,
.d-footer__menu:before {
    content: '';
    position: absolute;
    left: 368px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e0e1e6
}

@media (max-width:1919px) {

    .d-footer__bottom:before,
    .d-footer__menu:before {
        display: none
    }
}

.d-footer__menu {
    padding: 40px 0px 32px;
}
.d-footer__topRight {
    display: flex;
    flex-direction: column;
    align-items:end;
}
@media (max-width:1919px) {
    .d-footer__menu {
        border-bottom: 1px solid #e0e1e6
    }
}

@media (max-width:768px) {
    .d-footer__menu {
        display: none
    }
}

.d-footer__bottom {
    font-size: 12px;
    line-height: 14px;
    color: #6d758d;
    padding: 0 48px 40px 416px
}

@media (max-width:1919px) {
    .d-footer__bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 40px
    }
}

@media (max-width:992px) {
    .d-footer__bottom {
        display: block;
        padding-right: 126px;
        padding-bottom: 32px
    }
}

@media (max-width:768px) {
    .d-footer__bottom {
        padding: 16px 16px 24px
    }
}

.d-footer__partner {
    position: absolute;
    left: 40px;
    top: -92px
}

@media (max-width:1919px) {
    .d-footer__partner {
        position: relative;
        left: 0;
        top: 0;
        margin-right: 106px
    }
}

@media (max-width:1501px) {
    .d-footer__partner {
        margin-right: 42px
    }
}

@media (max-width:992px) {
    .d-footer__partner {
        margin: 0 0 24px
    }
}

@media (max-width:768px) {
    .d-footer__partner {
        margin-bottom: 16px
    }
}

.d-footer__social {
    position: absolute;
    left: 40px;
    bottom: 40px
}

@media (max-width:1919px) {
    .d-footer__social {
        position: relative;
        left: unset;
        bottom: unset;
        margin-left: 132px
    }
}

@media (max-width:1501px) {
    .d-footer__social {
        margin-left: 36px
    }
}

@media (max-width:992px) {
    .d-footer__social {
        position: absolute;
        right: 126px;
        top: 24px;
        margin: 0
    }
}

@media (max-width:768px) {
    .d-footer__social {
        right: 50%;
        top: -52px;
        transform: translateX(50%)
    }
}

@media (max-width:1501px) {
    .d-footer__social .d-share {
        left: auto;
        right: -10px;
        transform: none
    }
}

.d-footer__note {
    max-width: 1280px;
    margin-right: auto;
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .d-footer__note {
        text-align: center
    }
}

.d-footer__note a,
.d-footer__note span {
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    width: fit-content;
    transition: all .3s ease
}

.d-footer__note a:hover,
.d-footer__note span:hover {
    color: var(--color-dark)
}

.d-footer__note p:last-child {
    margin-bottom: 0
}

.d-footer__maker {
    position: absolute;
    right: 48px;
    top: -26px;
    color: #000;
    transition: color .5s all ease
}

.d-footer__maker:hover {
    color: var(--color-dark)
}

@media (max-width:1919px) {
    .d-footer__maker {
        position: relative;
        right: 0;
        top: unset;
        margin-left: 100px
    }
}

@media (max-width:992px) {
    .d-footer__maker {
        position: absolute;
        right: 40px;
        top: 24px;
        margin: 0
    }
}

@media (max-width:768px) {
    .d-footer__maker {
        right: 22px;
        top: 16px
    }
}

.d-footer__maker svg {
    width: 30px;
    height: 30px;
    fill: currentColor
}

.d-footer._national .d-footer__top {
    align-items: flex-start;
    position: relative
}

@media (max-width:992px) {
    .d-footer._national .d-footer__top {
        padding-bottom: 32px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__top {
        flex-direction: column;
        align-items: center;
        padding: 24px 12px
    }
}

.d-footer._national .d-footer__partner {
    position: relative;
    left: 0;
    top: 0;
    margin: 20px 0 0
}

@media (max-width:992px) {
    .d-footer._national .d-footer__partner {
        display: none;
        margin: 0
    }
}

.d-footer._national .d-footer__partner._mobile {
    display: none
}

@media (max-width:992px) {
    .d-footer._national .d-footer__partner._mobile {
        display: flex;
        position: absolute;
        left: 40px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__partner._mobile {
        left: 15px;
        top: 16px;
        transform: none
    }
}

.d-footer._national .d-footer__logo {
    position: absolute;
    left: 50%;
    top: 42px;
    transform: translateX(-50%);
    width: 232px;
    margin: 0
}

@media (max-width:992px) {
    .d-footer._national .d-footer__logo {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        margin-top: -10px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__logo {
        margin-top: 0
    }
}

.d-footer._national .d-footer__info {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width:768px) {
    .d-footer._national .d-footer__info {
        align-items: center;
        margin-top: 73px
    }
}

.d-footer._national .d-footer__social {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: none
}

.d-footer._national .d-footer__time {
    margin-top: 8px
}

@media (max-width:768px) {
    .d-footer._national .d-footer__time {
        margin-top: 16px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__address {
        width: 260px
    }
}

.d-footer._national .d-footer__bottom {
    display: flex;
    align-items: center;
    padding: 24px 40px
}

.d-footer._national .d-footer__bottom:before {
    display: none
}

@media (max-width:768px) {
    .d-footer._national .d-footer__bottom {
        padding: 62px 12px 12px
    }
}

.d-footer._national .d-footer__copy {
    flex-shrink: 0;
    width: 428px
}

@media (max-width:1919px) {
    .d-footer._national .d-footer__copy {
        width: 268px
    }
}

@media (max-width:992px) {
    .d-footer._national .d-footer__copy {
        position: absolute;
        left: 40px;
        bottom: calc(100% + 37px);
        width: auto
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__copy {
        display: none;
        left: 0;
        bottom: auto;
        top: 94px;
        width: 100%;
        text-align: center
    }
}

.d-footer._national .d-footer__copy._mobile {
    display: none
}

@media (max-width:768px) {
    .d-footer._national .d-footer__copy._mobile {
        display: block
    }
}

.d-footer._national .d-footer__note {
    max-width: 905px;
    width: 100%
}

@media (max-width:1501px) {
    .d-footer._national .d-footer__note {
        max-width: 678px;
        margin-right: 40px
    }
}

@media (max-width:992px) {
    .d-footer._national .d-footer__note {
        margin-left: 204px
    }
}

@media (max-width:768px) {
    .d-footer._national .d-footer__note {
        margin: 0
    }
}

.d-footer._national .d-footer__note p {
    margin: 8px 0 0
}

.d-footer._national .d-footer__maker {
    flex-shrink: 0;
    position: relative;
    right: 0;
    top: 0
}

@media (max-width:768px) {
    .d-footer._national .d-footer__maker {
        position: absolute;
        right: 22px;
        top: 16px
    }
}

.d-footer__policy {
    margin-bottom: 8px;
    font-weight: 500;
    display: inline-flex;
    color: var(--color-dark);
    text-decoration: none !important;
    transition: all .4s ease
}

.d-footer__policy:hover {
    color: #000 !important
}

@media (max-width:768px) {
    .d-footer__policy {
        text-align: center;
        display: inline
    }
}

.d-menu-promo {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .d-menu-promo {
        border-radius: 24px
    }
    
    
}

.d-menu-promo:hover .d-menu-promo__bg {
    transform: scale(1.05)
}

.d-menu-promo:hover .d-menu-promo__more {
    border-color: #000
}

.d-menu-promo:hover .d-menu-promo__more:after {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
    opacity: 1
}

.d-menu-promo__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: all .5s
}

.d-menu-promo__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 40px;
    position: relative;
    z-index: 3
}

@media (max-width:1024px) {
    .d-menu-promo__content {
        padding: 32px
    }
}

.d-menu-promo__tag {
    background: #fff;
    border-radius: 8px;
    padding: 5px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    white-space: nowrap
}

.d-menu-promo__name {
    font-weight: 600;
    font-size: 64px;
    line-height: 68px;
    color: #fff;
    margin: auto 0 40px
}

@media (max-width:1024px) {
    .d-menu-promo__name {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 32px
    }
}

@media (max-width:600px) {
    .d-menu-promo__name {
        max-width: 444px;
        margin-bottom: 0
    }
}

.d-menu-promo__more {
    margin-left: auto
}

@media (max-width:600px) {
    .d-menu-promo__more {
        position: absolute;
        right: 32px;
        bottom: 32px;
        z-index: 1
    }
}

.d-menu-promo__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.d-menu-links {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 94px;
    overflow-x: hidden;
}


.d-footer__phone {
        font-size: 22px;
    }


@media (max-width:1599px) {
    .d-menu-links {
        grid-column-gap: 81px
    }
}

@media (max-width:1279px) {
    .d-menu-links {
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
}

@media (max-width:1023px) {
    .d-menu-links {
        grid-column-gap: 24px;
    }
}

.d-menu-links__item:first-child {
    margin-top: 0
}

.d-menu-links__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: normal;
    position: relative;
    overflow: hidden; 
    word-wrap: break-word;
}

@media (max-width:1599px) {

    .d-menu-links__item {
        white-space: normal
        max-width: 100%;
    }
}

@media (max-width:1279px) {
    .d-menu-links__item._item1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.d-menu-links__section[href] {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.d-menu-links__section:first-child {
    margin: 0 0 16px !important
}

.d-menu-links__section {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #5f7460;
    margin: 16px 0
}

.d-menu-links__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: var(--color-boz);
    text-decoration: none;
    margin-bottom: 8px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}
.project_card {
    color: #333;
}
.d-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

/* Footer end */
.project_title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
.pr_card_photo{
    height: 400px;
}
.pr_f_photo {
    height: 588px;
}
.pr_descr {
    line-height: 200%;
}
.pr_f_photo {
   border-radius: 16px;
   overflow: hidden;
   box-shadow:0 12px 27px 0 #c6c6c6;
}
.pr_card_photo img,
.pr_f_photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xfieldimagegallery.layihe_sekilleri img {
    height: 100%;
    width: 60%;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 12px 27px 0 #c6c6c6;
}
.xfieldimagegallery.layihe_sekilleri li {
    height: 420px;
    margin: 40px 0;
    display: flex;
}
.xfieldimagegallery li:nth-child(odd) {
    justify-content: flex-start;
}
.xfieldimagegallery li:nth-child(even) {
    justify-content: flex-end;
}

.get_project_link {
    margin-top: 20px;
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}
.project_full {
    margin-top: 40px;
    margin-bottom: 60px;
}
.project_full h1 {
    font-size: 32px;
    font-weight: bold;
    margin-top: 50px;
}
.project-info .projectText {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  color: #fff;
}
.project-info .more {
    margin-top: 15px;
    display: inline-block;
}


.menu-btn-mobile {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    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;
}

@media (max-width:1200px) {
    .rich-text--u-ibol0xx6c {
        min-width:inherit;
    }
    
}
@media (max-width:992px) {
    .headerp {
        width:100%!important;
    }
    
    .press-card {
        width: 290px; 
    }
    
    .mosaic-tabs__head--u-itgyl6kfi {
        flex-direction:column;
        gap: 15px;
    }
    
    .mosaic-tabs__item--u-idmy3bmdr {
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    
    .haqqimizda {
        padding:0;
    }
    .text-block-wrap-div {
        line-height: 115%;
    }
    
    .rich-text--u-ibol0xx6c {
        max-width:100%;
    }
    .rich-text--u-ibol0xx6c {
        padding-left: 10px;
    }
    .list__item--u-iubzhpln2 {
        min-width:100%;
    }
    
    .list__item--u-iubzhpln2:nth-child(4n + 3) {
         min-width:100%;
    }
    
    .section-titlemehsul {
        font-size: 25px;
    }
    .section-titlemehsul span {
        font-size: 37px;
    }
    .spj-slider .swiper-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .spj-slider .swiper-container .swiper-slide .spj-itm {
        padding-top:0;
    }
    .spj-slider .swiper-container .swiper-slide .spj-itm .spj-theme {
        top:2%;
    }
    .projects {
        flex-direction:column;
    }
    .projects-left {
        width:100%;
    }
    .projects-right {
        width:100%;
    }
    
    .header-menu__wrapper {
        display:none;
    }

}

@media (max-width:768px) {
    .header_socials_wrapper {
        display:none;
    }
    
    #innerPages .blog h2 {
    font-size: 28px;
    font-weight: 500;
    padding-top: 0;
}

.blog {
    padding: 0 0px 66px;
}
    .adv_btm_content {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        font-size: 23px;
    }
    .projects-left {
        padding: 0;
        padding-top: 20px;
    }
    
    #projectList li {
        margin-bottom: 0;
    }
    
    #projectList li {
        font-size: 14px;
    }
    
    .main-title {
    font-size: 25px;}
    .project-image {
        height:inherit;
    }
    
    .hihand-cnt {
        font-size: 20px;
        line-height: 33px;
    }
    .call-to-action-content {
        padding: 60px 20px;
    }
    .innerPages.projectsWrapper {
    grid-template-columns: repeat(1, 1fr);
}
.pr_card_photo {
    height: 300px;
}
.pr_f_photo {
    height: 300px;
}
.xfieldimagegallery.layihe_sekilleri img {
    width:100%;
}
.xfieldimagegallery.layihe_sekilleri li {
    height: 285px;
}
}
.offcanvas.offcanvas-end {
    background: #000;
}