*:not(i) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    font-family: "MarkPro" !important;
}

.productImg--main img{
    width:100%;
}

.fancyPhoto2{
    width:100px !important;
}

.customTable {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 14px;
}

.customTable td {
  border: 1px solid #ccc;
  padding: 8px;
  vertical-align: top;
}

.customTable tr:nth-child(even) {
  background-color: #f9f9f9;
}



#advantages,
#services,
#faq,
#partnors {
    background-color: #eee;
}
#about-static__top img:not(.about-static__top-img img) {
    width: 100px;
    padding:10px;
} 
.no-img img {
    display: none;
}

.static_img {
    height: 400px;
    object-fit: cover;
}

/* innerPages */
.brandAndMarka-img {
    background: #eeeeee;
    max-width: 450px;
    float: left;
    margin-right: 20px;
}

.brandAndMarka-fullStory:after {
    content: '';
    display: table;
    clear: both;
}

.brandAndMarka-img img {
    width: 100%;
    object-fit: contain;
}

.brand_full ul {
    padding-left: 2rem;
}

#innerPage .brand_full {
    display: flex;
    flex-wrap:wrap;
    gap: 50px;
    width: 100%;
    justify-content: center;
    background: #f1f1f1;
    padding: 60px 120px 30px; 
    margin-top: -25px;
}
.brand_full li {
    list-style: initial;
}

.box-body.author {
    background-color: #f5f5f5;
    padding: 20px 10px;
    border-radius: 15px;
    margin-top: 2rem;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-img {
    border-radius: 20px;
    overflow: hidden;
    width: 130px;
    height: 130px;
    text-align: center;
    margin: 0 auto;
}

.brand_full .author-img img {
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: auto;
    border-radius: 50%;
    width: 130px;
    border: 2px solid white;
}

.author h5 {
    font-size: 20px;
    margin-top: 2px;
    text-align: left;
}

.verify-badge {
    width: 27px !important;
    height: auto !important;
    position: relative;
    top: -4px;
    left: 5px;
    margin: auto !important;
}

.brand_full {
    max-width: 100%;
    text-align: justify;
    /*min-height: 300px;*/
}

.catalog_card {
    background: #eee;
    padding: 1rem;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .6s all ease;
    position: relative;
}

.catalog_card:hover {
    background: #0A3C91;
}

.catalog_card:hover h2,
.catalog_card:hover span{
    color: #fff;
}

.catalog_card h2 {
    color: #000;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    transition: .6s all ease;
}

.catalog_card span {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #000;
    font-size: 13px;
    display: inline-flex;
    transition: .6s all ease;
    gap: 7px;
    align-items: center;
}

.static_page_content {
    line-height: 1.3;
    display: flex;
    gap: 20px;
    text-align: justify;
    /* padding: 20px 0; */
    flex-direction: column;
}

.static_page_content img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    max-height: 400px;
}

.static_page_text {
    font-size: 17px;
}

.static_page_form h4 {
    font-size: 21px;
}

.static_page_form_social {
    align-items: center;
    gap: 9px;
    padding: 20px 0;
}

.static_page_form_social a {
    margin: 0 20px 0 0;
    width: 38px;
    height: 38px;
    color: aliceblue;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
    transition: .3s;
}

.static_page_form-wrapper {
    display: flex
;
    align-items: center;
    padding: 40px 20px;
    gap: 15px;
    border: 1px solid #dbdbe2;
    border-radius: 20px;
    flex-wrap: wrap;
}

.static_page_form-wrapper h5 {
    flex: 0 0 100%;
    font-size: 23px;
}

.static_page_form-wrapper input {
    flex: 0 0 100%;
    position: relative;
    background: #eee;
    padding: 14px 10px;
    border: none;
    outline: none;
    border-radius: 5px;
}

input, textarea {
    transition: all .3s ease;
}

.static_page_form-wrapper textarea {
    width: 100%;
    min-height: 140px;
    height: 100%;
    max-height: 200px;
    background: #eee;
    border: none;
    max-width: 100%;
    flex: 0 0 100%;
    resize: vertical;
    outline: none;
    padding: 14px 10px;
    border-radius: 5px;
}

.static_page_form-wrapper button {
    padding: 14px 10px;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    transition: .3s;
    border: 1px solid transparent;
    outline: none;
    border-color: #0A3C91;
    background: #0A3C91;
    color: #fff;
    cursor: pointer;
}

.static_page_form_social_face{
  background: #1877F2;
}
.static_page_form_social_ins{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.static_page_form_social_tiktok{
  background: #0077B5;
}
.static_page_form_social_twitter{
  background: #ff0000;
}

.brand_full .fotorama img {
    /*margin: 0 auto;*/
    width: 300px;
    object-fit: contain;
    background: #eee;
    display: flex;
    padding: 1rem;
    margin-bottom: 1rem;
}

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

.eventFull_grid img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

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

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

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

.title-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

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

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

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

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

#map {
    height: 25rem
}

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

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

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

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

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

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

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

.conp-form-inputs {
    row-gap: 2rem;
}

.contact-conp-form-input {
    font-size: 1rem;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
    background-color: transparent;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    padding: .625rem;
    height: 3.125rem;
}

.contact-conp-form-input:focus {
    outline: none;
}

:is(.contact-conp-form-input:focus,.contact-conp-form-input:autofill,.contact-conp-form-input:-webkit-autofill) ~ .contact-conp-form-label {
    top: -.9rem;
    font-size: .813rem;
    color: #f9423a;
    padding-inline: .3rem;
    transition: all .3s;
}

#contact-conp-form-message {
    height: 100%;
    resize: none;
}

.contact-inputGroup_holder {
    position: relative;
    border-radius: 4px;
}

.contact-conp-form-label {
    position: absolute;
    left: 5px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    transition: all .3s;
    z-index: -1;
    letter-spacing: .5px;
    padding-inline: 1rem;
    font-weight: 300;
    display: inline-block;
    max-width: 100%;
}

.contact-conp-form-label[for="message"] {
    top: 1.2rem;
}

.contact-conp-form-submit {
    box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: black;
    padding: .938rem 1.25rem;
    margin: 2.5rem auto 0;
    max-width: 15.625rem;
    width: 100%;
    border-radius: .3rem;
    transition: all .3s ease;
    text-transform:uppercase !important;
    
}

.contact-conp-form-submit:hover {
    background-color:#f4f5f4;
    color: #030080;
}

.conp-form-focus-border::before,
.conp-form-focus-border::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #f9423a;
    transition: 0.4s;
}

.contact-conp-form-input:focus ~ .conp-form-focus-border::before,
.contact-conp-form-input:focus ~ .conp-form-focus-border::after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.contact-conp-form-input:focus ~ .conp-form-focus-border::after {
    top: auto;
    bottom: 0;
}

.contact-conp-form-input ~ .conp-form-focus-border i::before,
.contact-conp-form-input ~ .conp-form-focus-border i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #f9423a;
    transition: 0.6s;
}

.contact-conp-form-input:focus ~ .conp-form-focus-border i::before,
.contact-conp-form-input:focus ~ .conp-form-focus-border i::after {
    top: -1px;
    height: 100%;
    transition: 0.6s;
}

.contact-conp-form-input:focus ~ .conp-form-focus-border i::after {
    left: auto;
    right: 0;
}

.all_pdfs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.all_pdfs .box {
  position: relative;
}
.all_pdfs .box .image-wrapper {
  position: relative;
  cursor: pointer;
}

.all_pdfs .box .image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.all_pdfs .box img {
  object-fit: cover;
  height: 300px;
  width: 100%;
}
.title-finansist {
    color:#666;
    font-size:20px;
 
    padding:10px 0;
}
.image-wrapper img::before {
  position: absolute;
  top: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 300px;
  height: 300px;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
}

.all_pdfs .box .more {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0A3C91;
  opacity: 0;
  transition: all 0.5s ease;
}
.all_pdfs .box .image-wrapper::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 15px;
  left: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  border: 2px solid white;
}

.attachment-short a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.all_pdfs .box:hover .image-wrapper::before {
  opacity: 1;
}
.all_pdfs .box:hover .image-wrapper::after {
  opacity: 1;
}
.all_pdfs .box:hover .more {
  opacity: 1;
}

.all_pdfs .box .image-wrapper {
    position: relative;
    cursor: pointer;
}

.all_pdfs .box .image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.titleSide h2 {
    background: #eee;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 1.5rem;
}

.fotorama .fotorama__wrap {
    margin: 0 auto;
}

.speedbar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 1rem;
}

.speedbar a {
    text-decoration: underline;
    color: #000;
}

.speedbar i {
    font-size: 11px;
}

.product_full {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.product_left {
    height: 200px;
    background: #eee;
}

.product_left img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    /* background: #eee; */
    /*transform: scale(1.5);*/
}

.product_right span {
    color: #c9c9c9;
}

.product_right p {
    padding-top: 1rem;
}

#myTabContent {
    padding: 1rem;
}

#innerPage .nav-tabs .nav-link {
    font-size: 20px;
}

#innerPage .nav-link:not(.active) {
    text-decoration: underline;
    color: #000;
}

.full_both {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.full_left img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    margin-bottom: 15px;
}

.full_left span {
    font-size: 14px;
    color: #c9c9c9;
}

.full_right ul img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.full_right h3 {
    padding-bottom: 1rem;
}

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

.full_right li a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: underline;
    color: #000;
}

.innerGrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    padding: 0px 60px;
}

.brand_contacts a {
    border-radius: 60px;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    width: fit-content;
    transition: .7s all ease;
    border: 1px solid transparent;
}

.brand_contacts a:hover {
    background: #0A3C91;
    color: #fff;
}

/* innerPages end */

/* modal */

.modal-button-yellow {
  padding: 14px 30px;
  border: 0;
  color: #6d6e72;
  font-size: 14px;
  border-radius: 8px;
  background: #fff;
  transition: .3s;
  font-weight: 500;
  box-shadow: 0px 0px 5px #3336;
}
.modal-button-yellow:hover {
  background-color: #6d6e72;
  color: #fff;
}
.modal-title {
    color: #000;
}
.modal-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.input-div {
  width: 100%;
  margin: 15px 0;
}

.input-div input {
  width: 100%;
  border: 2px solid #e6ecf2;
  padding: 12px 20px;
  border-radius: 4px !important;
  font-size: 14px !important;
  outline: none;
  transition: all .3s ease;
}

.input-div select,
.input-div option,
.input-div textarea::placeholder{
    color: #757575;
}
.input-div select {
    width: 100%;
  border: 2px solid #e6ecf2 !important;
  padding: 12px 14px;
  border-radius: 4px !important;
  font-size: 14px !important;
  outline: none;
  transition: all .3s ease;
}

.input-div textarea {
  width: 100%;
  border: 2px solid #e6ecf2;
  padding: 12px 20px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  outline: none;
  transition: all .3s ease;
 
}

.input-div button {
  cursor: pointer;
  background: #700000;
  color: #fff;
  border-radius: 4px;
  line-height: 50px;
  transition: 0.3s ease-in-out;
  padding: 0 26px;
  margin-bottom: 15px;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  border: 0;
}

.input-div button:hover {
  background-color: gray;
  color: #fff;
}

/* modal */

/* yeni header */

/* Header ve Slider  ////////////////////////////////////////////*/

.b-photo-list__grid {
    display: grid;
        grid-template-columns: repeat(12,1fr);
        grid-template-rows: 180px 60px 190px;
        grid-gap: 20px;
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+1) {
        grid-column: 1/5;
        grid-row: 1/2
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+2) {
        grid-column: 5/10;
        grid-row: 1/3
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+3) {
        grid-column: 10/13;
        grid-row: 1/3
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+4) {
        grid-column: 1/5;
        grid-row: 2/4
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+5) {
        grid-column: 5/10;
        grid-row: 3/4
    }

    .b-photo-list__grid:nth-child(2n) .b-photo-list__item:nth-child(12n+6) {
        grid-column: 10/13;
        grid-row: 3/4
    }

    .b-photo-list__item {
        border-radius: 20px
    }

    .b-photo-list__item:nth-child(12n+1) {
        grid-column: 1/4;
        grid-row: 1/3
    }

    .b-photo-list__item:nth-child(12n+2) {
        grid-column: 4/9;
        grid-row: 1/3
    }

    .b-photo-list__item:nth-child(12n+3) {
        grid-column: 9/13;
        grid-row: 1/2
    }

    .b-photo-list__item:nth-child(12n+4) {
        grid-column: 1/4;
        grid-row: 3/4
    }

    .b-photo-list__item:nth-child(12n+5) {
        grid-column: 4/9;
        grid-row: 3/4
    }

    .b-photo-list__item:nth-child(12n+6) {
        grid-column: 9/13;
        grid-row: 2/4
    }

    .b-photo-list__content {
        margin-top: 26px
    }

    .b-photogallery__img {
        border-radius: 20px;
        height: 350px
    }
    
    .b-photo-list__item {
    align-items: center;
    border-radius: 10px;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
    
    .b-photo-list__item img {
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    background: #eee;
}


.header-main-div{
    width: 100%;
    box-sizing: border-box;
}
.header-mobile-view{
    display: none;
}
.web-header-mobile-bar{
    display: none;
}
.header-desktop-main-div{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:  0 50px;
    width: 100%;
}
.header-desktop-logo-div{
    width: auto;
    margin-right: 50px;
}
.header-desktop-logo-div img{
    max-width: 120px;
 }
.header-desktop-menu-items-main-div{
    z-index: 99;
    position: relative;
}

.header-desktop-menu-items-main-div .d-flex {
    margin-bottom: 30px;
}

.header-lang-name{
    margin-left: 3px;
}
.lang-dropdown-div{
    border-radius: 0!important;
    margin-top: 10px !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    padding: 15px !important;
    background-clip: inherit !important;
}
.lang-dropdown-div a{
    font-size: 14px ;
    display: flex;
    align-items: center !important;
    justify-content: flex-start !important;
}
.lang-dropdown-div:before {
    content: '';
    height: 11px;
    width: 11px;
    position: absolute;
    background-color: #fff;
    top: -7px;
    left: 15px;
    border-top: #f1f1f1 solid 1px;
    border-left: #f1f1f1 solid 1px;
    transform: rotate(
            45deg
    );
}
.dropdown-item{
    padding: 5px 10px !important;

}

.header-right-area{
   flex: 1;
    margin-left: 50px;
    display: flex;
    justify-content: flex-end;
}
.header-new-social-container{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px;
}
.header-button-class{
    margin-left: auto;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0 !important;
    border-radius: 30px;
    padding: 15px 30px;
}

.header-infobox{
    padding-right: 30px;
    margin-left: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.header-infobox:last-child{
    border-right: 0;
}
.header-infobox-i{
    font-size: 35px ;
    margin-right: 25px;
}
.header-infobox-txt{
    flex:1;
}
.header-infobox-txt-h{
    width: 100%;
    font-size: 16px ;
    font-weight: 600;
}
.header-infobox-txt-s{
    width: 100%;
    font-size: 13px ;
}
.header-infobox-txt-s2{
    width: 100%;
    font-size: 16px ;
}


.header-language-div{
    position: absolute;
    top:4px;
}
.lang-select-custom-div{
    text-transform: uppercase;
    font-size: 12px ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lang-select-custom-div:hover{
    text-decoration: none;
}

.third-level-menu
{
    position: absolute;
    top: 0 !important;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 5px 14.25px 0.75px rgba(0, 0, 0, 0.1);
    z-index: 9;
    transition: 0.1s ease-in-out 0s;
}
.third-level-menu > li
{
    height: auto;
}
.second-level-menu > li > .third-level-menu li p{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.second-level-menu > div{
    box-shadow: 0 5px 14.25px 0.75px rgba(0, 0, 0, 0.1);

}



.second-level-menu
{
    position: absolute;
    left: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: 0.2s ease-in-out 0s;
    margin-top: 100px;
}

.second-level-menu > div > li
{
    position: relative;
    height: auto;
}
.second-level-menu > div > li p{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.top-level-menu > li
{
    position: relative;
    width: auto;
    height: auto;
    transition-duration: 0.1s; transition-timing-function: linear;

}

.top-level-menu li:hover > ul
{
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    margin-left: 0;
}
.top-level-menu > li span /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
}
.top-level-menu > li a{
    text-decoration: none;
}
.top-level-menu > li:hover a{
    text-decoration: none;
}
.top-level-menu > li span{
    display: block;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}

.button-yellow{
    width: auto;
    display: inline-block;
    background-color: #265fb4;
    color: #fff;
    transition-duration: 0.2s; transition-timing-function: linear;
}
.button-yellow:hover{
    background-color: #e7cd33;
    text-decoration: none;
    color: #000;
    border: 2px solid #e7cd33;
}
.button-yellow-out{
    width: auto;
    display: inline-block;
    border: 2px solid #f3d95d;
    color: #f3d95d;
    transition-duration: 0.2s; transition-timing-function: linear;
    background:none;
}
.button-yellow-out:hover{
    background-color: #e7cd33;
    border: 2px solid #e7cd33;
    color: #000;
    text-decoration: none;
}

#fixed-header-main{
        position:fixed;
        display:none;
        width:100%;
        z-index:999;
        top: 0;
        background: #454555;
        left: 0;
        padding: 5px 0;
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
        }
        
        .fixed-header-container{
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fixed-header-container-logo{
    width: auto;
}
.fixed-header-container-logo img{
    max-width: 222px;
    max-height: 90px;
}
.fixed-header-container-menu{
    width: auto;
    text-align: right;
}
.fixed-header-container-mobile{
    display: none;
}

/* yeni header */

/* yeni slider */

#sliders {
    min-height: 70vh;
    /*margin-top: 110px;*/
}

.bgImg {
    height: 100%;
    width: 100%;
}

#sliders a {
 padding: 15px 25px;
 border: unset;
 border-radius: 3px;
 color: #000;
 z-index: 1;
 background: #e8e8e8;
 z-index: 5;
 font-weight: 500;
 font-size: 17px;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms;
 overflow: hidden;
 width: fit-content;
 position: relative;
}

#sliders a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 border-radius: 3px;
 background-color: #0A3C91;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms
}

#sliders a:hover {
 color: #e8e8e8;
}

#sliders a:hover::before {
 width: 100%;
}

.white-side {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 90px;
    z-index: 5;
    background-image: linear-gradient(to top, rgb(247, 247, 249), rgba(255, 255, 255, 0));
}

#sliders {
  position: relative;
  height: 80vh;
}

#sliders .swiper-slide::before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#7663690a), color-stop(27%, #76636936), color-stop(55%, #00000040), to(#000000a8));
    background: -o-linear-gradient(#7663690a 0%, #76636936 27%, #00000040 55%, #000000a8 100%);
    background: linear-gradient(#7663690a 0%, #76636936 27%, #00000040 55%, #000000a8 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 0;
    position: absolute;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

#sliderWrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

/* slideroverlay */
#sliderOverlay {
  position: absolute;
  z-index: 98;
  height: 100%;
  top: 0;
  left: 100%;
  background-color: #0007;
  background-attachment: fixed;
  transition-timing-function: cubic-bezier((0, 0.06, 0.53, 0.04));
}
#sliderOverlay.active {
  animation-name: animate;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes animate {
  0% {
    width: 0%;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 0;
    width: 0%;
  }
}

/* slider items */
.sliderItem {
  height: 100%;
  position: absolute;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 2s ease, z-index .5s ease !important;
  background-attachment: fixed;
}

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

.sliderContents {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: absolute;
    width: 62%;
    left: 12%;
    top: 0;
    z-index: 99;
    color: #000;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-top: 168px;
}
.sliderContents h3 {
    line-height: 49px;
    font-weight: 900;
    color: #fff;
    font-size: 32px;
    line-height: 42px;
}
.sliderContents.fade h3 {
  opacity: 0;
}

/* sliders buttons */
#sliders button {
  z-index: 99;
  position: absolute;
  width: 85px;
  height: 85px;
  border: none;
  background-color: transparent;
  padding: 20px;
  display: grid;
  place-content: center;
  top: 50%;
  transition: all .3s ease;
}
#sliders button:hover {
    border-radius: 50%;
}
#sliders button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: invert(1);
}
#nextBtn {
  right: 0;
}
#leftBtn {
  left: 0;
}

.sliderHeading.animation .char {
  animation: textanimation 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

.sliderItem {
  height: 100%;
  position: absolute;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 2s ease, z-index .5s ease !important;
  background-attachment: fixed;
}

.sliderItem .bgImg {
  display: none;
}

.sliderBtn {
    position: absolute;
    z-index: 9999;
    color: #fff;
    background: #0A3C91;
    border-radius: 5px;
    padding: 5px 15px;
    bottom: 15%;
    left: 15%;
}
.sliderItem .sliderContents.fade h3 {
  opacity: 0;
}

/* sliders buttons */
#sliders button {
  z-index: 99;
  position: absolute;
  width: 85px;
  height: 85px;
  border: none;
  padding: 20px;
  display: grid;
  place-content: center;
  top: 50%;
  transition: all .3s ease;
}
#sliders button:hover {
    border-radius: 50%;
}
#prevBtn {
    left: 51px;
}
#sliders button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#nextBtn {
  right: 0;
}
#leftBtn {
  left: 0;
}

.sliderHeading.animation .char {
  animation: textanimation 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}

@keyframes textanimation {
  from {
    transform: translateX(6em) rotate(-65deg);
    opacity: 0;
  }
}

/* yeni slider */

/* slider */

#slider {
    overflow: hidden;
    width: 98%;
    margin: 10px auto;
    height: 70vh;
    border-radius: 1.5rem
}

#hero_slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero_prev_next,
.play {
    top: 50%;
    transform: translateY(-50%);
}

#hero_slider .swiper-slide {
    position: relative;
    display: flex;
    align-items: center
}

#breadcrumb_section img,
#hero_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.home_page_main_slider_desk {
    display: block;
}

.home_page_main_slider_mob {
    display: none;
}



.hero_prev_next {
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    width: 98%
}

.hero_content,
.line-text {
    position: relative;
    z-index: 2
}

#hero_next,
#hero_prev,
.overlay-image_products {
    align-items: center;
    transition: .3s ease-in-out
}

#hero_next,
#hero_prev {
    background-color: #fff;
    width: 57px;
    height: 100px;
    border: 0;
    display: none;
    outline: 0;
    cursor: pointer;
    justify-content: center;
    font-size: 30px;
    color: #000
}

#hero_next:hover,
#hero_prev:hover {
    background-color: #0A3C91;
    color: #fff
}

.line-text {
    width: 0;
    border-bottom: 3px solid #fff;
    margin: 10px 0
}

.line-text.animate-line {
    -webkit-animation-name: line;
    animation-name: line;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes line {
    0% {
        width: 0
    }

    100%,
    25% {
        width: 45%
    }

    50% {
        width: 70%
    }

    75% {
        width: 60%
    }
}

#hero_prev {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px
}

#hero_next {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px
}

#hero_slider .swiper-slide:after {
    position: absolute;
    content: '';
    inset: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
    background: linear-gradient(0, #00000083, rgba(0, 0, 0, .411) 50%)
}

.hero_content {
    padding: 0
}
#partnorsAbout {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
#partnorsAbout div {
    display: flex;
    align-items:center;
    justify-content: center;
    width: 18%;
    height: 150px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px #3332;
}
#partnorsAbout img {
    width: 50%;
    height: 100%;
    object-fit: contain;
}
.projectMainSlider {
    width: 600px;
    height: 400px;
}
.projectMainSlider .swiper-button-next::after,
.projectMainSlider .swiper-button-prev::after{
    color: #000;
    font-size: 24px;
}
.projectMainThumbSlider {
    width: 600px;
    height: 100px;
    margin-top: 20px;
}
.projectMainThumbSlider img,
.projectMainSlider img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.projectMainSlider a {
    cursor: pointer;
}
@media screen and (min-width: 992px) {
    .hero_content {
        padding: 0 40px;
    }
}

.hero_content h6 {
    width: 100%;
    line-height: 1.2;
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px
}

.hero_content p {
    font-size: 14px;
    width: 100%;
    color: #fff;
    opacity: .8;
    display: -webkit-box;
    -webkit-line-clamp: 6;
}

@media screen and (min-width:560px) {

    #hero_next,
    #hero_prev {
        display: flex
    }

    #hero-section {
        height: 98vh;
        margin: 15px auto
    }
}

/* slider end */

/* ustunlukler */

.adv_titles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 2rem;
}

.adv_title h3 {
    font-size: 17px;
    color: #999999;
    position: relative;
    padding-left: 23px;
}

.adv_title h3::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translatey(-50%);
    width: 8px;
    height: 8px;
    background-color: #0A3C91;
}

.adv_title h2 {
    font-size: 40px;
    font-weight: 600;
    padding-top: 15px;
}

.adv_titles p {
    color: #666666;
    font-size: 15px;
}

.adv_cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 1rem;
    gap: 30px;
}

.adv_card {
    display: flex;
    flex-direction: column;
}

.adv_numbers {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 3px solid #DCDCDC;
    position: relative;
    overflow: hidden;
}

.odometer {
    font-size: 40px;
    font-weight: bold;
    color: #0A3C91;
    text-align: center;
    line-height: unset !important;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
    overflow: visible;
}

.adv_numbers span {
    font-size: 60px;
    color: #0A3C91;
    font-weight: 600;
}

.adv_numbers h3 {
    font-size: 38px;
    text-wrap: wrap;
    max-width: 30%;
}

.adv_text {
    padding-top: 1.5rem;
}

.adv_text p {
    font-size: 16px;
    color: #666;
}

/* ustunlukler end */

/* about */

#about {
    padding: 4rem 0;
}

.about_both {
    display: grid;
    grid-template-columns: .7fr 1fr;
    gap: 50px;
}

@media screen and (min-width: 1400px) {
    .about_both {
        grid-template-columns: 1fr 1fr;
    }
}

.about_left span i {
    margin-left: 5px;
    font-size: 16px;
}

.about_left span {
    display: block;
    line-height: 1.2;
    color: #0A3C91;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    font-weight: 400;
    margin-bottom: 20px;
}

.about_left h2 {
    margin-bottom: 24px;
    font-size: 42px;
    font-weight: 600;
}

.about_left p:not(.about-tab-text) {
    margin: 20px 0;
    font-size: 15px;
    line-height: 1.667;
    color: #737373;
}

.about-tab-text {
    font-size: 15px;
    line-height: 1.667;
    color: #737373;
}

.filter-menu-active {
    background: #F5F5F5;
    display: flex;
    justify-content: center;
    border-radius: 2px;
    margin-bottom: 20px;
}

.filter-menu-active button {
    background: transparent;
    border: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #737373;
    padding: 12px 20px;
    position: relative;
    width: 50%;
}

.filter-menu-active button.active {
    color: #0A3C91;
}

.filter-menu-active button.active:before {
    width: 100%;
}

.filter-menu-active button:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    background: #0A3C91;
    transition: 0.4s;
    border-radius: 2px 2px 0 0;
}

.filter-menu-active button:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 30px;
    width: 1px;
    background: rgba(21, 22, 28, 0.15);
    transform: translate(0, -50%);
}

.filter-active-cat1 {
    position: relative;
    min-height: 100px;
}

.filter-item {
    display: block;
    opacity: 0;
    transform: scale(0.8) translateZ(0);
    transition: transform 0.4s ease, opacity 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.filter-item.active {
    opacity: 1;
    transform: scale(1) translateZ(0);
    z-index: 1;
}

:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a) {
    position: relative;
    z-index: 2;
    vertical-align: middle;
    display: inline-flex;
    gap: 15px;
    text-align: center;
    background-color: #0A3C91;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 18px;
    overflow: hidden;
    align-items: center;
}

:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a):hover {
    z-index: 1;
}

:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a)::before {
    top: -2em;
    left: -2em;
}

:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a)::after,
:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a)::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    background-color: #000;
    transition: 1s ease;
}

:is(.about_left a, .blogs_title a, .portfolio-card a, .product_right a, .service-top a)::after {
    left: calc(100% + 2em);
    top: calc(100% + 2em);
}

:is(.about_left a:hover, .blogs_title a:hover, .portfolio-card a:hover, .product_right a:hover, .service-top a:hover)::after,
:is(.about_left a:hover, .blogs_title a:hover, .portfolio-card a:hover, .product_right a:hover, .service-top a:hover)::before {
    height: 410px;
    width: 410px;
}

.about_right {
    position: relative;
}

.about_right img:first-child {
    height: 430px;
    width: 310px;
    object-fit: cover;
}

.about_right img:nth-child(2) {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -50px;
    border-top: 6px solid #fff;
    border-left: 6px solid #fff;
    width: 400px;
    height: 420px;
    object-fit: cover;
}

.about-counter-wrap {
    background: transparent;
    border: 0;
    position: absolute;
    top: 0px;
    bottom: auto;
    right: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    max-width: 290px;
}

.about-counter-number {
    font-size: 48px;
    font-weight: 600;
    color: #000
}

.about-thumb4 .about-counter-wrap .about-counter-text {
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
}

.about-tab-text {
    min-height: 50px;
}

/* about end */

/* services */

#fields {
    padding: 3rem 0;
    background: #eee;
}

.services_title {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
    display: inline-block;
}

.servicesAll {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.services_title h2 {
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 2rem;
}

.services_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.category-box-wrap {
    border-radius: 10px;
}

.innerGrid .category-box {
    background-color: #eee;
}

.category-box {
    display: block;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: 200px;
    padding: 20px 5px;
    transition: 300ms all ease;
    display: grid;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    text-align: center;
}

.category-box .img-wrap {
    width: 84px;
    height: 84px;
}

.category-box .img-wrap img {
    width: 100%;
    height: 100%;
    transition: 300ms all ease;
}

.category-box .category-name {
    display: flex;
    align-items: center;
}

.category-box .category-name h5 {
    color: #272727;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
    margin: 0;
    transition: 300ms all ease;
}

.category-box:hover {
    background-color: rgba(0, 0, 0, .4);
}

.category-box:hover .img-wrap img {
    filter: invert(1);
}

.category-box:hover .category-name h5 {
    color: #fff;
}

/* services end */

/* faq */

#faq {
    padding: 4rem 0;
}

.faq_title {
    padding-bottom: 60px;
}

.faq_title span {
    color: #0A3C91;
    font-size: 19px;
    margin-bottom: 14px;
}

.faq_title h2 {
    font-size: 40px;
    font-weight: 600;
}

.faq_both {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.faq_left .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faq_left .accordion-item {
    box-shadow: 0px 10px 10px rgba(198, 198, 198, 0.19);
    border-radius: 4px;
    overflow: hidden;
    border: none;
    margin-bottom: 30px;
    background: #fff;
}

.faq_left .accordion-button {
    font-weight: 500;
    font-size: 18px;
    padding: 22px 25px;
    color: #1c1c1c;
    background: #fff;
    border-bottom: 1px solid transparent;
    position: relative;
}

.faq_left .accordion-button::after {
    flex-shrink: 0;
    width: auto;
    height: auto;
    content: "\f067";
    background-image: none;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #1c1c1c;
}

.faq_left .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f068";
    transform: rotate(0);
}

.faq_left .accordion-button:not(.collapsed) {
    color: #0A3C91;
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #E7E7E7;
}

.faq_left .accordion-body {
    padding: 22px 25px;
}

.faq_left .accordion-body p {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.83;
}

.faq_left .accordion-button:focus {
    border-color: none;
    box-shadow: none !important;
}

.faq-img-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: flex-end;
    position: relative;
}

.faq-img-wrap img:nth-child(1) {
    border-radius: 12px;
    width: 332px;
    height: 500px;
    object-fit: cover;
}

.faq-img-wrap img:nth-child(2) {
    border-radius: 12px 80px 12px 12px;
    width: 332px;
    height: 500px;
    object-fit: cover;
}

.faq-img-wrap .overlay-text {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%, rgba(255, 255, 255, 0) 100%);
    border-radius: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    padding: 28px 25px;
    width: 460px;
    text-align: center;
    margin: 0 auto;
}

.faq-img-wrap .overlay-text .title {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #0f1437;
    margin-bottom: 0;
    font-size: 80px;
    text-transform: uppercase;
    line-height: .8;
}

/* faq end */

/* events */

#events {
    padding: 2rem 0 3rem 0;
    background: #eee;
}

.events_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}

 .section-title {
  margin-bottom: 50px;
  text-align: center;
}

 .row-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  
  
}
 .row-section .column{
    margin-bottom:27px;
}
 .column::before {
  content: "";
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(#7663690a),
    color-stop(27%, #76636936),
    color-stop(55%, #00000040),
    to(#000000a8)
  );
  background: -o-linear-gradient(
    #7663690a 0%,
    #76636936 27%,
    #00000040 55%,
    #000000a8 100%
  );
  background: linear-gradient(
    #7663690a 0%,
    #76636936 27%,
    #00000040 55%,
    #000000a8 100%
  );
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  z-index: 3;
  position: absolute;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
 .column {
  width: 100%;
  height: 260px;
  display: block;
  color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  position: relative;
}
 .column:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
 .column .column-inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 16px;
}
 .info-img {
  width: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  bottom: 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
 .info-caption {
  height: 100%;
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          position: relative;
          z-index: 3;
}
 .info-caption .caption-top span {
  font-size: 11px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  display: inline-block;
  padding: 4px 8px;
}
 .info-caption .caption-bottom h4 {
  font-size: 18px;
}
 .info-caption .caption-bottom .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
 .info-caption .caption-bottom .icons .like{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
 .info-caption .caption-bottom .icons .like > * + *{
    margin-left:4px;
}
 .info-caption .caption-bottom .icons .like div{
    padding:6px 8px;
    background:transparent;
    border-radius:12px;
}
 .info-caption .caption-bottom .icons .like div:hover{
    background:rgba(255, 255, 255, 0.3);
}

 .info-caption .caption-bottom .icons .like .like-icon.active{
    background:rgba(255, 255, 255, 0.3);
}
 .info-caption .caption-bottom .icons .like .dislike-icon.active{
    background:rgba(255, 255, 255, 0.3);
}

 .info-caption .caption-bottom .icons .like .like-icon.active svg{
    fill: #31e140;
}
 .info-caption .caption-bottom .icons .like .dislike-icon.active svg{
     fill: #fc3a3a;
}
 .info-caption .caption-bottom .icons .like div svg{
    display:block;
}

 .info-caption .caption-bottom .icons .view span {
  font-size: 14px;
  font-weight: 700;
}

 .info-btn {
  margin-top: 24px;
  text-align: center;
}
 .info-btn a {
  display: inline-block;
  color: white !important;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 4px;
  border: none;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #494949;
}
#events .info-btn a:hover {
  opacity: 0.8;
}

/* events end */

/* blogs */

#blogs {
    padding: 2rem 0;
}

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

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

.blogs_title_left span {
    font-size: 15px;
    color: #0A3C91;
}

.blogs_title_left h2 {
    font-size: 40px;
    font-weight: 600;
}

.blogs_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    padding-top: 40px;
}

.parent {
  width: 100%;
  perspective: 1000px;
  height: 100%;
}

.card {
  /* border-radius: 10px; */
  border: 3px solid rgb(255, 255, 255);
  transform-style: preserve-3d;
  /*background: linear-gradient(135deg,#0000 18.75%,#f3f3f3 0 31.25%,#0000 0),*/
  /*    repeating-linear-gradient(45deg,#f3f3f3 -6.25% 6.25%,#ffffff 0 18.75%);*/
  background-size: 60px 60px;
  background-position: 0 0, 0 0;
  background-color: #f0f0f0;
  width: 100%;
  box-shadow: rgba(142, 142, 142, 0.3) 0px 30px 30px -10px;
  transition: all 0.5s ease-in-out;
  height: 100%;
}

.card:hover {
  background-position: -100px 100px, -100px 100px;
  transform: rotate3d(0.5, 1, 0, 30deg);
}

.content-box {
  background: rgba(4, 193, 250, 0.732);
  /* border-radius: 10px 100px 10px 10px; */
  transition: all 0.5s ease-in-out;
  padding: 110px 25px 25px 25px;
  transform-style: preserve-3d;
  position: relative;
}

.content-box::before {
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit; 
  filter: brightness(0.7);
  z-index: 1; 
}

.content-box .card-title {
  display: inline-block;
  color: white;
  font-size: 25px;
  font-weight: 900;
  transition: all 0.5s ease-in-out;
  transform: translate3d(0px, 0px, 50px);
}

.content-box .card-title:hover {
  transform: translate3d(0px, 0px, 60px);
}

.content-box .card-content {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #f2f2f2;
  transition: all 0.5s ease-in-out;
  transform: translate3d(0px, 0px, 30px);
}

.content-box .card-content:hover {
  transform: translate3d(0px, 0px, 60px);
}

.content-box .see-more {
  cursor: pointer;
  margin-top: 1rem;
  display: inline-block;
  font-weight: 900;
  font-size: 9px;
  text-transform: uppercase;
  color: rgb(7, 185, 255);
  /* border-radius: 5px; */
  background: white;
  padding: 0.5rem 0.7rem;
  transition: all 0.5s ease-in-out;
  transform: translate3d(0px, 0px, 20px);
}

.content-box .see-more:hover {
  transform: translate3d(0px, 0px, 60px);
}

.date-box {
  position: absolute;
  top: 30px;
  right: 30px;
  height: 60px;
  width: 60px;
  background: white;
  border: 1px solid rgb(7, 185, 255);
  /* border-radius: 10px; */
  padding: 10px;
  transform: translate3d(0px, 0px, 80px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 17px 10px -10px;
}

.date-box span {
  display: block;
  text-align: center;
}

.date-box .month {
  color: #0A3C91;
  font-size: 9px;
  font-weight: 700;
}

.date-box .date {
  font-size: 20px;
  font-weight: 900;
  color: #0A3C91;
}

/* blogs end */

/* yeni ustunlukler */
.servicesyeni-content {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.service-text {
    margin-bottom: 48px;
}

.servicesyeni-content h2 {
    text-align: center;
    margin-bottom: 20px;
}
/*#servicesyeni{*/
/*	padding-top: 3rem;*/
/*	background-color: #F7F7F9;*/
/*	box-shadow: 0px -20px #fff;*/
/*}*/

.service-bottom {
    background: #fff;
    padding: 3rem 0;
}

.service_grid {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(5,1fr);
}

.servicecard_grid span {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.service-top{
	padding-bottom: 50px;
}

.service-top img {
    width: 150px;
    margin: auto auto 50px;
    display: block;
}

.service-text{
	padding: 0 100px;
}
.service-top span{
	color: #777;
	font-weight: 500;
	font-size: 12px;
}
#servicesyeni {
    position: relative;
}

#projects .project-box {
    margin: 30px 0
}

.right-side {
    height: 100%;
}
 
.right-side .all-category-wrapper {
    width: 100%;
    /*margin-top: 130px;*/
    -webkit-box-shadow: 0 30px 43px -8px #c4c4c4;
    box-shadow: 0 30px 43px -8px #c4c4c4;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.right-side .all-category-wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000075;
}

/*#servicesyeni .right-side .all-category-wrapper img {*/
/*    margin-left: -40px;*/
/*    margin-top: -100px*/
/*}*/

.right-side .all-category-wrapper img {
    width: 100%;
}

.right-side .all-category-wrapper .link-btn {
    width: 48px;
    height: 48px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 44px;
    left: 44px
}

.right-side .all-category-wrapper .link-btn:before {
    content: '';
    position: absolute;
    top: 45%;
    left: 37%;
    border: 1px solid #39485b;
    border-width: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 2px;
    -moz-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.right-side .all-category-wrapper .link-btn:before {
    border-width: 2px 0 0 2px;
    left: 43%
}

.right-side .all-category-wrapper .text-wrap {
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: 35px;
    color: #fff
}

.right-side .all-category-wrapper .text-wrap h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

.right-side .all-category-wrapper .text-wrap p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px
}

.right-side .all-category-wrapper .text-wrap .more-btn {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #afbbc6;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 16px;
    -webkit-transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out 0s;
    transition: all 200ms ease-in-out 0s
}

.right-side .all-category-wrapper .text-wrap .more-btn:hover {
    background-color: #fff;
    color: #2354a5
}

.projects-box-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.projects-box-wrapper {
    -webkit-border-top-right-radius: 15px;
    -moz-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    /*padding: 0 15.7% 0 5.5%*/
}

.project-box {
    /*margin: 15px 0*/
}

.project-box a {
    display: block
}

.project-box .card-img {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border: 1px solid #fafafa
}

.project-box .card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    background-color: #c1c1c11a;
    transition: .5s all ease;
    padding: 2rem;
}

.project-box .card-img img:hover {
    transform: scale(1.1);
}

.project-box .card-body {
    background-color: #fff;
    padding: 15px 20px
}

.project-box .card-title {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 3px;
    height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.project-box .card-title .card-icon {
    width: 8px;
    height: 8px;
    background: #e91b22;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transform: translateY(2px);
    top: -3px;
    margin-right: 8px;
    -webkit-transition: 300ms all ease-in-out;
    -moz-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out
}

.project-box:hover .card-icon {
    background: #5091c8
}

.about_title {
    text-align: center;
}

.about_title a {
    text-align: center;
    margin-bottom: 60px;
    display: inline-block;
    color: #000;
}

.special_link {
    font-family: 'Libre Backersville';
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
}

.special_link:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #215732;
    position: absolute;
    left: 0;
    bottom: -6px;
}

.flex_column {
    display: flex
;
    display: -webkit-flex;
}

/*.r1c1 .about_rc_img {*/
/*    width: 100px;*/
/*}*/

.about_rc_img img {
    object-fit: contain;
}

.about_title {
    text-align: center
}

.about_row_1 .about_rc_contents {
    align-items: normal
}
.about_row_1 {
    gap: 130px;
}
.about_row_1 p {
    text-align: justify
}

.about_title a {
    text-align: center;
    margin-bottom: 60px;
    display: inline-block
}

.about_row_1 .about_rc_text {
    width: 84%
}

.about_row_1 .about_rc_text {
    padding-left: 20px
}

.about_contents .container {
    width: 1170px
}

.about_rc_text_extra {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.about_rc_contents {
    align-items: center
}

.r1c2 .about_rc_text {
    text-align: right;
    padding-right: 25px
}

.about_row_2 {
    align-items: center
}

/*.about_main_img {*/
/*    width: 73%;*/
/*    margin: 25px 25px 0*/
/*}*/

.r2c1 {
    width: 30%
}

.r2c2 {
    width: 30%
}

.r3c1,
.r3c1 .about_rc_contents{
    width: 70%;
}

.r3c2 .about_rc_contents {
    width: 60%;
}

.about_rc_text p:last-child {
    margin-bottom: 0
}

.r2c2 .about_rc_contents,.r3c2 .about_rc_contents {
    text-align: right
}

.about_row_3 {
    margin-top: -105px
}

.about_row_3 .about_rc_contents,.about_row_1 .about_rc_contents {
    width: 77%
}

.about_rc_contents {
    position: relative;
}

.about_rc_contents a {
    position: absolute;
    top: 0;
    width: 100%;
    display: inline-block;
    height: 100%;
    left: 0;
}

.about_row_2 .about_row_column {
    margin-top: -105px
}

.r1c1 .about_rc_contents,.r3c1 .about_rc_contents {
    margin-left: 17%
}

.about_rc_text:after {
    background-color: #215732;
    width: 2px;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.about_rc_text {
    position: relative
}

.r2c2 .about_rc_text:after,.r3c2 .about_rc_text:after {
    right: -13px
}

.r1c2 .about_rc_text:after {
    right: 13px
}

.r2c1 .about_rc_text:after,.r3c1 .about_rc_text:after {
    left: -13px
}

.r1c1 .about_rc_text:after {
    left: 9px
}

.about_rc_contents:hover .about_rc_text:after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

/* yeni ustunlukler son */

/* yeni about */

#works-done{
	position: relative;
    overflow: hidden;
	background: url('../img/baku-gotov-prinyat-uchastie-v-proekte-sozdaniya-gazovogo-haba-v-turczii-bizmedia.kz_.webp') no-repeat center center;
	height: 500px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.work-pic{
	width: 100%;
	height: 100%;
}
.oval {
    background-color: #f7f7f9;
    width: 104%;
    height: 74px;
    position: absolute;
    z-index: 6;
    border-radius: 100%;
    margin-top: -35px;
    margin-left: -22px;
    margin-right: -22px;
}
.work-overlay{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.64);
}
.work-text{
    color:#b3bac2;
    text-align:center;
    padding: 0% 25%;
    margin-bottom: 35px;
}
.work-btn button{
	width: 330px;
	background: transparent;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.2s;
}
.look2:hover svg rect{
	stroke-width: 2;
    stroke-dasharray: 196, 543;
    stroke-dashoffset: 364!important;
}
.look:focus{
    outline:none;
}
.look2:focus{
    outline:none;
}

.look{
    color: #333;
    background-color: transparent;
    border:none;
    position: relative;
    cursor: pointer;
}
.look svg rect,.look1 svg rect {
    stroke-width: 2;
    stroke-dasharray: 353, 0;
    stroke-dashoffset: 0;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    padding: 10px 74px;
}

.look span,.look1 span{
    color: var(--color2);
    position: absolute;
    font-weight: 600;
    left: 50%;
    font-size: 13px;
    /* word-break: unset; */
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.look:hover svg rect {
    stroke-width: 2;
    stroke-dasharray: 196, 543;
    stroke-dashoffset: 437;
}

/* yeni about son */

/* brend */

#brands {
    padding: 2rem 0;
}

#advantages {
    padding: 4rem 0;
}

#brend_swiper {
    width: calc(100% - 145px);
    margin: 0 auto;
}

#brands img {
    width: 100%;
    height: 100%;
}

#brands h2 {
    color: #b3b3b3;
    font-size: 18px;
    margin: 0;
}

#brands img {
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: grayscale(100%) opacity(40%);
    filter: grayscale(100%) opacity(40%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.form-box-right-side i {
    padding-right: 10px
}

.form-box-right-side a {
    color: #000;
}

#brands img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

#brands .owl-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1;
    width: 100%;
}

#brands .owl-nav button {
    width: 32px;
    height: 32px;
    line-height: 25px;
    border-radius: 100%;
    border: solid 1px #b3b3b363;
    color: #b3b3b3;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
    position: absolute;
    left: -30px;
}

#brands button:hover {
    background: white;
    color: #c21416;
}

#brands .owl-next {
    right: -72px;
    left: unset !important;
}

#brands .owl-nav span {
    font-size: 35px;
    font-weight: 100;
}

#brands .owl-carousel {
    width: calc(100% - 145px);
    margin: 0 auto;
}

.brand_item {
    background: #eee;
    padding: 1rem;
}

.brand_item img {
    width: 100%;
    object-fit:contain;
}

/* brend end */

/* fealiyyet saheleri */

#saheler {
    padding: 4rem 0;
    background: #eee;
}

.sahe_card_all {
    background-color: #0A3C91;
    padding: 50px;
    height: 493px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sahe_card_all h4 {
    font-size: 21px;
    font-weight: 600;
}

.sahe_card_all h2 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}

.sahe_card_all p {
    font-size: 21px;
    font-weight: 400;
    color: #c9c9c9;
}

.sahe_card_all a {
    border-radius: 60px;
    padding: 15px 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    width: fit-content;
    transition: .7s all ease;
    border: 1px solid transparent;
}

.sahe_card_all a:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.sahe_card,
.sahe_text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sahe_card {
    background-color: #eee;
}

.sahe_text {
    padding: 10px;
}

.sahe_card img {
    height: 360px;
    width: 100%;
    object-fit: contain;
    background: #eee;
    transition: .7s all ease;
    padding: 4rem;
}

#innerPage .sahe_card img {
    height: 330px;
}

#innerPage .innerGrid .project-box {
    width: 100%;
}
.innerGrid .project-box:nth-of-type(5) img {
    transform: scale(1.65);
}
.innerGrid .project-box:nth-of-type(5):hover img{
    transform: scale(2);
}
.sahe_card h4 {
    font-size: 17px;
    color: #979797;
}

.sahe_card h2 {
    font-size: 24px;
    color: #000;
}

.sahe_card i {
    font-size: 30px;
    color: #0A3C91;
}

.sahe_card:hover img {
    filter: brightness(70%) contrast(109%) saturate(101%) blur(0px) hue-rotate(6deg);
}

/* saheler end */

/* projects */

.project_subtitle {
    color: #737373;
    font-size: 18px;
}

.portfolio-card {
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  padding-bottom: 30px;
  /* Medium devices */
  /* Small devices */
}
.portfolio-card:after {
  content: "";
  position: absolute;
  inset: 0 0 30px 0;
  background: linear-gradient(190.47deg, rgba(2, 2, 18, 0) 5.21%, rgba(2, 2, 18, 0.8) 92.2%);
}
.portfolio-card .portfolio-card-thumb {
  position: relative;
  border-radius: 0px;
}
.portfolio-card .portfolio-card-thumb img {
  border-radius: 0px;
  width: 100%;
}
.portfolio-card .portfolio-card-thumb .icon-btn {
  position: absolute;
  right: 40px;
  top: 0px;
  background: #fff;
  color: #0A3C91;
  z-index: 1;
  border-radius: 50%;
  opacity: 0;
}
.portfolio-card .portfolio-card-details {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 0;
  right: 0;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
  padding: 60px;
  flex-wrap: wrap;
  transition: 0.4s;
  opacity: 1;
  gap: 30px;
}
.portfolio-card .portfolio-card-subtitle {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 17px;
  padding: 2px 10px;
  display: inline-block;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.29);
}
.portfolio-card .portfolio-card-title {
  font-weight: 700;
  color: #fff;
  font-size: 36px;
  margin-bottom: 2px;
}
.portfolio-card .portfolio-card-title a {
  color: #fff;
}
.portfolio-card .portfolio-card-title a:hover {
  color: #0A3C91;
}
.portfolio-card .portofolio-card-text {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  opacity: 0.9;
  margin-bottom: -0.3em;
}

.portfolio-card a {
    position: absolute;
    right: 40px;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    border-radius: 0;
}
/*.portfolio-card .btn {*/
/*  position: absolute;*/
/*  right: 40px;*/
/*  bottom: 0;*/
/*  z-index: 2;*/
/*  opacity: 1;*/
/*  transition: 0.4s;*/
/*  border: 2px solid #fff;*/
  /*position: relative;*/
/*    z-index: 2;*/
/*    vertical-align: middle;*/
/*    display: inline-flex;*/
/*    gap: 15px;*/
/*    border: none;*/
/*    border-radius: 0px !important;*/
/*    text-align: center;*/
/*    background-color: #0A3C91;*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    font-weight: 700;*/
/*    text-transform: uppercase;*/
/*    line-height: 1;*/
/*    padding: 19px 30px;*/
/*    overflow: hidden;*/
/*    align-items: center;*/
/*}*/

/* projects end */

/* partnyorlar */

#partnors {
    padding: 4rem 0;
}

#partnors .partnor_title {
    margin-bottom: 31px;
}

.partnor_title {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

/*.partnor_title::before {*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-top: 3px solid #0A3C91;*/
/*}*/

/*.partnor_title::after {*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border-bottom: 3px solid #0A3C91;*/
/*}*/

/*.partnor_title::before,*/
/*.partnor_title::after {*/
/*    content: '';*/
/*    width: 60px;*/
/*    height: 3px;*/
/*    position: absolute;*/
/*}*/

.partnors_row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 -4px;
}

.partnors_row div {
    /*width: calc(12.5% - 8px);*/
    /*margin: 4px;*/
    /*border: 1px solid #f2f2f2;*/
    /*border-radius: 8px;*/
    height: 90px;
    /*overflow: hidden;*/
}

.partnors_row div img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.225s ease 0s;
    transition: all 0.225s ease 0s;
    padding: 16px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-color: #fff;
}

.partnors_row div.swiper-slide:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* partnyorlar end */

/* call to action */

/* corporative section */
.corporative {
  height: 597px;
  background-image: url(https://i.pinimg.com/originals/2d/71/40/2d7140e3aaba4a243083d35f44ed9547.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.corporative::after {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, right top, from(#000000d9), to(transparent));
  background-image: -o-linear-gradient(left, #000000d9, transparent);
  background-image: linear-gradient(to right, #000000d9, transparent);
}

.corporative .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.corporative .section-caption {
  width: 50%;
  position: relative;
  z-index: 1;
}
.corporative .section-heading {
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  padding-bottom: 20px;
}

.corporative .section-desc {
  font-size: 14px;
  line-height: 1.5;
  color: #b2b2b2;
}
.corporative .section-button {
  background-color: #0A3C91;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  padding: 11px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  cursor: pointer;
}
.corporative .section-button span {
  position: relative;
  z-index: 1;
}
.corporative .section-button::after {
  content: "";
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: 0.4s width;
  -webkit-transition: 0.4s width;
  -moz-transition: 0.4s width;
  -ms-transition: 0.4s width;
  -o-transition: 0.4s width;
  z-index: 0;
}

.corporative .section-button:hover::after {
  width: 100%;
}

/* calltoaction end */

/* footer */

footer {
    background-color: #2a2a2a;
    padding: 60px 0;
}

footer .top .working-hours {
    color: #a5a5a5;
    margin: 0;
    font-size: 14px;
}

footer .top .number {
    color: white;
    font-size: 22px;
    margin: 0;
    font-weight: bold;
    margin-top: 4px;
}

footer .top .number a {
    color: inherit;
}

footer .top .number span {
    color: #44c373;
}

footer .top .get-offer {
    color: #c7c7c7;
    display: inline-block;
    background: url(../img/underline.png) center bottom repeat-x;
    font-size: 14px;
}

footer .top .get-offer a {
    color: inherit;
}

footer .top .get-offer:hover {
    color: white;
    background: none;
}

footer .top  a {
    line-height: 16px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: white;
}

footer .top #events i {
    color: #44c373;
    margin-right: 15px;
    font-size: 30px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

footer .top #events img {
    margin-right: 15px;
}

footer .line .col-12 {
    border-bottom: 1px solid #3e3e3e;
    margin-top: 32px;
    margin-bottom: 44px;
}

footer .bottom .menu-items h1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: white;
}

footer .bottom .menu-items ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer .bottom .menu-items ul li a {
    display: block;
    color: #c7c7c7;
    font-size: 13px;
    line-height: 24px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

footer .bottom .menu-items ul li a:hover {
    color: #44c373;
}

footer .bottom .button-wrapper a {
    display: block;
    border: 2px dashed #494949;
    width: 206px;
    height: 54px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 52px;
    border-radius: 5px;
    color: #c7c7c7;
    margin-left: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

footer .bottom .button-wrapper a i {
    font-size: 20px;
    margin-right: 20px;
    color: white;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

footer .bottom .button-wrapper a:hover {
    border-color: #44c373;
    background-color: #44c373;
    color: white;
}

footer .social-ul,
header .social-ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin-left: 30px;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 20px;
}

header .social-ul {
    margin-top: 0;
}

footer .social-ul .social-li,
header .social-ul .social-li {
    width: 45px;
    height: 40px;
    background-color: rgb(216, 216, 216, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 15px;
    transition: all 0.25s ease;
}

header .social-ul .social-li {
    background-color: #0A3C91;
    margin: 0;
}

footer .social-ul .social-li i,
header .social-ul .social-li i{
    color: #fff;
    font-size: 17px;
    margin-right: 0 !important;
}

footer .social-ul a,
header .social-ul a {
    border: none !important;
    background-color: none !important;
    width: 45px !important;
    height: 40px !important;
    display: flex;
    margin-left: 0 !important;
}

footer .social-ul a:hover .social-li,
header .social-ul a:hover .social-li {
    opacity: 0.8;
}

footer .social-ul a:hover,
header .social-ul a:hover {
    border-color: transparent !important;
    background-color: transparent !important;
    color: white;
}

#slider .owl-theme .owl-dots {
    display: none;
}

.copyright {
    font-size: 13px;
    color: #c7c7c7;
    background-color: #1c1c1c;
    height: 84px;
}

.copyright a {
    color: #4b4b4b;
}

.copyright a span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.copyright a:hover span {
    color: #44c373;
}

/* footer end */

.partners-container {
    background: #f1f1f1;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.partners-container   .swiper {
    width: 90%;
    height: auto;
}

.partners-container   .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

 .part-img img {
    width: auto;
    max-height: 100px;
    object-fit: contain;
    filter: grayscale(1);
    transition: .4s ease;
    cursor: pointer;
}
.part-img img:hover{
    filter: grayscale(0);
}

/*last header*/
#header {
    padding: 20px 0 10px 0;
    position: sticky;
    top:0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
    box-shadow: 10px -6px 15px black !important;
}

#header .header-container-1 {
    padding: 0 60px;
    position: relative;
}

#header .header-container-2 {
    padding: 0 60px 0 220px;
}

#header .logo {
    height: 120px;
    position: absolute;
    top: -10px;
    /*transform: translate(0, -50%);*/
}

#header .header__top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
#header .header__top-item {
    display: flex;
    gap: 15px;
    align-items: center;
}

#header .header__top-item p {
    color: #0d1d4e;
    font-weight: 600;
    font-size: 16px;
}

#header .header__top-item span {
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    color: #777;
}

#header .header__top-items {
    display: flex;
    gap: 30px;
    align-items: center;
}

#header .header__bottom {
    padding-top: 10px;
    border-top: 1px solid #dad8d8;
}

#header .header__bottom nav {
    padding-left: 50px;
}

#header .header__bottom nav, #header .header__bottom nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: center;
}

#header .header__bottom nav ul li a {
    padding: 10px 14px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color:#141414;
    transition: all 0.1s cubic-bezier(0.65, 0.05, 0.36, 1);
    border-bottom: 1px solid transparent;
    display: flex ;    
    align-items: center;
    justify-content: center;
    text-wrap-mode: nowrap;
}

.icl_lang_sel_current {
    padding-top: 4px;
}

.icl_lang_sel_current-2 {
    padding-top: 2px;
}



#header .header__bottom nav ul li a:hover {
    border-bottom: 1px solid black;
}

#header .header__bottom nav  button {
    background: #0A3C91;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    padding: 10px 35px 9px;
    display: inline-block;
    transition: all 0.25s cubic-bezier(0.65, 0.05, 0.36, 1);
    outline: none;
    border:none;
}

#header .header__bottom nav  button:hover {
    opacity: .9;
}

#header .header__bottom-btns {
    display: flex;
    align-items:center;
    gap:20px;
    
}


#lang_sel_list {
    display: inline-block;
    font-size: 11px;
    height: auto !important;
    line-height: 12px;
    margin: 0;
    vertical-align: middle;
    text-align: left
}

#lang_sel_list ul li {
    display: inline-block;
    float: none;
    list-style: none;
    padding: 3px 1px 8px !important;
    position: relative;
    position: relative;
    vertical-align: middle
}

#lang_sel_list img.iclflag {
    margin: 0 5px 0 0;
    top: -1px;
    
}

.icl_lang_sel_native {
    padding-right: 10px;
}

#lang_sel_list a.lang_sel_sel,#lang_sel_list>ul>li a {
    background: none !important;
    color: #888;
    padding: 4px 8px
}

#lang_sel_list a.lang_sel_sel:hover,#lang_sel_list a:hover {
    color: #555
}

#lang_sel_list a.lang_sel_sel {
    padding: 4px 26px 4px 12px;
    position: relative;
    font-size: 13px;
    color: #444;
    font-family: 'Roboto';
    font-weight: 500
}

#lang_sel_list a.lang_sel_sel:after {
    border-radius: 14px;
    content: "\f0dd";
    font-family: "FontAwesome";
    font-size: 13px;
    height: 14px;
    line-height: 16px;
    margin: -10px 0 0;
    position: absolute;
    right: 4px;
    text-align: center;
    text-shadow: none;
    top: 50%;
    width: 14px
}

#lang_sel_list ul li:hover ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

#lang_sel_list ul {
    margin: 0
}

#lang_sel_list ul ul {
    -moz-transform: translateX(-20px);
    -moz-transition: all 0.3s ease-in;
    -ms-transform: translateX(-20px);
    -ms-transition: all 0.3s ease-in;
    -o-transform: translateX(-20px);
    -o-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.17);
    -webkit-transform: translateX(-20px);
    -webkit-transition: all 0.3s ease-in;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.17);
    left: 0;
    margin: 0px;
    opacity: 0;
    position: absolute;
    top: 111%;
    transform: translateX(-20px);
    transition: all 0.3s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
    display: flex ;
    flex-direction: column;
}

.icl-fr {
    width: 100%;
  
    
}

#lang_sel_list ul ul li:first-child {
    border-top: none
}

#lang_sel_list ul ul li {
    background: #fff;
    border-top: 1px solid #f2f2f2;
    display: block;
    float: none;
    font-size: 12px;
    line-height: 15px;
    text-shadow: none
}

#lang_sel_list ul ul li a {
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    color: #686868 !important;
    display: block;
    padding: 8px 10px 8px 15px;
    transition: all 0.3s ease-in
}

#lang_sel_list ul ul li a:hover {
    background: rgba(0,0,0,0.2) !important;
    color: #fff !important
}

#about-static__top .about-static__top-img , .brand_full__top-img {
    max-width: 250px;
    height: 150px;
    width: 100%;
    background: #434e6e;
    position: relative;
    float: left;
    margin-right: 70px;
    margin-bottom: 60px;
}
.allProductsList {
    width: 100%;
    box-shadow: 0px 0px 10px #3333;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    height: fit-content;
    line-height: 40px;
    position: sticky;
    top: 155px;
}
.productSideMenu h2 {
    margin-bottom: 20px;
}
.productSideMenu {
    width: 25%;
}
.productTop  {
    gap: 50px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.allProductsList>li {
    padding: 5px 0px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid #3331;
}
.allProductsList>li:not(.active):hover {
    background: #f1f1f1;
}
.productPhotos {
    display: flex;
    gap: 30px;
    flex-wrap:wrap;
    margin-top: 55px;
    width: 77%;
}
.productPhotos>a {
    width: 30%;
    height: 240px;
    padding: 20px;
    background: #f1f1f1;
}
.productPhotos img {
    width: 100%;
    height: 200px;
    object-fit:cover;
}
#about-static__top ul,
#about-static__top ol {
    padding-left: 2rem;
}

#about-static__top ul li,
#about-static__top ol li {
    list-style: initial;
}

#about-static__top .about-static__top-img img, .brand_full__top-img  .img-container {
    width: 250px;
    height: 150px;
    object-fit: cover;
    position: absolute;
    top: 40px;
    left: 40px;
}

#about-static__top .about-static__top-img, .brand_full__top-img:after {
     content: '';
    display: table;
    clear: both;
}

/*.brand_full {*/
/*    margin-bottom: 70px;*/
/*}*/

.brand_full__top-img  .img-container {
    background:#eeeeee;
}
.brand_full__top-img  .img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: 0px 0px 10px #3333;
}

/*tour full-strory*/
.tour-inner__title {
font-size: 30px;
}
.tour-images {
display: grid;
  grid-template-areas:
    'img1 img1 img2 img3'
    'img1 img1 img4 img5';
  gap: 10px;
  padding: 10px;
  margin-top:40px;
}

.tour-images img {
width: 100%;
border-radius: 20px;
height: 100%;
    object-fit: cover;
}
.item1 { grid-area: img1; height: 510px; }
.item2 { grid-area: img2; height: 250px;}
.item3 { grid-area: img3; height: 250px;}
.item4 { grid-area: img4; height: 250px;}
.item5 { grid-area: img5; height: 250px;}


/* Call-to-action */
.call-to-action-content {
    background: #fff;
    border-radius: 12px;
    font-size: 0;
    text-align: center;
    padding: 40px 140px 55px;
   
}
.call-to-action-content h2{
    font-size: 24px;
    line-height: 1.34;
    color: #000000;
    margin-bottom: 24px;
}
.call-to-action-form{
    border-radius: 12px;
    padding: 10px 18px;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size:14px;
     height: 60px;
      background: #F8F8F8;
}
textarea.call-to-action-form{
    resize:none;
    min-height: 120px;
}
.randevu-form .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.call-to-action-content button {
    width: 100%;
    border-radius: 10px;
    border: none;
    background: black;
    color: white;
    font-weight: 700;
    transition: .5s all ease;
    height: 60px;
    color: #fff;
    font-size: 20px;
}


/*new partnors card*/

.allPartnorsWrapper {
    border-radius: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-block: 30px;
    gap: 20px;
}
.allPartnorsWrapper>a:nth-of-type(5) img{
    transform: scale(1.65);
}
.partnorsTop {
    padding: 0px 100px;
    flex-direction: column;
}
.partnorsTop img {
    width: 100px;
}
.partnorsTop a {
    color: #000;
    font-size: 18px;
}
.partnorsTop a:hover {
    opacity: .5;
}
#allPartnorsWrapper {
  position: relative;
}
#allPartnorsCard {
  position: relative;
  padding: 20px;
  width: 300px;
  height: 310px;
  background: #fff;
  border-radius: 2rem;
  transition: all 0.3s ease-in-out;
}

.allPartnorsLink {
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all 0.3s ease-in-out;
}

.allPartnorsLink img {
  width: 100%;
  object-fit: contain;
}
.allPartnorsLink a {
  background-color: #fff;
  width: 80%;
  height: 80%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.allPartnorsLink img {
  width: 60%;
  object-fit: contain;
}
.allPartnorsLink:hover {
  border-radius: 0;
}
.allPartnorsLink:hover a {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
#allPartnors > img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
#allPartnorsCard:hover {
  box-shadow: 3px 3px 5px rgba(90, 90, 90, 0.5) inset,
    -3px -3px 5px rgba(255, 255, 255, 0.5) inset;
}
#allPartnorsCard:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
/*.partnor:nth-of-type(1),*/
/*.partnor:nth-of-type(2) {*/
/*  width: 30%;*/
/*  height: 250px;*/
/*}*/

/*.partnor:not(:nth-of-type(1)):not(:nth-of-type(2)) {*/
/*  width: 23%;*/
/*}*/
.partnor {
  height: 250px;
  width: 31%;
  padding: 30px;
  border-radius: 15px;
  border-radius: 15px;
  box-shadow: -10px -10px 30px #fff, 10px 10px 30px #aeaec040;
  position: relative;
  overflow: hidden;
}
.partnor img {
    position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}
.partnorTitle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 50%;
  bottom: -10px;
  font-size: 20px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  color: #595959;
  font-weight: 700;
}
.partnor::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #cddcdc;
  background-image: radial-gradient(
      at 50% 100%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(0, 0, 0, 0.25) 100%
    );
  background-blend-mode: screen, overlay;
  border-radius: 50%;
  left: 0;
  bottom: -80%;
  transition: all 0.3s ease-in-out;
}
.partnor:hover::before {
  bottom: 0;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}
.partnor:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
#allPartnorsCard>img {
    display: block;
    width: 90%;
    margin: auto;
    object-fit: contain;
}

.about_rc_text h4 {
    font-size: 1.1rem;
}
.about_rc_text_extra {
    font-size: 15px;
}
/*the end*/


@media screen and (max-width: 1201px) {
    .partnors_row div {
        width: calc(16.6% - 8px);
    }
    #partnorsAbout div {
        width: 100%;
    }
    #partnorsAbout a img {
        width: 100%;
    }

    .about_both {
        grid-template-columns: 1fr;
    }
    .about_row_1 {
        gap: 0px;
    }
    .about_row_column.r1c2 .about_rc_text_extra p,
    .about_row_column.r1c2 .about_rc_img{
        text-align: right;
    }
}

@media screen and (max-width: 991px) {
    #allPartnorsCard {
        width: 100%;
    }
    .allPartnorsWrapper {
        gap: 30px;
    }
    /*.partnor:nth-of-type(1), .partnor:nth-of-type(2) {*/
    /*    width: 90%;*/
    /*    height: 250px;*/
    /*}*/
    .partnor:not(:nth-of-type(1)):not(:nth-of-type(2)) {
        width: 90%;
        height: 250px;
    }
    .tour-images {
        grid-template-areas:
          'img1'
          'img2'
          'img3'
          'img4'
          'img5';
        grid-template-columns: 1fr;
        margin: 0px;
      }
      
      .tour-images>a { height: 180px; }
    
    .events_grid,
    .innerGrid,
    .full_both {
        grid-template-columns: repeat(1, 1fr)
    }
    
    .static_page_form {
        padding-top: 10px;
    }
    
    .brand_contacts {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    
    #header .logo {
        position: unset;
        height: 80px;
    }
    
    #header .header-container-1 {
        padding: 0 25px;
    }
    
    .sliderContents {
        width: 80%;
        padding-top: 0;
    }
    
    #header .header__top-items,
    #header .header-container-2 {
        display: none;
    }
    
    #sliders button {
        top: 80%;
    }
    
    #prevBtn {
        left: 0;
    }
    
    .sliderContents h3 {
        font-size: 22px;
        line-height: 30px;
    }
    
    .service-text {
        padding: 0 20px;
    }
    
    .portfolio-card .portfolio-card-details {
        padding: 30px;
    }
    
    .portfolio-card .portfolio-card-title {
        font-size: 18px;
    }
    
    .call-to-action-content {
        padding: 40px 15px;
    }
    
    footer {
        padding: 30px 0;
    }
    
    footer .bottom .button-wrapper a:not(.social-ul a) {
        margin-right: auto;
    }
    
    footer .social-ul {
        justify-content: center;
        margin-left: 0;
    }
    
    #about-static__top .about-static__top-img, .brand_full__top-img,
    #about-static__top .about-static__top-img img, .brand_full__top-img .img-container,
    .full_left img {
        height: 280px;
        width: 100%;
    }
    .about-static__top-img {
        max-width: 100% !important;
    }
    #about-static__top .about-static__top-img img, .brand_full__top-img .img-container {
        position: unset;
    }
    
    #about-static__top .about-static__top-img, .brand_full__top-img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .brand_full__top-img {
        margin: 0px;
    }
    
    .r2c2,
    .about_row_3 .about_rc_contents, .about_row_1 .about_rc_contents,
    .about_row_1 .about_rc_text,
    .r2c1 {
        width: 100%;
    }
    
    .about_row_1 .about_rc_text,
    .r1c2 .about_rc_text {
        padding: 0;
    }
    
    .r1c1 .about_rc_contents, .r3c1 .about_rc_contents,
    .about_row_2 .about_row_column,
    .about_row_3 {
        margin: 0;
    }
    
    .r2c2,
    .about_row_2,
    .about_row_1,
    .about_row_3 {
        flex-direction: column;
    }
    
    .r2c1 {
        margin: 0;
    }
    
    .about_rc_contents {
        flex-direction: column;
    }
    
    .part-img img {
        width: 100%;
    }
    
    .about_title a {
        margin-bottom: 30px;
    }
    
    .about_main_img {
        display: none;
    }
    
    .navbar-top {
        padding-bottom: 1rem;
    }

    .navbar-top.fixed {
        padding-bottom: 2rem;
    }

    .pushNav {
        width: 350px;
        right: -100%;
        width: 75%;
    }

    .ham-wrapper,
    .pushNav {
        display: block;
    }

    #slider .carousel-inner .carousel-item .box-img .large-img img {
        width: 100%;
        height: 100%;
    }

    .box-text {
        text-align: center;
        padding: 1rem 0;
    }

    header {
        position: sticky;
        top: 0;
    }
    .innerGrid {
        padding: 0px 0px;
    }
    .static_page_form h4 {
        font-size: 18px;
    }
}

.newPartnors {
        padding-block: 30px;
        background-color: #f1f1f1;
        margin: 40px 0px;
        border-radius: 2rem;
}

#parts .container-fluid{
    width: 90vw;
}
#accordionExample {
    margin-top: 30px;
}
.accordion-menu {
  width: 20%;
  height: fit-content;
      line-height: 40px;
    background: #fff;
    box-shadow: 0px 0px 10px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
} 
.accordion-button:focus {
    box-shadow: none;
}
.item-accordion-content {
    display: flex;
    gap: 40px;
}
.accordion-content {
    width: 80%;
    display: flex;
    gap: 30px;
    flex-wrap:wrap;
}
.accordion-content img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    cursor: pointer
}
.accordion-content>a {
    width: 48%;
    display: inline-block;
    height: 100%;
}
.accordion-content {
    background: #f1f1f1;
    padding: 20px;
}
.accordion-menu>div {
    padding: 5px 0px;
    width: 100%;
    text-align: center;
}
.accordion-menu>div:hover {
    background: red;
    color: #fff;
}
.info address {
    color: #fff;
    font-weight: 500;
}
.info>div>img {
    margin-left: -5px;
}
.allProducts {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    gap:15px;
    flex: 1;
}
.allProducts .findPost {
    width: 31%;
    height: 250px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px #3333;
}
.findPost img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.allProducts .findPost .postTitleBox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.allProducts .findPost .postTitleBox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    background-color: #08465b;
} 
.allProducts .findPost .postTitle {
    position: relative;
    z-index: 3;
    color: #fff;
}
.allProducts .galleryPhoto {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: #f1f1f1;
    position: relative;
    border-radius: 5px;
}
/*.allProductsList>li:nth-of-type(1){*/
/*    display: none;*/
/*}*/

.product-title{
    font-size: 20px;
    font-weight: bold;
    color:#000;
}

.allProducts .galleryPhoto img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#aboutHexagonWrapper {
    position:relative;
    min-height: 75vh;
}
#aboutHexagonPhoto {
    position: absolute;
    width: 550px;
    object-fit: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#aboutHexagonWrapper a {
    display: flex;
    align-items:center;
    gap: 20px;
    color: #000;
    position: absolute;
}
#aboutHexagonWrapper a img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}
#aboutHexagonWrapper .partContentWrapper h4 {
    font-size: 18px;
}
#aboutHexagonWrapper .partContentWrapper p {
    font-size: 15px;
}
#asoRef {
    left: 20%;
    top:0;
    width: 350px;
}
#sinaxRef {
    top:0;
    right: 30%;
}
#kanatRef {
    top: 43%;
    left: 7%;
}
#azpergoRef {
    top: 43%;
    right: 15%;
}
#hebesebeRef {
    bottom: 0;
    left: 20%;
}
#febRef {
    bottom: 0;
    right: 20%;
}
#aboutHexagonWrapper .partContentWrapper {
    position: relative;
}
#aboutHexagonWrapper .partContentWrapper::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    transition: all .2s ease-in-out;
    left: -7%;
    top:0%;
    background: #215732;
    transform: scaleY(0);
    transform-origin: center;
}
#aboutHexagonWrapper a:hover .partContentWrapper::before {
    transform: scaleY(1.1);
}
.brand_full .catDesc {
    width: 40%;
}
@media only screen and (max-width: 768px) {
    .projectMainSlider, .projectMainThumbSlider  {
        max-width: 100%;
    }
    .allProducts {
        width: 100%;
    }
    #aboutHexagonWrapper .partContentWrapper::before {
        display: none;
    }
    #aboutHexagonPhoto {
        display: none;
    }
    #aboutHexagonWrapper a {
        position: inherit;
        inset: inherit;
    }
    #asoRef {
        width: auto;
    }
    .home_page_main_slider_desk {
        display: none;
    }

    .home_page_main_slider_mob {
        display: block;
    }
    .partnor {
        width: 90%;
    }
    #innerPage .brand_full  {
        padding: 0px;
        padding-top: 50px;
        gap: 30px;
    }
    .brand_full .catDesc {
        width: 100%;
        padding: 0px 20px;
        text-align: left;
    }
    .productSideMenu {
        width: 100%;   
    }
}

.photoTitleBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
}
.photoTitleBox span {
    position: relative;
    z-index: 2;
}
.subCategoryName,
.productName{
    transition: all .3s ease-in-out;
}
.subCategoryName.active,
.productName.active{
    background: #700000;
    color: #fff;
}