/*--------------------- Copyright (c) 2020 ----------------------- 
[Master Stylesheet] 
 ------------------------------------------------------------------- 
[Table of contents] 
1. top-header Style
2. header Section Style
3. banner Section Style
4. services Section Style
5. about us Section Style 
6. counter Section Style
7. why people choose  Section Style
8. our services Section Style
9. testimonial Section Style
10.pricing Section Style
11.blog Section Style
12.contact Section Style
13.footer Section Style
14. About Page Style
15. Service Page Style
16. Blog Page Style
17. Contact Page Style
18. Responsive Style
-------------------------------------------------------------------*/

/********************************************************
1. body start
 *******************************************************/
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.78;
  color: #707070;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
span.fa.fa-angle-double-up {
  background: var(--renk);
  padding: 15px 18px;
  border-radius: 50px;
  font-size: 18px;
  color: #fff;
  transition: all 0.3s;
}
span.fa.fa-angle-double-up:hover {
  color: #fff;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
a,
a:hover,
a:focus {
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}
img {
  max-width: 100%;
}
input,
textarea,
select,
button,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
  outline: none !important;
  box-shadow: none;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
p {
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
}
.container {
  max-width: 1200px;
}

@media (min-width: 767.99px) {
  .mobil-buton {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .mobil-footer {
    margin-bottom: -38px !important;
  }
  .mobil-yan-buton {
    display: none;
  }
}
/* button css */
.cs_btn,
.cs_btn:focus {
  width: 165px;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  border-radius: 50px;
  color: #ffffff;
  background-color: #0acffe;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border: solid 1px #0acffe;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cs_btn:hover {
  color: #0acffe;
  background-color: #ffffff;
  border: solid 1px #0acffe;
}
/* button css */

.cs_main_btn a {
  background-color: var(--renk);
  color: #fff;
  border: solid 2px var(--renk);
  padding: 10px 40px;
  height: 50px;
  width: auto;
  text-align: center;
  transition: all 0.5s;
  font-weight: 500;
  display: inline-block;
}
.cs_main_btn a:hover {
  background-color: #fff;
  color: var(--renk);
  border: solid 2px var(--renk);
}
.accordion .card .card-header {
  background: var(--renk);
  border-radius: 33px !important;
}
.accordion .card .card-header h5 button {
  color: #fff;
  text-decoration: none;
}
.cs_main_btn button {
  background-color: var(--renk);
  color: #fff;
  border: solid 2px var(--renk);
  padding: 10px 40px;
  height: 50px;
  width: auto;
  text-align: center;
  transition: all 0.5s;
  font-weight: 500;
  display: inline-block;
}
.cs_main_btn button:hover {
  background-color: #fff;
  color: var(--renk);
  border: solid 2px var(--renk);
}
::placeholder {
  color: #898d94;
}
/********************************************************
    3. Preloader CSS
*******************************************************/
.preloader_active .preloader_holder {
  background-color: var(--main-bg-color);
}
.preloader_active .preloader_holder .preloader span {
  box-shadow: 0px 0px 0px 0px var(--main-color);
}
@-webkit-keyframes loadingCircles {
  0% {
    -webkit-transform: scale(0);
    opacity: 1;
    box-shadow: 0px 0px 0px 10px var(--renk);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
    box-shadow: 0px 0px 0px 2px var(--renk);
  }
}
@-moz-keyframes loadingCircles {
  0% {
    -moz-transform: scale(0);
    opacity: 1;
    box-shadow: 0px 0px 0px 10px var(--renk);
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0;
    box-shadow: 0px 0px 0px 2px var(--renk);
  }
}
@keyframes loadingCircles {
  0% {
    transform: scale(0);
    opacity: 1;
    box-shadow: 0px 0px 0px 10px var(--renk);
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0px 0px 0px 2px var(--renk);
  }
}
.preloader_open:before,
.preloader_open:after {
  background-color: var(--main-bg-color);
}
/*=========================Top Header Style=======================*/
.cs_top_header_wrapper {
  background-color: var(--renk);
  padding: 11px 0 11px;
}
.cs_top_header_wrapper img {
  padding-right: 5px;
}
.cs_top_header_info p {
  color: #bcbed4;
  transition: all 0.3s;
  font-weight: 500;
}
.cs_top_header_info i {
  color: #e8e8e8;
}
.cs_top_header_info_btn a {
  color: #bcbed4;
  transition: all 0.3s;
  font-weight: 500;
}
.cs_top_header_info_btn a:hover {
  color: var(--renk);
}
.cs_top_header_info_call p:hover span {
  color: var(--renk);
}
.cs_top_header_info_mail p:hover span {
  color: var(--renk);
}
.cs_top_header_info {
  display: flex;
  justify-content: left;
}
.cs_top_header_info_btn {
  text-align: right;
}
.cs_top_header_info_mail {
  padding-left: 50px;
}
/*=========================Main Header Style=======================*/
header {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
  position: unset;
  display: inline-block;
  width: 100%;
  z-index: 9;
  background: var(--main-bg-color);
}
.cs_header_top {
  background: var(--main-bg-color);
  border-bottom: 1px solid var(--main-gray-version4);
  color: var(--main-gray-version5);
}
.cs_header_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.cs_header_info ul {
  display: flex;
  flex-wrap: wrap;
}
.cs_header_info ul li {
  margin-left: 20px;
  padding: 6px 0;
}
.cs_header_top .cs_btn {
  min-width: 190px;
  border-radius: 0;
}
.cs_header_icon svg {
  height: 18px;
  fill: var(--main-royal-red);
}
.cs_header_info ul li:first-child {
  margin-left: 0;
}
.cs_header_info ul li a {
  color: var(--main-gray-version5);
  display: inline-block;
}
.cs_header_icon {
  margin-right: 3px;
}
.cs_header_wrapper {
  padding: 25px 0 25px;
}
.cs_header_info ul li a > span {
  margin-right: 4px;
  font-weight: 700;
}
.searchBtn,
.searchBtn:focus,
.searchBtn:hover {
  color: var(--main-royal-blue);
  padding-left: 10px;
}
.cs_header_wrapper .cs_btn {
  min-width: 200px;
  margin: 0 0 0 30px;
  padding: 0 15px 0;
  letter-spacing: 0;
}
.cs_search_wrap .display_flex {
  align-items: center;
}
.cs_search_wrap .display_flex li {
  display: flex;
}

.main_menu_wrapper ul > li > a {
  padding: 4px 20px;
  display: inline-block;
  font-weight: 500;
  color: #534462;
  transition: all 0.3s;
}
.main_menu_wrapper ul > li > a:hover {
  color: var(--renk);
}
.cs_search_wrap {
  margin-left: 25px;
}
.fixed_header.fixed {
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 20px 0px;
  box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 2%);
  margin-top: 0;
  position: fixed;
  top: 0;
}
.fixed_header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0 1px 5px 0px grey;
  background-color: white;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/*=================Banner Style==================*/
.cs_header_banner {
  background-image: url(https://via.placeholder.com/1920x800);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 280px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.cs_header_banner2 {
  background-image: url(https://via.placeholder.com/1920x800);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 280px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.cs_header_banner > h5,
p,
h1,
a {
  color: #fff;
}
.cs_banner_text h5 {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 35px;
}
.cs_header_banner span {
  color: var(--renk);
}
.cs_header_banner h1 {
  font-size: 62px;
  font-weight: bold;
}
.cs_banner_read_button.cs_main_btn a:hover {
  background-color: #5f5963;
  color: #fff;
  border: solid 2px #5e5863;
}
.cs_banner_text_button {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.cs_banner_tracking_button {
  margin-left: 30px;
}
.cs_banner_tracking_button a {
  background-color: #6b6269;
  color: #fff;
  border: solid 2px #6b6269;
  padding: 10px 25px;
  transition: all 0.5s;
  font-weight: 500;
  opacity: 0.7;
  height: 50px;
  display: inline-block;
  width: auto;
}
div#Request_Quote {
  display: block;
}
.cs_banner_tracking_button a:hover {
  background-color: var(--renk);
  color: #fff;
  border: solid 2px var(--renk);
  padding: 10px 25px;
  opacity: 1;
}

/*=================Banner Tab Style==================*/
.cs_header_form a.active.show {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  background: var(--renk);
  padding: 18px 30px;
  margin: 0;
}
.cs_header_form a.cs_banner_tab {
  background: #fff;
  color: var(--renk);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 18px 30px;
  margin: 0;
}
.cs_header_form .who_we_tab li a.active:before {
  display: none;
}
.cs_header_form .who_we_tab .nav:after {
  display: none;
}
.who_we_tab li a:after {
  display: none;
}
div#header_tab h3 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
div#header_tab p {
  color: #898d94;
  font-size: 16px;
}
div#header_tab input[type="text"] {
  padding: 10px 25px;
  width: 80%;
  background: #f3f5f6;
  border: none;
  margin-top: 20px;
}
div#header_tab1 h3 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
div#header_tab1 p {
  color: #898d94;
  font-size: 16px;
}
div#header_tab1 input[type="text"] {
  padding: 10px 25px;
  width: 80%;
  background: #f3f5f6;
  border: none;
  margin-top: 20px;
}
.cs_header_form a.cs_banner_tab.active {
  background: var(--renk);
  color: #fff;
}
div#header_tab textarea {
  padding: 10px 25px;
  width: 80%;
  background: #f3f5f6;
  border: none;
  margin-top: 20px;
  height: 100px;
}
div#header_tab a {
  padding: 10px 132px;
}
div#header_tab1 textarea {
  padding: 10px 25px;
  width: 80%;
  background: #f3f5f6;
  border: none;
  margin-top: 20px;
  height: 100px;
}
div#header_tab1 a {
  padding: 10px 132px;
}
div#pills-tabContent {
  padding: 17px 0px;
  border-top: none;
  background: #fff;
  text-align: center;
}
div#pills-tabContent1 {
  padding: 30px 0px;
  border-top: none;
  background: #fff;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.cs_tab_form_btn {
  margin-top: 20px;
}
.cs_header_form .who_we_tab .nav {
  position: relative;
  margin: 16px 0 15px;
}
/*=================Banner Tab Style==================*/
.cs_banner_slider_wrapper .swiper-button-prev {
  left: auto;
  right: 120px;
  opacity: 1;
  background: #595967;
  transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-prev:hover {
  background: var(--renk);
}
.cs_banner_slider_wrapper .swiper-button-next {
  right: 0px;
  left: auto;
  background: #595967;
  transition: all 0.3s;
}
.cs_banner_slider_wrapper .swiper-button-next:hover {
  background: var(--renk);
}
.cs_banner_slider_wrapper .swiper-button-next img {
  padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-prev img {
  padding-right: 8px;
}
.cs_banner_slider_wrapper .swiper-button-next,
.cs_banner_slider_wrapper .swiper-button-prev {
  position: absolute;
  bottom: 20px;
  top: auto;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 120px;
  height: 60px;
}
.cs_banner_slider_wrapper {
  position: relative;
  /*top: 95px;*/
}
.cs_banner_text {
  width: 600px;
}
.cs_header_form {
  position: absolute;
  top: 85px;
  right: 18%;
  width: 450px;
  height: 100%;
  z-index: 1;
}
img.next-prev {
  padding-left: 10px;
}

.blogPaginationWrapper ul li {
  display: inline-block;
  font-size: 18px;
}
.blogPaginationWrapper ul li a,
.blogPaginationWrapper ul li.dot:hover a {
  color: #101010;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 42px;
  display: inline-block;
  text-align: center;
  background: #fff;
}
.blogPaginationWrapper ul li.dot:hover a {
  cursor: none;
}
.blogPaginationWrapper ul li.blogPagePrev a,
.blogPaginationWrapper ul li.blogPageNext a {
  width: auto;
  height: 40px;
}
.blogPaginationWrapper ul li.blogPagePrev:hover a,
.blogPaginationWrapper ul li.blogPageNext:hover a {
  background: #fff;
  color: var(--renk);
}
.blogPaginationWrapper ul li.active a,
.blogPaginationWrapper ul li:hover a {
  color: #fff;
  background: var(--renk);
}
/*=================Services Style==================*/
.cs_top_services_wrapper {
  background: #f8f8f8;
  padding: 60px 0px;
  margin-top: 80px;
}
.cs_top_services_icon p {
  color: #66728d;
  transition: all 0.5s;
  font-weight: 500;
}
.cs_top_services_box {
  text-align: center;
  background: #fff;
  padding: 25px 10px;
  box-shadow: 0 1px 23px rgb(58 57 57 / 12%), 0 1px 19px rgb(56 56 56 / 24%);
  transition: all 0.5s;
}
.cs_top_services_box:hover {
  text-align: center;
  background: var(--renk);
  padding: 25px 10px;
  box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
.cs_top_services_icon svg {
  fill: #66728d;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.cs_top_services_box:hover .cs_top_services_icon svg {
  fill: #fff;
}
.cs_top_services_box:hover .cs_top_services_icon p {
  color: #fff;
}
/*=================About Us Style==================*/
.cs_about_content h5 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_about_content h1 {
  color: #2c3e4a;
  font-size: 43px;
  font-weight: 500;
  margin-top: 15px;
  position: relative;
  padding-bottom: 10px;
}
.cs_about_content h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 3px;
  background: var(--renk);
}
.cs_about_content p {
  color: #898d94;
  padding-top: 20px;
  text-align: justify;
}
.cs_people_choose_content {
  width: 100%;
}
.cs_about_icon_text h3 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
}
.cs_about_icon_text p {
  padding: 0;
}
.cs_about_icon_text {
  margin-left: 35px;
}
.cs_about_icon_box {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.cs_about_wrapper {
  padding: 80px 0 0;
}
.cs_about_img {
  padding-left: 120px;
}

.cs_people_choose_wrapper .who_we_tab li a {
  color: #2c3e4a;
  font-size: 18px;
  font-weight: 500;
  margin: 0 35px;
  position: relative;
  text-transform: uppercase;
}
.cs_people_choose_wrapper .who_we_tab .nav {
  position: relative;
  margin: 16px 0 0px;
  border-bottom: 1px solid rgb(214 212 213);
  padding-bottom: 20px;
}
.cs_people_choose_wrapper .who_we_tab li a {
  color: #2c3e4a;
  font-size: 18px;
  font-weight: 500;
  margin: 0 35px;
  position: relative;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.cs_people_choose_wrapper .who_we_tab li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  margin: auto;
  width: 1px;
  height: 11px;
  background: rgb(236, 240, 255);
}
.cs_people_choose_wrapper .who_we_tab li a.active:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  background: var(--renk);
  bottom: 0;
  z-index: 1;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a {
  margin-left: 0;
}
.cs_people_choose_wrapper .who_we_tab li:first-child a:after {
  display: none;
}
.cs_people_choose_wrapper .who_we_tab .tab-content svg {
  margin-right: 5px;
}
.cs_people_choose_wrapper .who_we_tab .tab-content1 svg {
  margin-right: 5px;
}
/*=================Counter Style==================*/
.cs_counter_wrapper {
  background-image: url(https://via.placeholder.com/1920x460);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0 80px;
  position: relative;
  z-index: 1;
}
.cs_counter_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background: #2a2a32;
  z-index: -1;
}
.cs_counter_icon svg {
  fill: #fff;
}
.cs_counter_icon_box {
  text-align: center;
}
.cs_counter_icon p {
  fill: #fff;
  background: #43444b;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  padding: 0;
  margin: 0 auto;
  border: 10px solid var(--renk);
  position: relative;
  font-size: 45px;
}
.cs_counter_text h1 {
  padding: 20px 0px 8px;
  font-size: 36px;
  font-weight: bold;
}
.cs_counter_text p {
  font-size: 18px;
  font-weight: 500;
}
.cs_counter_icon p:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border: 1px dashed #4e4e4e;
  border-radius: 50px;
  top: -10px;
  left: -10px;
  animation-name: spin;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*=================Why People Choose Style==================*/
.cs_people_choose_content h5 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_people_choose_content h1 {
  color: #2c3e4a;
  font-size: 42px;
  font-weight: 500;
  margin-top: 15px;
  position: relative;
  padding-bottom: 15px;
}
.cs_people_choose_content p {
  color: #898d94;
  padding-top: 20px;
  text-align: justify;
}
.cs_people_choose_content .tab button {
  background-color: transparent;
  position: relative;
  color: #2c3e4a;
  font-weight: 600;
}
.cs_people_choose_content .tab button.active {
  color: #2c3e4a;
  border-bottom: 2px solid var(--renk);
}
.cs_mission_vision_wrapper .cs_main_btn {
  margin-top: 25px;
}
.cs_mission_vision_wrapper .tabcontent {
  display: none;
  padding: 30px 0px;
  text-align: left;
}
.cs_people_choose_content h1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90px;
  height: 3px;
  background: var(--renk);
}
.cs_testimonial_section {
  background: #282932;
  width: 83%;
  margin: 25px auto 0;
}
.cs_testimonial_slides {
  margin: 0 auto;
  width: 85%;
}
.cs_mission_vision_wrapper .tab {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
div#Mission {
  display: block;
  text-align: justify;
  color: #898d94;
}
div#Vision {
  display: block;
  text-align: justify;
  color: #898d94;
}
.cs_mission_vision_wrapper .tab:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}
.cs_testimonial_slides {
  margin: 0 auto;
  width: 85%;
  padding: 50px 0;
}
.cs_people_choose_wrapper {
  margin: 80px 0 0px;
}
.cs_people_choose_wrapper .swiper-button-next:after,
.cs_people_choose_wrapper .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 0;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.cs_people_choose_slider_arrow .swiper-button-next,
.cs_people_choose_slider_arrow .swiper-button-prev {
  position: absolute;
  bottom: 0;
  top: auto;
  right: 8px;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 60px;
  height: 60px;
}
.cs_people_choose_slider_arrow .swiper-button-next {
  background: #3e3d53;
  transition: all 0.3s;
}
.cs_people_choose_slider_arrow .swiper-button-next:hover {
  background: var(--renk);
}
.cs_people_choose_slider_arrow .swiper-button-prev {
  left: auto;
  right: 67px;
  background: #3e3d53;
  opacity: 1;
  transition: all 0.3s;
}
.cs_people_choose_slider_arrow .swiper-button-prev:hover {
  background: var(--renk);
}

/*=================Our Services Style==================*/
.cs_our_services_wrapper {
  background-image: url(https://via.placeholder.com/1920x700);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0 80px;
  position: relative;
  z-index: 1;
  margin-top: 80px;
}
.cs_our_services_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.86;
  background: #2a2a32;
  z-index: -1;
}
.cs_our_service_content h1 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}
.cs_our_service_content p {
  color: #898d94;
  padding-bottom: 10px;
}
.cs_our_service_content a {
  color: var(--renk);
}
.cs_our_service_box {
  text-align: center;
  background: #fff;
  padding: 40px 15px;
}
.cs_our_service_icon {
  margin-bottom: 20px;
}
.cs_our_services_heading h5 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_our_services_heading h1 {
  font-size: 34px;
  font-weight: 500;
  line-height: 2;
}
.cs_our_services_heading {
  text-align: center;
  margin-bottom: 30px;
}
.cs_our_service_box2 {
  margin-top: 30px;
}

.cs_our_service_box:after {
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 5px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s linear;
}
.cs_our_service_box:hover:after {
  background-color: var(--renk);
}
.cs_our_service_box {
  position: relative;
  transition: all 0.3s linear;
}
.cs_our_service_box:hover {
  transform: scale(1.05);
}
/*=================Service Testimonial Style==================*/
.cs_testimonial_heading h5 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_testimonial_heading h1 {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.5;
  color: #2c3e4a;
}
.cs_testimonial_heading {
  text-align: center;
}
.cs_testimonial_wrapper {
  margin-top: 80px;
}
.cs_testimonial_text {
  padding: 18px 0;
}
.cs_testimonial_img img {
  border-radius: 77px;
  border: 3px solid var(--renk);
}
.cs_testimonial_name {
  display: flex;
  align-items: center;
}
.cs_testimonial_img_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs_testimonial_name h5 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding-left: 10px;
}
.cs_testimonial_name p {
  padding-left: 5px;
  font-size: 8px;
}
.cs_testimonial_name {
  position: relative;
  z-index: 1;
}
.cs_testimonial_img {
  position: relative;
  z-index: 3;
}
.cs_testimonial_name:after {
  content: "";
  position: absolute;
  left: -20px;
  width: 270px;
  height: 50px;
  background: #3a3b46;
  z-index: -1;
  transform: skewX(-20deg);
}
.cs_testimonial_quote {
  text-align: center;
}
.cs_testimonial_text p {
  color: #c1c2ce;
  font-style: italic;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.cs_testimonial_wrapper .swiper-button-next:after,
.cs_testimonial_wrapper .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 0;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}
.cs_testimonial_wrapper .swiper-button-next,
.swiper-button-prev {
  position: absolute;
  bottom: 0;
  top: auto;
  right: 0;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: 65px;
  height: 60px;
}
.cs_testimonial_wrapper .swiper-button-next {
  left: auto;
  right: 0;
  background: #3e3d53;
  transition: all 0.3s;
  box-shadow: none;
}
.cs_testimonial_wrapper .swiper-button-next:hover {
  background: var(--renk);
  box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
.cs_testimonial_wrapper .swiper-button-prev {
  left: auto;
  right: 65px;
  background: #3e3d53;
  opacity: 1;
  transition: all 0.3s;
  box-shadow: none;
}
.cs_testimonial_wrapper .swiper-button-prev:hover {
  background: var(--renk);
  box-shadow: 0px 29px 60px 0px rgba(255, 90, 96, 0.4);
}
/*=================Pricing Table Style==================*/
.cs_pricing_wrapper {
  background-image: url(https://via.placeholder.com/1920x700);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0 80px;
  position: relative;
  z-index: 1;
  margin-top: 80px;
}
.cs_pricing_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.96;
  background: #2a2a32;
  z-index: -1;
}
.cs_pricing_calculate_table_body span {
  display: grid;
}
.cs_pricing_calculate_table_body {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 10px 0px 10px;
}
.cs_pricing_calculate_btn.cs_main_btn {
  text-align: center;
  margin: 40px 0px 0px;
}
.cs_pricing_calculate_table_body label {
  color: #2c3e4a;
  font-size: 14px;
  font-weight: 500;
}

.cs_pricing_charge_table table {
  width: 100%;
  background: #fff;
}
.cs_pricing_charge_table thead {
  background: var(--renk);
  transition: all 0.3s;
}
.cs_pricing_charge_table th {
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  width: 20%;
  color: #fff;
}
.cs_pricing_charge_table td {
  padding: 18px 0px;
  text-align: center;
  font-size: 14px;
  width: 20%;
  color: #898d94;
}
.cs_pricing_charge_table tr {
  border-top: 1px solid #dedede;
}
.cs_table_heading {
  text-align: center;
  padding: 0px 0px 35px;
}
.cs_table_heading h3 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_table_heading h1 {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
.cs_pricing_charge_table {
  background: #ffffff;
  text-align: center;
  padding: 50px 0 0px;
}
.cs_pricing_charge_table h3 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
}
.cs_pricing_charge_table p {
  color: #898d94;
  padding: 8px 0;
}

.cs_pricing_calculate_heading h1 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: bold;
}
.cs_pricing_calculate_heading p {
  color: #898d94;
  padding: 8px 0;
}
.cs_pricing_calculate_heading {
  text-align: center;
}
.cs_pricing_calculate_table {
  background: #ffffff;
  padding: 42px 0 55px;
}
.cs_pricing_calculate_table_body input[type="text"] {
  background: #f3f5f6;
  border: none;
  padding: 10px 15px;
  width: 165px;
}
.cs_pricing_calculate_btn.cs_main_btn a {
  padding: 10px 126px;
}
/*=================Blog Section Style==================*/
.cs_blog_heading h3 {
  color: var(--renk);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.cs_blog_heading h1 {
  color: #2c3e4a;
  font-size: 34px;
  font-weight: bold;
  margin-top: 15px;
  position: relative;
  padding-bottom: 10px;
}
.cs_blog_heading {
  text-align: center;
  margin-bottom: 26px;
}
.cs_blog_date h1 {
  color: #2c3e4a;
  font-size: 36px;
  font-weight: bold;
  background: #fff;
  width: 85px;
  text-align: center;
  padding: 10px;
}
.cs_blog_date p {
  color: #fff;
  background: var(--renk);
  width: 85px;
  text-align: center;
}
.cs_blog_date {
  position: absolute;
  bottom: -27px;
  left: 22px;
}
.cs_blog_img_box {
  position: relative;
}
.cs_blog_text {
  margin-top: 40px;
}
p.cs_sbar_blog_date {
  color: var(--renk);
}
a.cs_blog_title:hover {
  color: var(--renk);
}
.cs_blog_grid_text p {
  text-align: left !important;
}
.cs_blog_text h3 {
  font-size: 20px;
  color: #2c3e4a;
  font-weight: 600;
  line-height: 32px;
  transition: all 0.3s;
}
.cs_blog_text h3:hover {
  color: var(--renk);
}
.cs_blog_text p {
  color: #898d94;
  padding: 8px 0px;
  text-align: justify;
}
.cs_blog_user a {
  color: #898d94;
  transition: all 0.3s;
}
.cs_blog_user a:hover {
  color: var(--renk);
}

.cs_blog_comment a {
  color: #898d94;
  transition: all 0.3s;
}
.cs_blog_comment a:hover {
  color: var(--renk);
}
.cs_blog_user_comment {
  display: flex;
  align-items: center;
}
.cs_blog_comment {
  padding-left: 40px;
}
.cs_blog_img img {
  transition: all 0.4s;
  position: relative;
  width: 100%;
}
.cs_blog_img:hover img {
  transition: all 0.4s;
  transform: scale(1.1);
}
.cs_blog_img {
  overflow: hidden;
  transition: all 0.4s;
}
.cs_blog_wrapper {
  margin-top: 80px;
}
/*=================Contact Section Style==================*/
.cs_contact_wrapper {
  margin-top: 80px;
  position: relative;
  z-index: 99;
}
.cs_contact_wrapper .row {
  background: #fff;
  box-shadow: 0px -20px 30px 0px rgb(157 134 183 / 19%);
  padding: 50px;
}
.cs_contact_box h1 {
  color: #2c3e4a;
  font-size: 20px;
  font-weight: 500;
  padding: 20px 0px;
}
.cs_contact_box p {
  color: #898d94;
}
.cs_contact_box {
  text-align: center;
}
/*=================Footer Section Style==================*/
.cs_footer_wrapper {
  background-image: url(https://via.placeholder.com/1920x700);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 100px;
  position: relative;
  z-index: 1;
  margin-top: -130px;
}
.cs_footer_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.76;
  background: #2a2a32;
  z-index: -1;
}
.cs_footer_logo a {
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  font-family: "Cormorant Garamond", serif;
}
.cs_footer_logo a:hover {
  color: #fff;
}
.cs_footer_icon i.fa {
  background: #414147;
  padding: 10px 10px;
  border-radius: 50px;
  transition: all 0.3s;
  color: #fff;
}
.cs_footer_icon i.fa:hover {
  background: var(--renk);
  padding: 10px 10px;
  color: #fff;
}
.cs_footer_icon ul {
  display: flex;
  align-items: center;
}
.cs_footer_icon li {
  margin-right: 12px;
}
.cs_footer_icon h5 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 25px 0px 15px;
}
.cs_footer_section1 p {
  padding: 25px 0px 0px;
}
.cs_footer_wrapper h5 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 10px 0px 15px;
}
.cs_footer_wrapper li {
  padding-bottom: 5px;
}
.cs_copyright {
  text-align: center;
  margin-top: 80px;
  border-top: 1px solid #484848;
  padding: 15px 0 0;
  margin-bottom: -90px;
}
.cs_footer_wrapper a:hover {
  color: var(--renk);
}
.cs_footer_logo a:hover {
  color: #fff;
}
/*=================Swiper Style==================*/
html,
body {
  position: relative;
  height: 100%;
}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  font-size: 16px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*=================Swiper Style==================*/
/*=================About Page Style==================*/
.cs_pagetitle {
  float: left;
  width: 100%;
  background-color: #272727;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  color: #fff;
  padding: 100px 0px 100px;
  background-image: url(https://via.placeholder.com/1920x800);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 80px;
}
.page_title h2 {
  float: left;
  width: 100%;
  text-align: center;
  color: #ffffff;
  float: left;
  margin: 0px;
  font-size: 36px;
  text-transform: capitalize;
}
.cs_img_overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgb(29 27 27 / 63%);
}
.cs_pagetitle ul.breadcrumb {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.cs_pagetitle ul.breadcrumb li {
  display: inline-block;
  list-style: none;
  padding-top: 5px;
}
.cs_pagetitle ul.breadcrumb li a {
  color: #ffffff;
  font-size: 18px;
  padding: 0px 10px;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cs_pagetitle ul.breadcrumb li:last-child a {
  color: var(--renk);
  cursor: text;
  cursor: pointer;
}
/*=================Service Page Style==================*/
.cs_service_page_wrapper {
  margin: 0;
}
/*=================Blog Page Style==================*/
.cs_blog_section {
  margin-bottom: 30px;
}
.cs_single_blog_img1 img {
  border-radius: 80px;
  border: 3px solid var(--renk);
}
.cs_single_blog_img1_box1 {
  display: flex;
  justify-content: space-around;
  background: #f5f5f5;
  padding: 20px;
  margin: 30px auto;
}
.cs_img_text_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cs_img_text_container img {
  width: 370px;
  display: inline-block;
  margin: 6px 15px 6px 0;
}
.cs_img_text_container p {
  display: inline-block;
  width: calc(100% - 385px);
}
.cs_divider {
  margin: 15px 0;
  display: block;
}
.cs_single_blog_testimonial {
  background: #2a2a33;
  margin-top: 55px;
}
.cs_single_blog_testimonial .cs_testimonial_slides {
  padding: 20px;
  width: 100%;
}
.cs_single_blog_testimonial .cs_testimonial_text {
  padding: 0px 0 18px;
}
.cs_single_blog_text1 h5 {
  font-size: 18px;
  font-weight: 600;
  color: var(--renk);
  padding-left: 0px;
}
.cs_single_blog_text1 span {
  font-size: 16px;
  color: #808080c2;
  font-weight: 500;
}
.cs_single_blog_img1_box1 {
  display: flex;
  justify-content: space-around;
  background: #f5f5f5;
  padding: 20px;
  align-items: center;
}
.cs_single_blog_text1 {
  width: 670px;
  position: relative;
}
.cs_single_blog_text1:before {
  content: "\f10e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: var(--renk);
  position: absolute;
  right: 50%;
  font-size: 84px;
  margin: auto;
  top: 50%;
  opacity: 0.1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.cs_blog_sidebar_categories {
  margin-top: 30px;
}
.cs_single_blog_uname a {
  color: #858585;
  transition: all 0.3s;
}
.cs_single_blog_uname a:hover {
  color: var(--renk);
}
.cs_blog_time a {
  color: #898d94;
  transition: all 0.3s;
}
.cs_blog_time a:hover {
  color: var(--renk);
}
.cs_blog_time i {
  color: var(--renk);
}
.cs_single_blog_user_comment .cs_blog_time {
  margin-left: 40px;
}
.cs_single_blog_user_comment {
  display: flex;
  margin-top: 30px;
}
.cs_comment_holder {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 40px;
}
.cs_comment_user {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-right: 30px;
}
.cs_comment_user img {
  width: 100px;
  height: 100px;
  border: none;
  border-radius: 100%;
  object-fit: fill;
}
.cs_comment_detail {
  width: calc(100% - 130px);
}
.cs_reply_btn {
  color: var(--renk);
  margin-left: 15px;
}
.cs_comment_detail p {
  padding: 0px 0px;
  font-size: 15px;
}
h5.cs_user_name {
  color: var(--renk);
  font-size: 18px;
}
.cs_blog-body.cs_single_blog_body {
  border: none;
  padding: 0;
}
.cs_comment_box {
  margin-top: 75px;
}
.cs_field_holder {
  margin-bottom: 30px;
}
.cs_form_field {
  width: 100%;
  border: 1px solid var(--main-border-color);
  padding: 0 20px;
  height: 50px;
  display: flex;
}
textarea.cs_form_field {
  height: 150px;
  resize: none;
  padding: 12px 20px;
}
.cs_comment_form {
  margin-top: 70px;
}
.cs_comment_form_heading {
  padding-bottom: 40px;
}
.cs_latestPost_field ul li {
  display: flex;
  margin-bottom: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.cs_latestPost_field ul li .cs_blog_thumb {
  margin-right: 10px;
  width: 70px;
  display: inline-block;
}
.cs_blog_thumb img {
  border: none;
  border-radius: 3px;
}
.cs_blog_title_wrap {
  width: calc(100% - 80px);
}
.cs_blog_title {
  font-weight: 400;
  text-transform: capitalize;
  color: #858585;
}
.cs_latestPost_field {
  margin-top: 20px;
}
.cs_blog_sidebar_tags {
  margin-top: 106%;
}
.cs_blog_sidebar_post {
  margin-top: 154%;
}
.cs_blog_date {
  color: var(--renk);
  font-weight: 400;
}
.cs_blog_date {
  color: var(--renk);
  font-weight: 400;
}
/*=========Sidebar Style==========*/
.cs_blog_sidebar_search_section i {
  color: #8585a5;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 18px;
}
.cs_blog_sidebar_search_section {
  position: relative;
  margin-bottom: 30px;
}
.cs_blog_sidebar_search_section input[type="text"] {
  border: 1px solid var(--renk);
  padding: 10px 40px 10px 20px;
  width: 100%;
}
h4.widget-title {
  font-size: 20px;
  color: #272727;
  font-weight: 600;
  line-height: 32px;
  transition: all 0.3s;
}
.cs_blog_sidebar_categories ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding-left: 20px;
  color: var(--renk);
  list-style-type: disc;
  margin-top: 10px;
}
.cs_blog_sidebar_categories li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #f3f0f0;
  padding-bottom: 5px;
}
::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}
.cs_blog_sidebar_start {
  margin-top: 0px;
}
.cs_blog_sidebar_categories ul li a {
  text-decoration: none;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #858585;
}
.cs_blog_sidebar_categories ul li a:hover {
  color: var(--renk);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.ed_btn.ed_orange {
  color: #fff;
  background: var(--renk);
  padding: 7px 10px;
  border: 1px solid var(--renk);
  transition: all 0.4s;
}
a.ed_btn.ed_orange:hover {
  color: var(--renk);
  background: #fff;
  padding: 7px 10px;
  border: 1px solid var(--renk);
}
.cs_sidebar_tags_box {
  margin-top: 30px;
}
.cs_blog_sidebar_tags ul {
  list-style-type: none;
}
.cs_blog_sidebar_tags ul li {
  border: none;
}
.cs_blog_sidebar_tags ul li {
  border: none;
  margin-bottom: 20px;
  display: inline-block;
  margin-right: 7px;
}
.cs_S_blog_text h3 {
  font-size: 28px;
  line-height: 1.5;
}
.cs_S_blog_text {
  margin-top: 15px;
}
.cs_single_blog_img1:before {
  content: "\f10e";
  right: 20px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: var(--renk);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  line-height: 32px;
  background: #fff;
  border: 5px solid var(--renk);
  padding-left: 8px;
  border-radius: 100%;
}
.cs_single_blog_img1 {
  position: relative;
  width: 160px;
  margin-right: 10px;
}
/********************************************************
 Contact start
 *******************************************************/
.cs_contact_info {
  padding: 60px 35px 0 50px;
  color: var(--main-bg-color);
}

.cs_info_bg {
  background: var(--renk);
  margin-bottom: 55px;
  margin-left: -30px;
  margin-top: 45px;
  margin-right: 25px;
}
.cs_contact_info .cs_sub_heading {
  color: var(--main-bg-color);
  margin-bottom: 28px;
  font-size: 26px;
}
.cs_conatact_section {
  margin-bottom: 29px;
  padding-bottom: 22px;
  position: relative;
}
.cs_conatact_section:before {
  content: "";
  border-bottom: 1px solid var(--main-bg-color);
  position: absolute;
  bottom: 0px;
  left: -50px;
  right: -50px;
  opacity: 0.2;
}
.cs_contact_info_inner {
  padding: 0 0 0 30px;
  font-size: 16px;
  position: relative;
  line-height: 25px;
}
.cs_contact_info_inner span {
  position: absolute;
  left: 0;
  top: 0;
}
.cs_contact_info_inner svg {
  width: 16px;
  fill: var(--main-bg-color);
}
.cs_contact_form {
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(157, 134, 183, 0.1);
  padding: 50px;
  margin-right: -45px;
  margin-top: 17px;
}
.cs_contact_form .cs_sub_heading {
  margin-bottom: 30px;
  font-size: 26px;
  color: #2c3e4a;
}
.cs_sub_heading {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
  text-transform: capitalize;
}
.cs_field_holder textarea#message {
  height: 150px;
}
.relative {
  position: relative;
}
.cs_contact_wrapper .cs_sub_heading:before {
  width: 100px;
}

.cs_sub_heading:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: #fff;
}
.cs_contact_wrapper .cs_sub_heading:after {
  width: 115px;
}
.cs_sub_heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100px;
  height: 1px;
  background: #fff;
}
.cs_contact_form .cs_field_holder {
  margin-bottom: 33px;
}
button.cs_main_btn.submitForm {
  background-color: var(--renk);
  color: #fff;
  border: solid 2px var(--renk);
  padding: 10px 40px;
  height: 50px;
  width: auto;
  text-align: center;
  transition: all 0.5s;
  font-weight: 500;
  display: inline-block;
}
button.cs_main_btn.submitForm:hover {
  background-color: #fff;
  color: var(--renk);
  border: solid 2px var(--renk);
  padding: 10px 40px;
}
.cs_form_field {
  width: 100%;
  border: 1px solid var(--main-border-color);
  padding: 0 20px;
  height: 50px;
  display: flex;
}
.cs_contact_form .cs_btn {
  width: 160px;
  font-size: 15px;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
.cs_btn {
  background: var(--main-color);
  color: var(--main-bg-color);
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 15px;
  width: 170px;
  margin-top: 10px;
  z-index: 0;
  font-weight: 400;
  overflow: hidden;
  position: relative;
}
.cs_btn::after,
.cs_btn.white::after {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 30px;
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.cs_map_wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
button.cs_btn {
  background-color: var(--renk);
  color: #fff;
  border: solid 2px var(--renk);
  padding: 10px 40px;
  height: 50px;
  width: auto;
  text-align: center;
  transition: all 0.5s;
  font-weight: 500;
  display: inline-block;
}
button.cs_btn:hover {
  background-color: #fff;
  color: var(--renk);
  border: solid 2px var(--renk);
}
.response {
  color: var(--red);
  position: absolute;
  right: 12px;
  bottom: 12px;
}
/*=================Responsive Style==================*/

@media (max-width: 1400px) {
  .cs_header_form {
    right: 5%;
  }
}
@media (max-width: 1200px) {
  .cs_header_form {
    right: 1%;
    width: 385px;
  }
  .cs_banner_text {
    width: 500px;
  }
  .cs_main_header_section .cs_main_btn a {
    padding: 10px 10px;
  }
  .cs_main_header_menu > ul > li > a {
    margin-left: 30px;
  }
  .cs_top_header_info {
    display: block;
  }
  .cs_top_header_info_mail {
    padding-left: 0px;
  }
  .cs_topfont {
    color: var(--renk) !important;
  }
  .cs_about_wrapper .row {
    align-items: flex-end;
  }
  .cs_header_form {
    padding: 0 15px;
    width: 450px;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 7%;
    bottom: 110px;
  }
  .cs_banner_text {
    width: 500px;
  }
  .cs_about_content {
    padding-bottom: 50px;
  }
  .cs_main_btn a {
    padding: 10px 10px;
  }
  .cs_people_choose_wrapper .cs_main_btn a {
    padding: 10px 30px;
  }
  .cs_header_form a.cs_banner_tab {
    padding: 18px 20px;
  }
  /*.fixed_header {
    top: 80px;
}
.fixed_header.fixed{
    margin-top: -80px;
}*/
}

@media (max-width: 1000px) {
  .cs_toggle {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .ss_menu_open .cs_main_header_overlay {
    position: fixed;
  }
  .cs_main_header_section {
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 270px;
    background: #fff;
    padding: 0;
    transition: all 0.3s;
    z-index: 5;
  }
  .ss_menu_open .cs_main_header_section {
    left: 0;
  }
  nav.cs_main_header_section {
    display: block;
    margin-top: 0;
  }
  .cs_main_header_menu li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
    padding-top: 10px;
  }
  header .cs_main_header_btn {
    margin-right: 50px;
  }
  .cs_main_header_section {
    justify-content: flex-end;
    margin-top: -25px;
  }
  .cs_main_header_section ul {
    display: block;
    margin-top: 50px;
  }
  .cs_header_banner .cs_main_btn a {
    padding: 10px 40px;
  }
}

@media (max-width: 991px) {
  .cs_main_header_wrapper .cs_main_btn {
    margin-left: 20px;
  }
  .cs_main_header_menu > ul > li > a {
    margin-left: 25px;
  }
  .cs_top_services_box {
    margin-bottom: 20px;
  }
  .cs_about_icon_box {
    margin-top: 25px;
  }
  .cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 25px;
  }
  .cs_pricing_calculate_table_body input[type="text"] {
    width: 90%;
  }
  .cs_pricing_calculate_table_body {
    padding: 10px 0px 10px 15px;
  }
  .cs_header_form {
    top: 35px;
  }
  .cs_header_banner h1 {
    font-size: 50px;
  }
  .cs_banner_text {
    width: 430px;
  }
  .cs_banner_text p {
    font-size: 14px;
  }
  .cs_about_content {
    padding-bottom: 30px;
  }
  .cs_header_form {
    padding: 0 15px;
    width: 460px;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 7%;
    bottom: 110px;
  }
  div#header_tab a {
    padding: 10px 80px;
  }
  div#header_tab1 a {
    padding: 10px 80px;
  }
  .cs_header_banner2 {
    padding: 200px 0 350px;
  }
  .cs_header_banner {
    padding: 200px 0 350px;
  }
  .cs_contact_form {
    margin-right: 0;
  }
  .cs_blog_sidebar_post {
    margin-top: 0;
  }
  .cs_blog_sidebar_tags {
    margin-top: 0;
  }
}

@media (max-width: 991.98px) {
  .main_menu_wrapper li.has_submenu:before,
  .main_menu_wrapper li.has_submenu:after {
    background: var(--renk);
  }
  .main_menu_wrapper ul > li > a {
    padding: 15px 20px 0px;
    width: 100%;
  }
  .main_menu_wrapper li.has_submenu:before,
  .main_menu_wrapper li.has_submenu:after {
    background: var(--renk);
  }
  .main_menu_wrapper li.has_submenu:before {
    right: 26px;
    width: 2px;
    height: 12px;
    top: 20px;
  }
  .main_menu_wrapper li.has_submenu:before,
  .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: "";
  }
  .main_menu_wrapper li.has_submenu:before,
  .main_menu_wrapper li.has_submenu:after {
    background: var(--renk);
  }
  .main_menu_wrapper li.has_submenu:after {
    right: 21px;
    width: 12px;
    height: 2px;
    top: 25px;
  }
  .main_menu_wrapper li.has_submenu:before,
  .main_menu_wrapper li.has_submenu:after {
    position: absolute;
    bottom: 0;
    content: "";
  }
}
@media (max-width: 767px) {
  .cs_pricing_calculate_table_body input[type="text"] {
    width: 125px;
  }
  .cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 60px;
  }
  .tab {
    margin-top: 30px;
  }
  div#header_tab a {
    padding: 10px 65px;
  }
  div#header_tab1 a {
    padding: 10px 65px;
  }
  .tab button {
    padding: 14px 5px;
  }
  .cs_header_form {
    padding: 0 15px;
    width: 360px;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 19%;
    bottom: 110px;
  }
  .cs_blog_img img {
    width: 100%;
  }
  .cs_blog_section {
    margin-bottom: 25px;
  }
  .cs_banner_text {
    width: 250px;
  }
  .cs_contact_box {
    margin-top: 20px;
  }
  .cs_about_img img {
    margin-top: 30px;
  }
  .cs_banner_text p {
    font-size: 16px;
  }
  .cs_pricing_charge_table {
    margin-top: 30px;
  }
  .cs_header_form {
    width: 300px;
    right: 1%;
  }
  .cs_top_header_info {
    display: block;
  }
  .cs_top_header_info_mail {
    padding-left: 0;
  }
  .cs_top_header_info_btn {
    text-align: center;
  }
  .cs_top_header_info {
    text-align: center;
  }
  .cs_pricing_calculate_table_body input[type="text"] {
    background: #f3f5f6;
    border: none;
    padding: 10px 15px;
    width: 100%;
  }
  .cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 40px;
  }
  header {
    display: flex;
    justify-content: flex-end;
    margin-top: -45px;
    margin-right: 80px;
  }

  .cs_toggle {
    top: -40px;
    right: 15px;
  }
  .cs_our_service_box {
    margin-bottom: 30px;
  }
  .cs_our_service_box2 {
    margin-top: 0;
  }
  .cs_banner_text {
    width: 100%;
  }
  .cs_header_form {
    padding: 0 15px;
    width: 100%;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 0%;
    bottom: 110px;
  }
  .cs_header_banner {
    padding: 100px 0 750px;
  }
  .cs_header_banner .cs_main_btn a {
    padding: 10px 30px;
  }
  .cs_header_form {
    margin-top: 65px;
  }
  .cs_contact_form {
    margin-right: 0;
  }
  .cs_map_wrapper {
    margin-top: 50px;
  }
  .cs_single_blog_user_comment {
    display: block;
  }
  .cs_blog_comment {
    padding-left: 40px;
    margin-top: 0;
  }
  .cs_S_blog_comment {
    padding: 0;
  }
  .cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
  }
  .cs_img_text_container {
    display: block;
  }
  .cs_single_blog_img1_box1 {
    display: block;
  }
  .cs_single_blog_text1 {
    width: 100%;
  }
  .cs_blog_sidebar_post {
    margin-top: 0;
  }
  .cs_img_text_container p {
    width: 100%;
  }
  .fixed_header.fixed {
    padding: 20px 0;
  }
}

@media (max-width: 567px) {
  .blogPaginationWrapper ul li a,
  .blogPaginationWrapper ul li.dot:hover a {
    width: 30px;
    height: 30px;
    line-height: 32px;
  }
  .cs_top_header_info {
    display: block;
    text-align: center;
  }
  .cs_header_form {
    padding: 0 15px;
    width: 100%;
    right: 0;
    padding: 0 15px;
    height: unset;
    top: 0%;
    bottom: 110px;
  }
  .tab button {
    padding: 14px 15px;
  }
  .cs_about_img img {
    margin-top: 30px;
  }
  .cs_counter_wrapper {
    padding: 70px 0 70px;
  }
  .cs_counter_icon_box {
    margin: 15px 0;
  }
  .cs_pricing_charge_table td {
    padding: 18px 10px;
    white-space: nowrap;
  }
  .cs_testimonial_heading h1 {
    font-size: 26px;
  }
  .cs_our_services_heading h1 {
    font-size: 25px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .cs_about_content p {
    text-align: left;
  }
  .cs_people_choose_content h1 {
    font-size: 25px;
  }
  .cs_pricing_calculate_table_body {
    padding: 10px 0px 10px 15px;
  }
  .cs_contact_wrapper .row {
    padding: 25px;
  }
  .cs_about_content h1 {
    font-size: 25px;
  }
  .cs_banner_text {
    width: 100%;
  }
  .cs_banner_text_button {
    display: flex;
    margin-top: 30px;
  }
  .cs_pricing_calculate_table_body label {
    padding-top: 10px;
  }
  .cs_banner_tracking_button {
    margin-left: 30px;
    margin-top: 0;
  }
  .cs_pricing_calculate_table_body {
    display: block;
    padding: 10px 20px 10px !important;
  }
  header {
    margin-top: -45px;
    margin-right: 0;
  }
  .cs_table_heading h1 {
    font-size: 26px;
  }
  .cs_top_header_info_mail {
    padding-left: 0;
  }
  .cs_pricing_charge_table {
    margin-top: 30px;
  }
  .cs_top_header_info_btn {
    text-align: center;
  }
  .cs_banner_text {
    margin-bottom: 40px;
  }
  .cs_banner_tracking_button a {
    padding: 10px 15px;
  }
  .cs_banner_read_button a {
    padding: 10px 15px;
  }
  .cs_main_header_btn.cs_main_btn a {
    padding: 6px 7px;
    font-size: 14px;
    height: 40px;
  }
  .cs_header_banner {
    padding: 60px 0 750px;
  }
  div#header_tab a {
    padding: 10px 90px;
  }
  div#header_tab1 a {
    padding: 10px 90px;
  }
  .cs_top_services_box {
    margin-bottom: 20px;
    width: 100%;
  }
  .cs_people_choose_slider_img {
    margin-top: 30px;
  }
  .cs_about_img {
    padding-left: 0;
  }
  .cs_our_service_box {
    margin-bottom: 20px;
  }
  .cs_our_service_box2 {
    margin-top: 0px;
  }
  .cs_testimonial_img_name {
    display: block;
    text-align: center;
  }
  .cs_testimonial_name:after {
    display: none;
  }
  .cs_testimonial_slides {
    padding: 50px 15px;
    width: 100%;
  }
  .cs_testimonial_text p {
    color: #c1c2ce;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  .cs_our_service_box {
    margin-bottom: 30px;
  }
  .cs_our_service_box2 {
    margin-top: 0;
  }
  .cs_testimonial_name {
    display: block;
    text-align: center;
    padding: 20px 0;
  }
  .cs_testimonial_name p {
    padding-left: 0;
  }
  .cs_testimonial_wrapper .swiper-button-next {
    left: auto;
    right: 0;
  }
  .cs_testimonial_wrapper .swiper-button-prev {
    right: 65px;
  }
  .cs_pricing_calculate_btn.cs_main_btn a {
    padding: 10px 20px;
    width: 90%;
  }
  .cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
  }
  .cs_blog_section {
    margin-bottom: 20px;
  }
  .cs_contact_box {
    margin-bottom: 30px;
  }
  .cs_footer_wrapper {
    padding: 190px 0 100px;
  }
  .cs_blog_img img {
    width: 100%;
  }
  .cs_blog_section {
    margin-bottom: 25px;
  }
  .cs_toggle {
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 15px;
  }
  .cs_main_header_logo a {
    font-size: 22px;
  }
  .cs_testimonial_section {
    width: 95%;
  }
  div#Mission {
    text-align: left;
  }
  div#Mission .cs_main_btn a {
    padding: 10px 30px;
  }
  div#Vision {
    text-align: left;
  }
  div#Vision .cs_main_btn a {
    padding: 10px 30px;
  }
  .cs_comment_holder {
    display: block;
  }
  .cs_comment_detail {
    width: 100%;
    padding: 17px 0 0;
  }
  .cs_single_blog_user_comment .cs_blog_time {
    margin-left: 0;
  }
  .cs_img_text_container p {
    width: 100%;
  }
  .response {
    left: 12px;
    bottom: -35px;
  }
}
@media (max-width: 420px) {
  header {
    margin-top: -40px;
    margin-right: -20px;
    justify-content: flex-end;
  }
  .cs_header_form {
    top: 0%;
  }
  .cs_pricing_calculate_table_body input[type="text"] {
    width: 100%;
  }
  .cs_header_btn.cs_main_btn a {
    padding: 6px 3px;
    height: 45px;
  }
  .display_flex {
    display: flex;
    flex-wrap: unset;
    width: auto;
  }
  .cs_search_wrap {
    margin-left: 0px;
  }
  .cs_about_content p {
    text-align: left;
  }
  .cs_people_choose_content p {
    text-align: left;
  }
  .who_we_tab li a {
    font-size: 15px;
    margin: 0 20px;
  }
  .cs_people_choose_wrapper .who_we_tab li a {
    font-size: 16px;
    margin: 0 10px;
  }
}
@media (max-width: 350px) {
  header {
    margin-top: -40px;
    justify-content: flex-end;
    margin-right: -20px;
  }
  .cs_header_form {
    top: 43%;
  }
  .cs_main_header_logo img {
    max-width: 30px;
  }
  .display_flex {
    display: flex;
    flex-wrap: unset;
  }
  .cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
  }
  .cs_header_banner .cs_main_btn a {
    padding: 10px 15px;
  }
}
@media (max-width: 320px) {
  .cs_main_header_btn.cs_main_btn a {
    padding: 5px 3px;
    font-size: 13px;
    height: 38px;
  }
  .cs_banner_read_button a {
    padding: 5px 5px;
    height: 40px;
  }
  .cs_banner_tracking_button a {
    padding: 5px 5px;
    height: 40px;
  }
  .tab button {
    padding: 10px 10px;
  }
  .cs_header_form a.cs_banner_tab {
    padding: 15px 10px;
  }
  .cs_header_form a.active.show {
    padding: 15px 10px;
  }
  div#header_tab a {
    padding: 10px 60px;
  }
  div#header_tab1 a {
    padding: 10px 60px;
  }
  .cs_banner_tracking_button {
    margin-left: 5px;
  }
  .cs_about_content p {
    text-align: left;
  }
  .cs_people_choose_content p {
    text-align: left;
  }
  div#Mission {
    text-align: left;
  }
  div#Vision {
    text-align: left;
  }
  .who_we_tab li a {
    font-size: 14px;
    margin: 0 15px;
  }
  .cs_blog_comment {
    padding-left: 15px;
  }
}