/* 

|......................................................................

| Template Name: LogiHub

| Author: Thememarch

| Version: 1.0.0

|--------------------------------------------------------------------------

|--------------------------------------------------------------------------

| TABLE OF CONTENTS:

|--------------------------------------------------------------------------

| 01. Basic Color Variable

| 02. Typography

| 03. Preloader

| 04. Header

| 05. Sidebar

| 06. Footer

| 07. Spacing

| 08. General

| 09. Breadcrumb

| 10. Slider

| 11. Video Modal

| 12. Button

| 13. Widget

| 14. Hero

| 15. Title

| 16. Expertise Area

| 17. About

| 18. Services

| 19. Clients

| 20. Counter

| 21. Section Form

| 22. Team Member

| 23. Call To Action

| 24. Testimonial

| 25. Project Case Study

| 26. Blog

| 27. Post Page

| 28. Pricing

| 29. Text Moving

| 30. About Feature

| 31. Process & Quote

| 32. Faq

| 33. Map Hotspot

| 34. Contact

| 35. Order Track

| 36. Error Page



 ................................................................*/

/*--------------------------------------------------------------

  01. Basic Color Variable

----------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap");

:root {

  --accent-color: #D40511;

  --body-color: #4A4A4A;

  --heading-color: #0A0A0A;

  --primary-color: #101010;

  --cr_banner-color: #f4f4f4;

  --border-color: #ECECEC;

  --common-color-white: #ffffff;

  --common-color-black: #000000;

  --dark-bg: #004041;

}

.kvkk-label {
        color: white;
    }
    .kvkk-label a {
        color: white;
        text-decoration: none;
    }

    .kvkk-label a:hover {
        color: white;
        text-decoration: none;
    }


 .footer-row {

         display: flex;

         /* Flexbox ile düzenleme yapıyoruz */

         justify-content: space-between;

         /* Kolonları eşit aralıklarla yerleştir */

         }

         .footer-column {

         flex: 1;

         /* Her sütunu eşit genişlikte yapar */

         padding: 10px;

         box-sizing: border-box;

         /* Padding'in genişliğe dahil olmasını sağlar */

}

.cs_white_color,

.cs-color-white,

.cs_white_color_hover:hover {

  color: #fff !important;

}



.cs-color-black {

  color: #0A0A0A;

}



.cs-color-body {

  color: var(--body-color);

}



.cs_ternary_color {

  color: #999696;

}



.cs_accent_color,

.cs_accent_color_hover:hover {

  color: #D40511;

}



.cs_white_bg {

  background-color: #fff;

}



.cs_gray_bg {

  background-color: #181818;

}



.cs_gray_bg_20 {

  background: rgba(217, 217, 217, 0.2);

}



.cs_accent_bg_1,

.cs_accent_bg_1_hover:hover {

  background-color: rgba(212, 5, 17, 0.01);

}



.cs_accent_bg_2,

.cs_accent_bg_2_hover:hover {

  background-color: rgba(212, 5, 17, 0.02);

}



.cs_accent_bg_3,

.cs_accent_bg_3_hover:hover {

  background-color: rgba(212, 5, 17, 0.03);

}



.cs_accent_bg_4,

.cs_accent_bg_4_hover:hover {

  background-color: rgba(212, 5, 17, 0.04);

}



.cs_accent_bg_5,

.cs_accent_bg_5_hover:hover {

  background-color: rgba(212, 5, 17, 0.05);

}



.cs_accent_bg_6,

.cs_accent_bg_6_hover:hover {

  background-color: rgba(212, 5, 17, 0.06);

}



.cs_accent_bg_7,

.cs_accent_bg_7_hover:hover {

  background-color: rgba(212, 5, 17, 0.07);

}



.cs_accent_bg_8,

.cs_accent_bg_8_hover:hover {

  background-color: rgba(212, 5, 17, 0.08);

}



.cs_accent_bg_9,

.cs_accent_bg_9_hover:hover {

  background-color: rgba(212, 5, 17, 0.09);

}



.cs_accent_bg_10,

.cs_accent_bg_10_hover:hover {

  background-color: rgba(212, 5, 17, 0.1);

}



.cs_accent_bg_15,

.cs_accent_bg_15_hover:hover {

  background-color: rgba(212, 5, 17, 0.15);

}



.cs_accent_bg_20,

.cs_accent_bg_20_hover:hover {

  background-color: rgba(212, 5, 17, 0.2);

}



.cs_accent_bg_25,

.cs_accent_bg_25_hover:hover {

  background-color: rgba(212, 5, 17, 0.25);

}



.cs_accent_bg_30,

.cs_accent_bg_30_hover:hover {

  background-color: rgba(212, 5, 17, 0.3);

}



.cs_accent_bg_35,

.cs_accent_bg_35_hover:hover {

  background-color: rgba(212, 5, 17, 0.35);

}



.cs_accent_bg_40,

.cs_accent_bg_40_hover:hover {

  background-color: rgba(212, 5, 17, 0.4);

}



.cs_accent_bg_50,

.cs_accent_bg_50_hover:hover {

  background-color: rgba(212, 5, 17, 0.5);

}



.cs_accent_bg_60,

.cs_accent_bg_60_hover:hover {

  background-color: rgba(212, 5, 17, 0.6);

}



.cs_accent_bg_70,

.cs_accent_bg_70_hover:hover {

  background-color: rgba(212, 5, 17, 0.7);

}



.cs_accent_bg_80,

.cs_accent_bg_80_hover:hover {

  background-color: rgba(212, 5, 17, 0.8);

}



.cs_accent_bg_90,

.cs_accent_bg_90_hover:hover {

  background-color: rgba(212, 5, 17, 0.9);

}



.cs_accent_bg,

.cs_accent_bg_hover:hover {

  background-color: #D40511;

}



.cs_primary_bg,

.cs_primary_bg_hover:hover {

  background-color: #0A0A0A;

}



.cs_gradient_bg_1 {

  background: linear-gradient(267.18deg, #161616 0%, #080808 100%);

}



/*--------------------------------------------------------------

  02. Typography

----------------------------------------------------------------*/

:root {

  --body-font-family: 'Montserrat', sans-serif;

  --heading-font-family: 'Montserrat', sans-serif;

}



html,

body {

  color: var(--body-color);

  background-color: var(--drcs-color);

  font-family: var(--body-font-family);

  font-size: 18px;

  font-weight: 400;

  line-height: 1.6em;

  overflow-x: hidden;

  scroll-behavior: smooth;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  clear: both;

  padding: 0px;

  margin: 0px;

  color: var(--heading-color) !important;

}



.cs_primary_font {

  font-family: var(--heading-font-family);

}



.cs_secondary_font {

  font-family: var(--body-font-family);

}



/* Heading 1 */

h1,

.cs-text-style-h1 {

  font-family: 'Montserrat', sans-serif;

  font-size: 110px;

  font-style: normal;

  font-weight: 700;

  line-height: 100%;

}

.cs-logi-header-logo-mobil {

  display: none; /* Varsay覺lan olarak gizle */

}



@media screen and (min-width: 1200px) and (max-width: 1400px) {

    .images-style {

        position: relative; /* veya relative */

        left: 309px;

    }

}



@media (max-width: 768px) {

  img.iamges-style {

      display: none !important;

  }

  .cs-counter-wrap{

    display: none;

  }

  .cs-container-border{

    display: none;

  }

  .cs-section-height{

    display: none;

  }

  .cs-primary-btn-wrap {

    padding-top: 42px !important;

}

.cs-logi-header-logo-pc{

  display: none;

}

.cs-logi-header-logo-mobil {

  display: block; /* Sadece mobilde g繹ster */

}

.container-fluid{

  padding: 0px !important;

}

}





@media (max-width: 991px) {

  h1,

  .cs-text-style-h1 {

    font-size: 80px;

  }

}

/* Heading 2 */

h2,

.cs-text-style-h2 {

  font-family: 'Montserrat', sans-serif;

  font-size: 42px;

  font-style: normal;

  font-weight: 600;

  line-height: 120%;

}

.cs-footer-widget-title i {
  color: #97282e;
}

@media (max-width: 991px) {

  h2,

  .cs-text-style-h2 {

    font-size: 45px;

  }

}

/* Heading 3 */

h3,

.cs-text-style-h3 {

  font-family: 'Montserrat', sans-serif;

  font-size: 45px;

  font-style: normal;

  font-weight: 700;

  line-height: 125%;

}



@media (max-width: 991px) {

  h3,

  .cs-text-style-h3 {

    font-size: 32px;

  }

}

/* Heading 4 */

h4,

.cs-text-style-h4 {

  font-family: 'Montserrat', sans-serif;

  font-size: 35px;

  font-style: normal;

  font-weight: 600;

  line-height: 130%; /* 2.84375rem */

}



@media (max-width: 991px) {

  h4,

  .cs-text-style-h4 {

    font-size: 28px;

  }

}

/* Heading 5 */

h5,

.cs-text-style-h5 {

  font-family: 'Montserrat', sans-serif;

  font-size: 21px;

  font-style: normal;

  font-weight: 600;

  line-height: 130%;

}



@media (max-width: 991px) {

  h5,

  .cs-text-style-h5 {

    font-size: 25px;

  }

}

/* Heading 6 */

h6,

.cs-text-style-h6 {

  font-family: 'Montserrat', sans-serif;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 135%; /* 1.85625rem */

}



p {

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 165%; /* 1.85625rem */

}
.cs-about-content-in ul {
  margin-left:20px !important;
}
.cs-about-content-in ul li {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  list-style-type: disc;
}
.cs-page-content-in ul {
  margin-left:20px !important;
}
.cs-page-content-in ul li {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%;
  list-style-type: disc;
}

ul {

  margin: 0 0 25px 0;

  padding-left: 0px;

  list-style: square outside none;

}

ul.cs_list_style_none {

  list-style: none;

  padding: 0px;

}

ul.cs_list_style_none li {

  margin-bottom: 30px;

}

ul.cs_list_style_none li:last-child {

  margin-bottom: 0px;

}



ol {

  padding-left: 20px;

  margin-bottom: 25px;

}



dfn,

cite,

em,

i {

  font-style: italic;

}



blockquote {

  margin: 0 15px;

  font-style: italic;

  font-size: 20px;

  line-height: 1.6em;

  margin: 0;

}



address {

  margin: 0 0 15px;

}



img {

  border: 0;

  max-width: 100%;

  height: auto;

}



a {

  color: inherit;

  text-decoration: none;

  transition: all 0.3s ease;

}



button {

  color: inherit;

  transition: all 0.3s ease;

}



a:hover {

  text-decoration: none;

  color: #96262c;

}
.kvkk-onay {
  color: #fff; /* ya da color: white; */
}
.kvkk-onay a:hover {
  color: #96262c !important;
}



table {

  width: 100%;

  margin-bottom: 25px;

}

table th {

  font-weight: 600;

  color: var(--body-color);

}

table td,

table th {

  border-top: 1px solid #ECECEC;

  padding: 11px 10px;

}



dl {

  margin-bottom: 25px;

}

dl dt {

  font-weight: 600;

}



b,

strong {

  font-weight: bold;

}



pre {

  color: var(--body-color);

  border: 1px solid #ECECEC;

  font-size: 18px;

  padding: 25px;

  border-radius: 5px;

}



kbd {

  font-size: 100%;

  background-color: var(--body-color);

  border-radius: 5px;

}



.cs-small-text {

  font-family: 'Montserrat', sans-serif;

  font-size: 0.875rem;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}



@media screen and (max-width: 991px) {

  body,

  html {

    font-size: 16px;

    line-height: 1.6em;

  }

  

  div#about-sec {

    padding: 15px;

}

  

  .cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area {

    padding: 15px;

}

section.cs-about-style-2 {

    padding: 15px;

}



 

  ul {

    margin: 0 0 25px 0;

    padding-left: 20px;

    list-style: square outside none;

  }

  ul.cs_list_style_none {

    list-style: none;

    padding: 0px;

  }

  ul.cs_list_style_none li {

    margin-bottom: 10px;

  }

  ul.cs_list_style_none li h3 {

    font-size: 22px;

  }

}

input,

textarea {

  color: var(--primary-color);

  transition: all 0.3s ease;

}



.cs_light {

  font-weight: 300;

}



.cs_normal {

  font-weight: 400;

}



.cs_medium {

  font-weight: 500;

}



.cs_semi_bold {

  font-weight: 600;

}



.cs_bold {

  font-weight: 700;

}



.cs_extra_bold {

  font-weight: 800;

}



.cs_black {

  font-weight: 900;

}



/*--------------------------------------------------------------

  03. Preloader

----------------------------------------------------------------*/
.overlay a{
  position: absolute;
  right: 0;
  text-align: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  top: 0;
  display: flex
;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;

}
.image-box-divided figure{
  display: block;
}
.cs-logi-preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9999;
  display: none;

}



#logi-preloader .cs-logi-preloader .reveal-img-wrap .preloader-img-inner img {

  width: 200px;

}



.cs_scrollup {

  position: fixed;

  bottom: -60px;

  right: 0px;

  color: #0A0A0A;

  padding: 5px;

  height: 50px;

  width: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  transition: all 0.4s ease;

  z-index: 10;

  background-color: #fff;

}

.cs_scrollup:hover {

  background-color: #D40511;

  color: #fff;

}

.cs_scrollup i {

  font-size: 20px;

  line-height: 0px;

}



.cs_scrollup.cs_scrollup_show {

  bottom: 0px;

}



.logi-splite-2 {

  display: inline-block;

  overflow: hidden;

}

.cs-primary-btn-wrap {

  padding-top: 15px;

}



.logi-splite-2 div {

  display: inline-block;

  opacity: 0;

}



/*--------------------------------------------------------------

04. Header

----------------------------------------------------------------*/

@media screen and (min-width: 0) {

  .cs_site_header .cs_logi_topbar {

    border-bottom: 1px solid #ECECEC;

  }

  .cs_site_header .cs-topbar-container {

    margin-left: 100px;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  .cs_site_header .cs-topbar-container .cs-logi-topbar-right {

    display: flex;

    align-items: center;

  }

  .cs_site_header .cs-header-emai-phone {

    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 79px;
    border-left: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    background: #fff;
    z-index: 299;
    transition: all 0.5s;

  }

  .cs_site_header .cs-header-emai-phone .cs-topbar-email {

    text-align: center;

    padding: 10px 0px;

    border-bottom: 1px solid #ECECEC;

    color: #0A0A0A;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content {

    margin: 0px 25px;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-in {

    margin-top: 8.5px;

    display: flex;

    align-items: center;

   

    border-radius: 100px;

    padding: 9px 22px;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-icon {

    margin-top: 5px;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-icon i {

    color: #96262c;

    font-size: 23px;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-number {

    margin-left: 10px;

    display: flex;

    flex-direction: column;

    gap: 3px;

    color: white !important;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-number span {

    margin: 0px;

    line-height: 100%;

    font-size: 14px;

    padding: 0;

    font-family: 'Montserrat', sans-serif;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone .cs-header-phone-content .cs-header-phone-number h6 {

    color: white !important;

  }

  .cs_site_header .cs-header-emai-phone .cs-header-phone:hover .cs-header-phone-content {

    transition: all 0.5s ease;

  }

  .cs_site_header.header-no-bg {

    background: transparent;

  }

  /* header-no-bg sadece menüye değil, her şeye etki ediyorsa, menüyü ayırıyoruz */

.cs_site_header.header-no-bg a:not(.cs-text_b_line),

.cs_site_header.header-no-bg span:not(.cs-text_b_line),

.cs_site_header.header-no-bg i:not(.cs-text_b_line),

.cs_site_header.header-no-bg ul:not(.cs_nav_list),

.cs_site_header.header-no-bg li:not(.cs_nav_list li) {

  color: #ffffff;

}

.cs_gescout_show span.cs_munu_toggle {
  color:#96262c !important;
}

  .cs_site_header.header-no-bg .cs_main_header .cs_main_header_in .cs-logi-header-logo .cs-logi-black-logo {

    display: none;

  }

  .cs_site_header.header-no-bg .cs-header-emai-phone .cs-topbar-email {

    border-bottom: none;

  }

  .cs_site_header.header-no-bg .cs_logi_topbar {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  }

  .cs_site_header.header-no-bg .cs-header-emai-phone {

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.3);

  }

  .cs_site_header.header-no-bg .cs_nav .cs_nav_list > li.menu-item-has-children > a::after {

    border: 0px solid #fff;

    height: 5px;

    width: 5px;

    border-radius: 100%;

    background: #fff;

    margin-top: 5px;

    transition: all 0.4s ease;

  }

  .cs_site_header.header-no-bg .cs_nav .cs_nav_list > li.menu-item-has-children:hover > a::after {

    background: #D40511;

    transition: all 0.4s ease;

  }

  .cs_site_header.header-no-bg .menu-item-has-children a ::after {

    color: #fff !important;

  }

  .cs_site_header.header-no-bg .cs-header-additional-item a {

    color: #fff !important;

  }

  .cs_site_header.header-no-bg.cs_gescout_show {

    background: rgb(255 255 255);

    -webkit-backdrop-filter: blur(50px);

            backdrop-filter: blur(50px);
            z-index: 999999;

  }
/* 
  .cs_site_header.header-no-bg.cs_gescout_show .cs-header-emai-phone {

            background: rgb(255 255 255);

    -webkit-backdrop-filter: blur(50px);

            backdrop-filter: blur(50px);

    border: none;

  } */

  .cs_site_header.header-no-right-area .cs_main_header_right {

    margin-right: 100px !important;

  }

}

@media screen and (max-width: 991px) {

  .cs_site_header.header-no-bg .cs_main_header .cs_main_header_in .cs-logi-header-logo .cs-logi-black-logo {

    display: inherit;

  }

  .cs_site_header.header-no-bg .cs_main_header .cs_main_header_in .cs-logi-header-logo .cs-logi-white-logo {

    display: none;

  }

}



.cs-topbar-container .cs-topbar-social {

  padding-right: 330px;

  border-right: 1px solid #ECECEC;

}

.cs-topbar-container .cs-topbar-social ul {

  display: flex;

  margin: 0px;

  padding: 10px 0px;

}

.cs-topbar-container .cs-topbar-social ul li {

  list-style: none;

  padding-right: 15px;

}

.cs-topbar-container .cs-topbar-social ul li:last-child {

  padding: 0px;

}



.cs_site-branding {

  display: inline-block;

  max-width: 180px;

}



.cs_sticky_header {

  position: fixed !important;

  width: 100%;

  z-index: 99;

  background: #fff;

  transition: all 0.4s ease;

}



@media screen and (max-width: 1320px) {

  .cs-header-emai-phone {

    display: none;

  }

  .cs_site_header.cs_style1 .cs_main_header_right {

    margin-right: 0px !important;

  }

  .cs_site_header.cs_style1 .cs_main_header_right .cs-header-additional-item:hover a {

    color: #D40511;

    transition: all 0.4s ease;

  }

  .cs-header-emai-phone {

    width: 0px;

  }

  .cs_site_header .cs-topbar-container .cs-topbar-social {

    padding-right: 30px;

  }

}

.cs_site_header.cs_style1 .cs_main_header_in,

.cs_site_header.cs_style1 .cs_top_header_in {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

  position: relative;

}

.cs_site_header.cs_style1 .cs_main_header_right {

  display: flex;

  align-items: center;

  align-items: center;

  height: 100%;

  margin-right: 300px;

}

.cs_site_header.cs_style1 .cs_main_header_right .cs-header-additional-item {

  margin-right: 30px;

}

.cs_site_header.cs_style1 .cs_main_header_right .cs-header-additional-item a {

  color: #0A0A0A;

  transition: all 0.3s ease;

}

.cs_site_header.cs_style1 .cs_main_header_right .cs-header-additional-item a:hover {

  color: #D40511;

  transition: all 0.3s ease;

}

.cs_site_header.cs_style1 .cs_main_header_right .cs_toolbox {

  margin-right: 30px;

}

.cs_site_header.cs_style1:hover .cs-header-phone-icon {

  transform: rotateY(360deg);

  transition: all 1s ease;

}



.cs_nav + .cs_toolbox {

  margin-left: 50px;

  margin-right: 30px;

}



.cs_site_header.cs_style1.cs_sticky-active {

  background-color: #fff;

  box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);

}

.cs_site_header.cs_style1 .cs_icon_btn {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 45px;

  height: 45px;

  transition: all 0.3s ease;

  cursor: pointer;

  border-radius: 50%;

  color: var(--primary-color);

  margin-right: -10px;

}

.cs_site_header.cs_style1 .cs_icon_btn.cs_color_1 {

  color: #fff;

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in {

  width: 25px;

  height: 20px;

  line-height: 0;

  cursor: pointer;

  position: relative;

  text-align: left;

  overflow: hidden;

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in span {

  display: inline-block;

  position: absolute;

  height: 1.5px;

  width: 100%;

  border-radius: 0;

  background-color: currentColor;

  color: inherit;

  vertical-align: top;

  transition: 0s ease-in-out;

  border-radius: 6px;

  transition: 0.3s ease-in-out;

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in span:nth-child(1) {

  transform: translate(0, -7px);

  width: calc(100% - 10px);

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in span:nth-child(2) {

  transform: translate(0, 0);

  width: 100%;

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in span:nth-child(3) {

  transform: translate(0, 7px);

  width: calc(100% - 7px);

}

.cs_site_header.cs_style1 .cs_icon_btn .cs_icon_btn_in span:nth-child(4) {

  transform: translate(0, 14px);

  width: calc(100% - 13px);

}

.cs_site_header.cs_style1 .cs_icon_btn:hover .cs_icon_btn_in span {

  transition: 0.3s ease-in-out;

}

.cs_site_header.cs_style1 .cs_icon_btn:hover .cs_icon_btn_in span:nth-child(1) {

  transform: translate(0, 0);

}

.cs_site_header.cs_style1 .cs_icon_btn:hover .cs_icon_btn_in span:nth-child(2) {

  transform: translate(0, 7px);

  width: 100%;

}

.cs_site_header.cs_style1 .cs_icon_btn:hover .cs_icon_btn_in span:nth-child(3) {

  transform: translate(0, 14px);

}

.cs_site_header.cs_style1 .cs_icon_btn:hover .cs_icon_btn_in span:nth-child(4) {

  transform: translate(0, 21px);

}

.cs_site_header.cs_style1 .cs_action_box {

  display: flex;

  align-items: center;

}

.cs_site_header.cs_style1 .cs_action_box .cs_action_value {

  margin-left: 15px;

}

.cs_site_header.cs_style1 .cs_action_box > *:not(:last-child) {

  margin-right: 35px;

}

.cs_site_header.cs_style1 .cs_btn {

  padding: 13px 15px;

}



.cs_site_header_style1 {

  border-bottom: 1px solid #1a188d;

}

.cs_site_header_style1 .cs_main_header_right {

  display: flex;

  align-items: center;

}

.cs_site_header_style1 .cs_nav + .cs_header_toolbox.cs_center {

  margin-left: 35px;

}

.cs_site_header_style1 .cs_nav .cs_nav_list > li.current-menu-item > a:before {

  bottom: -4px;

  background-color: #fff;

}



.cs_side_header_overlay {

  background-color: rgba(0, 64, 65, 0.5);

  height: 100vh;

  width: 100vw;

  position: inherit;

  transition: all 0.9s ease;

  opacity: 0;

  position: fixed;

  left: 0;

}



.cs_side_header {

  position: fixed;

  top: 0;

  right: 0px;

  z-index: 299;

  opacity: 0;

  visibility: hidden;

  transition: all 0.4s ease;

}

.cs_side_header .cs_side_header_heading {

  font-size: 22px;

  line-height: 1.4em;

  margin: 0;

}

.cs_side_header .cs_side_header_title {

  font-size: 18px;

  margin-bottom: 25px;

}

.cs_side_header .cs_side_header_box {

  padding: 35px 0;

}

.cs_side_header .cs_close {

  opacity: 0;

}

.cs_side_header.active {

  opacity: 1;

  visibility: visible;

}

.cs_side_header.active .cs_side_header_overlay,

.cs_side_header.active .cs_close {

  opacity: 1;

}

.cs_side_header.active .cs_side_header_in {

  right: 0;

}



.cs_close {

  position: fixed;

  right: 30px;

  top: 30px;

  height: 40px;

  width: 40px;

  background-color: transparent;

  color: #0A0A0A;

  cursor: pointer;

  z-index: 299;

}

.cs_close::before, .cs_close::after {

  content: "";

  position: absolute;

  width: 50%;

  height: 1px;

  background-color: currentColor;

  left: 50%;

  top: 50%;

  margin-left: -25%;

  margin-top: -1px;

  transform: rotate(-45deg);

}

.cs_close::before {

  transform: rotate(45deg);

}

.cs_close:hover {

  color: #D40511;

  transform: scale(1.05);

}



@media screen and (max-width: 1199px) {

  .cs-header-additional-item {

    margin-right: 80px !important;

  }

  .cs-topbar-container {

    margin-left: 10px !important;

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .cs-topbar-container .cs-topbar-social {

    border: none;

  }

  .cs_main_header .container {

    max-width: 100%;

  }

  .cs_site_header.cs_style1 .cs_nav {

    display: flex;

  }

}

.cs_nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.cs_gescout_sticky {

  position: fixed !important;

  top: -110px;

  opacity: 0;

  transition: all 0.4s ease;

  background-color: #fff;

}



.cs_gescout_show {

  top: 0 !important;

  opacity: 1;

}

.cs_gescout_show.cs_color_1 .cs_nav_list.cs_color_1 {

  color: var(--common-color-black) !important;

}

.cs_gescout_show.cs_color_1 .cs_nav_list.cs_color_1 .menu-item-has-children.cs_changes_color_1 > a {

  position: relative;

}

.cs_gescout_show.cs_color_1 .cs_nav_list.cs_color_1 .menu-item-has-children.cs_changes_color_1 > a::after {

  content: "";

  display: inline-block;

  height: 8px;

  width: 8px;

  border: 1px solid #4A4A4A;

  transform: rotate(45deg);

  border-left: 0;

  border-top: 0;

  margin-left: 6px;

  position: relative;

  top: -2px;

  border-radius: 0px 0px 2px 0px;

}

.cs_gescout_show.cs_color_1 .cs_toolbox .cs_icon_btn.cs_color_1 {

  color: var(--common-color-black);

}

.cs-text-style-h6.cs-text_b_line {

  font-size: 18px !important;

}



.cs_site_branding {

  display: inline-block;

}

.cs_site_branding img {

  height: 60px;

}



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

  .cs_nav_list.cs_color_1 {

    color: #fff;

  }

  .cs_nav_list.cs_color_1 ul {

    color: var(--common-color-black);

  }

  .cs_main_header {

    position: relative;

  }

  .cs_main_header_center,

  .cs_top_header_center {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

  }

  .cs_site_header.cs_style1 .cs_main_header_center {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width: 100%;

    max-width: calc(100% - 300px);

  }

  .cs_site_header.cs_style1 .cs_main_header_left {

    margin-left: 100px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .cs_site_header.cs_style1 .cs_main_header_left .cs-logi-header-logo {

    margin-right: 30px;

  }

  .cs_nav {

    display: flex;

    align-items: center;

    height: 80px;

    line-height: 1.6em;

    font-size: 16px;

  }

  .cs_nav .cs_nav_list {

    display: flex !important;

    flex-wrap: wrap;

    height: inherit;

  }

  .cs_nav .cs_nav_list > li {

    margin-right: 40px;

    height: inherit;

  }

  .cs_nav .cs_nav_list > li:last-child {

    margin-right: 0;

  }

  .cs_nav .cs_nav_list > li > a {

    padding: 10px 0;

    display: inline-flex;

    position: relative;

    height: inherit;

    align-items: center;

  }

  .cs_nav .cs_nav_list > li > ul {

    left: 0;

    top: calc(100% + 15px);

  }

  .cs_nav .cs_nav_list > li:hover > ul {

    top: 100%;

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease;

  }

  .cs_nav .cs_nav_list > li.menu-item-has-children > a {

    position: relative;

  }

  .cs_nav .cs_nav_list > li.menu-item-has-children > a::after {

    content: "";

    display: inline-block;

    height: 8px;

    width: 8px;

    border: 1px solid var(--body-color);

    transform: rotate(45deg);

    border-left: 0;

    border-top: 0;

    margin-left: 6px;

    position: relative;

    top: -2px;

    border-radius: 0px 0px 2px 0px;

  }

  .cs_nav .cs_nav_list > li.menu-item-has-children.cs_changes_color_1 > a {

    position: relative;

  }

  .cs_nav .cs_nav_list > li.menu-item-has-children.cs_changes_color_1 > a::after {

    content: "";

    display: inline-block;

    height: 8px;

    width: 8px;

    border: 1px solid #fff;

    transform: rotate(45deg);

    border-left: 0;

    border-top: 0;

    margin-left: 6px;

    position: relative;

    top: -2px;

    border-radius: 0px 0px 2px 0px;

  }

  .cs_nav .cs_nav_list li:not(.cs_mega_menu) {

    position: relative;

  }

  .cs_nav .cs_nav_list ul {

    width: 260px;

    background-color: #97272c;

    position: absolute;

    padding: 10px 0px 20px;

    z-index: 99;

    opacity: 0;

    visibility: hidden;

    display: block !important;

    border-radius: 10px;

    transition: all 0.1s ease;

    color: #ECECEC;

  }

  .cs_nav .cs_nav_list ul li:hover ul {

    top: 0px;

    color: white;

  }

  .cs_nav .cs_nav_list ul li:hover > ul {

    opacity: 1;

    visibility: visible;

    transition: all 0.4s ease;

  }

  .cs_nav .cs_nav_list ul a {

    display: block;

    line-height: inherit;

    padding: 10px 5px 0px 20px;

  }

  .cs_nav .cs_nav_list ul a span {

    color: #fff;

  }

  .cs_nav .cs_nav_list ul ul {

    top: 15px;

    left: 100%;

  }

  .cs_munu_toggle,

  .cs_munu_dropdown_toggle {

    display: none;

  }

  .cs_nav_black_section ul {

    position: relative;

    list-style: none;

    line-height: 65px;

    padding: 0px;

  }

  .cs_nav_black_section ul li {

    margin-top: 40px;

    font-size: 55px;

    text-transform: uppercase;

    font-weight: 900;

  }

  .cs_nav_black_section.cs_font_changes .cs_style_1 ul li {

    font-size: 40px;

    line-height: 14px;

    text-transform: capitalize;

    font-weight: 500;

  }

  .menu-item-has-black-section {

    position: relative;

  }

  .menu-item-has-black-section span {

    cursor: pointer;

  }

  .menu-item-has-black-section > a {

    position: relative;

  }

  .menu-item-has-black-section > ul {

    padding-left: 40px;

    display: none;

    list-style: none;

    line-height: 30px;

  }

  .menu-item-has-black-section > ul li {

    margin-top: 40px;

  }

  .cs_munu_dropdown_toggle_1 {

    position: absolute;

    height: 30px;

    width: 35px;

    right: 20px;

    top: 9px;

  }

  .cs_munu_dropdown_toggle_1:before, .cs_munu_dropdown_toggle_1:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 2px;

    width: 35px;

    background-color: #fff;

    transition: all 0.3s ease;

  }

  .cs_munu_dropdown_toggle_1:before {

    transform: translate(-50%, -50%) rotate(90deg);

  }

  .cs_munu_dropdown_toggle_1.active:before {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 520px !important;

    left: 50%;

    transform: translateX(-50%);

    display: flex !important;

    position: absolute;

    flex-wrap: wrap;

    padding: 5px 15px 10px;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper a img {

    border-radius: 5px;

    border: 1px solid rgba(181, 181, 181, 0.1);

    transition: all 0.5s ease;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper a:hover img {

    border-color: rgba(212, 5, 17, 0.6);

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper > li {

    flex: 1;

    flex-basis: 50%;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper > li > a:hover {

    background-color: transparent;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper > li ul {

    position: initial;

    border: none;

    padding: 0;

    width: 100%;

    box-shadow: none;

    background-color: transparent;

  }

  .cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul {

    opacity: 1;

    visibility: visible;

  }

  .cs_nav .cs_nav_list > li ul:not(.cs_mega_wrapper) .menu-item-has-children > a {

    position: relative;

  }

}

.cs_side_header_in {

  max-width: 500px;

  height: 100vh;

  height: 100vh;

  background-color: white;

  flex: none;

  color: var(--body-color);

  margin-left: auto;

  text-align: center;

  overflow: auto;

  padding: 90px 50px 50px 50px;

  position: relative;

  z-index: 99;

  right: -500px;

  transition: all 0.4s ease;

  overflow: hidden;

}

.cs_side_header_in .cs-sidebar-about-brand {

  max-width: 325px;

  margin: auto;

}

.cs_side_header_in .cs-sidebar-middle-area {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  margin: auto;

}

.cs_side_header_in .cs-sidebar-middle-area .cs-sidebar-social svg {

  width: 17px;

  height: 17px;

}

.cs_side_header_in .cs-sidebar-middle-area .cs-sidebar-social a:hover svg path {

  fill: #D40511;

  transition: all 0.5s ease-in-out;

}

.cs_side_header_in .cs-sidebar-middle-area p {

  padding-bottom: 25px;

  max-width: 200px;

  margin: auto;

}

.cs_side_header_in .cs-sidebar-middle-area .cs-sidebar-emai-phone {

  padding-bottom: 70px;

  display: flex;

  flex-direction: column;

}

.cs_side_header_in .cs-sidebar-bottom-area {

  position: absolute;

  bottom: 30px;

  width: 80%;

}

.cs_side_header_in .cs-sidebar-bottom-area .footer-email {

  border-bottom: 1px solid rgba(10, 10, 10, 0.2);

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .footer-email:focus {

  border-bottom: 1px solid #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .footer-email::-moz-placeholder {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .footer-email::placeholder {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .cs-newsletter-email {

  border-bottom: 1px solid rgba(10, 10, 10, 0.6);

}

.cs_side_header_in .cs-sidebar-bottom-area .cs-newsletter-email:hover {

  border-bottom: 1px solid rgba(212, 5, 17, 0.6);

}

.cs_side_header_in .cs-sidebar-bottom-area .cs-newsletter-email::-moz-placeholder {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .cs-newsletter-email::placeholder {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area .cs-newsletter-email:focus {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area button {

  color: #0A0A0A;

}

.cs_side_header_in .cs-sidebar-bottom-area button i {

  margin-top: 5px;

}



@media screen and (max-width: 1400px) {

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 520px !important;

  }

  .cs_site-branding {

    max-width: 190px;

  }

  .cs_site_header_full_width .container {

    max-width: 100%;

  }

}

@media screen and (max-width: 1320px) {

  .cs-header-emai-phone {

    display: none;

  }

}

@media screen and (max-width: 1199px) {

  .cs-header-action-item {

    display: none !important;

  }

  .cs_nav .cs_nav_list .cs_mega_wrapper {

    width: 100% !important;

  }

  .cs_site_header_full_width .container {

    padding: 0 15px;

  }

  .cs_munu_dropdown_toggle {

    position: absolute;

    height: 30px;

    width: 30px;

    right: 20px;

    top: 5px;

  }

  .cs_munu_dropdown_toggle:before, .cs_munu_dropdown_toggle:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 2px;

    width: 10px;

    background-color: var(--body-color);

    transition: all 0.3s ease;

  }

  .cs_munu_dropdown_toggle:before {

    transform: translate(-50%, -50%) rotate(90deg);

  }

  .cs_munu_dropdown_toggle.active:before {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  .cs_nav .cs_nav_list {

    position: absolute;

    width: 100vw;

    left: 0;

    background-color: var(--drcs-color);

    padding: 10px 0;

    display: none;

    top: 100%;

    border-top: 1px solid rgba(77, 77, 77, 0.3215686275);

    border-bottom: 1px solid rgba(77, 77, 77, 0.3215686275);

    z-index: 99;

    overflow: auto;

    max-height: calc(100vh - 80px);

    background: #fff;

    line-height: 1.6em;

  }

  .cs_nav .cs_nav_list ul {

    padding-left: 15px;

    display: none;

  }

  .cs_nav .cs_nav_list a {

    display: block;

    padding: 8px 20px;

  }

  .cs_nav .menu-item-has-children {

    position: relative;

  }

  /*Mobile Menu Button*/

  .cs_munu_toggle {

    display: inline-block;

    width: 30px;

    height: 27px;

    cursor: pointer;

    position: absolute;

    top: 27px;

    right: 30px;

  }

  .cs_munu_toggle span,

  .cs_munu_toggle span:before,

  .cs_munu_toggle span:after {

    width: 100%;

    height: 2px;

    background-color: currentColor;

    display: block;

  }

  .cs_munu_toggle span {

    margin: 0 auto;

    position: relative;

    top: 12px;

    transition-duration: 0s;

    transition-delay: 0.2s;

  }

  .cs_munu_toggle span:before {

    content: "";

    position: absolute;

    margin-top: -9px;

    transition-property: margin, transform;

    transition-duration: 0.2s;

    transition-delay: 0.2s, 0s;

  }

  .cs_munu_toggle span:after {

    content: "";

    position: absolute;

    margin-top: 9px;

    transition-property: margin, transform;

    transition-duration: 0.2s;

    transition-delay: 0.2s, 0s;

  }

  .cs_site_header.cs_style1 .cs_munu_toggle {

    top: 50%;

    right: 10px;

    margin-top: -13px;

  }

  .cs_toggle_active span {

    background-color: rgba(0, 0, 0, 0);

    transition-delay: 0.2s;

  }

  .cs_toggle_active span:before {

    margin-top: 0;

    transform: rotate(45deg);

    transition-delay: 0s, 0.2s;

  }

  .cs_toggle_active span:after {

    margin-top: 0;

    transform: rotate(-45deg);

    transition-delay: 0s, 0.2s;

  }

  .cs_header_toolbox {

    margin-right: 50px;

  }

  .cs_nav .cs_nav_list a {

    position: relative;

  }

  .cs_site_header.cs_style1 .cs_main_header_in {

    padding: 12px 0px;

  }

  .cs_hamburger span {

    height: 3px;

  }

  .cs_site_header .current-menu-item > a:before {

    display: none;

  }

  .cs_site_header.cs_style1 .cs_main_header_center .cs_site_branding {

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

  }

  .cs_site_header.cs_style1 {

    top: 0;

  }

  .cs_toolbox {

    margin-right: 45px;

  }

  .cs_site_header.cs_style1 .cs_icon_btn {

    width: 38px;

    height: 38px;

  }

  .cs_toolbox,

  .cs_side_header {

    display: none;

  }

}

@media screen and (max-width: 991px) {

  .cs_site_header .cs-topbar-container .cs-topbar-email {

    width: 150px;

  }

  .cs_site_branding {

    margin-left: 10px;

  }

  .cs_site_header .container {

    max-width: 100%;

  }

  .cs_site_header.cs_style1 .cs_action_box > *:not(:last-child) {

    margin-right: 25px;

  }

  .cs_site_header.cs_style1 .cs_btn {

    padding: 8px;

  }

  .menu-item-has-children.active {

    transition: all 0.5s ease;

  }

  .menu-item-has-children.active ul {

    display: block !important;

    transition: all 0.5s ease;

  }

}

@media screen and (max-width: 640px) {

  .cs-topbar-left {

    display: none;

  }

}

@media screen and (max-width: 575px) {

  .cs_site-branding {

    max-width: 150px;

  }

  .cs_hamburger_wrap .cs_hamburger {

    margin-right: 0;

  }

  .cs_site_branding img {

    max-height: 50px;

  }

  .cs_site_header.cs_style1 .cs_btn span {

    display: none;

  }

  .cs_site_header.cs_style1 .cs_btn svg {

    margin-right: 0;

    width: 20px;

    height: 20px;

  }

}

.menu-item-has-children ul li:hover a {

  color: #fff !important;

}



@media screen and (max-width: 575px) {

  .cs-header-additional-item {

    display: none;

  }

}

@media screen and (max-width: 400px) {

  .cs_logi_topbar {

    display: none;

  }

}

/*--------------------------------------------------------------

  05. Sidebar

----------------------------------------------------------------*/

/*--------------------------------------------------------------

  06. Footer

----------------------------------------------------------------*/

.menu1 a{

    display: block; 

    text-decoration: none; 

    color: black; 

    font-size:14px;

    font-family: 'Montserrat', sans-serif;
    

}

.menu1{

    padding-bottom:40px;

   padding-top:40px;

   font-family: 'Montserrat', sans-serif;
    
    font-weight: 500;

}



 .short-footer {

    height: 325px; /* İstediğin yüksekliği belirle */

    overflow: hidden; /* İçerik taşarsa kesmesini sağlar */

}



footer h6 {

  color: #ffffff;

  font-size:16px;

}

footer .cs-logi-footer-container {

  background: #ffffff;

  color: #fff;

  

  position: relative;

}

/*footer .cs-logi-footer-container a:hover {

  color: rgba(255, 255, 255, 0.9);

} */

footer .cs-logi-footer-container .cs-logi-footer-content {

  margin-bottom: 70px;

  z-index: 2;

}

footer .cs-logi-footer-container .cs-logi-footer-content .cs-footer-widget {

  margin-bottom: 27px;

}

@media screen and (max-width: 767px) {

  footer .cs-logi-footer-container .cs-logi-footer-content {

    margin-bottom: 0px;

  }

  footer .cs-logi-footer-container .cs-logi-footer-content .cs-footer-widget {

    margin-bottom: 60px;

  }

}

footer .cs-logi-footer-container .cs-logi-copy-area {

  padding-bottom: 30px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  z-index: 2;

}

footer .cs-logi-footer-container .cs-logi-copy-area .cs-footer-copy-branding {

  display: flex;

  flex-direction: column;

}

footer .cs-logi-footer-container .cs-logi-copy-area .cs-footer-copy-branding span {

  font-size: 14px;

  margin-top: 5px;

}

footer .cs-logi-footer-container .cs-logi-copy-area .cs-footer-copy-text {

  text-align: right;

}

footer .cs-logi-footer-container .cs-logi-copy-area .cs-footer-copy-text p {

  margin: 0px;

}

footer .cs-logi-footer-border {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

}



.cs-logi-newsletter {

  display: flex;

  position: relative;

  padding-top: 15px;

}

.cs-logi-newsletter .cs-newsletter-email {

  padding-bottom: 17px;

  border: none;

  background-color: transparent;

  width: 100%;

  font-size: 16px;

  font-family: var(--body-font-family);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.cs-logi-newsletter .cs-newsletter-email:focus {

  outline: none;

}

.cs-logi-newsletter .cs-newsletter-email::-moz-placeholder {

  font-family:'Montserrat', sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}

.cs-logi-newsletter .cs-newsletter-email::placeholder {

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

}

.cs-logi-newsletter .cs-newsletter-btn {

  position: absolute;

  right: 0;

  gap: 5px;

}

.cs-logi-newsletter .cs-newsletter-btn i {

  font-size: 18px;

  line-height: 0px;

}

.cs-logi-newsletter .cs-newsletter-btn:hover {

  opacity: 0.7;

  transition: all 0.4s ease;

}

.cs-logi-newsletter button[type=submit] {

  border: none;

  background: none;

  font-size: 16px;

  padding: 0;

  width: 100px;

}



.cs-footer-widget-title {

  margin-bottom: 10px;

}





.social-icons {

display: flex;

justify-content: flex-end; /* İkonları sağa yaslar */

align-items: center;

gap: 45px; /* İkonlar arasına boşluk bırakır */

padding-top:10px;

}



.social-icons a img {

    width: 18px; /* İkonların boyutu */

    height: auto;

    transition: 0.3s ease-in-out;

}



.social-icons a:hover img {

    opacity: 0.7; /* Hover efekti */

}



 .right-block {

    width: 150px;

    margin-left: auto; /* Sol tarafta otomatik boşluk bırakır */

    margin-right: 0; /* Sağ tarafa yaslar */

    text-align: right; /* Yazıyı sağa hizalar */

    padding-top: 10px;

    font-family: 'DIN2014', sans-serif;

    font-size:16px;

}

.cs-footer-copy-text {

  display: flex;

  justify-content: space-between; /* Yazıyı sola, resmi sağa iter */

  align-items: center; /* Dikey hizalamayı sağlar */

  padding-left:9px;

}











.cs-logi-footer-useful-link1{

  border-left: 1px solid black;

  height: 79px;

  padding-left:10px;

}



.cs-logi-footer-useful-link2{

  border-left: 1px solid black;

  height: 166px;

  padding-left:10px;

}

.cs-logi-footer-useful-link3{

  border-left: 1px solid black;

  height: 110px;

  padding-left:10px;

}



.cs-logi-footer-useful-link ul {

  margin: 0px;

  padding: 0px;

  display: flex;

  flex-direction: column;

}

.cs-logi-footer-useful-link ul li {

  list-style: none;

  color: #ECECEC;

  

  font-size: 16px;

}

.cs-logi-footer-useful-link ul li a span {

  color: black;

  font-size:15px;

}

/*.cs-logi-footer-useful-link ul :hover {

  color: #fff;

} */



.cs-social-common {

  padding-top: 30px;

}

.cs-social-common ul {

  display: flex;

  margin: 0px;

  padding: 0;

}

.cs-social-common ul li {

  list-style: none;

  margin-right: 20px;

  border: 2px solid #fff;

  border-radius: 100%;

  min-width: 45px;

  min-height: 45px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.3s ease-in-out;

}

.cs-social-common ul li :last-child {

  margin-right: 0px;

}

.cs-social-common ul li a {

  position: absolute;

  margin-top: 5px;

}

.cs-social-common ul li a i {

  font-size: 18px;

  transition: all 0.3s ease-in-out;

}

.cs-social-common ul li:hover {

  background: #fff;

  transition: all 0.3s ease-in-out;

}

.cs-social-common ul li:hover i {

  color: #0A0A0A;

  transition: all 0.3s ease-in-out;

}



.cs-newsletter-email {

  color: #fff;

}

.cs-newsletter-email:focus {

  border-bottom: 1px solid #fff;

}

.cs-newsletter-email::-moz-placeholder {

  color: #fff;

}

.cs-newsletter-email::placeholder {

  color: #fff;

}



@media screen and (max-width: 768px) {

  .cs-logi-copy-area {

    flex-direction: column;

    text-align: center;

  }

  .cs-logi-footer-border svg {

    display: none;

  }

  .cs-footer-copy-text p {

    text-align: center;

    font-size:15px !important;

  }

}

.cs-logi-cor-office p {

  margin-bottom: 25px;

  color: #ECECEC;

}

img.iamges-style {

  border-radius: 10px;

  max-width: 250px; 

  position: absolute;

  top: 188px; 

  left: 356px; 

}

.cs-logi-cor-office .cs-logi-emai-phone {

  margin-bottom: 5px;

  display: flex;

  flex-direction: column;

}

.cs-logi-cor-office.cs-default-office p {

  margin-bottom: 25px;

  color: var(--body-color);

}



/*--------------------------------------------------------------

  07. Spacing

----------------------------------------------------------------*/

.cs-section-height {

  height: 70px;

}



.cs-section-height-half {

  height: 75px;

}



.cs-sec-title-height {

  height: 75px;

}



@media screen and (max-width: 991px) {

  .cs-section-height {

    height: 120px;

  }

  .cs-section-height-half {

    height: 60px;

  }

  .cs-sec-title-height {

    height: 60px;

  }

}

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

  .cs-w-640 {

    width: 640px;

  }

  .cs-w-585 {

    width: 585px;

  }

  .cs-w-800 {

    width: 800px;

  }

  .cs-w-750 {

    width: 750px;

  }

}

.cs-max-w-640 {

  max-width: 640px;

  margin: auto;

}



.cs-height-120 {

  height: 120px;

}



.cs_mp0 {

  list-style: none;

  margin: 0;

  padding: 0;

}



.cs_m0 {

  margin: 0;

}



.cs_mt100 {

  margin-top: 100px;

}



.cs-height-0 {

  height: 0px;

}



.cs-height-5 {

  height: 5px;

}



.cs-height-10 {

  height: 10px;

}



.cs-height-15 {

  height: 15px;

}



.cs-height-20 {

  height: 20px;

}



.cs-height-25 {

  height: 25px;

}



.cs-height-30 {

  height: 30px;

}



.cs-height-35 {

  height: 35px;

}



.cs-height-40 {

  height: 40px;

}



.cs-height-45 {

  height: 45px;

}



.cs-height-50 {

  height: 50px;

}



.cs-height-55 {

  height: 55px;

}



.cs-height-60 {

  height: 60px;

}



.cs-height-65 {

  height: 65px;

}



.cs-height-70 {

  height: 70px;

}



.cs-height-75 {

  height: 75px;

}



.cs-height-80 {

  height: 80px;

}



.cs-height-85 {

  height: 85px;

}



.cs-height-90 {

  height: 90px;

}



.cs-height-95 {

  height: 95px;

}



.cs-height-100 {

  height: 100px;

}



.cs-height-105 {

  height: 105px;

}



.cs-height-110 {

  height: 110px;

}



.cs-height-115 {

  height: 115px;

}



.cs-height-120 {

  height: 120px;

}



.cs-height-125 {

  height: 125px;

}



.cs-height-130 {

  height: 130px;

}



.cs-height-135 {

  height: 135px;

}



.cs-height-140 {

  height: 140px;

}



.cs-height-145 {

  height: 145px;

}



.cs-height-150 {

  height: 150px;

}



.cs-height-155 {

  height: 155px;

}



.cs-height-160 {

  height: 160px;

}



.cs-height-165 {

  height: 165px;

}



.cs-height-170 {

  height: 170px;

}



.cs-height-175 {

  height: 175px;

}



.cs-height-180 {

  height: 180px;

}



.cs-height-185 {

  height: 185px;

}



.cs-height-190 {

  height: 190px;

}



.cs-height-195 {

  height: 195px;

}



.cs-height-200 {

  height: 200px;

}



.cs-height-205 {

  height: 205px;

}



.cs-height-210 {

  height: 210px;

}



.cs-height-219 {

  height: 219px;

}



.cs-height-385 {

  height: 385px;

}



.cs-height-lg-0 {

  height: 0px;

}



.cs-height-lg-5 {

  height: 5px;

}



.cs-height-lg-10 {

  height: 10px;

}



.cs-height-lg-15 {

  height: 15px;

}



.cs-height-lg-20 {

  height: 20px;

}



.cs-height-lg-25 {

  height: 25px;

}



.cs-height-lg-30 {

  height: 30px;

}



.cs-height-lg-35 {

  height: 35px;

}



.cs-height-lg-40 {

  height: 40px;

}



.cs-height-lg-45 {

  height: 45px;

}



.cs-height-lg-50 {

  height: 50px;

}



.cs-height-lg-55 {

  height: 55px;

}



.cs-height-lg-60 {

  height: 60px;

}



.cs-height-lg-65 {

  height: 65px;

}



.cs-height-lg-70 {

  height: 70px;

}



.cs-height-lg-75 {

  height: 75px;

}



.cs-height-lg-80 {

  height: 80px;

}



.cs-height-lg-85 {

  height: 85px;

}



.cs-height-lg-90 {

  height: 90px;

}



.cs-height-lg-95 {

  height: 95px;

}



.cs-height-lg-100 {

  height: 100px;

}



.cs-height-lg-105 {

  height: 105px;

}



.cs-height-lg-110 {

  height: 110px;

}



.cs-height-lg-115 {

  height: 115px;

}



.cs-height-lg-120 {

  height: 120px;

}



.cs-height-lg-125 {

  height: 125px;

}



.cs-height-lg-130 {

  height: 130px;

}



.cs-height-lg-135 {

  height: 135px;

}



.cs-height-lg-140 {

  height: 140px;

}



.cs-height-lg-145 {

  height: 145px;

}



.cs-height-lg-150 {

  height: 150px;

}



.cs-height-lg-155 {

  height: 155px;

}



.cs-height-lg-160 {

  height: 160px;

}



.cs-height-lg-165 {

  height: 165px;

}



.cs-height-lg-170 {

  height: 170px;

}



.cs-height-lg-175 {

  height: 175px;

}



.cs-height-lg-180 {

  height: 180px;

}



.cs-height-lg-185 {

  height: 185px;

}



.cs-height-lg-190 {

  height: 190px;

}



.cs-height-lg-195 {

  height: 195px;

}



.cs-height-lg-200 {

  height: 200px;

}



.cs-height-lg-205 {

  height: 205px;

}



.cs-height-lg-210 {

  height: 210px;

}



.cs-height-lg-219 {

  height: 219px;

}



/*--------------------------------------------------------------

  08. General

----------------------------------------------------------------*/

.cs-logi-arrow-wrap .logi-arrow-in {

  display: flex;

  gap: 15px;

}

.cs-logi-arrow-wrap .logi-arrow-in i {

  font-size: 20px;

  line-height: 0px;

}

.cs-logi-arrow-wrap .logi-arrow-in .logi-nvigate {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  cursor: pointer;

}

.cs-logi-arrow-wrap .logi-arrow-in .cs-arrow-left {

  transform: rotate(-180deg);

}



.reveal-img-wrap {

  overflow: hidden;

}

.reveal-img-wrap .reveal-img-inner {

  overflow: hidden;

}

.reveal-img-wrap .reveal-img-inner img {

  -o-object-fit: cover;

     object-fit: cover;

  width: 100%;

  height: 100%;

}

.reveal-img-wrap .preloader-img-inner {

  overflow: hidden;

}

.reveal-img-wrap .preloader-img-inner img {

  -o-object-fit: cover;

     object-fit: cover;

  width: 100%;

  height: 100%;

}



.reveal {

  visibility: hidden;

  overflow: hidden;

  position: relative;

}

.reveal img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  transform-origin: left;

}



.container-fluid {

  margin: 0px;

  padding:0px;

}

h4.cs_white_color {

  font-size: 32px;

}



.container .row .row {

  padding: 0px;

  margin: 0px;

}

.container .row .row .col-lg-6,

.container .row .row .col-lg-4,

.container .row .row .col-lg-3,

.container .row .row .col-lg-2 {

  margin: 0px;

  padding: 0px;

}

.container .row .row .row {

  padding: 0px;

  margin: 0px;

}



.cs-max-width-200 {

  max-width: 200px;

}



.cs_row_gap_20 {

  margin-left: -10px;

  margin-right: -10px;

}

.cs_row_gap_20 > div {

  padding-left: 10px;

  padding-right: 10px;

}



.cs_row_gap_150 {

  margin-left: -70px;

  margin-right: -70px;

}

.cs_row_gap_150 > div {

  padding-left: 70px;

  padding-right: 70px;

}



hr {

  margin: 0;

  padding: 0;

  border: none;

  border-top: 1px solid #f2f1ff;

}



.cs_bg {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.cs_vertical_middle {

  display: flex;

  align-items: center;

  min-height: 100%;

}



.cs_vertical_middle_in {

  flex: none;

  width: 100%;

}



.cs-flex {

  display: flex;

}



.cs_center {

  display: flex;

  align-items: center;

  justify-content: center;

}



label {

  margin-bottom: 12px;

}



@media screen and (max-width: 991px) {

  .cs_column_reverse_lg {

    flex-direction: column-reverse;

  }

  .cs_row_gap_150 > div {

    margin-bottom: -30px;

  }

}

.cs_toggle {

  position: relative;

  font-size: 18px;

  cursor: pointer;

  z-index: 10000;

}

.cs_toggle .setting_mode {

  position: fixed;

  right: 0;

  top: 40%;

  -webkit-transition: all 0.2s;

  transform: translateY(-50%);

  transition: all 0.2s;

}

.cs_toggle .setting_mode button {

  border: none;

  background-color: #2b2b2f;

  padding: 10px;

}

.cs_toggle .setting_mode button img {

  width: 100%;

  height: 30px;

}

.cs_toggle .setting_mode #clecel {

  display: none;

}

.cs_toggle .cs_mode_btn {

  position: fixed;

  right: -120px;

  top: 40%;

  transform: translateY(-50%);

  transition: all 0.3s;

  mix-blend-mode: exclusion;

}

.cs_toggle .cs_mode_btn button {

  border: none;

  background-color: #2b2b2f;

  color: rgba(143, 143, 143, 0.9333333333);

  padding: 10px;

}

.cs_toggle .cs_mode_btn .active {

  color: #fff;

}



.cs-common-icon-style ul {

  display: flex;

  align-items: center;

  justify-content: center;

}

.cs-common-icon-style ul li {

  list-style: none;

  margin-right: 15px;

}

.cs-common-icon-style ul li :last-child {

  margin-right: 0px;

}

.cs-common-icon-style ul li a svg path {

  fill: #0A0A0A;

}



.cs-container-border {

  width: 1320px;

  margin: auto;

  height: 1px;

  background: #ECECEC;

}



::-webkit-scrollbar {

  width: 10px;
  position: absolute;
  right:0;

  background: rgba(0, 64, 65, 0);

  opacity: 0.2;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



::-webkit-scrollbar-track {

  box-shadow: none;

  border-radius: 10px;

}



::-webkit-scrollbar-thumb {

  background: #96262c;

  border-radius: 10px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



::-webkit-scrollbar-thumb:hover {

  background: #96262c;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.cs-icon20-0 {

  font-size: 20px;

  line-height: 0px;

}



/*--------------------------------------------------------------

  09. Breadcrumb Style

----------------------------------------------------------------*/

.cs-braidcrumb-wrap {

  height: 500px;

  margin-top: 100px;

  color: #fff;

  text-align: center;

  position: relative;

  display: flex;

  align-items: center;

  background-size: cover;

  background-position: center center;

  transition: background-size 0.7s ease-out;

}
.cs-braidcrumb-wrap:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
}
.cs-braidcrumb-wrap .container{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  height: 100%;
  display: flex
;
  align-items: center;
  justify-content: center;
}
.cs-braidcrumb-wrap .cs-bread-page-title-area .cs-bread-cap {

  display: flex;

  gap: 10px;

  justify-content: center;

  align-items: center;

}

.cs-braidcrumb-wrap .cs-bread-page-title-area .cs-page-title {

  color: #fff;

}

.cs-braidcrumb-wrap .breadcrumb {

  bottom: 0;

  position: absolute;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  background: #fff;

  -webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);

          clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);

  margin: 0px;

  width: 315px;

  height: 40px;

}

.cs-braidcrumb-wrap .breadcrumb ul {

  display: flex;

  gap: 10px;

  color: #0A0A0A;

}

.cs-braidcrumb-wrap .breadcrumb ul:last-child {

  color: #4A4A4A;

}

.cs-braidcrumb-wrap .breadcrumb ul li {

  list-style: none;

}

.cs-braidcrumb-wrap.cs-bread-style-2 {

  display: flex;

  align-items: center;

  color: #0A0A0A;

  position: initial;

  height: auto;

  padding-top: 100px;

}

.cs-braidcrumb-wrap.cs-bread-style-2 .breadcrumb {

  position: initial;

}

.cs-braidcrumb-wrap.cs-bread-style-2 .cs-page-title-in {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



@media screen and (max-width: 1199px) {

  .cs-braidcrumb-wrap {

    height: 350px;

    background-size: cover !important;

    background-position: right center;

  }

}

@media screen and (max-width: 991px) {

  .cs-braidcrumb-wrap {

    height: 300px;

  }

  .cs-braidcrumb-wrap .cs-bread-cap {

    display: none !important;

  }

}

@media screen and (max-width: 767px) {

  .cs-braidcrumb-wrap {

    height: 250px;

  }

}

/*--------------------------------------------------------------

  10. Slider Style

----------------------------------------------------------------*/

.home1-blog-slider {

  overflow: hidden;

}



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

  .home1-blog-slider .swiper-slide {

    width: 630px;

  }

}

@media screen and (max-width: 405px) {

  .home1-team-slider .swiper-slide {

    width: 100%;

  }

}

.cs-team-wrapper .home1-team-slider {

  overflow: hidden;

}

.cs-team-wrapper .home1-team-slider .swiper-slide {

  width: 405px;

}



/*--------------------------------------------------------------

  11. Video Modal

----------------------------------------------------------------*/

.cs-full-width-video-wrapper .cs-full-width-video-in .cs-video-content-in {

  height: 760px;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .video-slider {

  position: relative;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .video-slider .ps-scrollbar-navigation {

  position: absolute;

  bottom: 30px;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .video-slider .swiper-slide {

  position: relative;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .swiper-scrollbar {

  background: rgba(255, 255, 255, 0.2);

  height: 5px;

  width: 315px;

  position: initial;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .swiper-scrollbar .swiper-scrollbar-drag {

  height: 5px;

  background: #fff;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .ps-scrollbar-navigation-in {

  display: flex;

  align-items: center;

  gap: 40px;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-left,

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-right {

  background: rgba(255, 255, 255, 0.2);

}

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-left:hover,

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-right:hover {

  background: #fff;

  transition: all 0.4s ease-in-out;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-left:hover i,

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation .cs-arrow-right:hover i {

  color: #0A0A0A;

  transition: all 0.4s ease-in-out;

}

.cs-full-width-video-wrapper .cs-full-width-video-in .ps-scrollbar-navigation i {

  color: #fff;

}



.cs-video-wrapper {

  position: relative;

  width: 1920px;

  height: 760px;

  overflow: hidden;

  display: flex;

  justify-content: center;

  align-items: center;

}



.cs-video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



/* End video section */

.cs_video_popup {

  position: fixed;

  z-index: 1000;

  top: 0;

  width: 100%;

  height: 100%;

  left: -100%;

  transition-delay: 0.3s;

}



.cs_video_popup.active {

  left: 0;

  transition-delay: 0s;

  left: 0;

}



.cs_video_popup_overlay {

  position: absolute;

  left: 0;

  right: 0;

  background: #000;

  transition: all 0.4s ease-out;

  opacity: 0;

}



.cs_video_popup.active .cs_video_popup_overlay {

  opacity: 0.8;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

}



.cs_video_popup_content {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  font-size: 0;

  text-align: center;

  transition: all 0.4s ease-out;

  transform: translateY(100px);

  opacity: 0;

  visibility: hidden;

  padding: 15px;

}



.cs_video_popup.active .cs_video_popup_content {

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}



.cs_video_popup_content:after {

  content: "";

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}



.cs_video_popup_container {

  display: inline-block;

  position: relative;

  text-align: left;

  background: #fff;

  max-width: 1380px;

  width: 100%;

  vertical-align: middle;

}



.cs_video_popup_container .embed-responsive {

  width: 100%;

}



.embed-responsive {

  position: relative;

  display: block;

  height: 0;

  padding: 0;

  overflow: hidden;

  height: 100%;

}



.embed-responsive-16by9::before {

  display: block;

  content: "";

  padding-top: 56.25%;

}



.embed-responsive iframe,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}



.cs_video_popup_close {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  background: #d90d0d;

  cursor: pointer;

  transition: all 0.4s ease-in-out;

}



.cs_video_popup iframe {

  width: 100%;

  height: 100%;

  position: absolute;

}



.cs_video_popup_close:before {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 1px;

  background: #fff;

  margin-left: -10px;

  transform: rotate(-45deg);

  transition: all 0.4s ease-in-out;

}



.cs_video_popup_close:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 1px;

  background: #fff;

  margin-left: -10px;

  transform: rotate(45deg);

  transition: all 0.4s ease-in-out;

}



.cs_video_popup_close:hover:before,

.cs_video_popup_close:hover:after {

  background: #000;

}



.cs_video_popup_layer {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

}



.cs_video_popup_align {

  overflow: hidden;

}



/*End Video Popup*/

/*--------------------------------------------------------------

  12. Button Style

----------------------------------------------------------------*/

button {

  background-color: #D40511;

  color: #fff;

  cursor: pointer;

  transition: all 0.3s;

  font-size: 16px;

  padding: 12px 40px;

  gap: 10px;

  border-radius: 50px;

  border: none;

}

button i {

  line-height: 0px;

}



.cs-text_b_line {

  display: inline-flex;

  align-items: center;

  gap: 5px;
  font-weight: 500 !important;

}

.cs-text_b_line i {

  color: #96262c;

  line-height: 0px;

}



.cs-text_b_line span {

  display: inline-block;

  position: relative;

  color: #0A0A0A;

  font-family: 'Montserrat', sans-serif;

  font-size:16px;

}
@media(min-width:1725px){
  html[lang="en"] .cs-text_b_line span{
    font-size:14px;
  }
}


.cs-text_b_line.cs_white_color span {

  color: #fff;

}



.cs-text_b_line.cs_white_color i {

  color: #fff;

}



.cs-text_b_line span:before {

  content: "";

  position: absolute;

  height: 1px;

  width: 100%;

  bottom: -5px;

  left: 0;

  background-color: #97272c;

  transform: scaleX(0);

  transform-origin: 0 50%;

  transition-property: transform;

  transition-duration: 0.6s;

  transition-timing-function: ease-out;

}



.cs-text_b_line:hover span::before {

  transform: scaleX(1);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



.cs-primary-btn {

  background-color: #96262c;

  cursor: pointer;

  transition: all 0.3s;

  font-size: 16px;

  padding: 12px 40px;

  position: relative;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  overflow: hidden;

  width: auto;

  border-radius: 0px 91px 91px 91px;

  gap: 5px;

  font-family: 'Montserrat', sans-serif;

}

.cs-primary-btn span {

  color: #fff;

  position: relative;

  z-index: 111;

  transition: all 0.5s;

}

.cs-primary-btn a {

  z-index: 5;

}

.cs-primary-btn a {

  font-family: 'Montserrat', sans-serif;

  display: flex;

  align-items: center;

  color: #fff;

  gap: 5px;

}

.cs-primary-btn a i {

  color: white;

  font-size: 18px;

  line-height: 0px;

  display: inline-block;

}

.cs-primary-btn::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 100%;

  visibility: hidden;

  -webkit-clip-path: polygon(0% 0%, 75% 0%, 90% 51%, 75% 100%, 0% 100%);

          clip-path: polygon(0% 0%, 75% 0%, 90% 51%, 75% 100%, 0% 100%);

  border-radius: 50px;

  overflow: hidden;

  background-color: #0A0A0A;

  opacity: 0.1;

  transition: all 0.3s;

  z-index: 1;

}

.cs-primary-btn:hover span {

  color: #fff;

  z-index: 2;

}

.cs-primary-btn:hover span path {

  stroke: #fff;

}

.cs-primary-btn:hover i {

  color: white;

  z-index: 2;

}

.cs-primary-btn:hover::before {

  right: 0;

  visibility: visible;

}

.cs-primary-btn.white-primary-btn {

  background: #fff;

  color: #0A0A0A;

  transition: all 0.4s ease;

}

.cs-primary-btn.white-primary-btn i {

  color: #0A0A0A;

}

.cs-primary-btn.white-primary-btn:hover {

  background: #D40511;

  color: #fff;

  transition: all 0.4s ease;

}

.cs-primary-btn.white-primary-btn:hover i {

  color: #fff;

}

.cs-primary-btn.gray-primary-btn {

  background: #F3F3F3;

  transition: all 0.4s ease;

}

.cs-primary-btn.gray-primary-btn i {

  color: #0A0A0A;

}

.cs-primary-btn.gray-primary-btn a {

  color: #0A0A0A;

}

.cs-primary-btn.gray-primary-btn:hover {

  background: #D40511;

  transition: all 0.4s ease;

}

.cs-primary-btn.gray-primary-btn:hover i {

  color: #fff;

}

.cs-primary-btn.gray-primary-btn:hover a {

  color: #fff;

}



.cs_round_btn {

  position: relative;

  overflow: hidden;

  height: 155px;

  min-width: 155px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #fff;

  border-radius: 50%;

  padding: 30px 15px;

  color: #fff;

}

.cs_round_btn:hover {

  background: #fff;

  color: #0A0A0A;

  transition: all 0.4s ease;

}



/*--------------------------------------------------------------

  13. Widget Style

----------------------------------------------------------------*/

.cs-widget-download {

  background: #96262c;

  height: 120px;

  display: flex;

  align-items: center;

  padding-left: 30px;

}

.cs-widget-download .cs-download-card-in {

  display: flex;

  align-items: center;
  color:#ffffff !important;

}

.cs-widget-download .cs-download-card-in .cs-download-icon i {

  font-size: 32px;

  color:#ffffff !important;

}

.cs-widget-download .cs-download-card-in .cs-download-text {

  padding-left: 15px;
  color:#ffffff !important;

}

.cs-widget-download .cs-download-card-in .cs-download-text h6 {

  margin-top: -5px;
  color:#ffffff !important;

}



.cs-widget-get-touch p {

  padding-bottom: 20px;

}

.cs-widget-get-touch .email-phone-widget :first-child {

  padding-bottom: 2px;

}



.cs-widget-leftborder {

  padding-left: 20px;

  position: relative;

}



.cs-widget-leftborder::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  border: 2.5px solid #ECECEC;

  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);

          clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);

}



.cs-widget-item {

  margin-bottom: 50px;

}

.cs-widget-item:last-child {

  margin-bottom: 0px;

}

.cs-widget-item .cs-widget-title {

  margin-bottom: 20px;

  display: flex;

  align-items: center;

  gap: 10px;

}

.cs-widget-item .cs-widget-title i {

  color: #D40511;

  font-size: 22px;

  line-height: 0px;

}



.cs-single-widget-wrap .cs-widget-in .cs-link-list ul {

  margin: 0;

  padding: 0;

}

.cs-single-widget-wrap .cs-widget-in .cs-link-list ul li {

  list-style: none;

  line-height: 230%;

}

.cs-single-widget-wrap .cs-widget-in .cs-link-list ul .cs-text_b_line {

  display: inherit;

}



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

  .cs-single-widget-wrap {

    padding-left: 50px;

  }

}

.cs-search-widget .cs-search-content {

  position: relative;

}

.cs-search-widget .cs-search-content input {

  width: 100%;

  height: 60px;

  padding-left: 20px;

  border: 1px solid #ccc;

  transition: border-color 0.3s ease;

}

.cs-search-widget .cs-search-content input:focus, .cs-search-widget .cs-search-content input:active, .cs-search-widget .cs-search-content input:focus-visible, .cs-search-widget .cs-search-content input:focus-within {

  border: 1px solid #D40511;

  outline: none;

}

.cs-search-widget .cs-search-content .cs-icon-search {

  position: absolute;

  right: 20px;

  top: 16px;

  cursor: pointer;

}

.cs-search-widget .cs-search-content .cs-icon-search i {

  font-size: 28px;

  color: #D40511;

}



.cs-tag-items-wrap ul {

  margin: 0;

  padding: 0;

}

.cs-tag-items-wrap ul li {

  list-style: none;

  display: inline-block;

  border: 1px solid #ECECEC;

  border-radius: 25px;

  padding: 2px 10px;

  margin-bottom: 10px;

  transition: all 0.4s ease;

}

.cs-tag-items-wrap ul li a {

  font-size: 16px;

}

.cs-tag-items-wrap ul li:hover {

  background: #D40511;

  transition: all 0.4s ease;

  border: 1px solid #D40511;

}

.cs-tag-items-wrap ul li:hover a {

  color: #fff;

}



/*--------------------------------------------------------------

  14. Hero Style

----------------------------------------------------------------*/

.cs-hero-slider-wrap .cs-hero-slider-content-wrap {

  position: relative;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slider-img {

  position: relative;

}
.cs-hero-slider-img.slider-image:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  opacity: 0.8;
}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slider-img img {

  height: 100vh;

  width: 100vw;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

  padding-top: 30px;

  position: absolute;

  

  z-index: 10;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content .cs-hero-title {

  margin-bottom: 55px;

  max-width: 608px;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content .cs-hero-title h1 {

  color: #fff !important;

  line-height: 115%;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument {

  position: absolute;

  left: 100px;

  bottom: 0;

  z-index: 10;

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  width: calc(100% - 100px);


}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller {

  display: flex;

  margin-bottom: 70px;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller .slider-controler-item {

  cursor: pointer;

  color: #fff;

  padding-right: 50px;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller .slider-controler-item h6, .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller .slider-controler-item p {

  color: #fff;

  margin: 0;

  font-family: var(--heading-font-family);

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-thumb {

  height: 150px;

  width: 350px;

  background: white;

  -webkit-clip-path: polygon(100% 0%, 100% 52%, 100% 100%, 0 100%, 0% 40%, 25% 0%);

          clip-path: polygon(100% 0%, 100% 52%, 100% 100%, 0 100%, 0% 40%, 25% 0%);

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-thumb .cs-thumb-in {

  display: flex;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-thumb .cs-thumb-in img {

  border-radius: 100%;

  opacity: 0.5;

  cursor: pointer;

  width: 90%;

  transition: all 0.5s ease;

}

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-thumb .cs-thumb-in img:hover {

  opacity: 1;

  width: 100%;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slide-content {

  display: flex;

  justify-content: space-between;

  width: 100%;

  left: 300px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-left {

  margin-top: 100px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .air-swiper-slider {

  align-items: flex-end;

  display: flex;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-title h1 {

  line-height: 120%;

  margin-bottom: 30px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-subtitle {

  margin-bottom: 40px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-subtitle p {

  font-size: 18px;

  max-width: 500px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

  padding-left: 200px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller {

  position: absolute;

  left: 0;

  display: flex;

  align-items: center;

  z-index: 9;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in {

  display: flex;

  flex-direction: column;

  gap: 40px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item {

  cursor: pointer;

  display: flex;

  align-items: center;

  gap: 10px;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item .cs-hero-sl-border {

  height: 1px;

  background: #fff;

  min-width: 50px;

  transition: all 0.5s ease;

  opacity: 0.2;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item h6 {

  color: #fff;

  opacity: 0.5;

  transition: all 0.3s ease;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item h6:hover {

  opacity: 1;

  transition: all 0.3s ease;

}

@media screen and (max-width: 375px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-right-img {

    display: none;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller {

    display: none;

  }

}

@media screen and (max-width: 425px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-subtitle {

    margin-right: 20px;

  }

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slide-content {

  padding-left: calc((100% - 1700px) / 2);

  position: absolute;

  left: 0px;

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-content {

  display: flex;

  align-items: center;

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow {

  position: absolute;

  left: 20px;

  right: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  cursor: pointer;

  z-index: 1;

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow :last-child {

  transform: rotate(180deg);

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow i {

  font-size: 30px;

  color: #97272c;

  -webkit-text-stroke: 2.5px #97272c;

  transition: all 0.3s ease;

  background-color: white;

  padding: 5px;

  border-radius: 10px;

  padding-bottom: 5px;

  padding-top: 8px;

}

.cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow i:hover {

  color: white;

  transition: all 0.3s ease;

}

@media screen and (max-width: 991px) {

  .cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow {

    bottom: 20px;

    justify-content: flex-start;

  }

}

@media screen and (max-width: 500px) {

  .cs-hero-slider-wrap.cs-hero-ocean-cargo .cs-hero-slider-arrow {

    display: none;

  }

}















@media screen and (max-width: 1700px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slide-content {

    left: 50px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-right-img {

    max-width: 50vw;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

    padding-left: 100px;

  }

}





@media screen and (max-width: 1700px) {

.cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {



  left: 100px; 

  

}



}





@media screen and (max-width: 1590px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-title h1 {

    font-size: 80px;

  }

}

@media screen and (max-width: 1322px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slide-content {

    left: 50px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-left {

    margin-top: 100px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

    padding-left: 10px;

  }

}

@media screen and (max-width: 767px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-title h1 {

    font-size: 60px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-left {

    padding-right: 10px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

    padding-left: 0px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-sl-border {

    display: none;

  }

}



@media screen and (max-width: 1199px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

    display: flex;

    flex-direction: column;

    gap: 40px;

    margin-left: 0px;

    padding-right: 10px;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller {

    right: 0;

    position: absolute;

    left: auto;

  }

  .cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item {

    flex-direction: row-reverse;

  }

}

@media screen and (max-width: 1280px) {

  .cs-hero-slider-wrap.cs-hero-air-freight .air-swiper-slider {

    align-items: center;

  }

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item.slider-controler-item-air.active .cs-hero-sl-border {

  width: 100px;

  transition: all 0.5s ease;

  opacity: 1;

}

.cs-hero-slider-wrap.cs-hero-air-freight .cs-air-hero-controller .cs-air-slider-con-in .cs-air-sli-con-item.slider-controler-item-air.active h6 {

  opacity: 1;

}



@media screen and (max-width: 991px) {

  .cs-hero-slider-instrument {

    width: 100vw;

    margin: 0px 10px;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-thumb {

    display: none;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-content .cs-hero-slide-content {

    left: 10px;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument {

    left: 0px;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller {

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 1024px) {



}

@media screen and (max-width: 991px) {

  .cs-hero-slider-wrap .cs-hero-title h1 {

    font-size: 42px;

  }

}

@media screen and (max-width: 567px) {

  .cs-hero-slider-wrap .cs-hero-title {

    margin-bottom: 25px;

  }

  /* .cs-hero-slider-wrap .cs-hero-title h1 {

    font-size: 60px;

    line-height: 115%;

  } */

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller .slider-controler-item {

    padding-right: 20px;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument {

    width: 100vw;

  }

}

@media screen and (max-width: 320px) {

  .cs-hero-slider-wrap .cs-hero-title h1 {

    font-size: 40px;

  }

  .cs-hero-slider-wrap .cs-hero-slider-content-wrap .cs-hero-slider-instrument .cs-hero-slider-controller .slider-controler-item p {

    display: none;

  }

}

.logi-splite,

.logi-splite-2 {

  position: relative;

  overflow: hidden;

}

.logi-splite .split-parent,

.logi-splite-2 .split-parent {

  overflow: hidden;

}

.logi-splite .split-child,

.logi-splite-2 .split-child {

  display: inline-block;

}

.logi-splite .word,

.logi-splite-2 .word {

  margin-right: 10px;

}



/*--------------------------------------------------------------

  15. Title Style

----------------------------------------------------------------*/

.cs-section-title-left-right.sec-title-style-1 {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-caption {

  display: flex;

  align-items: center;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-caption .cs-cap-icon {

  margin-right: 10px;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-caption .cs-cap-icon svg {

  max-height: 16px;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-caption .cs-cap-text {

  color: #0A0A0A;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-caption .cs-cap-text p {

  margin: 0px;

  font-family: 'Montserrat', sans-serif;

}

.cs-section-title-left-right.sec-title-style-1 .cs-title-left-area .cs-sec-title h2 {

  max-width: 800px;

}



.cs-section-title-center.sec-title-style-2 .cs-title-center-area {

  text-align: center;

}

.cs-section-title-center.sec-title-style-2 .cs-title-center-area .cs-sec-caption {

  display: flex;

  justify-content: center;

}

.cs-section-title-center.sec-title-style-2 .cs-title-center-area .cs-sec-caption .cs-cap-icon {

  margin-right: 10px;

}



@media screen and (max-width: 991px) {

  .cs-section-title-left-right.sec-title-style-1 {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

  }

  .cs-section-title-left-right.sec-title-style-1 .cs-sec-title {

    margin-bottom: 25px;

  }

}

/*--------------------------------------------------------------

  16. Expertise Area

----------------------------------------------------------------*/

.cs-expertise-wrap .container-fluid {

  padding: 0px 100px;

  max-width: 1720px;

  margin: auto;

}

.cs-expertise-wrap .cs-expert-area-content {

  display: flex;

  justify-content: space-between;

  background: #F3F3F3;

  padding: 79px;

  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 20%, 100% 80%, 96% 100%, 4% 100%, 0% 80%, 0% 20%);

          clip-path: polygon(4% 0, 96% 0, 100% 20%, 100% 80%, 96% 100%, 4% 100%, 0% 80%, 0% 20%);

}

.cs-expertise-wrap .cs-expert-area-item {

  max-width: 425px;

}

.cs-expertise-wrap .cs-expert-area-item .cs-exp-icon-title {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}

.cs-expertise-wrap .cs-expert-area-item .cs-exp-icon-title .cs-exp-icon {

  margin-right: 30px;

  color: #D40511;

  font-size: 80px;

}

.cs-expertise-wrap .cs-expert-area-item .cs-exp-icon-title .cs-exp-title {

  max-width: 275px;

}

.cs-expertise-wrap .cs-expert-area-item:hover .cs-exp-icon .svg-left-to-right-animation > :first-child {

  transform: translateX(50%);

}

.cs-expertise-wrap .cs-expert-area-item:hover .cs-exp-icon .svg-left-to-right-animation > :last-child {

  transform: translateX(170%) rotateX(50deg);

}

.cs-expertise-wrap .cs-expert-area-item:hover .cs-exp-icon::after {

  width: 100%;

}

.cs-expertise-wrap .cs-expert-line {

  width: 1px;

  background: #ECECEC;

  height: 100%;

  max-height: 150px;

}

.cs-expertise-wrap.expert-area-no-bg .cs-expert-area-content {

  background: none;

  padding: 0px;

  -webkit-clip-path: initial;

          clip-path: initial;

}

.cs-expertise-wrap.expert-area-no-bg .cs-expert-area-content p {

  margin: 0px;

}

.cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area {

  border-bottom: 1px solid #ECECEC;

}

.cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area .cs-expert-area-content .cs-expert-area-item {

  padding-top: 60px;

  padding-bottom: 60px;

}

.cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area .cs-expert-area-content .cs-expert-line {

  max-height: 100%;

}

.cs-expertise-wrap.expert-full-zig {

  background: #004041;

}

.cs-expertise-wrap.expert-full-zig .container-fluid {

  padding: 0px 10px;

}

.cs-expertise-wrap.expert-full-zig .cs-expert-line {

  opacity: 0.2;

}

.cs-expertise-wrap.expert-full-zig .cs-expert-area-content {

  padding: 79px 0px;

  background: none;

  color: #fff;

}

.cs-expertise-wrap.expert-full-zig .cs-expert-area-content h5 {

  color: #fff;

}



@media screen and (max-width: 1670px) {

  .cs-expertise-wrap .cs-expert-line {

    display: none;

  }

  .cs-expertise-wrap.expert-full-zig .container-fluid {

    padding: 0px 50px;

  }

}

@media screen and (max-width: 1500px) {

  .cs-expertise-wrap .cs-expert-area-content {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

  .cs-expertise-wrap .cs-expert-area-item {

    margin-bottom: 40px;

    margin-right: 30px;

  }

  .cs-expertise-wrap .cs-expert-area-item:last-child {

    margin-bottom: 0px;

  }

  .cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area {

    border-bottom: none;

  }

  .cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area .cs-expert-area-content {

    flex-wrap: nowrap;

  }

  .cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area .cs-expert-area-content .cs-expert-area-item {

    padding-bottom: 0px;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 1241px) {

  .cs-expertise-wrap .container-fluid {

    padding: 0px 100px;

  }

  .cs-expertise-wrap .container-fluid .cs-expert-area-content {

    padding: 0px;

    background: none;

    -webkit-clip-path: none;

            clip-path: none;

  }

  .cs-expertise-wrap.expert-full-zig .container-fluid {

    padding: 50px 50px;

  }

  .cs-expertise-wrap.expert-area-no-bg.cs-border-style-expart-area .cs-expert-area-content {

    flex-wrap: wrap;

  }

}

@media screen and (max-width: 1083px) {

  .cs-expertise-wrap .container-fluid {

    padding: 0px 40px;

  }

  .cs-expertise-wrap .container-fluid .cs-expert-area-content {

    padding: 0px 10px;

  }

}

@media screen and (max-width: 991px) {

  .cs-expertise-wrap .container-fluid {

    max-width: 720px;

    margin: auto;

  }

  .cs-expertise-wrap .cs-expert-area-content {

    padding: 0px;

  }

}

@media screen and (max-width: 576px) {

  .cs-expertise-wrap .cs-expert-area-content {

    padding: 0px 10px !important;

    -webkit-clip-path: circle(70.7% at 50% 50%);

            clip-path: circle(70.7% at 50% 50%);

  }

  .cs-expertise-wrap .cs-expert-area-content .cs-expert-area-item {

    margin-right: 0px;

  }

  .cs-expertise-wrap .container-fluid {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

    margin-top: var(--bs-gutter-y);

  }

  .cs-expertise-wrap.expert-full-zig .container-fluid {

    padding: 50px 10px;

  }

}

.svg-left-to-right-animation-wrap {

  position: relative;

  display: inline-flex;

  flex-shrink: 0;

  width: 85px;

}

.svg-left-to-right-animation-wrap .svg-left-to-right-animation {

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 9;

  overflow: hidden;

}

.svg-left-to-right-animation-wrap .svg-left-to-right-animation > :first-child {

  transition: all 0.5s;

  transform: translateX(-150%);

}

.svg-left-to-right-animation-wrap .svg-left-to-right-animation > :last-child {

  transition: all 0.5s;

  transform: translateX(-50%);

}

.svg-left-to-right-animation-wrap:hover .svg-left-to-right-animation > :first-child {

  transform: translateX(50%);

}

.svg-left-to-right-animation-wrap:hover .svg-left-to-right-animation > :last-child {

  transform: translateX(170%) rotateX(50deg);

}

.svg-left-to-right-animation-wrap:hover::after {

  width: 100%;

}



/*--------------------------------------------------------------

  17. About Style

----------------------------------------------------------------*/

.cs-about-wrapper-1 {

  padding-right: calc((100% - 1320px) / 2);

}

.cs-about-wrapper-1 .cs-about-wrap-in {

  position: relative;

  min-height: 615px;

  display: flex;

  align-items: center;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-content-wrap {

  display: flex;

  justify-content: end;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in {

  max-width: 637px;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in .cs-about-title {

  margin-bottom: 20px;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in .cs-about-para {

  margin-bottom: 30px;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-img-area {

  position: relative;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-img-area .cs-about-img-over-content {

  position: absolute;

  right: 0;

  bottom: 0;

  opacity: 1 !important;

  background-position: center;

  background-repeat: no-repeat;

  padding: 50px;

  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%);

          clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%);

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-img-area .cs-about-img-over-content h2 {

  color: #fff;

}

.cs-about-wrapper-1 .cs-about-wrap-in .cs-about-img-area .cs-about-img-over-content p {

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 18px;

  font-weight: 500;

  line-height: 135%;

}

.cs-about-wrapper-1.cs-about-2 {

  padding-left: calc((100% - 1320px) / 2);

}

.cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

  position: absolute;

  top: 0;

  left: 100px;

}

.cs-about-wrapper-1.cs-about-2 .cs-about-list-wrap {



  margin-bottom: -40px;

}

.cs-about-wrapper-1.cs-about-2.cs-about-img-left0 .cs-about-img-area {

  left: 0;

  position: absolute;

}



.cs-about-style-2 {

  position: relative;

}

.cs-about-style-2 .cs-about-wrap-in {

  position: initial;

  margin-bottom: -75px;

}

.cs-about-style-2 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in .cs-about-para {

  

}



.flex_end {

  display: flex;

  align-items: flex-end;

}



.cs-about-list-wrap {

  display: flex;

  gap: 75px;

}

.cs-about-list-wrap ul {

  padding: 0;

}

.cs-about-list-wrap ul li {
  list-style: none;
  font-size: 18px;
  line-height: 31px;
  font-weight: 500;
}

.cs-about-list-wrap ul li i {

  margin-right: 10px;

  color: #97272c;

}



@media screen and (max-width: 1600px) {

  .cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

    left: 10px;

  }

}

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

  .cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

    max-width: 50%;

  }

}

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

  .cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

    max-width: 50%;

  }

}

@media screen and (max-width: 1199px) {

  .cs-about-wrapper-1 .cs-about-content-wrap {

    max-width: 960px;

    margin: auto;

    justify-content: flex-start !important;

  }

  .cs-about-wrapper-1 .cs-about-img-area {

    padding-bottom: 50px;

    max-width: 960px;

    margin: auto;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-list-wrap {

    margin-top: 375px;

    margin-bottom: 5px;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-list-wrap .cs-about-img-area {

    width: 80% !important;

  }

  .cs-about-wrapper-1.cs-about-img-left0 .cs-about-list-wrap {

    margin-top: 420px;

  }

  .cs-about-wrapper-1.cs-about-img-left0 .cs-about-list-wrap .cs-about-img-area {

    width: 80% !important;

  }

  .cs-about-style-2 .cs-about-wrap-in {

    margin-bottom: 0px;

  }

  .cs-about-style-2 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in .cs-about-para {

    margin-bottom: 45px;

  }

  .cs-about-style-2 .cs-about-wrap-in .cs-about-content-wrap .cs-about-content-in .cs-about-para p {

    margin: 0px;

  }

}

@media screen and (max-width: 991px) {

  .cs-about-wrapper-1 .cs-about-content-wrap .cs-about-content-in {

    margin: auto;

    max-width: 720px;

  }

  .cs-about-wrapper-1 .cs-about-img-area {

    max-width: 720px;

    margin: auto;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

    position: initial;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-list-wrap {

    max-width: 637px;

    margin: auto;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-content-wrap .cs-about-content-in .cs-about-para {

    margin-bottom: 40px;

  }

  .cs-about-wrapper-1.cs-about-2 .cs-about-content-wrap .cs-about-content-in .cs-about-para p {

    margin-bottom: 0px;

  }

  .cs-about-wrapper-1.cs-about-2.cs-about-img-left0 .cs-about-img-area {

    position: inherit;

  }

}

@media screen and (max-width: 767px) {

  .cs-about-wrapper-1.cs-about-2 .cs-about-img-area {

    position: initial;

  }

  .cs-about-wrapper-1.cs-about-2 .container {

    max-width: 650px;

    margin: auto;

  }

}

@media screen and (max-width: 767px) {

  .cs-about-wrapper-1.cs-about-2 {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

}

@media screen and (max-width: 576px) {

  .cs-about-wrapper-1 .container-fluid {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

  .cs-about-wrapper-1 .cs-about-list-wrap {

    margin-bottom: 30px;

    flex-direction: column;

    gap: 0px !important;

  }

  .cs-about-wrapper-1 .cs-about-list-wrap ul {

    margin: 0px;

  }

  .cs-about-wrapper-1.cs-about-2 .container {

    padding: 0px;

    margin: 0px;

  }

}

/*--------------------------------------------------------------

  18. Services Style

----------------------------------------------------------------*/

.cs-service-sec-wrapper {

  background: #004041;

  color: #fff;

}

.cs-service-sec-wrapper .cs-sec-title h2 {

  color: #fff;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-ser-border {

  height: 1px;

  width: 100%;

  background: #fff;

  opacity: 0.2;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 50px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .ser-icon-title {

  display: flex;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-icons {

  display: flex;

  align-items: center;

  margin-right: 45px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-icons i {

  font-size: 58px;

  margin-right: 15px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-title {

  max-width: 352px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-title h4 {

  color: white;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-para {

  max-width: 370px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-btn {

  text-align: right;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-btn i {

  font-size: 70px;

}

.cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-btn:hover {

  transition: all 0.5s;

}

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

  .cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-btn {

    min-width: 300px;

  }

}

.cs-service-sec-wrapper.cs-ser-style-2 {

  background: none;

  color: #0A0A0A;

}

.cs-service-sec-wrapper.cs-ser-style-2 h2 {

  color: #0A0A0A;

}

.cs-service-sec-wrapper.cs-ser-style-2 .cs-service-list-wrap .cs-ser-border {

  background: #ECECEC;

  opacity: 1;

}

.cs-service-sec-wrapper.cs-ser-style-2 .cs-service-list-wrap .cs-service-item .cs-ser-title h4 {

  color: #0A0A0A;

}



.cs-service-items-fullw .row {

  margin-left: 0px;

  margin-right: 0px;

}

.cs-service-items-fullw .cs-service-items-in .container-fluid .row .col-lg-3 {

  margin: 0px;

  padding: 0px;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content {

  position: relative;

  color: #fff;

  border-right: 1px solid rgba(255, 255, 255, 0.3);

  overflow: hidden;
  cursor: pointer;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-service-item-img {

  opacity: 0;

  transition: opacity 0.4s ease, transform 0.4s ease;

  transform: scale(1) translateY(5%);

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-service-item-img img {

  -o-object-fit: contain;

     object-fit: contain;

  transition: transform 0.4s ease;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-ser-content {

  margin-right: 30px;

  position: relative;

  z-index: 2;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-ser-content h4 {

  margin-bottom: 15px;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content:hover .cs-service-item-img {

  opacity: 1;

  transform: scale(1.2) translateY(-1%);

}

/* .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content:hover .cs-ser-icon i {

  font-size: 100px;

  z-index: 3;

  position: relative;

} */

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  position: absolute;

  left: 50px;

  bottom: 50px;

  right: 10px;

  top: 10px;
  cursor: pointer;
}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in .cs-ser-icon {

  text-align: right;

}

.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in .cs-ser-icon i {

  font-size: 175px;
  text-align: right;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
  color: transparent;
  cursor: pointer;
  position: relative;
  z-index: 3;
  transition: font-size 0.4s ease;
  width: 90px;
  height: 84px;
  position: absolute;
  right: 38px !important;
  transform: rotate(141deg);
  cursor: pointer;

}
.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in .cs-ser-icon i:before{
  content: '';
  background: url(../../assets/img/ok.png) no-repeat center center;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: block;
}
.cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content:hover .cs-ser-icon i {

  right: 45px !important;
  top:12px;

}
@media screen and (max-width: 567px) {

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in {

    left: 20px;


  }

}



@media (min-width: 991px) and (max-width: 1500px) {

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-ser-content {

    margin-right: 20px;

  }

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in .cs-ser-icon i {

    font-size: 75px;

  }

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content .cs-ser-content h4 {

    font-size: 28px;

  }

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content-in {

    left: 15px;

    bottom: 20px;

  }

}

@media screen and (max-width: 1199px) {

  .cs-service-sec-wrapper .cs-ser-icons svg {

    display: none;

  }

  .cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-icons {

    margin-right: 20px;

  }

  .cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item {

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 991px) {

  .cs-service-sec-wrapper .cs-service-item {

    flex-wrap: wrap;

  }

  .cs-service-sec-wrapper .cs-service-item .ser-icon-title {

    margin-bottom: 15px;

    align-items: center;

    display: flex;

  }

  .cs-service-items-fullw .cs-service-items-in .cs-serivce-item-content {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  }

}

@media screen and (max-width: 576px) {

  .cs-service-sec-wrapper .cs-service-item .cs-ser-icons {

    margin-right: 20px;

  }

  .cs-service-sec-wrapper .cs-service-item .cs-ser-icons svg {

    display: none;

  }

  .cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item .cs-ser-btn i {

    font-size: 45px;

  }

  .cs-service-sec-wrapper .cs-service-list-wrap .cs-service-item {

    margin-bottom: 0px;

  }

}

.mb-50 {

  margin-bottom: 50px;

}



.cs-page-single-wrap .cs-page-single-wrap-in .cs-page-single-content-wrap .cs-page-content-in h4,

.cs-page-single-wrap .cs-page-single-wrap-in .cs-page-single-content-wrap .cs-page-content-in h6 {

  

  font-weight: 600;

}

.cs-page-single-wrap .cs-page-single-wrap-in .cs-page-single-content-wrap .cs-page-content-in p {

  margin: 0px;

}

.cs-page-single-wrap .cs-page-single-wrap-in .cs-page-single-content-wrap .cs-page-content-in .cs-single-text-2-content {

  height: 30px;

}

.cs-page-single-wrap .cs-link-list ul li a span {

  color: var(--body-color);

}

.cs-page-single-wrap .cs-link-list ul li i {

  padding-right: 10px;

}

.cs-page-single-wrap.cs-service-single .cs-single-widget-wrap {

  padding-left: 0px;

  margin-right: 30px;

}

.cs-page-single-wrap.single-content-left {

  margin-left: 30px;

}



.cs-single-content-gap {

  height: 40px;

}



.cs-card-wrap .row .col-lg-6 :nth-child(2) {

  margin-bottom: 40px;

}

.cs-card-wrap .cs-card-in .cs-card-content-wrap {

  display: flex;

  gap: 30px;

}

.cs-card-wrap .cs-card-in .cs-card-content-wrap h6 {

  font-size: 18px;

  max-width: 250px;

}



@media screen and (max-width: 991px) {

  .reverse-widget {

    margin-top: 50px;

  }

}

.cs-maxw-1720 {
  padding: 0 20px;
  max-width: 1720px;

  margin: auto;

}


.cs-service-items-fullw.cs-maxw-1720 {
  padding: 0 0;

}


/*--------------------------------------------------------------

  19. Clients

----------------------------------------------------------------*/

.cs-client-brand-wrapper .cs-client-container .cs-client-card {

  border: 1px solid #ECECEC;

  height: 190px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.cs-client-brand-wrapper .row {

  padding: 0px;

}

.cs-client-brand-wrapper .row .col-lg-3 {

  margin: 0;

  padding: 0;

}

.cs-client-brand-wrapper.style-full-1raw .row {

  padding: 0px;

}

.cs-client-brand-wrapper.style-full-1raw .row .col-lg-2 {

  margin: 0;

  padding: 0;

}



.cs-client-card {

  cursor: pointer;

  transition: all 0.3s;

  position: relative;

  display: inline-flex;

  align-items: center;

  overflow: hidden;

  width: auto;

}

.cs-client-card::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 100%;

  visibility: hidden;

  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);

          clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 50%, 0% 0%);

  overflow: hidden;

  background-color: #97272c;

  transition: all 0.5s;

  z-index: 11;

}

.cs-client-card:hover::before {

  right: 0;

  visibility: visible;

}

.cs-client-card:hover h6 {

  color: #fff;

  z-index: 12;

}

.cs-client-card:hover h6 a {

  color: #fff;

}



/*--------------------------------------------------------------

  18. Counter Style

----------------------------------------------------------------*/

.cs-counter-wrap .cs-counter-item .cs-count-text {

  color: #0A0A0A;

}



@media screen and (max-width: 991px) {

  .cs-counter-wrap .container .row > *:nth-child(-n+2) {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 767px) {

  .cs-counter-wrap .container .row > *:nth-child(-n+3) {

    margin-bottom: 30px;

  }

}

/*--------------------------------------------------------------

  21. Section Forms

----------------------------------------------------------------*/

.cs-form-with-map .container-fluid {

  padding-right: calc((100% - 1320px) / 2);

}

.cs-form-with-map .cs-map-half iframe {

  height: 600px;

  width: 100%;

  margin-bottom: -10px;

}

.cs-form-with-map .cs-map-half iframe :focus,

.cs-form-with-map .cs-map-half iframe :active {

  border: none;

}

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

  .cs-form-with-map .cs-form-for-map {

    margin-left: 150px;

  }

}



@media screen and (max-width: 1350px) {

  .cs-form-with-map .cs-form-for-map {

    margin-left: 20px;

  }

  .cs-form-with-map .cs-form-light {

    padding-right: 10px;

  }

}

@media screen and (max-width: 991px) {

  .cs-form-with-map .cs-map-half {

    margin-bottom: 50px;

  }

  .cs-form-with-map .cs-form-light {

    padding-right: 0px;

    margin-bottom: 110px;

  }

  .cs-form-with-map .cs-form-for-map .cs-form-with-map.cs-form-light {

    margin-bottom: 0px !important;

  }

}

/*--------------------------------------------------------------

  22. Team Member

----------------------------------------------------------------*/

.cs-team-wrapper .cs-members-container .cs-member-item {

  position: relative;

  max-width: 405px;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-img {

  position: relative;

  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

          clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

  margin: 0;

  padding: 0;

  overflow: hidden;

  transition: transform 0.4s ease;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-img img {

  width: 100%;

  height: 100%;

  transition: transform 0.4s ease;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-img::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 64, 65, 0.5);

  opacity: 0;

  transition: opacity 0.5s ease;

  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

          clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-item-content {

  position: absolute;

  right: 0;

  bottom: 0;

  width: 300px;

  height: 80px;

  background: #fff;

  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 11% 50%, 0% 0%);

          clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 11% 50%, 0% 0%);

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-item-content .cs-member-info {

  margin-left: 50px;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-item-content .cs-member-info .cs-member-designation p {

  margin: 0px;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-member-connect {

  transition: all 0.4s ease;

}

.cs-team-wrapper .cs-members-container .cs-member-item:hover .cs-member-img {

  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

          clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

}

.cs-team-wrapper .cs-members-container .cs-member-item:hover .cs-member-img img {

  transform: scale(1.1) translateX(10px);

}

.cs-team-wrapper .cs-members-container .cs-member-item:hover .cs-member-img::after {

  opacity: 1;

  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

          clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

}

.cs-team-wrapper .cs-members-container .cs-member-item:hover .cs-social-contact {

  max-height: 220px;

  opacity: 1;

}

.cs-team-wrapper .cs-members-container .cs-member-item:hover .cs-member-connect {

  transform: rotate(-90deg);

  margin-right: 10px;

  transition: all 0.4s ease;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact {

  position: absolute;

  right: 0;

  bottom: 80px;

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul {

  display: flex;

  flex-direction: column;

  margin: 0;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul li {

  display: inline-block;

  margin-bottom: 1px;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul li a {

  padding: 15px 15px 8px 15px;

  background: #D40511;

  display: inline-block;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul li a i {

  color: #fff;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul li:hover a {

  background: #fff;

}

.cs-team-wrapper .cs-members-container .cs-member-item .cs-social-contact ul li:hover a i {

  color: #0A0A0A;

}

.cs-team-wrapper .container-fluid {

  max-width: 1720px;

  padding: 0px 10px;

  margin: auto;

}

.cs-team-wrapper .container-fluid .row {

  margin: auto;

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item .cs-member-img {

  -webkit-clip-path: inherit;

          clip-path: inherit;

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item::after {

  -webkit-clip-path: inherit;

          clip-path: inherit;

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item:hover .cs-member-img {

  -webkit-clip-path: inherit;

          clip-path: inherit;

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item:hover .cs-member-img::after {

  -webkit-clip-path: inherit;

          clip-path: inherit;

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item .cs-member-item-content {

  background: rgba(255, 255, 255, 0.5);

  -webkit-backdrop-filter: blur(50px);

          backdrop-filter: blur(50px);

}

.cs-team-wrapper.cs-team-transparent .cs-members-container .cs-member-item .cs-member-item-content .cs-member-connect {

  margin-right: 15px;

}

.cs-team-wrapper.cs-cargo-team .home1-team-slider {

  overflow: hidden;

}

.cs-team-wrapper.cs-cargo-team .home1-team-slider .swiper-slide {

  width: 320px !important;

  margin-right: 13px !important;

}



.cs-team-wrapper.cs-team-transparent.cs-cargo-team .cs-members-container .cs-member-item .cs-member-item-content {

  width: 250px;

}



@media screen and (max-width: 991px) {

  .cs-team-wrapper .container-fluid {

    width: 100%;

    margin: auto;

  }

}

.cs-raw-in-col8 > *:nth-child(-n+4) {

  padding-bottom: 45px;

}



.cs-raw-in-col8 > *:nth-last-child(-n-4) {

  padding-bottom: 0;

}



@media screen and (max-width: 1199px) {

  .cs-raw-in-col8 > *:nth-child(-n+6) {

    padding-bottom: 45px;

  }

  .cs-raw-in-col8 > *:nth-last-child(-n-2) {

    padding-bottom: 0;

  }

}

@media screen and (max-width: 767px) {

  .cs-raw-in-col8 > *:nth-child(-n+7) {

    padding-bottom: 45px;

  }

  .cs-raw-in-col8 > *:nth-last-child(-n-1) {

    padding-bottom: 0;

  }

}

/*--------------------------------------------------------------

  23. CTA

----------------------------------------------------------------*/

.cs-cta-fullw-horizontal {

  height: 400px;

  transition: background-position 0.9s ease-out;

  background-color: #004041;

  background-size: cover;

}

.cs-cta-fullw-horizontal .cs-cta-hor-in {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.cs-cta-fullw-horizontal .cs-cta-hor-in .cs-cta-hor-title {

  max-width: 75%;

}

.cs-cta-fullw-horizontal .cs-cta-hor-in .cs-cta-hor-title h2 {

  font-size: 70px;

}

.cs-cta-fullw-horizontal.cs-cta-center {

  background-attachment: fixed;

  text-align: center;

  height: 650px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in {

  max-width: 970px;

  margin: auto;

}

.cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in .cs-cta-center-title {

  margin-bottom: 60px;

}

.cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in .cs-cta-center-title h2 {

  font-size: 70px;

}

.cs-cta-fullw-horizontal.cta-no-bg {

  background: none;

  height: auto;

}

.cs-cta-fullw-horizontal.cta-no-bg h2 {

  color: #0A0A0A;

}



@media screen and (max-width: 1366px) {

  .cs-cta-fullw-horizontal {

    height: 350px;

  }

  .cs-cta-hor-title {

    max-width: 80%;

  }

  .cs-cta-hor-title h2 {

    font-size: 60px;

  }

}

@media screen and (max-width: 1199px) {

  .cs-cta-fullw-horizontal {

    height: 325px;

  }

  .cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in {

    max-width: 100%;

  }

  .cs-cta-hor-in {

    flex-direction: column;

    gap: 30px;

  }

  .cs-cta-hor-title {

    max-width: 100%;

    text-align: center;

  }

  .cs-cta-hor-title h2 {

    font-size: 50px;

  }

}

@media screen and (max-width: 991px) {

  .cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in .cs-cta-center-title h2 {

    font-size: 50px;

  }

  .cs-cta-hor-in {

    gap: 20px;

  }

  .cs-cta-hor-in svg {

    display: none;

  }

  .cs-cta-hor-title {

    width: 100vw;

  }

  .cs-cta-hor-title h2 {

    font-size: 40px !important;

  }

}

@media screen and (max-width: 500px) {

  .cs-cta-hor-title h2 {

    font-size: 30px !important;

  }

  .cs-cta-fullw-horizontal.cs-cta-center {

    height: 450px;

  }

  .cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in .cs-cta-center-title {

    margin-bottom: 20px;

  }

  .cs-cta-fullw-horizontal.cs-cta-center .cs-cta-center-in .cs-cta-center-title h2 {

    font-size: 40px;

  }

}

/*--------------------------------------------------------------

  24. Testimonial

----------------------------------------------------------------*/

.cs-testi-wrap {

  position: relative;

}

.cs-testi-wrap .cs-testi-wrap-in {

  text-align: center;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-content {

  margin: auto;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-slide-in {

  max-width: 820px;

  margin: auto;

  z-index: 4;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-slide-in .cs-testi-quote {

  margin-bottom: 30px;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container {

  display: flex;

  justify-content: center;

  margin-top: 80px;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container .cs-user-single {

  cursor: pointer;

  display: flex;

  align-items: center;

  transition: all 0.5s ease;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container .cs-user-single .cs-user-img {

  margin-right: 15px;

  transition: all 0.5s ease;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container .cs-user-single .cs-user-info {

  margin-right: 15px;

  display: none;

  transition: all 0.5s ease;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container .cs-user-single .cs-user-info p {

  margin: 0px;

}

.cs-testi-wrap .cs-testi-wrap-in .cs-testi-user-container .cs-user-single:last-child {

  margin-right: 0px;

}

.cs-testi-wrap .cs-testi-arrow {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 50%;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  max-width: 1400px;

  margin: auto;

}

.cs-testi-wrap .cs-testi-arrow .cs-testi-right,

.cs-testi-wrap .cs-testi-arrow .cs-testi-left {

  width: 50px;

  height: 50px;

  background: #F3F3F3;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.4s ease;

}

.cs-testi-wrap .cs-testi-arrow .cs-testi-right:hover,

.cs-testi-wrap .cs-testi-arrow .cs-testi-left:hover {

  background: #D40511;

  transition: all 0.4s ease;

}

.cs-testi-wrap .cs-testi-arrow .cs-testi-right:hover i,

.cs-testi-wrap .cs-testi-arrow .cs-testi-left:hover i {

  color: #fff;

  transition: all 0.4s ease;

}

.cs-testi-wrap .cs-testi-arrow .cs-testi-right i {

  transform: rotate(-180deg);

}

.cs-testi-wrap .cs-testi-arrow i {

  font-size: 20px;

  line-height: 0px;

}

.cs-testi-wrap.cs-testi-with-bg {

  background: #ECECEC;

  position: inherit;

}

.cs-testi-wrap.cs-testi-with-bg .container-fluid {

  padding-right: calc((100% - 1320px) / 2);

}

.cs-testi-wrap.cs-testi-with-bg .cs-testi-slide-in {

  text-align: left;

}

.cs-testi-wrap.cs-testi-with-bg .cs-air-testi-arrow-control {

  position: relative;

}

.cs-testi-wrap.cs-testi-with-bg .cs-testi-content .cs-testi-user-container {

  justify-content: flex-start;

}

.cs-testi-wrap.cs-testi-with-bg .cs-testi-wrap-in .cs-testi-slide-in {

  margin: 0px;

}

.cs-testi-wrap.cs-testi-with-bg .cs-testi-arrow {

  justify-content: flex-start;

  gap: 30px;

  position: absolute;

  top: 0;

  align-items: flex-start;

  left: 100px;

  z-index: 1;

}

.cs-testi-wrap.cs-testi-with-bg .cs-user-img img {

  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%);

          clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%);

  transition: all 0.4s ease;

}

.cs-testi-wrap.cs-testi-with-bg .cs-user-img img:hover {

  border-radius: 100%;

  transition: all 0.4s ease;

}

@media screen and (max-width: 991px) {

  .cs-testi-wrap.cs-testi-with-bg .cs-testi-wrap-in {

    max-width: 720px;

    margin: auto;

    padding: 0px 10px;

  }

  .cs-testi-wrap.cs-testi-with-bg .cs-testi-arrow {

    display: none;

  }

  .cs-testi-wrap.cs-testi-with-bg .cs-air-testi-arrow-control {

    margin-top: 50px;

  }

  .cs-testi-wrap.cs-testi-with-bg .cs-testi-slide-in {

    text-align: center;

  }

}



.cs-user-single.active .cs-user-info {

  display: initial !important;

  transition: all 0.5s ease !important;

}

.cs-user-single.active .cs-user-img img {

  border-radius: 100%;

  transition: all 0.5s ease !important;

}



@media screen and (max-width: 576px) {

  .cs-testi-wrap .cs-testi-arrow {

    display: none;

  }

  .cs-testi-wrap .cs-testi-user-container {

    gap: 20px;

    margin-top: 45px;

    flex-direction: column;

    align-items: center;

  }

  .cs-testi-wrap .cs-testi-user-container .cs-user-info {

    display: initial !important;

  }

}

/*--------------------------------------------------------------

  25. Project Case study

----------------------------------------------------------------*/

.cs-project-slider-wrapper {

  position: relative;

}

.cs-project-slider-wrapper .cs-project-slider-content .cs-project-slider-content-in {

  padding: 150px 0px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.cs-project-slider-wrapper .cs-project-slider-content .cs-project-slider-content-in .cs-project-slider-inner-content {

  padding-bottom: 100px;

}

.cs-project-slider-wrapper .cs-project-slider-content .cs-project-slider-content-in .cs-project-slider-inner-content .cs-pl-title {

  padding-bottom: 30px;

}

.cs-project-slider-wrapper .cs-project-slider-content .cs-project-slider-content-in .cs-project-slider-inner-content .cs-pl-title h2 {

  color: #fff;

  font-size: 70px;

}

.cs-project-slider-wrapper .cs-project-slider-content .cs-project-slider-content-in .cs-project-slider-inner-content .cs-pl-btn a {

  color: #fff;

}

.cs-project-slider-wrapper .swiper-scrollbar {

  background: rgba(255, 255, 255, 0.2);

  height: 5px;

  width: 315px;

  position: initial;

}

.cs-project-slider-wrapper .swiper-scrollbar .swiper-scrollbar-drag {

  height: 5px;

  background: #fff;

}

.cs-project-slider-wrapper .ps-scrollbar-navigation {

  position: absolute;

  bottom: 30px;

  padding-left: calc((100% - 1320px) / 2);

}

.cs-project-slider-wrapper .ps-scrollbar-navigation .ps-scrollbar-navigation-in {

  display: flex;

  align-items: center;

  gap: 40px;

}

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-left,

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-right {

  background: rgba(255, 255, 255, 0.2);

}

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-left:hover,

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-right:hover {

  background: #fff;

  transition: all 0.4s ease-in-out;

}

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-left:hover i,

.cs-project-slider-wrapper .ps-scrollbar-navigation .cs-arrow-right:hover i {

  color: #0A0A0A;

  transition: all 0.4s ease-in-out;

}

.cs-project-slider-wrapper .ps-scrollbar-navigation i {

  color: #fff;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb {

  position: absolute;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: flex-end;

  align-content: flex-end;

  align-items: flex-end;

  width: 28.125rem;

  height: 22.8125rem;

  flex-shrink: 0;

  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);

          clip-path: polygon(100% 0, 0 100%, 100% 100%);

  background-color: #004041;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-thumb-in {

  display: flex;

  padding-bottom: 25px;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-ps-thumb-item {

  cursor: pointer;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-ps-thumb-item img {

  border-radius: 100%;

  text-align: right;

  opacity: 0.35;

  transition: all 0.5s ease;

  width: 80%;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-ps-thumb-item img:hover {

  opacity: 1;

  transition: all 0.5s ease;

  width: 100%;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-ps-in {

  display: flex;

  align-items: center;

  align-content: flex-end;

  justify-content: space-evenly;

  flex-wrap: wrap;

  gap: 20px;

  max-width: 250px;

  max-height: 220px;

}

.cs-project-slider-wrapper .cs-ps-slider-thumb .cs-ps-in img {

  cursor: pointer;

}



@media screen and (max-width: 991px) {

  .cs-project-slider-wrapper .ps-scrollbar-navigation {

    padding-left: calc((100% - 720px) / 2);

  }

  .cs-project-slider-wrapper .cs-pl-title h2 {

    font-size: 50px !important;

  }

  .cs-project-slider-wrapper .cs-ps-slider-thumb {

    display: none;

  }

  .cs-project-slider-wrapper .cs-project-slider-inner-content {

    padding-bottom: 50px !important;

  }

}

@media screen and (max-width: 767px) {

  .cs-project-slider-wrapper .ps-scrollbar-navigation {

    max-width: 540px;

    margin: auto;

  }

  .cs-project-slider-wrapper .cs-logi-arrow-wrap {

    display: none;

  }

  .cs-project-slider-wrapper .swiper-scrollbar {

    margin-left: 10px;

  }

  .cs-project-slider-wrapper .cs-project-slider-content-in {

    padding: 75px 0px !important;

  }

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item {

  position: relative;

  max-width: 420px;

  max-height: 460px;

  margin: auto;

  overflow: hidden;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item .cs-case-img {

  overflow: hidden;

  transition: transform 0.4s ease;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item .cs-case-img img {

  width: 100%;

  height: auto;

  transition: transform 0.4s ease;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item .cs-case-item-details {

  position: absolute;

  bottom: 20px;

  left: 20px;

  right: 20px;

  top: 20px;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item .cs-case-item-details .cs-case-item-content {

 background: rgb(150 38 44 / 72%);

  padding: 30px;

  height: 100%;

  width: 100%;

  color: #fff;

  display: flex;

  justify-content: flex-end;

  flex-direction: column;

  opacity: 0;

  transition: opacity 0.4s ease;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item:hover .cs-case-item-content {

  opacity: 1;

}

.cs-case-list-wrap .cs-case-list-on .cs-case-item:hover .cs-case-img img {

  transform: scale(1.1);

}



.cs-raw-in-col9 > *:nth-child(-n+6) {

  padding-bottom: 30px;

}



.cs-raw-in-col9 > *:nth-last-child(-n-3) {

  padding-bottom: 0;

}



@media screen and (max-width: 991px) {

  .cs-raw-in-col9 > *:nth-child(-n+7) {

    padding-bottom: 30px;

  }

  .cs-raw-in-col9 > *:nth-last-child(-n-2) {

    padding-bottom: 0;

  }

}

@media screen and (max-width: 767px) {

  .cs-raw-in-col9 > *:nth-child(-n+8) {

    padding-bottom: 30px;

  }

  .cs-raw-in-col9 > *:nth-last-child(-n-1) {

    padding-bottom: 0;

  }

}

.cs-single-page-couple-img {

  display: flex;

  justify-content: space-between;

  gap: 10px;

  overflow: hidden;

}



.cs-project-info {

  background: #ECECEC;

  padding: 60px 40px;

}

.cs-project-info .cs-widget-title h5 {

  margin-bottom: 15px;

}

.cs-project-info .cs-p-info-text h6 {

  font-size: 18px;

}

.cs-project-info .cs-project-info-in .cs-info-item {

  display: flex;

  gap: 10px;

  align-items: center;

  margin-bottom: 30px;

}

.cs-project-info .cs-project-info-in .cs-info-item:last-child {

  margin-bottom: 0px;

}



.cs-quote-card-wrap {

  background: #ECECEC;

  border-left: 2px solid #D40511;

}

.cs-quote-card-wrap .cs-quote-in {

  position: relative;

}

.cs-quote-card-wrap .cs-quote-in i {

  position: absolute;

  top: 30px;

  left: 30px;

  font-size: 90px;

  opacity: 0.05;

  color: #004041;

}

.cs-quote-card-wrap .cs-quote-in .cs-quote-text {

  padding: 50px;

}

.cs-quote-card-wrap .cs-quote-in .cs-quote-text p {

  color: var(--Black, #0a0a0a);

  font-family: 'Montserrat', sans-serif;

  font-size: 1.375rem;

  font-style: italic;

  font-weight: 400;

  line-height: 150%;

}

.cs-quote-card-wrap.cs-quote-dark {

  background: #96262c;

}

.cs-quote-card-wrap.cs-quote-dark i {

  color: #fff;

}

.cs-quote-card-wrap.cs-quote-dark .cs-quote-text p {

  color: #fff;

}
.cs-blog-single-page-in.cs-page-single-wrap-in ul {
  margin-left: 20px;
}


.cs-phone-cta.case {

  display: flex;

  justify-content: center;

  position: relative;

}

.cs-phone-cta.case .cs-phone-content {

  position: absolute;

  bottom: 30px;

}

.cs-phone-cta.case .cs-phone-content .cs-phone-in {

  display: flex;

  align-items: center;

  gap: 15px;

}

.cs-phone-cta.case .cs-phone-content .cs-phone-in h6 {

  color: #fff;

  margin-top: -5px;

}

.cs-phone-cta.case .cs-phone-content .cs-phone-in i {

  font-size: 30px;

  color: #fff;

}



@media screen and (max-width: 1199px) {

  .cs-phone-cta.case {

    display: none;

  }

  .single-content-left .cs-single-widget-wrap {

    margin-right: 0px;

  }

  .cs-single-page-couple-img {

    flex-direction: column;

    display: flex;

    gap: 10px;

  }

}

@media screen and (max-width: 991px) {

  .single-content-left .cs-single-widget-wrap {

    margin: 0px !important;

  }

}

@media screen and (max-width: 767px) {

  .cs-page-single-wrap.single-content-left {

    margin-left: 0px !important;

  }

}

.cs-couple-btn-wrap {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.arrow-rotate-left i {

  transform: rotate(-180deg);

}



/*--------------------------------------------------------------

  27. Posts

----------------------------------------------------------------*/

.cs-border-blog-single {

  height: 1px;

  background-color: #ECECEC;

  width: 100%;

}



.cs-single-blog-info {

  display: flex;

  gap: 15px;

  margin-bottom: 10px;

}



.cs-comment-user-info {

  display: flex;

  gap: 20px;

  align-items: center;

}



.comment-reply {

  margin-left: 40px;

}



.cs-blog-tag-single {

  display: flex;

  align-items: center;

  gap: 15px;

}

.cs-blog-tag-single ul li {

  margin-bottom: 0px !important;

}



.cs-blog-tag-social {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 30px;

}



@media screen and (max-width: 600px) {

  .cs-blog-tag-social {

    display: flex;

    flex-direction: column;

    gap: 15px;

    align-items: flex-start;

  }

  .cs-blog-tag-social .cs-blog-share ul li {

    height: 35px;

    width: 35px;

  }

}

.cs-social-common.cs-blog-share {

  display: flex;

  gap: 15px;

  align-items: center;

  padding-top: 0px;

}

.cs-social-common.cs-blog-share ul li {

  border: 1px solid #004041;

}

.cs-social-common.cs-blog-share ul li:last-child {

  margin: 0px;

}



@media screen and (max-width: 991px) {

  .cs-blog-single-page .row.for-bs > *:nth-child(-n+1) {

    padding-bottom: 50px;

  }

  .similar-post > *:nth-child(-n+2) {

    padding-bottom: 30px;

  }

  .cs-blog-content-container .row .row.for-blog-standard > *:nth-child(-n+6) {

    padding: 10px;

    margin-bottom: 20px;

  }

}

.cs-blog-content-container .row .row.for-blog-standard > *:nth-child(-n+6) {

  padding: 10px;

  margin-bottom: 20px;

}

.cs-blog-content-container .row > *:nth-child(-n-1) {

  margin-bottom: 40px;

}



/*--------------------------------------------------------------

  32. FAQ

----------------------------------------------------------------*/

.cs_accordian .cs_accordian_item {

  margin-bottom: 30px;

}

.cs_accordian .cs_accordian_item .cs_accordian_header {

  padding: 20px 30px;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.cs_accordian .cs_accordian_item .cs_accordian_header i {

  transition: transform 0.5s;

}

.cs_accordian .cs_accordian_item .cs_accordian_header.cs_icon > i {

  transform: rotate(-180deg);

}

.cs_accordian .cs_accordian_item .cs_accordian_body {

  padding: 30px;

  font-size: 16px;

}

.cs_accordian .cs_accordian_item.cs_color_1 {

  border: none;

}

.cs_accordian .cs_accordian_item.cs_color_1 .cs_accordian_header {

  background-color: #F3F3F3;

  transition: all 0.4s ease;

}

.cs_accordian .cs_accordian_item.cs_color_1 .cs_accordian_header .cs_accordian_title {

  color: #0A0A0A;

  font-family: 'Montserrat', sans-serif;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 500;

  line-height: 125%;

  transition: all 0.4s ease;

  margin: 0;

  padding: 0;

}

.cs_accordian .cs_accordian_item.cs_color_1 .cs_accordian_body {

  background: rgba(236, 236, 236, 0.7);

  font-size: 16px;

}

.cs_accordian.light-border-accordian .cs_accordian_item.cs_color_1 .cs_accordian_header {

  padding: 20px 0px;

  background-color: #fff;

  border-bottom: 1px solid #ECECEC;

}

.cs_accordian.light-border-accordian .cs_accordian_item.cs_color_1 .cs_accordian_header .cs_accordian_title {

  background: #fff;

}

.cs_accordian.light-border-accordian .cs_accordian_item.cs_color_1 .cs_accordian_body {

  background: #fff;

  padding: 30px 30px 0px 0px;

}

.cs_accordian.light-border-accordian .cs_accordian_header.active {

  background-color: #fff !important;

  border-bottom: 1px solid #D40511 !important;

  color: #0A0A0A !important;

}

.cs_accordian.light-border-accordian .cs_accordian_header.active i {

  margin-top: 0px;

}

.cs_accordian.light-border-accordian .cs_accordian_header.active .cs_accordian_title {

  color: #0A0A0A !important;

}



.cs_accordian_header.active {

  background-color:#96262c !important;

  color: #fff !important;

  transition: all 0.4s ease;

}

.cs_accordian_header.active i {

  margin-top: -10px;

}

.cs_accordian_header.active .cs_accordian_title {

  color: #fff !important;

  transition: all 0.4s ease;

}



@media screen and (max-width: 991px) {

  .cs-faq-page-wrap .cs-faq-container-in .container {

    max-width: 720px;

    margin: auto;

  }

  .cs-faq-page-wrap .cs-faq-container-in .container .row .col-lg-9 {

    margin-bottom: 0px;

  }

  .cs-faq-page-wrap .cs-faq-container-in .cs-faq-wrap {

    margin-left: 0px !important;

    margin-top: 50px;

  }

}

.cs-faq-page-wrap .cs-faq-container-in .cs-faq-wrap {

  margin-left: 30px;

}



.cs-left-navigation-wrap {

  background: #004041;

  padding: 40px 30px;

}

.cs-left-navigation-wrap .cs-left-nav-in ul {

  border-left: 2.5px solid rgba(255, 255, 255, 0.3);

  display: inline-grid;

}

.cs-left-navigation-wrap .cs-left-nav-in ul li {

  line-height: 175%;

}

.cs-left-navigation-wrap .cs-left-nav-in ul li a span {

  color: #fff;

  font-family: 'Montserrat', sans-serif;

  font-size: 16px;

}

.cs-left-navigation-wrap.light-left-nav {

  background: none;

  padding: 0;

  margin-top: 30px;

}

.cs-left-navigation-wrap.light-left-nav ul {

  border-left: 2.5px solid rgba(0, 64, 65, 0.3);

}

.cs-left-navigation-wrap.light-left-nav ul li a span {

  color: var(--body-color);

}



.tab {

  display: inline-block;

}



.tab-content {

  display: none;

}



.tab-content.active {

  display: block;

}



/*--------------------------------------------------------------

  28. Pricing

----------------------------------------------------------------*/

.cs-pricing-wrap {

  background: #F3F3F3;

}

.cs-pricing-wrap .cs-pricing-item-wrap {

  background: #fff;

  padding: 65px 65px;

  display: flex;

  justify-content: center;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content {

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-pricing-top,

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-price-text {

  text-align: center;

  margin-bottom: 30px;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-price-text {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-price-text span {

  margin-bottom: 6px;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-pricing-feature-list {

  margin-bottom: 40px;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-pricing-feature-list ul li {

  padding: 7px 0px;

  list-style: disc;

  line-height: 135%;

}

.cs-pricing-wrap .cs-pricing-item-wrap .cs-pricing-content .cs-primary-btn {

  margin: auto;

}



@media screen and (max-width: 1199px) {

  .cs-pricing-wrap .row .col-lg-6 {

    margin-bottom: 30px;

  }

  .cs-pricing-wrap .row .col-lg-6:last-child {

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 1199px) {

  .cs-pricing-wrap .cs-pricing-item-wrap {

    padding: 40px 25px;

  }

}

/*--------------------------------------------------------------

  29. Text Moving

----------------------------------------------------------------*/

.cs-text-moving-wrap {

  overflow: hidden;

}

.cs-text-moving-wrap .cs_text-moving_in {

  display: flex;

  flex-wrap: nowrap;

  white-space: nowrap;

  min-width: 100%;

  gap: 70px;

}

.cs-text-moving-wrap .cs_text-moving {

  display: flex;

  flex-shrink: 0;

  align-items: center;

  gap: 70px;

  animation: slide-left 20s linear infinite;

}

.cs-text-moving-wrap .cs_text-moving h2 {

  transition: all 0.3s ease;

}

.cs-text-moving-wrap .cs_text-moving h2:hover {

  color: #D40511;

  transition: all 0.3s ease;

}

.cs-text-moving-wrap.cs-moving-text-with-bg {

  background: #D40511;

  padding: 20px 0px;

}

.cs-text-moving-wrap.cs-moving-text-with-bg h2 {

  color: #fff;

}

.cs-text-moving-wrap.cs-moving-text-with-bg h2:hover {

  color: #fff;

  opacity: 0.8;

  transition: all 0.4s ease;

}



@media screen and (max-width: 576px) {

  .cs-text-moving-wrap .cs_text-moving {

    gap: 30px;

  }

  .cs-text-moving-wrap .cs_text-moving h2 {

    font-size: 60px;

  }

  .cs-text-moving-wrap .cs_text-moving svg {

    max-height: 50px;

  }

}

.cs_animation_speed_10 {

  animation: slide-left 10s linear infinite;

}



.cs_animation_speed_30 {

  animation: slide-left 30s linear infinite;

}



.cs_animation_speed_40 {

  animation: slide-left 40s linear infinite;

}



.cs_animation_speed_50 {

  animation: slide-left 50s linear infinite;

}



.cs_text-moving_hover_push:hover .cs_text-moving {

  animation-play-state: paused;

}



@keyframes slide-left {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}

/*--------------------------------------------------------------

  30. About Feature

----------------------------------------------------------------*/

.cs-com-feature-wrapper .cs-com-feature-content {

  max-width: 775px;

}

.cs-com-feature-wrapper .cs-com-feature-content .cs-com-fe-item {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.cs-com-feature-wrapper .cs-com-feature-content .cs-com-fe-item:hover .cs-feature-title h2 {

  opacity: 5;

  transition: all 0.4s ease;

}

.cs-com-feature-wrapper .cs-com-feature-content .cs-feature-title {

  max-width: 175px;

}

.cs-com-feature-wrapper .cs-com-feature-content .cs-feature-title h2 {

  color: #fff;

  opacity: 0.2;

  transition: all 0.4s ease;

  text-shadow: -1px -1px 0 #004041, 0px -1px 0 #004041, 1px -1px 0 #004041, 1px 0px 0 #004041, 1px 1px 0 #004041, 0px 1px 0 #004041, -1px 1px 0 #004041, -1px 0 0 #004041;

}

.cs-com-feature-wrapper .cs-com-feature-content .cs-com-fe-text {

  max-width: 450px;

  border-bottom: 1px solid #ECECEC;

}

.cs-com-feature-wrapper .container-fluid {

  padding-left: calc((100% - 1320px) / 2);

}

@media screen and (max-width: 1280px) {

  .cs-com-feature-wrapper .container-fluid {

    padding-left: 10px;

  }

}

.cs-com-feature-wrapper.cs-com-feature-for-airfreight .cs-feature-title {

  max-width: 250px;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo {

  position: relative;

  z-index: 1;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-oc-wcu-p {

  max-width: 650px;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-video-img {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-video-img img {

  margin-right: 10px;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-video-img a {

  position: absolute;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-video-img .cs_round_btn {

  min-width: 100px;

  height: 100px;

  background: #fff;

  color: #0A0A0A;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-video-img .cs_round_btn:hover {

  background: #D40511;

  color: #fff;

  border: 1px solid #D40511;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video .cs-oc-cargo-wcu-img {

  margin-left: 10px;

}

.cs-com-feature-wrapper.cs-feature-for-ocean-cargo::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #ECECEC;

  -webkit-clip-path: polygon(0 0, 70% 0%, 70% 100%, 0% 100%);

          clip-path: polygon(0 0, 70% 0%, 70% 100%, 0% 100%);

  z-index: -1;

}



@media screen and (max-width: 1199px) {

  .cs-com-feature-wrapper .cs-com-feature-content {

    max-width: 960px;

    margin: auto;

  }

  .cs-com-feature-wrapper .cs-com-fe-content-in {

    margin-top: 50px;

  }

  .cs-com-feature-wrapper .cs-com-fe-img {

    max-width: 960px;

    margin: auto;

  }

  .cs-com-feature-wrapper .cs_center {

    flex-direction: column-reverse;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo {

    margin: auto;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-com-fe-content-in {

    margin-top: 0px;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-lg-w-control {

    max-width: 960px;

    margin: auto;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs_center {

    flex-direction: inherit;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-img-with-video {

    margin-top: 50px;

  }

}

@media screen and (max-width: 991px) {

  .cs-com-feature-wrapper .cs-com-feature-content {

    margin: auto;

    max-width: 720px;

  }

  .cs-com-feature-wrapper .cs-height-60 {

    height: 50px;

  }

  .cs-com-feature-wrapper .cs-com-fe-img {

    max-width: 720px;

    margin: auto;

  }

}

@media screen and (max-width: 730px) {

  .cs-com-feature-wrapper .cs-com-fe-content-in {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

  .cs-com-feature-wrapper .cs-com-fe-content-in .cs-com-fe-item {

    flex-wrap: wrap;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-oc-cargo-wcu-img {

    display: none;

  }

  .cs-com-feature-wrapper.cs-feature-for-ocean-cargo .cs-com-fe-icon {

    display: none;

  }

}

/*--------------------------------------------------------------

  31. Work Process

----------------------------------------------------------------*/

@media screen and (max-width: 991px) {

  .cs-wrap-q-p .cs-section-height-half,

  .cs-wrap-q-p .cs-height-65 {

    display: none;

  }

}

.cs-quote-process-wrap .cs-content-wrap-quote-process {

  padding: 0px 100px;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container .cs-stroke-text {

  -webkit-text-stroke: 1px #fff;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container .cs-stroke-text h2 {

  color: transparent;

  -webkit-text-stroke: 1px #fff;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container .quote-title-text {

  text-transform: uppercase;

  color: #fff;

  font-size: 61px;

  margin-bottom: 70px;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap {

  margin-left: 10px;

  max-width: 685px;

  background: rgba(255, 255, 255, 0.1);

  -webkit-backdrop-filter: blur(125px);

          backdrop-filter: blur(125px);

  color: #fff;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap .col-lg-6 {

  padding: 0px;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap .process-item {

  padding: 40px 50px;

  border: 1px solid rgba(255, 255, 255, 0.164);

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap .process-item p {

  margin: 0px;

}

.cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap .process-item h6 {

  color: #fff;

}

@media screen and (max-width: 991px) {

  .cs-quote-process-wrap .cs-content-wrap-quote-process {

    background-repeat: repeat;

  }

}

.cs-quote-process-wrap .cs-quote-form-container {

  max-width: 658px;

  margin-top: -205px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in {

  background: #004041;

  -webkit-clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

          clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%, 0% 90%, 0% 10%);

  padding: 80px 80px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-title {

  margin-bottom: 40px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-title h4 {

  color: #fff;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form input,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form select,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form textarea {

  background: transparent;

  border-radius: 0px;

  border: 1px solid #2F6263;

  color: rgba(255, 255, 255, 0.8);

  padding-left: 20px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form :focus-visible,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form :focus-visible,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form :focus,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form :target {

  border: 1px solid #fff;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form :focus {

  box-shadow: none;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form input,

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form select {

  height: 60px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form ::-moz-placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form ::placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form button i {

  line-height: 0px;

}

.cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in .cs-quote-form button :focus {

  border: none;

}



.cs-form-select {

  width: 100%;

}

.cs-form-select option {

  background-color: #004041;

  padding-right: 20px;

}

.cs-form-select .cs-default-dropdown {

  background-color: #fff;

}



@media screen and (max-width: 1500px) {

  .cs-quote-process-wrap .cs-content-wrap-quote-process {

    padding: 0px 3%;

  }

}

@media screen and (max-width: 1300px) {

  .cs-quote-process-wrap .cs-quote-form-container .quote-form-content-in {

    padding: 50px;

  }

}

@media screen and (max-width: 1199px) {

  .cs-quote-process-wrap .cs-quote-form-container {

    margin-top: 45px;

  }

  .cs-quote-process-wrap .cs-left-text-container .quote-title-text {

    display: none;

  }

  .cs-quote-process-wrap .cs-left-text-container .cs-stroke-text {

    margin-bottom: 40px;

  }

}

@media screen and (max-width: 991px) {

  .cs-quote-process-wrap .cs-content-wrap-quote-process {

    padding: 100px 0px;

  }

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container,

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-quote-form-container {

    max-width: 720px;

    margin: auto;

  }

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap {

    max-width: 720px;

    height: auto;

    margin: auto;

  }

  .quote-flex-reverse {

    display: flex;

    flex-direction: column-reverse;

    gap: 45px;

  }

}

@media screen and (max-width: 750px) {

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap {

    margin: 0px 10px;

  }

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container, .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-quote-form-container {

    width: 96vw;

    margin: auto;

  }

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-left-text-container .cs-stroke-text h2 {

    font-size: 40px;

    color: #fff;

  }

}

@media screen and (max-width: 525px) {

  .cs-quote-process-wrap .cs-content-wrap-quote-process .cs-proces-wrap {

    margin: 0px 10px;

  }

  .cs-stroke-text {

    padding: 0px 10px;

  }

  .cs-quote-form-container .quote-form-content-in {

    padding: 30px !important;

  }

}

/*--------------------------------------------------------------

  26. Blog

----------------------------------------------------------------*/

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-img-area {

  position: relative;

  margin-bottom: 25px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-img-area .cs-blog-img {

  -webkit-clip-path: polygon(10% 0, 85% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 80%, 0 10%);

          clip-path: polygon(10% 0, 85% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0% 80%, 0 10%);

  max-width: 630px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-img-area .cs-blog-img.no-clip-img {

  -webkit-clip-path: none;

          clip-path: none;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-meta {

  position: absolute;

  bottom: 30px;

  left: 30px;

  display: flex;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-meta .cs-blog-date {

  background: #97272c;

  padding: 5px 10px;

  margin-right: 15px;

  color: #fff;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-meta .cs-blog-date p {

  margin: 0px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-meta .cs-blog-author-meta {

  background: #97272c;

  padding: 5px 10px;

  color: #fff;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-meta .cs-blog-author-meta p {

  margin: 0px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-title {

  margin-bottom: 10px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-title a h6 {

  transition: all 0.3s ease;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-title a:hover h6 {

  color: #97272c;

  transition: all 0.3s ease;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-title:hover h4 {

  color: #97272c;

  transition: all 300ms ease-in-out;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-excerpt-text {

  margin-bottom: 25px;

}

.cs-blog-section-wrapper.blog-style-1 .cs-blog-content-container .cs-blog-items-container .cs-blog-item .cs-blog-content .cs-blog-btn span {

  margin-right: 5px;

}



@media screen and (max-width: 991px) {

  .cs-single-widget-wrap {

    padding-left: 0px !important;

  }

}

.cs-img-anim-wrap .cs-img-anim-img-in {

  position: relative;

  width: 100%;

  overflow: hidden;

  display: block;

}

.cs-img-anim-wrap .cs-img-anim-img-in img {

  position: relative;

  width: auto;

  transition: all 0.6s ease;

  background-size: cover;

}

.cs-img-anim-wrap .cs-img-anim-img-in img:nth-child(1) {

  transform: translateX(-50%) scaleX(2);

  opacity: 0;

  filter: blur(0);

  position: absolute;

  top: 0;

  left: 0;

}

.cs-img-anim-wrap .cs-img-anim-img-in img:nth-child(2) {

  transform: translateX(0) scaleX(1);

  opacity: 1;

  filter: blur(0);

}

.cs-img-anim-wrap .cs_portfolio_img.active img:nth-child(1),

.cs-img-anim-wrap .cs-img-anim-img-in:hover img:nth-child(1) {

  transform: translateX(0) scaleX(1);

  opacity: 1;

  filter: blur(0);

}

.cs-img-anim-wrap .cs_portfolio_img.active img:nth-child(2),

.cs-img-anim-wrap .cs-img-anim-img-in:hover img:nth-child(2) {

  transform: translateX(50%) scaleX(2);

  opacity: 0;

  filter: blur(20px);

  -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);

          clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);

  transition: all 0.5s;

}



@media screen and (max-width: 630px) {

  .cs-blog-items-container .cs-blog-item {

    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;

    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;

  }

}

.cs-item6-cal2 > *:nth-child(-n+4) {

  padding-bottom: 45px;

}



.cs-item6-cal2 > *:nth-last-child(-n-4) {

  padding-bottom: 0;

}



@media screen and (max-width: 991px) {

  .cs-item6-cal2 > *:nth-child(-n+5) {

    padding-bottom: 45px;

  }

  .cs-item6-cal2 > *:nth-last-child(-n-1) {

    padding-bottom: 0px;

  }

}

/*--------------------------------------------------------------

  33. Maps Hotspot

----------------------------------------------------------------*/

.cs-map-hotspot-wrap {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.cs-map-hotspot-wrap .cs-hotspot-map-img img {

  width: 100%;

  height: 100%;

  display: block;

  -o-object-fit: scale-down;

     object-fit: scale-down;

}



.hotspot-image-container {

  position: relative;

  margin: 1rem;

}



.hotspot {

  position: absolute;

  margin: 0;

  padding: 0;

  transform: translate(-50%, -50%);

  z-index: 0;

}

.hotspot-button {

  height: 40px;

  width: 40px;

  animation: button-pulse 7s ease-in-out infinite;

  cursor: pointer;

  border: 1px solid #D40511;

  border-radius: 100%;

}

.hotspot-button:after {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: #D40511;

  border: 5px solid #D40511;

  opacity: 0.7;

  border-radius: 100%;

  content: "";

  display: block;

  background-color: #D40511;

  transition: border-color 1s linear;

}

.hotspot-label {

  display: flex;

  align-items: center;

  position: absolute;

  width: 350px;

  height: 130px;

  background: #004041;

  

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  border-radius: 25px;

  opacity: 0;

  transition: opacity 0.3s linear;

}

.hotspot-label .cs-map-card {

  display: flex;

  align-items: center;

  gap: 10px;

}



.hotspot-label p {

  padding: 15px;

  font-family: 'Montserrat', sans-serif;

  line-height: 165%;

}

.hotspot.hotspot-top-left {

  top: 19%;

  left: 19%;

}

.hotspot.hotspot-top-right {

  top: 36%;

  right: 65%;

}

.hotspot.hotspot-bottom-left {

  bottom: 4%;

  left: 44%;

}

.hotspot.hotspot-bottom-right {

  bottom: 6%;

  right: 34%;

}

.hotspot:hover .hotspot-label, .hotspot--selected .hotspot-label {

  opacity: 1;

  z-index: 999;

}



.hotspot.hotspot-top-left1 {

  right: 71%;

  top: 21%;

}

.hotspot.hotspot-top-left2 {

  right: 77%;

  top: 31%;

}

.hotspot.hotspot-top-left3 {

  right: 72%;

  top: 40%;

}



@keyframes button-pulse {

  0% {

    transform: scale(1, 1);

    opacity: 1;

  }

  40% {

    transform: scale(1.15, 1.15);

    opacity: 1;

  }

  100% {

    transform: scale(1, 1);

    opacity: 1;

  }

}

/*--------------------------------------------------------------

34. Contact 

----------------------------------------------------------------*/

.cs-contact-page-content .container-fluid {

  padding-left: calc((100% - 1320px) / 2);

}

.cs-contact-page-content .cs-contact-in {

  max-width: 545px;

}

.cs-contact-page-content .cs-contact-in .cs-contact-text {

  padding-bottom: 40px;
  margin-bottom: 0 !important;

}
.cs-logi-cor-office.cs-default-office {
  width: 50%;
  padding: 30px;
  background: #ededed;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
ul.cs_mp0 {
  position: relative;
  top: -5px;
}
.cs-contact-page-content  h2{
  font-size: 38px;
}
.cs-contact-page-content .cs-contact-in h2 {

  padding-bottom: 10px;

}
.cs-contact-page-content .cs-max-width-200 {
  max-width: 100% !important;
  font-size: 14px;
  line-height: 22px;
}
.cs-footer-widget-title h6 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
}
.cs-contact-page-content .cs-contact-in .cs-logi-office-wrap {

  display: flex;

  justify-content: space-between;
  flex-wrap: wrap;

}
.cs-logi-cor-office.cs-default-office {
  max-width: 50%;
}
.cs-contact-page-content .cs-contact-page-form-wrap {

  background: #97272c;

  padding: 150px 100px;

}

.cs-form-cp-in form input, .cs-form-cp-in form select, .cs-form-cp-in form textarea {
  border-bottom: 1px solid #730000 !important
}

.cs-border-v-line {

  width: 1px;

  background: #ECECEC;

}



.cs-form-cp-in form {

  max-width: 500px;

}

.cs-form-cp-in form input,

.cs-form-cp-in form select,

.cs-form-cp-in form textarea {

  background: #7b1616db;

  border-radius: 0px;

  border: none;

  border-bottom: 1px solid #730000 !important;

  color: rgba(255, 255, 255, 0.8);

}

.cs-form-cp-in form :focus-visible,

.cs-form-cp-in form :focus-visible,

.cs-form-cp-in form :focus,

.cs-form-cp-in form :target {

  border-bottom: 1px solid #fff;

  background: transparent;

  color: #fff;

}

.cs-form-cp-in form :active {

  color: #fff;

}

.cs-form-cp-in form :focus {

  border-bottom: 1px solid #fff;

  box-shadow: none;

}

.cs-form-cp-in form input,

.cs-form-cp-in form select {

  

}

.cs-form-cp-in form ::-moz-placeholder {

  color: rgba(255, 255, 255, 0.8);

  font-family:'Montserrat', sans-serif;

}

.cs-form-cp-in form ::placeholder {

  color: rgba(255, 255, 255, 0.8);

  font-family: 'Montserrat', sans-serif;

}

.cs-form-cp-in form ::-moz-placeholder:hover {

  color: #fff;

}

.cs-form-cp-in form ::placeholder:hover {

  color: #fff;

}

.cs-form-cp-in .cs-primary-btn {

  margin-top: 30px;

}

.cs-form-cp-in.cs-comment-form form {

  max-width: 100%;

}

.cs-form-cp-in.cs-form-light form input,

.cs-form-cp-in.cs-form-light form select,

.cs-form-cp-in.cs-form-light form textarea {

  border-bottom: px solid #898a8d;

  color: #0A0A0A;

}

.cs-form-cp-in.cs-form-light form ::-moz-placeholder {

  color: rgba(10, 10, 10, 0.8);

}

.cs-form-cp-in.cs-form-light form ::placeholder {

  color: rgba(10, 10, 10, 0.8);

}

.cs-form-cp-in.cs-form-light form ::-moz-placeholder:hover {

  color: #0A0A0A;

}

.cs-form-cp-in.cs-form-light form ::placeholder:hover {

  color: #0A0A0A;

}

.cs-form-cp-in.cs-form-light form :focus-visible,

.cs-form-cp-in.cs-form-light form :focus-visible,

.cs-form-cp-in.cs-form-light form :focus,

.cs-form-cp-in.cs-form-light form :target {

  border-bottom: 1px solid #D40511;

}

.cs-form-cp-in.cs-form-light form :focus {

  border-bottom: 1px solid #D40511;

}



.input-row-2col {

  justify-content: space-between;

}

.input-row-2col .input-item {

  width: 47%;

}



.cs-logi-map-wrap iframe {

  width: 100vw;

  height: 600px;

  margin-bottom: -9px;

}



@media screen and (max-width: 1350px) {

  .cs-contact-page-content .container-fluid {

    padding-right: calc(var(--bs-gutter-x) * 0.5);

    padding-left: calc(var(--bs-gutter-x) * 0.5);

  }

}

@media screen and (max-width: 1199px) {

  .cs-contact-page-content .container-fluid {

    max-width: 960px;

    margin: auto;

  }

  .cs-contact-page-content .container-fluid .cs-contact-text {

    padding-bottom: 40px;

  }

  .cs-contact-page-content .container-fluid .cs-contact-in {

    padding-bottom: 75px;

  }

  .cs-contact-page-content .cs-contact-in {

    margin: auto;

  }

  .cs-form-cp-in form {

    max-width: 100% !important;

  }

}

@media screen and (max-width: 991px) {

  .cs-contact-page-content .cs-contact-page-form-wrap {

    padding: 75px;

  }

}

@media screen and (max-width: 767px) {

  .cs-contact-page-content .cs-contact-in {

    text-align: center;

  }

}

@media screen and (max-width: 530px) {

  .cs-contact-page-content .cs-contact-in .cs-logi-office-wrap {

    flex-direction: column;

    gap: 30px;

  }

  .cs-contact-page-content .cs-contact-in .cs-logi-office-wrap p {

    margin: auto;

  }

  .cs-contact-page-content .cs-contact-page-form-wrap {

    padding: 35px;

  }

}

/*--------------------------------------------------------------

  35. Order Track

----------------------------------------------------------------*/

.cs-order-track-search .cs-search-widget {

  display: flex;

  align-items: center;

  gap: 15px;

  justify-content: center;

}

.cs-order-track-search .cs-search-widget .cs-search-content {

  min-width: 400px;

}



.cs-logi-order-trackign-content {

  display: flex;

  justify-content: space-between;

}

.cs-logi-order-trackign-content .cs-logi-order-track {

  width: 100%;

}



figure {

  display: flex;

  align-items: center;

  gap: 15px;

}

figure img {

  width: 100px;

  height: 100px;

  border-radius: 100%;

}



.cs-logi-order-track {

  border-top: 1px dashed #D40511;

  padding-top: 2.5rem;

  display: flex;

  flex-direction: column;

}

.cs-logi-order-track-step {

  display: flex;

  height: 7rem;

}

.cs-logi-order-track-step:last-child {

  overflow: hidden;

  height: 4rem;

}

.cs-logi-order-track-step:last-child .order-track-status span:last-of-type {

  display: none;

}

.cs-logi-order-track-status {

  margin-right: 1.5rem;

  position: relative;

}

.cs-logi-order-track-status-dot {

  display: block;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  background: #D40511;

}

.cs-logi-order-track-status-line {

  display: block;

  margin: 0 auto;

  width: 1px;

  height: 120px;

  background: rgba(212, 5, 17, 0.2);

}

.cs-logi-order-track-text-stat {

  font-size: 18px;

  color: #0A0A0A;

  font-weight: 600;

  margin: 0px;

  padding: 0px;

}



@media screen and (max-width: 880px) {

  .cs-order-track-search .cs-search-widget {

    flex-direction: column;

    align-items: flex-start;

  }

  .cs-order-track-search .cs-search-widget input {

    width: 92vw;

  }

  .cs-logi-order-trackign-content {

    display: flex;

    justify-content: space-between;

  }

  .cs-logi-order-trackign-content .cs-logi-order-track {

    width: 100%;

  }

}

/*--------------------------------------------------------------

  36. Error Page

----------------------------------------------------------------*/

.error-content-wrap .error-content-wrap-in {

  max-width: 615px;

  text-align: center;

}

.error-content-wrap .error-content-wrap-in .cs-404 {

  font-size: 325px;

  line-height: 73%;

  padding-bottom: 40px;

  opacity: 1 !important;

}

.error-content-wrap .error-content-wrap-in h1 {

  background: no-repeat center center;

  background-size: cover;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}

.error-content-wrap .error-content-wrap-in h4 {

  padding-bottom: 11px;

}

.error-content-wrap .error-content-wrap-in p {

  padding-bottom: 30px;

}

.error-content-wrap .container-fluid {

  padding-left: calc((100% - 1320px) / 2);

}



@media screen and (max-width: 1320px) {

  .error-content-wrap .error-content-wrap-in {

    margin: auto;

    padding-bottom: 70px;

  }

  .error-content-wrap .error-content-wrap-in .cs-404 {

    font-size: 300px;

  }

  .error-content-wrap .error-content-wrap-in h4 {

    padding-bottom: 11px;

  }

  .error-content-wrap .error-content-wrap-in p {

    padding-bottom: 30px;

  }

  .error-content-wrap .container-fluid {

    padding-left: calc((100% - 1320px) / 2);

  }

}

@media screen and (max-width: 991px) {

  .error-content-wrap .error-content-wrap-in {

    padding-bottom: 0px;

  }

  .cs-error-page-img {

    display: none;

  }

}

@media screen and (max-width: 555px) {

  .error-content-wrap .error-content-wrap-in {

    margin: auto;

    padding-bottom: 0px;

  }

  .error-content-wrap .error-content-wrap-in .cs-404 {

    font-size: 170px;

    padding-bottom: 20px;

  }

  .error-content-wrap .error-content-wrap-in h4 {

    padding-bottom: 5px;

  }

  .error-content-wrap .error-content-wrap-in p {

    padding-bottom: 5px;

  }

  .error-content-wrap .container-fluid {

    padding: 0px 10px;

  }

}



.phone-number{

     font-family: 'DINProBold', sans-serif !important;

     font-size:20px;

}







@media (max-width: 768px) {  /* 768px altındaki ekranlar için */

  .footer-column {

    flex: unset; /* Mobilde flex:1 kaldırılıyor */

    width: 100%; /* İsterseniz sütunları tam genişlik yapabilirsiniz */

  }

  .cs-logi-footer-container{

      padding-top:75px !important;

  }

   .footer-column {

    width: 100%;  /* Her bir sütun tam genişlikte olacak */

    text-align: left;  /* İçeriği sola yasla */

  }

}











@font-face {

    font-family: 'DIN2014';

    src: url('/assets/yenifont/din-2014_regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



body {

    font-family: 'DIN2014', sans-serif;

}



@font-face {

    font-family: 'DINProBold';

    src: url('/assets/yenifont/dinpro-bold_13934.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'CustomFont';

    src: url('/assets/yenifont/635-font.otf') format('opentype');

    font-weight: normal;

    font-style: normal;

}

.col-lg-6.blog{
     width: 33% !important;
}
@media (max-width: 767.98px) {
    .col-lg-6.blog {
        width: 100% !important;
    }
}
@media (max-width: 767.98px) {
    .row.cs-blog-items-container.cs-item6-cal2 {
        padding-top: 50px !important;
    }
}
.yazi1{
    font-size:15px;
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

.yazi1:hover {
    color: #96262c !important; /* Hover olduğunda yazı rengi değişir */
}
.bi-envelope-fill {
    color: #96262c; /* Envelope simgesinin rengini kırmızı yapar */
}




























/*# sourceMappingURL=style.css.map */