/*
@File: UT WEB TASARIM
* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Header Area Style
** - Nav Area Style
** - Banner Area Style
** - Partner Area Style
** - Marketing Area Style
** - Website Area Style
** - Experience Area Style
** - Services Area Style
** - Services Area Style
** - Testimonials Area Style
** - Pricing Area Style
** - Blog Area Style
** - Footer Area Style
** - Copy Right Area Style
** - Our Approach Area Style
** - Home Two Banner Area Style
** - About Us Area Style
** - Counter Area Style
** - Why Choose Us Area Style
** - Team Area Style
** - Hero Slider Area Style
** - Video Area Style
** - FAQ Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800&display=swap");
body {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
  color: #696687;
}

a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-decoration: none;
  color: #696687;
}

a:hover {
  text-decoration: none;
  color: var(--renk1);
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #30296c;
  font-weight: bold;
  font-family: "Barlow", sans-serif;
}

h3 {
  font-weight: 600;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.6;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.form-control {
  height: 55px;
  color: var(--renk1);
  border: 1px solid #d7d7d7;
  background-color: transparent;
  border-radius: 0;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
}

.form-control::-webkit-input-placeholder {
  color: #676a6a;
}

.form-control:-ms-input-placeholder {
  color: #676a6a;
}

.form-control::-ms-input-placeholder {
  color: #676a6a;
}

.form-control::placeholder {
  color: #676a6a;
}

.form-control:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid var(--renk1);
}

.form-control:hover:focus, .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

textarea.form-control {
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-40 {
  padding-bottom: 40px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-minus-100 {
  margin-top: -100px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

/*
Bg-color Style*/
.bg-color {
  background-color: #f9fbfe;
}

.bg-color-e9f7fe {
  background-color: #e9f7fe;
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-table;
  padding: 20px 45px;
  font-weight: 600;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
}

.default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk1)), to(var(--renk2)));
  background-image: linear-gradient(to right, var(--renk1), var(--renk2));
  z-index: -1;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.default-btn:hover {
  color: #ffffff;
}

.default-btn:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

/*
Read More Btn Area Style*/
.read-more {
  font-size: 15px;
  color: #30296c;
  font-weight: 600;
}

.read-more i {
  position: relative;
  top: 3px;
}

.read-more:hover {
  color: var(--renk1);
  letter-spacing: 1px;
}

/*
Section Title Area Style*/
.section-title {
  max-width: 750px;
  margin: -6px auto 50px;
  text-align: center;
  position: relative;
}

.section-title span {
  font-size: 16px;
  color: var(--renk1);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.section-title h2 {
  font-size: 48px;
  margin-bottom: 20px;
  position: relative;
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title p {
  max-width: 600px;
  margin: auto;
}

.section-title.white-title span {
  color: var(--renk1);
}

.section-title.white-title h2 {
  color: #ffffff;
}

.section-title.white-title p {
  color: #ffffff;
}

/*
Header Area Style
======================================================*/
.top-header {
  background-color: #ffffff;
  border-bottom: 1px solid #f3f3f5;
  padding-top: 15px;
  padding-bottom: 15px;
}

.top-header .header-left-content {
  line-height: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.top-header .header-left-content li {
  display: inline-block;
  margin-right: 15px;
}

.top-header .header-left-content li a {
  color: #696687;
}

.top-header .header-left-content li a i {
  font-size: 18px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--renk1);
  text-align: center;
  border-radius: 50%;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.top-header .header-left-content li a:hover {
  color: var(--renk1);
}

.top-header .header-left-content li:last-child {
  margin-right: 0;
}

.top-header .header-right-content {
  line-height: 1;
  float: right;
  position: relative;
  top: -2px;
}

.top-header .header-right-content .languages-switcher {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  top: 1px;
}

.top-header .header-right-content .languages-switcher i {
  position: absolute;
  left: 0;
  top: 3px;
  color: var(--renk1);
  margin-right: 0;
}

.top-header .header-right-content .languages-switcher select {
  padding: 0;
  background-color: transparent;
  border: none !important;
  cursor: pointer;
  color: #696687;
  font-size: 15px;
}

.top-header .header-right-content .languages-switcher select option {
  color: #696687;
}

.top-header .header-right-content .languages-switcher select:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.top-header .header-right-content .my-account {
  margin-left: 30px;
  position: relative;
  top: 3px;
  display: inline-block;
}

.top-header .header-right-content .my-account a {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: var(--renk1);
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -1px;
}

.top-header .header-right-content .my-account a i {
  color: #ffffff;
  position: relative;
  left: 0.5px;
  font-size: 15px;
}

.top-header .header-right-content .my-account a:hover {
  background-color: #30296c;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
  position: relative;
}

.navbar-area .navbar-brand {
  margin-right: 0;
  padding: 0;
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: #ffffff !important;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.desktop-nav {
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 35px;
  padding-top: 35px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-weight: 700;
  font-size: 15px;
  color: #696687;
  line-height: 1;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 4px;
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  position: absolute;
  visibility: hidden;
  border-radius: 0;
  display: block;
  width: 250px;
  border: none;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #696687;
  padding: 15px;
  border-bottom: 1px dashed #eeeeee;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
  float: right;
  top: 7px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #696687;
  border-bottom: 1px dashed #eeeeee;
  font-size: 14px;
  line-height: 1;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -1px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -1px;
  visibility: visible;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--renk1);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 80%;
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.desktop-nav .navbar .others-options ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.desktop-nav .navbar .others-options ul li {
  display: inline-block;
  margin-right: 25px;
  padding-right: 35px;
  border-right: 1px solid #d7d7d7;
}

.desktop-nav .navbar .others-options ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.desktop-nav .navbar .others-options ul li .cart {
  position: relative;
}

.desktop-nav .navbar .others-options ul li .cart i {
  color: #30296c;
  font-size: 18px;
}

.desktop-nav .navbar .others-options ul li .cart span {
  position: absolute;
  top: -12px;
  right: -10px;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 18px;
  text-align: center;
  background-color: var(--renk1);
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
}

.desktop-nav .navbar .others-options ul li .option-item {
  color: #696687;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0;
}

.desktop-nav .navbar .others-options ul li .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay {
  display: none;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form {
  position: relative;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: #30296c;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: var(--renk1);
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--renk1);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.desktop-nav .navbar .others-options ul li .option-item .search-overlay.search-popup .search-form .search-button:hover {
  background-color: #30296c;
}

.desktop-nav .navbar .others-options ul li .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  font-size: 20px;
  display: inline-block;
}

.desktop-nav .navbar .others-options ul li .option-item .search-btn:hover {
  color: var(--renk1);
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  display: none;
  font-size: 20px;
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn:hover {
  color: var(--renk1);
}

.desktop-nav .navbar .others-options ul li .option-item .close-btn.active {
  display: block;
  color: var(--renk1);
}

.mobile-responsive-nav {
  display: none;
}

.others-options-for-mobile-devices {
  display: none;
}

.others-options-for-mobile-devices ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.others-options-for-mobile-devices ul li {
  display: inline-block;
  margin-right: 25px;
  padding-right: 35px;
  border-right: 1px solid #d7d7d7;
}

.others-options-for-mobile-devices ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.others-options-for-mobile-devices ul li .cart {
  position: relative;
}

.others-options-for-mobile-devices ul li .cart i {
  color: #30296c;
  font-size: 18px;
}

.others-options-for-mobile-devices ul li .cart span {
  position: absolute;
  top: -12px;
  right: -10px;
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 18px;
  text-align: center;
  background-color: var(--renk1);
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
}

.others-options-for-mobile-devices ul li .option-item {
  color: #696687;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0;
}

.others-options-for-mobile-devices ul li .option-item span {
  position: relative;
  top: -7px;
  margin-left: 5px;
  font-weight: 600;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay {
  display: none;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-top: 18px;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form {
  position: relative;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eeeeee;
  color: #30296c;
  outline: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 15px;
  padding-top: 4px;
  padding-left: 15px;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: var(--renk1);
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: var(--renk1);
  border: none;
  width: 50px;
  outline: 0;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 0;
}

.others-options-for-mobile-devices ul li .option-item .search-overlay.search-popup .search-form .search-button:hover {
  background-color: #30296c;
}

.others-options-for-mobile-devices ul li .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  font-size: 20px;
  display: inline-block;
}

.others-options-for-mobile-devices ul li .option-item .search-btn:hover {
  color: var(--renk1);
}

.others-options-for-mobile-devices ul li .option-item .close-btn {
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: #30296c;
  text-align: center;
  display: none;
  font-size: 20px;
}

.others-options-for-mobile-devices ul li .option-item .close-btn:hover {
  color: var(--renk1);
}

.others-options-for-mobile-devices ul li .option-item .close-btn.active {
  display: block;
  color: var(--renk1);
}

.mfp-iframe-holder .mfp-content {
  border: 20px solid #eeeeee;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
  right: -20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #f30000;
}

/*
Banner Area Style
======================================================*/
.banner-area {
  position: relative;
  z-index: 1;
  height: 720px;
  overflow: hidden;
}

.banner-area .shape {
  position: absolute;
}

.banner-area .shape.shape-1 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area .shape.shape-2 {
  top: 30px;
  right: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-content h1 {
  font-size: 90px;
  margin-bottom: 25px;
  color: #30296c;
  line-height: 1.1;
  -webkit-animation: 0.6s fadeInUpBig;
          animation: 0.6s fadeInUpBig;
}

.banner-content p {
  margin-bottom: 30px;
  max-width: 600px;
  font-size: 18px;
  -webkit-animation: 0.9s fadeInUpBig;
          animation: 0.9s fadeInUpBig;
}

.banner-content .banner-btn {
  -webkit-animation: 1s fadeInUpBig;
          animation: 1s fadeInUpBig;
}

.banner-img {
  position: relative;
  z-index: 1;
  -webkit-animation: 1s fadeInUpBig;
          animation: 1s fadeInUpBig;
}

.banner-img .banner-shape-2 {
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: -1;
}

/*
Partner Area Style
======================================================*/
.partner-area .owl-carousel .owl-item img {
  display: block;
  width: auto;
  margin: auto;
}

/*
Marketing Area Style
======================================================*/
.marketing-area {
  position: relative;
}

.marketing-area .shape {
  position: absolute;
}

.marketing-area .shape.shape-1 {
  top: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.marketing-area .shape.shape-2 {
  top: 100px;
  right: 100px;
  -webkit-animation: moveBounce 3s linear infinite;
          animation: moveBounce 3s linear infinite;
}

.single-marketing-box {
  padding: 24px;
  text-align: center;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  position: relative;
}

.single-marketing-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid var(--renk1);
  width: 0;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-marketing-box h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-marketing-box img {
  margin-bottom: 12px;
}

.single-marketing-box:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.single-marketing-box.icon-style img {
  max-width: 80px;
  margin-bottom: 20px;
}

/*
Website Area Style
======================================================*/
.website-content {
  margin-bottom: 30px;
  margin-top: -13px;
}

.website-content h2 {
  font-size: 46px;
  margin-bottom: 20px;
}

.website-content h2 span {
  color: var(--renk1);
}

.website-content p {
  margin-bottom: 20px;
}

.website-content .website-from label {
  margin-bottom: 12px;
  color: #30296c;
  display: block;
}

.website-content .website-from .form-group {
  margin-bottom: 25px;
  position: relative;
}

.website-content .website-from .form-group .form-control {
  padding-left: 60px;
}

.website-content .website-from .form-group i {
  color: var(--renk1);
  position: absolute;
  top: 8px;
  left: 0;
  padding: 5px 15px;
  font-size: 20px;
  border-right: 1px solid #d7d7d7;
}

.website-content .website-from .default-btn {
  margin-top: 5px;
}

.website-content.website-content-mr {
  margin-right: 50px;
}

.website-img {
  margin-bottom: 30px;
  text-align: center;
}

.website-img.website-img-2 {
  position: relative;
  z-index: 1;
}

.website-img.website-img-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

/*
Experience Area Style
======================================================*/
.experience-content {
  margin-top: -5px;
}

.experience-content span {
  font-size: 16px;
  color: var(--renk1);
  display: block;
  margin-bottom: 5px;
}

.experience-content h2 {
  font-size: 48px;
  margin-bottom: 20px;
  position: relative;
}

.experience-content p {
  margin-bottom: 25px;
}

.skill-bar {
  margin-bottom: 30px;
}

.skill-bar .progress-title-holder {
  position: relative;
  margin-bottom: -12px;
}

.skill-bar .progress-title {
  font-size: 18px;
  font-weight: 600;
  color: #30296c;
}

.skill-bar .progress-number-wrapper {
  width: 100%;
  z-index: 10;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 0;
}

.skill-bar .progress-number-mark {
  margin-bottom: 4px;
  border-radius: 3px;
  background-color: transparent;
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0 !important;
  top: 0;
}

.skill-bar .down-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: var(--renk1);
}

.skill-bar .progress-content-outter {
  height: 6px;
  background-color: #dcdde6;
  border-radius: 0;
}

.skill-bar .progress-content {
  height: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  border-radius: 0;
  width: 0%;
}

.skill-bar .percent {
  margin-bottom: 0 !important;
  color: #30296c !important;
  font-size: 16px;
}

.skill-bar .down-arrow {
  margin-bottom: 0 !important;
}

.skill-bar .progress-title {
  margin-bottom: 0 !important;
}

.skill-bar .progress-number-wrapper {
  margin-bottom: 0 !important;
}

.experience-img {
  margin-bottom: 30px;
  text-align: center;
}

.experience-img.experience-img-two {
  position: relative;
  z-index: 1;
}

.experience-img.experience-img-two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

/*
Services Area Style
======================================================*/
.services-area {
  position: relative;
  z-index: 1;
}

.services-area .shape {
  position: absolute;
  z-index: -1;
}

.services-area .shape.shape-1 {
  bottom: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-area .shape.shape-2 {
  top: 100px;
  right: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-area .shape.shape-3 {
  top: 120px;
  left: 0;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.services-area .section-title {
  margin-bottom: 20px;
}

.services-area .section-title.section-title-mb {
  margin-bottom: 50px;
}

.single-services {
  text-align: center;
  padding: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services img {
  margin-bottom: 15px;
}

.single-services h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.single-services h3 a {
  color: #30296c;
}

.single-services p {
  margin-bottom: 16px;
}

.single-services .default-btn {
  padding: 12px 25px;
  border: 1px solid var(--renk1);
  color: #30296c;
  background-image: none;
}

.single-services:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

.single-services:hover .default-btn {
  color: #ffffff;
}

.single-services:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-services.box {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin-bottom: 30px;
}

.single-services.box i {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  display: inline-block;
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  font-size: 50px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: var(--renk1);
  -webkit-animation: border-transform 5s linear infinite alternate forwards;
          animation: border-transform 5s linear infinite alternate forwards;
}

.single-services.box i::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 120px;
  height: 120px;
  background-color: #fff8f0;
  z-index: -1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.single-services.box:hover i {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff8f0), to(#fff8f0));
  background-image: linear-gradient(to right, #fff8f0, #fff8f0);
  color: #ffffff;
}

.single-services.box:hover i::after {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
}

.single-services.card-bg {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.single-services.card-bg .default-btn {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  color: #ffffff;
  padding: 20px 45px;
}

.single-services-box-wrap {
  position: relative;
  overflow: hidden;
}

.single-services-box-wrap .top-content {
  position: relative;
  top: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-box-wrap .bottom-content {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  padding: 53px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-services-box-wrap .bottom-content.bg-1 {
  background-image: url(../images/services/services-card-bg-1.jpg);
}

.single-services-box-wrap .bottom-content.bg-2 {
  background-image: url(../images/services/services-card-bg-2.jpg);
}

.single-services-box-wrap .bottom-content.bg-3 {
  background-image: url(../images/services/services-card-bg-3.jpg);
}

.single-services-box-wrap .bottom-content.bg-4 {
  background-image: url(../images/services/services-card-bg-4.jpg);
}

.single-services-box-wrap .bottom-content.bg-5 {
  background-image: url(../images/services/services-card-bg-5.jpg);
}

.single-services-box-wrap .bottom-content.bg-6 {
  background-image: url(../images/services/services-card-bg-6.jpg);
}

.single-services-box-wrap .bottom-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30296c;
  opacity: 0.9;
  z-index: -1;
}

.single-services-box-wrap .bottom-content h3 {
  margin-bottom: 15px;
}

.single-services-box-wrap .bottom-content h3 a {
  color: #ffffff;
}

.single-services-box-wrap .bottom-content p {
  margin-bottom: 22px;
  color: #ffffff;
}

.single-services-box-wrap:hover .top-content {
  top: -500px;
}

.single-services-box-wrap:hover .bottom-content {
  top: 0;
}

/*
Services Area Style
======================================================*/
.case-studies-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.case-studies-area .owl-theme .owl-nav .owl-prev, .case-studies-area .owl-theme .owl-nav .owl-next {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 315px;
  margin: 0 !important;
  -webkit-transform: translateY(-62px);
          transform: translateY(-62px);
}

.case-studies-area .owl-theme .owl-nav .owl-prev i, .case-studies-area .owl-theme .owl-nav .owl-next i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: inline-block;
  font-size: 30px;
  border-radius: 50%;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}

.case-studies-area .owl-theme .owl-nav .owl-prev i::after, .case-studies-area .owl-theme .owl-nav .owl-next i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 52px;
  height: 52px;
  background-color: #f9fbfe;
  border-radius: 50%;
  z-index: -1;
}

.case-studies-area .owl-theme .owl-nav .owl-prev:hover i, .case-studies-area .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--renk1);
  color: var(--renk1);
}

.case-studies-area .owl-theme .owl-nav .owl-next {
  left: auto;
  right: 315px;
}

.case-studies-area .owl-item.active.center .single-case::before {
  opacity: 1;
}

.case-studies-area .owl-item.active.center .single-case .case-content {
  opacity: 1;
  visibility: visible;
}

.case-studies-area.case-studies-area-style-two .single-case {
  position: relative;
}

.case-studies-area.case-studies-area-style-two .single-case::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
  opacity: 0;
}

.case-studies-area.case-studies-area-style-two .single-case .case-content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-top: 0;
}

.case-studies-area.case-studies-area-style-two .single-case .case-content h3 a {
  color: #ffffff;
}

.case-studies-area.case-studies-area-style-two .single-case .case-content h3 a:hover {
  color: var(--renk1);
}

.case-studies-area.case-studies-area-style-page .single-case {
  position: relative;
}

.case-studies-area.case-studies-area-style-page .single-case::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
  opacity: 0;
}

.case-studies-area.case-studies-area-style-page .single-case .case-content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-top: 0;
  visibility: visible;
}

.case-studies-area.case-studies-area-style-page .single-case .case-content h3 a {
  color: #ffffff;
}

.case-studies-area.case-studies-area-style-page .single-case .case-content h3 a:hover {
  color: var(--renk1);
}

.case-studies-area.case-studies-area-style-page .single-case:hover::before {
  opacity: 1;
}

.case-studies-area.case-studies-area-style-page .single-case:hover .case-content {
  opacity: 1;
}

.case-studies-area.case-studies-area-style-page .load-more {
  text-align: center;
}

.single-case {
  margin-bottom: 30px;
}

.single-case .case-content {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: hidden;
}

.single-case .case-content h3 {
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
}

.single-case .case-content h3 a {
  color: #30296c;
  text-decoration: underline;
}

.single-case .case-content h3 a:hover {
  color: var(--renk1);
}

/*
Testimonials Area Style
======================================================*/
.testimonials-slider-bg {
  max-width: 1170px;
  margin: auto;
  position: relative;
}

.testimonials-slider-bg .owl-carousel .owl-item img {
  width: auto;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev, .testimonials-slider-bg .owl-theme .owl-nav .owl-next {
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: -80px;
  margin: 0 !important;
  -webkit-transform: translateY(-85px);
          transform: translateY(-85px);
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev i, .testimonials-slider-bg .owl-theme .owl-nav .owl-next i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  display: inline-block;
  font-size: 30px;
  border-radius: 50%;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
  z-index: 1;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev i::after, .testimonials-slider-bg .owl-theme .owl-nav .owl-next i::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 52px;
  height: 52px;
  background-color: #f9fbfe;
  border-radius: 50%;
  z-index: -1;
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-prev:hover i, .testimonials-slider-bg .owl-theme .owl-nav .owl-next:hover i {
  background-color: var(--renk1);
  color: var(--renk1);
}

.testimonials-slider-bg .owl-theme .owl-nav .owl-next {
  left: auto;
  right: -80px;
}

.testimonials-slider-bg .shape {
  position: absolute;
}

.testimonials-slider-bg .shape.shape-1 {
  top: -30px;
  left: -30px;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.testimonials-slider-bg .shape.shape-2 {
  top: -30px;
  right: -30px;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.single-testimonials {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  margin-top: 30px;
  margin: 15px;
  margin-bottom: 134px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding: 50px;
  z-index: 1;
}

.single-testimonials::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 45px solid #ffffff;
  border-left: 10px solid transparent;
  border-bottom: 0;
  border-right: 50px solid transparent;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-testimonials i {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 70px;
  color: #eae9f0;
  line-height: 1;
  z-index: -1;
}

.single-testimonials p {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 20px;
  margin-bottom: 0;
}

.testimonials-img {
  position: absolute;
  left: 205px;
  bottom: -100px;
  text-align: left;
  padding-left: 90px;
}

.testimonials-img img {
  border-radius: 50px;
  position: absolute;
  bottom: -3px;
  left: 0;
}

.testimonials-img h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #30296c;
}

.testimonials-img span {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #696687;
}

.testimonials-area .owl-theme .owl-nav {
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.testimonials-area:hover .owl-theme .owl-nav {
  opacity: 1;
}

/*
Pricing Area Style
======================================================*/
.pricing-area {
  position: relative;
  z-index: 1;
}

.pricing-area .tab {
  text-align: center;
}

.pricing-area .tab .tabs {
  border-radius: 50px;
  display: inline-block;
  background-color: #f8cda5;
  padding: 0;
  cursor: pointer;
  margin: 0;
  list-style-type: none;
  position: relative;
  margin-bottom: 40px;
}

.pricing-area .tab .tabs .monthly {
  position: absolute;
  top: -5px;
  left: -120px;
  color: #30296c;
}

.pricing-area .tab .tabs .yearly {
  position: absolute;
  top: -4px;
  right: -100px;
  color: #30296c;
}

.pricing-area .tab .tabs li {
  display: inline-block;
  padding: 0;
  font-size: 20px;
  color: var(--renk1);
  padding: 6px 5px;
  margin: 0 7px;
  width: 30px;
  height: 12px;
}

.pricing-area .tab .tabs li:last-child {
  margin-left: 0;
}

.pricing-area .tab .tabs li:first-child {
  margin-right: 0;
}

.pricing-area .tab .tabs li.current {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  border-radius: 50px;
  color: var(--renk1);
}

.pricing-area .tab .tabs li.current .monthly {
  color: var(--renk1);
}

.pricing-area .tab .tabs li.current .yearly {
  color: var(--renk1);
}

.pricing-area .shape {
  position: absolute;
  z-index: -1;
}

.pricing-area .shape.shape-1 {
  top: 100px;
  left: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.pricing-area .shape.shape-2 {
  bottom: 100px;
  right: 100px;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.single-pricing {
  text-align: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}

.single-pricing .pricing-title {
  margin-bottom: 28px;
}

.single-pricing .pricing-title h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.single-pricing .pricing-title h2 {
  font-size: 48px;
}

.single-pricing .pricing-title h2 sub {
  font-size: 15px;
  color: #696687;
  position: relative;
  top: -4px;
}

.single-pricing .pricing-title span {
  font-size: 16px;
}

.single-pricing ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 35px;
}

.single-pricing ul li {
  font-size: 18px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.single-pricing ul li:last-child {
  margin-bottom: 0;
}

.single-pricing ul li i {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 20px;
}

.single-pricing .default-btn {
  background-image: none;
  border: 1px solid var(--renk1);
  color: var(--renk1);
}

.single-pricing .default-btn:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.single-pricing:hover .default-btn {
  color: #ffffff;
}

.single-pricing:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-pricing.active {
  position: relative;
}

.single-pricing.active .most-popular {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  display: inline-block;
  color: #ffffff;
  padding: 5px 50px;
  position: absolute;
  top: 32px;
  right: -50px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*
Blog Area Style
======================================================*/
.single-blog {
  margin-bottom: 30px;
}

.single-blog img {
  margin-bottom: 20px;
}

.single-blog span {
  font-size: 15px;
  display: block;
  margin-bottom: 8px;
}

.single-blog span i {
  color: var(--renk1);
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.single-blog h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.single-blog h3 a {
  color: #30296c;
}

.single-blog p {
  margin-bottom: 10px;
}

.single-blog .default-btn {
  margin-top: 8px;
  padding: 15px 25px;
}

.single-blog.active {
  background-color: #fff8f0;
  padding: 30px;
}

/*
Footer Area Style
======================================================*/
.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .logo {
  margin-bottom: 20px;
  display: inline-block;
}

.single-footer-widget p {
  margin-bottom: 25px;
}

.single-footer-widget .social-icon {
  line-height: 1;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.single-footer-widget .social-icon li {
  display: inline-block;
  margin-right: 5px;
}

.single-footer-widget .social-icon li span {
  color: #ffffff;
}

.single-footer-widget .social-icon li a i {
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  background-color: var(--renk1);
  color: #ffffff;
  border-radius: 4px;
}

.single-footer-widget .social-icon li a:hover i {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.single-footer-widget h3 {
  font-size: 24px;
  margin-bottom: 25px;
  position: relative;
  margin-top: -5px;
}

.single-footer-widget .address {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.single-footer-widget .address li {
  position: relative;
  margin-bottom: 20px;
  position: relative;
  padding-left: 35px;
}

.single-footer-widget .address li i {
  position: absolute;
  color: var(--renk1);
  left: 0;
  top: 0;
  font-size: 15px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  background-color: var(--renk1);
  color: #ffffff;
  border-radius: 4px;
}

.single-footer-widget .address li a {
  display: block;
}

.single-footer-widget .address li a:hover {
  color: var(--renk1);
}

.single-footer-widget .address li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .import-link {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.single-footer-widget .import-link li {
  margin-bottom: 16px;
}

.single-footer-widget .import-link li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .import-link li:hover::before {
  border-radius: 50%;
}

.single-footer-widget .import-link li:hover a {
  color: var(--renk1);
}

.single-footer-widget .newsletter-form {
  position: relative;
}

.single-footer-widget .newsletter-form p {
  margin-bottom: 25px;
}

.single-footer-widget .newsletter-form .form-control {
  background-color: #ffffff;
}

.single-footer-widget .newsletter-form .form-control::-webkit-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control:-ms-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control::-ms-input-placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .form-control::placeholder {
  color: #696687;
}

.single-footer-widget .newsletter-form .send-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  color: #ffffff;
  font-size: 25px;
}

.single-footer-widget .newsletter-form #validator-newsletter {
  color: #8b0000;
  margin-top: 10px;
}

/*
Copy Right Area Style
======================================================*/
.copy-right-area {
  border-top: 1px solid #eaecf2;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copy-right-area p i {
  position: relative;
  top: 2px;
}

.copy-right-area p a {
  color: #30296c;
  font-weight: 600;
}

.copy-right-area p a:hover {
  color: var(--renk1);
}

.copy-right-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: right;
}

.copy-right-area ul li {
  display: inline-block;
  margin-left: 30px;
  position: relative;
}

.copy-right-area ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -17px;
  width: 2px;
  height: 10px;
  background-color: #696687;
}

.copy-right-area ul li:first-child {
  margin-left: 0;
}

.copy-right-area ul li:first-child::before {
  display: none;
}

/*====================================================
HOME TWO AREA
=====================================================*/
/*
Home Two Banner Area Style
======================================================*/
.banner-area-style-two {
  background-image: url(../images/banner/banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-area-style-two .banner-content {
  max-width: 640px;
}

.banner-area-style-two .shape {
  position: absolute;
}

.banner-area-style-two .shape.shape-3 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area-style-two .shape.shape-4 {
  top: 30px;
  left: 30px;
  z-index: -1;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.banner-area-style-two .shape.shape-5 {
  top: 30px;
  right: 30px;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area-style-two .single-category {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  padding: 19px 30px;
}

.banner-area-style-two .single-category i {
  font-size: 30px;
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}

.banner-area-style-two .single-category p {
  line-height: 1;
}

.banner-area-style-two .single-category.seo {
  right: 540px;
  top: 70px;
  -webkit-animation: 2s zoomIn;
          animation: 2s zoomIn;
}

.banner-area-style-two .single-category.growth {
  padding: 30px;
  bottom: 50px;
  right: 360px;
  -webkit-animation: 3s zoomIn;
          animation: 3s zoomIn;
}

.banner-area-style-two .single-category.analytics {
  top: 30%;
  right: 60px;
  padding: 36px 30px;
  -webkit-animation: 4s zoomIn;
          animation: 4s zoomIn;
}

/*
Our Approach Area Style
======================================================*/
.single-approach-box {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 30px;
}

.single-approach-box .icon {
  position: relative;
  margin-bottom: 15px;
}

.single-approach-box .icon i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  font-size: 50px;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box .icon .icon-shape {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box .icon .icon-shape-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-approach-box h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.single-approach-box:hover .icon .icon-shape {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.single-approach-box:hover .icon .icon-shape-hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-approach-box:hover .icon i {
  color: #ffffff;
}

/*
About Us Area Style
======================================================*/
.about-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  text-align: center;
}

.about-img img {
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-img .about-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.about-img .video-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.about-img .video-button a i {
  font-size: 70px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 162, 3, 0.9)), to(rgba(255, 94, 41, 0.9)));
  background-image: linear-gradient(to right, rgba(255, 162, 3, 0.9), rgba(255, 94, 41, 0.9));
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-img-three {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 30px;
}

.about-img-three .about-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.about-img-three.before-style::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.about-content {
  margin-bottom: 30px;
  margin-left: 50px;
  margin-top: -5px;
}

.about-content span {
  color: var(--renk1);
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.about-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

.about-content h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.about-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}

.about-content ul li {
  margin-bottom: 20px;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
}

.about-content ul li:last-child {
  margin-bottom: 0;
}

.about-content ul li i {
  color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: var(--renk1);
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}

.about-content ul li h4 {
  font-size: 20px;
  font-weight: 600;
}

.about-content .default-btn {
  margin-top: 5px;
}

/*
Counter Area Style
======================================================*/
.counter-bg {
  background-color: #fff8f0;
  border-radius: 0 30px 0 30px;
}

.single-counter {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}

.single-counter .count-title {
  text-align: center;
}

.single-counter .count-title h2 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1;
  margin-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 110px;
  border-radius: 50%;
}

.single-counter .count-title h2 .target {
  position: relative;
  top: 2px;
  margin-left: -10px;
  font-size: 48px;
  color: #ffffff;
}

.single-counter .count-title h4 {
  font-size: 24px;
  margin-bottom: 0;
  color: #30296c;
  font-weight: 600;
}

.single-counter .counter-shape {
  position: absolute;
  top: 50px;
  right: 0;
  margin-right: -100px;
}

.single-counter .counter-shape.shape-2 {
  top: 32px;
}

/*
Why Choose Us Area Style
======================================================*/
.why-choose-us-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  text-align: center;
}

.why-choose-us-img .why-choose-us-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.why-choose-us-img.before-style::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--renk2)), to(var(--renk1)));
  background-image: linear-gradient(to right, var(--renk2), var(--renk1));
  z-index: -1;
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

.why-choose-us-content {
  margin-bottom: 30px;
}

.why-choose-us-content span {
  font-size: 16px;
  color: var(--renk1);
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.why-choose-us-content h2 {
  font-size: 46px;
  margin-bottom: 20px;
  position: relative;
}

.why-choose-us-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 30px;
}

.why-choose-us-content ul li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 30px;
}

.why-choose-us-content ul li:last-child {
  margin-bottom: 0;
}

.why-choose-us-content ul li i {
  position: absolute;
  top: 1px;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--renk1);
  color: #ffffff;
  border-radius: 50%;
  font-size: 18px;
}

.why-choose-us-content ul li h3 {
  font-size: 24px;
}

.why-choose-us-content ul li p {
  margin-bottom: 0;
}

/*
Team Area Style
======================================================*/
.single-team-member {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-bottom: 30px;
}

.single-team-member .team-content {
  position: relative;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  padding-top: 20px;
}

.single-team-member .team-content h3 {
  margin-bottom: 10px;
  font-size: 24px;
}

.single-team-member .team-content span {
  display: block;
  font-size: 15px;
}

.single-team-member .team-content .team-social .control {
  width: 50px;
  height: 50px;
  line-height: 53px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 30px;
  right: 0;
  color: var(--renk1);
  border-radius: 50%;
  z-index: 1;
}

.single-team-member .team-content .team-social .control::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background-color: #f9fbfe;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-team-member .team-content .team-social ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -170px;
  right: 5px;
  opacity: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-team-member .team-content .team-social ul li a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--renk1);
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 10px;
}

.single-team-member .team-content .team-social ul li a:hover i {
  background-color: #30296c;
}

.single-team-member .team-content .team-social ul li:nth-child(4) a i {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.single-team-member .team-content .team-social ul li:nth-child(3) a i {
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.single-team-member .team-content .team-social ul li:nth-child(2) a i {
  -webkit-transform: translateY(120px);
          transform: translateY(120px);
}

.single-team-member .team-content .team-social ul li:nth-child(1) a i {
  -webkit-transform: translateY(160px);
          transform: translateY(160px);
}

.single-team-member .team-content .team-social:hover ul {
  opacity: 1;
}

.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member .team-content .team-social:hover ul li:nth-child(1) a i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.single-team-member:hover .team-social .control {
  background-color: var(--renk1);
  color: #ffffff;
}

.single-team-member:hover .team-social .control::before {
  background-color: var(--renk1);
}

/*====================================================
HOME THREE AREA
=====================================================*/
/*
Header Area Style
======================================================*/
.header-area.header-area-style-three {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.header-area.header-area-style-three .top-header {
  background-color: transparent !important;
  border-bottom: none;
}

/*
Hero Slider Area Style
======================================================*/
.hero-slider-area {
  position: relative;
  background-image: url(../images/slider/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-slider-area .thumbs-wrap {
  max-width: 1300px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.hero-slider-area .thumbs-wrap .owl-thumbs {
  position: absolute;
  bottom: 50px;
  left: 0;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item {
  padding: 0 15px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item span {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item span::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 23px;
  width: 70px;
  height: 1px;
  background-color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active {
  margin-right: 50px;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span::before {
  opacity: 1;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span {
  color: var(--renk1);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item.active span::before {
  background-color: var(--renk1);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:hover span {
  color: var(--renk1);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:hover span::before {
  background-color: var(--renk1);
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:last-child.active {
  margin-right: 0;
  margin-left: 50px;
}

.hero-slider-area .thumbs-wrap .owl-thumbs .owl-thumb-item:last-child.active span::before {
  left: auto;
  right: 27px;
}

.hero-slider-area .owl-item.active .hero-slider-content {
  overflow: hidden;
}

.hero-slider-area .owl-item.active .hero-slider-content h1 {
  -webkit-animation: 1s fadeInLeft both;
          animation: 1s fadeInLeft both;
}

.hero-slider-area .owl-item.active .hero-slider-content p {
  -webkit-animation: 2s fadeInLeft both;
          animation: 2s fadeInLeft both;
}

.hero-slider-area .owl-item.active .hero-slider-content .slider-btn {
  -webkit-animation: 3s fadeInLeft both;
          animation: 3s fadeInLeft both;
}

.hero-slider-area .owl-item.active .slider-img img {
  -webkit-animation: 3s fadeInLeft both;
          animation: 3s fadeInLeft both;
}

.hero-slider-item {
  position: relative;
  z-index: 1;
  height: 850px;
}

.hero-slider-content {
  margin-top: 120px;
}

.hero-slider-content h1 {
  font-size: 70px;
  margin-bottom: 30px;
}

.hero-slider-content p {
  margin-bottom: 30px;
  max-width: 600px;
  font-size: 18px;
}

.hero-slider-content .slider-btn .play-video {
  position: relative;
  top: 16px;
  margin-left: 30px;
}

.hero-slider-content .slider-btn .play-video i {
  font-size: 56px;
  color: var(--renk1);
}

.hero-slider-content .slider-btn .play-video span {
  color: #30296c;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  top: -15px;
  left: 15px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.hero-slider-content .slider-btn .play-video:hover span {
  color: var(--renk1);
}

.slider-img {
  position: relative;
  z-index: 1;
  margin-top: 150px;
}

.slider-img img {
  border-radius: 73% 27% 24% 76% / 34% 26% 74% 66%;
}

/*
Video Area Style
======================================================*/
.video-area {
  position: relative;
  z-index: 1;
}

.video-area::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  z-index: -1;
}

.video-content {
  text-align: center;
  position: relative;
}

.video-content .video-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-content .video-button i {
  font-size: 100px;
  color: #ffffff;
  background-color: rgba(246, 136, 32, 0.9);
  line-height: 1;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.video-content .video-button i:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--renk1);
}

/*
FAQ Area CSS
======================================================*/
.faq-accordion {
  max-width: 930px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.faq-accordion .shape {
  position: absolute;
  z-index: -1;
}

.faq-accordion .shape.shape-1 {
  left: -50px;
  top: -100px;
}

.faq-accordion .shape.shape-2 {
  right: -50px;
  bottom: -50px;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  margin-bottom: 15px;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #30296c;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 20px;
  font-weight: 600;
  background-color: #ffffff;
  border-bottom: 1px solid #e9f7fe;
  z-index: 1;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 18px;
  top: 19px;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f1af";
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -6px;
  padding: 23px;
  background-color: #ffffff;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/*====================================================
INNER PAGE STYLE AREA
=====================================================*/
/* 
Page Title Area Style
=====================================================*/
.page-title-area {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  background-image: url(../images/page-title-bg/page-title-bg-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.page-title-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30296c;
  opacity: 0.9;
  z-index: -1;
}

.page-title-area .page-title-content {
  position: relative;
  margin-top: -6px;
  text-align: center;
}

.page-title-area .page-title-content h2 {
  margin-bottom: 15px;
  font-size: 48px;
  color: #ffffff;
}

.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: -5px;
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  padding-right: 15px;
  margin-left: 15px;
  color: #ffffff;
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  right: -3px;
  background-color: #ffffff;
  width: 1px;
  height: 15px;
}

.page-title-area .page-title-content ul li.active {
  color: var(--renk1);
}

.page-title-area .page-title-content ul li:first-child {
  margin-left: 0;
}

.page-title-area .page-title-content ul li:last-child {
  padding-right: 0;
}

.page-title-area .page-title-content ul li:last-child::before {
  display: none;
}

.page-title-area .page-title-content ul li a {
  color: #ffffff;
}

.page-title-area .page-title-content ul li a:hover {
  color: var(--renk1);
}

/*
User Area CSS
=====================================================*/
.user-area {
  position: relative;
  z-index: 1;
}

.user-area .user-form-content h3 {
  font-size: 24px;
  background-color: #f9fbfe;
  padding: 20px 30px;
  margin-bottom: 0;
}

.user-area .user-form-content .user-form {
  border-bottom: none;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin: auto;
}

.user-area .user-form-content .user-form .form-group {
  margin-bottom: 30px;
}

.user-area .user-form-content .user-form .form-group label {
  font-size: 16px;
  margin-bottom: 12px;
}

.user-area .user-form-content .user-form .form-group .form-control {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.user-area .user-form-content .user-form .login-action {
  margin-bottom: 30px;
}

.user-area .user-form-content .user-form .login-action .log-rem {
  display: inline-block;
}

.user-area .user-form-content .user-form .login-action .log-rem label {
  margin-bottom: 0;
  font-size: 16px;
}

.user-area .user-form-content .user-form .login-action .forgot-login {
  display: inline-block;
  float: right;
}

.user-area .user-form-content .user-form .default-btn {
  width: 100%;
  margin-bottom: 30px;
}

.user-area .user-form-content .or {
  text-align: center;
  font-size: 16px;
  display: block;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.user-area .user-form-content .or::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 45%;
  height: 1px;
  background-color: #cccccc;
  z-index: -1;
}

.user-area .user-form-content .or::after {
  content: "";
  position: absolute;
  top: 13px;
  right: 0;
  width: 45%;
  height: 1px;
  background-color: #cccccc;
  z-index: -1;
}

.user-area .user-form-content .or-login {
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  padding: 15px 30px;
  border-radius: 4px;
  margin-bottom: 30px;
  font-size: 16px;
}

.user-area .user-form-content .or-login i {
  color: #3b5998;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.user-area .user-form-content .or-login.google i {
  color: #ed1d24;
}

.user-area .user-form-content .or-login:hover {
  background-color: var(--renk1);
  color: #ffffff;
  border-color: var(--renk1);
}

.user-area .user-form-content .or-login:hover i {
  color: #ffffff;
}

.user-area .user-form-content .create {
  text-align: center;
  font-size: 16px;
}

.user-area .user-form-content .create a {
  color: var(--renk1);
}

.user-area .user-form-content.log-in-width {
  max-width: 930px;
  margin: auto;
}

.user-area .user-form-content.register-width {
  max-width: 930px;
  margin: auto;
}

.user-area #remember-2 {
  position: relative;
  top: 1px;
}

/* 
Main Contact Area Style
=====================================================*/
.main-contact-area .form-group {
  margin-bottom: 30px;
}

.main-contact-area .form-group .form-control {
  background-color: #f9fbfe;
}

.main-contact-area .contact-form h2 {
  font-size: 40px;
  margin-bottom: 30px;
  margin-top: -12px;
}

.main-contact-area .contact-info {
  margin-left: 50px;
  margin-top: -5px;
}

.main-contact-area .contact-info .top-title {
  color: var(--renk1);
  display: block;
  margin-bottom: 5px;
}

.main-contact-area .contact-info h2 {
  font-size: 40px;
  margin-bottom: 30px;
}

.main-contact-area .contact-info .address {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.main-contact-area .contact-info .address .location {
  position: relative;
}

.main-contact-area .contact-info .address .location i {
  position: absolute;
  color: #8b8c90;
  left: 0;
  top: 5px;
  font-size: 45px;
}

.main-contact-area .contact-info .address .location span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #30296c;
}

.main-contact-area .contact-info .address li {
  position: relative;
  margin-bottom: 20px;
}

.main-contact-area .contact-info .address li a {
  color: #696687;
  display: block;
}

.main-contact-area .contact-info .address li a:hover {
  color: var(--renk1);
}

.main-contact-area .contact-info .address li:last-child {
  margin-bottom: 0;
}

.main-contact-area .contact-info .address li i {
  position: absolute;
  color: #8b8c90;
  left: 0;
  top: 0;
  font-size: 45px;
}

.main-contact-area .contact-info .address li span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #30296c;
}

.main-contact-area #msgSubmit {
  text-align: left;
}

.main-contact-area.faq-contact-area .contact-form {
  max-width: 930px;
  margin: auto;
}

.main-contact-area.faq-contact-area .default-btn {
  margin: auto;
  display: table;
}

.main-contact-area.faq-contact-area #msgSubmit {
  text-align: center !important;
}

.list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.hidden {
  display: none;
}

#msgSubmit {
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
}

.map-area iframe {
  height: 480px;
  width: 100%;
  border: none !important;
  display: block;
}

/*
Shop Area Style
======================================================*/
.showing-result {
  margin-bottom: 30px;
  margin-right: 15px;
  background-color: #f9fbfe;
  border: 1px solid #ebebeb;
  padding: 10px;
}

.showing-result .showing-top-bar-ordering {
  text-align: right;
}

.showing-result .showing-top-bar-ordering .nice-select {
  color: var(--renk1);
  border-radius: 0;
  border: none;
  float: unset;
  height: unset;
  line-height: initial;
  padding: 15px 35px 15px 15px;
  font-size: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.showing-result .showing-top-bar-ordering .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 250px;
  overflow-y: scroll;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option:hover {
  background-color: var(--renk1) !important;
  color: #ffffff;
}

.showing-result .showing-top-bar-ordering .nice-select .list .option.selected {
  font-weight: 500;
  color: #696687;
}

.showing-result .showing-top-bar-ordering .nice-select:after {
  right: 20px;
}

.showing-result .search-form .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: var(--renk1);
  color: #ffffff;
  font-size: 20px;
}

.showing-result .search-form .form-control {
  border: 1px solid #d7d7d7;
  background-color: #f5f6fa;
  font-size: 16px;
}

.showing-result .search-form .form-control::-webkit-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control:-ms-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control::-ms-input-placeholder {
  color: #616161;
}

.showing-result .search-form .form-control::placeholder {
  color: #616161;
}

.single-shop {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-shop img {
  margin-bottom: 20px;
}

.single-shop a h3 {
  margin-bottom: 10px;
  font-size: 20px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.single-shop a:hover h3 {
  color: var(--renk1);
}

.single-shop span {
  font-size: 15px;
  display: block;
  color: #696687;
  margin-bottom: 5px;
}

.single-shop span del {
  margin-right: 10px;
}

.single-shop .rating {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 20px;
}

.single-shop .rating li {
  display: inline-block;
  margin: 0 1px;
}

.single-shop .rating li i {
  color: #ffb607;
}

.single-shop .default-btn {
  background-image: none;
  border: 1px solid var(--renk1);
  color: #30296c;
}

.single-shop:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-shop:hover .default-btn {
  color: #ffffff;
}

.single-shop:hover .default-btn::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-shop:hover a h3 {
  color: var(--renk1);
}

.shop-area select {
  border: 1px solid #ebebeb;
  padding: 10px;
}

.shop-area select:focus {
  outline: none;
}

.shop-area .pagination-area {
  text-align: center;
}

/*
Shopping Cart Area Style
======================================================*/
.cart-area .cart-controller {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  margin-bottom: 35px;
}

.cart-area .trash {
  text-align: center !important;
}

.cart-area .trash .remove {
  color: #ed1d24;
  font-size: 20px;
}

.cart-area .trash .remove:hover {
  color: #ed1d24;
}

.cart-area .shop-thumbnail {
  width: 130px;
}

.cart-area .cart-table {
  text-align: center;
}

.cart-area .cart-table table thead tr {
  border-style: none;
}

.cart-area .cart-table table thead tr th {
  border: none;
  color: #30296c;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 30px;
}

.cart-area .cart-table table tbody tr td {
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  padding: 15px 30px;
}

.cart-area .cart-table table tbody tr td a {
  color: #30296c;
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td a:hover {
  color: var(--renk1);
}

.cart-area .cart-table table tbody tr td.shop-quantity {
  width: 145px;
  padding: 0;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter {
  position: relative;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input {
  height: 45px;
  color: #30296c;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::-webkit-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input:-ms-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::-ms-input-placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter input::placeholder {
  color: #30296c;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  color: #30296c;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn i {
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .minus-btn:hover {
  color: #ffffff;
  background-color: var(--renk1);
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  cursor: pointer;
  color: #30296c;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid #dedede;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn i {
  font-weight: 700;
}

.cart-area .cart-table table tbody tr td.shop-quantity .input-counter .plus-btn:hover {
  color: #ffffff;
  background-color: var(--renk1);
}

.cart-area .coupon-cart {
  padding: 20px;
  padding-top: 5px;
}

.cart-area .coupon-cart .form-group {
  position: relative;
}

.cart-area .coupon-cart .form-group .form-control {
  border: 1px solid #dedede;
}

.cart-area .coupon-cart .form-group .form-control:focus {
  border-color: var(--renk1);
}

.cart-area .coupon-cart .form-group .default-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 40px;
  height: 55px;
  line-height: 24px;
}

.cart-area .coupon-cart .form-group .default-btn::before {
  display: none;
}

.cart-area .coupon-cart .form-group .default-btn::after {
  display: none;
}

.cart-area .coupon-cart .default-btn.update-cart {
  float: right;
  height: 50px;
}

.cart-area .cart-totals {
  padding: 30px;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  max-width: 400px;
  margin: auto;
}

.cart-area .cart-totals h3 {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--renk1);
  font-size: 20px;
}

.cart-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-area .cart-totals ul li {
  color: #696687;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

.cart-area .cart-totals ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.cart-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.cart-area .cart-totals .default-btn {
  display: block;
}

.cart-area.wishlist-style .cart-controller {
  margin-bottom: 0;
}

.cart-area.wishlist-style .cart-table {
  text-align: center;
}

.cart-area.wishlist-style .cart-table table {
  margin-bottom: 0;
}

/* 
Checkout Area Style
=====================================================*/
.checkout-area .billing-details {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

.checkout-area .billing-details h3 {
  margin-bottom: 20px;
  font-size: 25px;
}

.checkout-area .billing-details .form-group {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-group .form-control {
  background-color: #ffffff;
  border-color: #ebebeb;
}

.checkout-area .billing-details .form-group label {
  display: block;
  color: #696687;
  margin-bottom: 10px;
  font-size: 16px;
}

.checkout-area .billing-details .form-group label .required {
  color: #696687;
}

.checkout-area .billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #696687;
  padding-top: 0;
  padding-bottom: 0;
}

.checkout-area .billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkout-area .billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .list .option:hover {
  background-color: var(--renk1) !important;
  color: #ffffff;
}

.checkout-area .billing-details .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.checkout-area .billing-details .form-group .nice-select:after {
  right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: var(--renk1) !important;
  color: #ffffff !important;
}

.checkout-area .billing-details .form-group textarea {
  padding-top: 13px;
}

.checkout-area .billing-details .form-check {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-check .form-check-label {
  color: #696687;
  font-weight: 600;
  font-size: 14px;
}

.checkout-area .billing-details .form-check label {
  position: relative;
  top: 1px;
}

.checkout-area .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.checkout-area .cart-totals {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  background-color: #ffffff;
}

.checkout-area .cart-totals h3 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--renk1);
  font-size: 20px;
}

.checkout-area .cart-totals ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.checkout-area .cart-totals ul li {
  color: #696687;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

.checkout-area .cart-totals ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.checkout-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.checkout-area .faq-accordion {
  margin-top: 0;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 0;
}

.checkout-area .faq-accordion h3 {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--renk1);
  font-size: 20px;
}

.checkout-area .faq-accordion .accordion .accordion-content {
  border-top: none;
  padding: 0;
  background-color: transparent;
}

.checkout-area .faq-accordion .accordion .accordion-content .form-group {
  margin-bottom: 30px;
}

.checkout-area .faq-accordion .accordion .accordion-title {
  padding: 0;
  position: relative;
  padding-left: 25px;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
  color: #30296c;
  font-weight: 600;
}

.checkout-area .faq-accordion .accordion .accordion-title.active::after {
  background-color: var(--renk1);
}

.checkout-area .faq-accordion .accordion .accordion-title.active::before {
  border-color: var(--renk1);
}

.checkout-area .faq-accordion .accordion .accordion-title::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -4px;
  width: 17px;
  height: 17px;
  border: 1px solid #30296c;
  border-radius: 50%;
  margin: 3px;
}

.checkout-area .faq-accordion .accordion .accordion-title::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 2px;
  width: 11px;
  height: 11px;
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
}

.checkout-area .faq-accordion .accordion .accordion-title:hover {
  color: var(--renk1);
}

.checkout-area .faq-accordion .accordion .accordion-item {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 15px;
}

.checkout-area .faq-accordion .form-check {
  font-size: 14px;
}

.checkout-area .faq-accordion .form-check label {
  margin-bottom: 5px;
}

.checkout-area .faq-accordion .form-check label a {
  color: var(--renk1);
}

.checkout-area .faq-accordion .form-check label a:hover {
  color: var(--renk1);
}

.checkout-area .log-in-coupon-code .faq-accordion {
  max-width: 100%;
  padding: 15px;
  margin-bottom: 30px;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item {
  margin-bottom: 0;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item p {
  padding-top: 15px;
  padding-bottom: 15px;
}

.checkout-area .log-in-coupon-code .faq-accordion .accordion-item .accordion-title {
  margin-bottom: 0;
  font-weight: 600;
}

/*
Shop Details Area Style
=====================================================*/
.shop-details-area .shop-details-desc h3 {
  margin-bottom: 20px;
  font-size: 25px;
}

.shop-details-area .shop-details-desc p {
  margin-bottom: 0;
}

.shop-details-area .shop-details-desc .price {
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #eeeeee;
}

.shop-details-area .shop-details-desc .price span {
  padding: 0 5px;
}

.shop-details-area .shop-details-desc .price del {
  color: var(--renk1);
  margin-right: 10px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart {
  margin-bottom: 20px;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
  margin-top: 20px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart h3 {
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  border: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 34px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span:hover {
  color: var(--renk1);
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span.minus-btn {
  left: 0;
  border-right: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter span.plus-btn {
  right: 0;
  border-left: 1px solid #cfcfcf;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input {
  height: 30px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input:-ms-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::-ms-input-placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .shop-add-to-cart .input-counter input::placeholder {
  color: #333333;
}

.shop-details-area .shop-details-desc .social-wrap {
  margin-top: 20px;
}

.shop-details-area .shop-details-desc .social-wrap li {
  display: inline-block;
  padding-right: 10px;
  font-size: 17px;
  font-weight: 600;
  color: #30296c;
}

.shop-details-area .shop-details-desc .social-wrap li span {
  display: inline-block;
  margin-right: 45px;
}

.shop-details-area .shop-details-desc .social-wrap li a i {
  font-size: 20px;
  line-height: 1;
  color: #30296c;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.shop-details-area .shop-details-desc .social-wrap li a:hover i {
  color: var(--renk1);
}

.shop-details-area .shop-details-desc .default-btn {
  margin-bottom: 0 !important;
}

.shop-details-area .shop-details-desc .default-btn i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.shop-details-area .shop-details-desc .category {
  font-size: 17px;
  font-weight: 600;
  margin-top: 15px;
}

.shop-details-area .shop-details-desc .category span {
  font-weight: normal;
}

.shop-details-area .shop-details-desc .shop-review {
  position: relative;
  margin-bottom: 10px;
}

.shop-details-area .shop-details-desc .shop-review .rating i {
  color: #ffba0a;
}

.shop-details-area .shop-details-desc .shop-review .rating-count {
  position: absolute;
  top: 0;
  left: 110px;
}

.shop-details-area .shop-details-image {
  text-align: center;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.shop-details-area .tab .tabs_item {
  display: none;
}

.shop-details-area .tab .tabs_item:first-child {
  display: block;
}

.shop-details-area .shop-details-tab {
  margin-top: 50px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
}

.shop-details-area .shop-details-tab .tabs {
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid #eaedff;
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 25px;
  color: #30296c;
  font-size: 22px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.shop-details-area .shop-details-tab .tabs li:hover {
  color: var(--renk1);
}

.shop-details-area .shop-details-tab .tabs li.current {
  color: var(--renk1);
}

.shop-details-area .shop-details-tab .tab_content {
  padding: 30px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content p {
  margin-bottom: 20px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content p:last-child {
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li {
  border: 1px solid #eaedff;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li:last-child {
  border-bottom: 1px solid #eaedff;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .additional-information li span {
  display: inline-block;
  width: 30%;
  color: #30296c;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content h3 {
  margin-bottom: 15px;
  font-size: 22px;
  margin-top: -5px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title {
  position: relative;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating {
  display: inline-block;
  position: relative;
  top: 1px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating .fas.fa-star {
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .rating i {
  color: #ffba0a;
  font-size: 14px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-title .btn:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 4px;
  background-color: var(--renk1);
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments {
  margin-top: 35px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eaedff;
  padding-top: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .rating .fas.fa-star {
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .rating i {
  font-size: 14px;
  color: #ffba0a;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item p {
  margin-bottom: 0;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .review-report-link {
  position: absolute;
  right: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-comments .review-item .review-report-link:hover {
  color: #ff4800;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form {
  margin-top: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group {
  margin-bottom: 30px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group label {
  color: #444444;
  margin-bottom: 12px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group textarea {
  padding-top: 15px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .form-group .form-control {
  font-size: 14px;
}

.shop-details-area .shop-details-tab .tab_content .tabs_item .shop-details-tab-content .shop-review-form .review-form form .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/* 
Sidebar Widget Style
=====================================================*/
.sidebar-widget {
  margin-bottom: 35px;
  margin-left: 30px;
}

.sidebar-widget h3 {
  font-size: 28px;
  background-color: #ffffff;
  margin-bottom: 20px;
  font-weight: 700;
}

.sidebar-widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.sidebar-widget.search .search-form {
  background-color: #ffffff;
  position: relative;
}

.sidebar-widget.search .search-form .form-control {
  border-radius: 0;
}

.sidebar-widget.search .search-form .search-button {
  position: absolute;
  width: 50px;
  height: 47px;
  line-height: 46px;
  top: 4px;
  right: 4px;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-color: var(--renk1);
  border-radius: 0;
}

.sidebar-widget.search .search-form .search-button:hover {
  background-color: #30296c;
}

.sidebar-widget.categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  position: relative;
  padding-bottom: 10px;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  padding-left: 20px;
}

.sidebar-widget.categories ul li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--renk1);
  border-radius: 50%;
}

.sidebar-widget.categories ul li a {
  display: block;
  color: #30296c;
}

.sidebar-widget.categories ul li a i {
  font-size: 20px;
  float: right;
  position: relative;
  top: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.sidebar-widget.categories ul li a:hover {
  color: var(--renk1);
}

.sidebar-widget.categories ul li span {
  float: right;
  position: relative;
  top: 1px;
}

.sidebar-widget.categories ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar-widget.recent-post {
  margin-bottom: 60px;
}

.sidebar-widget.recent-post ul li {
  margin-bottom: 15px;
  padding-bottom: 40px;
  position: relative;
  padding-left: 90px;
  border-bottom: 1px solid #eeeeee;
}

.sidebar-widget.recent-post ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.sidebar-widget.recent-post ul li a {
  font-size: 20px;
  color: #30296c;
  margin-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  font-family: "Barlow", sans-serif;
}

.sidebar-widget.recent-post ul li a:hover {
  color: var(--renk1);
}

.sidebar-widget.recent-post ul li a img {
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar-widget.recent-post ul li span {
  display: block;
  font-size: 14px;
}

.sidebar-widget.tags ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.sidebar-widget.tags ul li a {
  border: 1px solid #e1e1e1;
  padding: 8px 12px;
  display: inline-block;
  background-color: #f9fbfe;
  font-size: 15px;
  font-weight: 600;
  -webkit-font-feature-settings: "Barlow", sans-serif;
          font-feature-settings: "Barlow", sans-serif;
}

.sidebar-widget.tags ul li a:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  background-color: var(--renk1);
  color: #ffffff;
  border-color: var(--renk1);
}

.sidebar-widget.tags ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget.quat-from .form-group {
  margin-bottom: 20px;
}

.sidebar-widget.quat-from label {
  margin-bottom: 12px;
}

.sidebar-widget.quat-from .default-btn {
  width: 100%;
}

.blog-page-area .single-blog h3 {
  font-size: 35px;
  font-weight: 700;
}

/* 
Blog Details Area Style
=====================================================*/
.blog-details-content {
  margin-bottom: 30px;
}

.blog-details-content.content-1 {
  margin-bottom: 20px;
}

.blog-details-content.content-2 {
  margin-bottom: 0;
}

.blog-details-content.content-2 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  line-height: 1;
}

.blog-details-content.content-2 ul li {
  display: inline-block;
  font-size: 15px;
  margin-right: 15px;
}

.blog-details-content.content-2 ul li:last-child {
  border-right: none;
}

.blog-details-content.content-2 ul li i {
  color: var(--renk1);
  position: relative;
  top: 1.5px;
  margin-right: 5px;
}

.blog-details-content.content-3 h3 {
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 700;
}

.blog-details-content.content-4 blockquote {
  background-color: #fff8f0;
  position: relative;
  padding: 30px;
  z-index: 1;
}

.blog-details-content.content-4 blockquote i {
  font-size: 100px;
  line-height: 1;
  color: #eae3e3;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
}

.blog-details-content.content-4 blockquote p {
  font-size: 20px;
  font-weight: 600;
  max-width: 600px;
  margin: auto;
  text-align: center;
  color: #30296c;
}

.blog-details-content.content-6 {
  background-color: #f9fbfe;
  padding: 20px;
}

.blog-details-content.content-6 ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

.blog-details-content.content-6 ul li {
  display: inline-block;
}

.blog-details-content.content-6 ul li span {
  font-weight: 700;
  font-size: 20px;
  color: #30296c;
}

.blog-details-content.content-6 ul li a {
  margin-left: 15px;
  font-weight: 600;
}

.blog-details-content.content-6 .social-icon {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}

.blog-details-content.content-6 .social-icon li span {
  font-weight: 600;
  font-size: 20px;
}

.blog-details-content.content-6 .social-icon li a {
  margin-left: 20px;
}

.blog-details-content.content-6 .social-icon li a i {
  font-size: 18px;
}

.blog-details-content.content-8 {
  margin-bottom: 0;
}

.blog-details-content.content-8 h3 {
  margin-bottom: 8px;
  margin-top: -11px;
  font-size: 25px;
}

.blog-details-content.content-8 p {
  margin-bottom: 30px;
}

.blog-details-content.content-8 form .form-group {
  margin-bottom: 30px;
}

.blog-details-content.content-8 form .form-group label {
  margin-bottom: 10px;
}

.blog-details-content.content-8 form .form-group .form-control {
  background-color: #f9fbfe;
  border: 1px solid #ebebeb;
}

.blog-details-content.content-8 form .form-group .form-control::-webkit-input-placeholder {
  color: #c4c4d2;
}

.blog-details-content.content-8 form .form-group .form-control:-ms-input-placeholder {
  color: #c4c4d2;
}

.blog-details-content.content-8 form .form-group .form-control::-ms-input-placeholder {
  color: #c4c4d2;
}

.blog-details-content.content-8 form .form-group .form-control::placeholder {
  color: #c4c4d2;
}

.blog-details-content.content-9 .comments {
  margin-bottom: 40px;
}

.blog-details-content.content-9 .comments h3 {
  margin-bottom: 40px;
  margin-top: -11px;
  font-size: 25px;
}

.blog-details-content.content-9 .comments ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.blog-details-content.content-9 .comments ul li {
  position: relative;
  margin-bottom: 40px;
  padding-left: 100px;
}

.blog-details-content.content-9 .comments ul li:last-child {
  margin-bottom: 0;
}

.blog-details-content.content-9 .comments ul li img {
  margin-bottom: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.blog-details-content.content-9 .comments ul li h3 {
  margin-bottom: 5px;
  padding-bottom: 0;
  font-size: 16px;
  padding-left: 0;
  font-weight: 600;
}

.blog-details-content.content-9 .comments ul li h3::before {
  display: none;
}

.blog-details-content.content-9 .comments ul li span {
  display: block;
  margin-bottom: 15px;
}

.blog-details-content.content-9 .comments ul li a {
  font-size: 15px;
  font-weight: 600;
  color: #30296c;
}

.blog-details-content.content-9 .comments ul li a:hover {
  letter-spacing: 1px;
  color: var(--renk1);
}

.blog-details-content.content-9 .comments ul li a i {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

/* 
Services Details Area Style
=====================================================*/
.services-content {
  max-width: 930px;
  margin: auto;
}

.services-content .services-img {
  margin-bottom: 20px;
}

.services-content h3 {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 10px;
}

.services-content .ptb-30 {
  padding-top: 15px;
  padding-bottom: 20px;
}

.services-content .ptb-30 h3 {
  margin-top: -11px;
}

.services-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.services-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.services-content ul li:last-child {
  margin-bottom: 0;
}

.services-content ul li i {
  position: absolute;
  top: -4px;
  left: 0;
  color: var(--renk1);
  font-size: 20px;
}

/* 
Case Details Area Style
=====================================================*/
.case-content .case-img {
  margin-bottom: 20px;
}

.case-content span {
  color: var(--renk1);
}

.case-content h3 {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 10px;
}

.case-content .ptb-30 {
  padding-top: 15px;
  padding-bottom: 20px;
}

.case-content .ptb-30 h3 {
  margin-top: -11px;
}

.case-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.case-content ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.case-content ul li:last-child {
  margin-bottom: 0;
}

.case-content ul li i {
  position: absolute;
  top: -4px;
  left: 0;
  color: var(--renk1);
  font-size: 20px;
}

.case-sidebar {
  margin-left: 30px;
}

.case-sidebar h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.case-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.case-sidebar ul li {
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  color: #30296c;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
}

.case-sidebar ul li:last-child {
  margin-bottom: 0;
}

.case-sidebar ul li span {
  font-family: "Nunito", sans-serif;
  color: #696687;
  font-size: 17px;
  position: absolute;
  top: 1px;
  left: 170px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.case-sidebar ul li a:hover span {
  color: var(--renk1);
}

/*
Privacy Policy Style
=====================================================*/
.privacy-policy {
  max-width: 930px;
  margin: 0 auto -14px;
}

.privacy-policy .privacy-content {
  margin-bottom: 30px;
}

.privacy-policy .privacy-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.privacy-policy .privacy-content p {
  margin-bottom: 10px;
}

.privacy-policy .privacy-content ul {
  margin-top: 20px;
}

.privacy-policy .privacy-content ul li {
  margin-bottom: 10px;
}

.privacy-policy .privacy-content ul li:last-child {
  margin-bottom: 0;
}

.privacy-policy .privacy-content ul li::marker {
  color: var(--renk1);
}

.privacy-policy .privacy-content.content-8 {
  margin-bottom: 0;
}

/*
Partner Details Style
=====================================================*/
.partner-details {
  max-width: 930px;
  margin: 0 auto -14px;
}

.partner-details .partner-content {
  margin-bottom: 30px;
}

.partner-details .partner-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.partner-details .partner-content p {
  margin-bottom: 10px;
}

.partner-details .partner-content ul {
  margin-top: 20px;
}

.partner-details .partner-content ul li {
  margin-bottom: 10px;
}

.partner-details .partner-content ul li:last-child {
  margin-bottom: 0;
}

.partner-details .partner-content ul li::marker {
  color: var(--renk1);
}

.partner-details .partner-content.content-8 {
  margin-bottom: 0;
}

.partner-details .partner-content img {
  margin-bottom: 20px;
}

/*
Terms-conditions Style
=====================================================*/
.terms-conditions {
  max-width: 930px;
  margin: 0 auto -14px;
}

.terms-conditions .terms-content {
  margin-bottom: 30px;
}

.terms-conditions .terms-content h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.terms-conditions .terms-content p {
  margin-bottom: 10px;
}

.terms-conditions .terms-content ul {
  margin-top: 20px;
}

.terms-conditions .terms-content ul li {
  margin-bottom: 10px;
}

.terms-conditions .terms-content ul li:last-child {
  margin-bottom: 0;
}

.terms-conditions .terms-content ul li::marker {
  color: var(--renk1);
}

.terms-conditions .terms-content.content-8 {
  margin-bottom: 0;
}

/*
Coming Soon Area CSS
=====================================================*/
.coming-soon-area {
  height: 100vh;
  position: relative;
  background-image: url(../images/coming-soon-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.coming-soon-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  z-index: -1;
}

.coming-soon-area .coming-soon-content {
  max-width: 700px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 40px 60px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

.coming-soon-area .coming-soon-content .logo {
  display: inline-block;
}

.coming-soon-area .coming-soon-content h2 {
  font-size: 48px;
  margin-top: -10px;
  margin-bottom: 0;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 40px;
}

.coming-soon-area .coming-soon-content #timer div {
  border: 4px solid var(--renk1);
  color: var(--renk1);
  width: 100px;
  height: 105px;
  border-radius: 5px;
  font-size: 40px;
  font-weight: 800;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 20px 0 20px 0;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  margin-top: -2px;
  font-size: 17px;
  font-weight: 600;
}

.coming-soon-area .coming-soon-content form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content form .form-group {
  margin-bottom: 25px;
  width: 100%;
  position: relative;
}

.coming-soon-area .coming-soon-content form .form-group .label-title {
  margin-bottom: 0;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  color: #30296c;
}

.coming-soon-area .coming-soon-content form .form-group .label-title i {
  position: absolute;
  left: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  top: 9px;
  font-size: 22px;
}

.coming-soon-area .coming-soon-content form .form-group .label-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background: var(--renk1);
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter {
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #30296c;
  height: 50px;
  display: block;
  width: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 16px;
  font-weight: 400;
  background-color: #ffffff;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter::placeholder {
  color: #696687;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus {
  border-color: var(--renk1);
  outline: 0 !important;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .form-group .input-newsletter:focus::placeholder {
  color: transparent;
}

.coming-soon-area .coming-soon-content form .default-btn {
  border-radius: 0;
  position: relative;
  height: 46px;
  line-height: 0;
}

.coming-soon-area .coming-soon-content form .default-btn::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content form .validation-danger {
  margin-top: 15px;
  color: #ff0000;
}

.coming-soon-area .coming-soon-content form .validation-success {
  margin-top: 15px;
}

.coming-soon-area .coming-soon-content form p {
  margin-bottom: 0;
  margin-top: 20px;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  position: absolute;
  top: 2px;
  right: 2px;
}

.coming-soon-area .online-treatment-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}

.coming-soon-area .online-treatment-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
404 Error Area Style
=====================================================*/
.error-area {
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #e9fcff;
}

.error-area .error-content {
  z-index: 1;
  position: relative;
}

.error-area .error-content h1 {
  font-size: 300px;
  line-height: 1;
  font-weight: 700;
  color: var(--renk1);
  margin-top: -48px;
}

.error-area .error-content h1 .a {
  display: inline-block;
}

.error-area .error-content h1 .red {
  color: #ff0000;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.error-area .error-content h1 .b {
  display: inline-block;
}

.error-area .error-content h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}

.error-area .error-content p {
  margin: 20px 0 20px;
  font-size: 19px;
  color: var(--renk1);
}

/*====================================================
OTHERS STYLE AREA
=====================================================*/
/*
Preloader Area Style*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 99999;
}

.preloader .lds-ripple {
  position: absolute;
  width: 80px;
  height: 80px;
  -webkit-animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
          animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-40px, -50px);
          transform: translate(-40px, -50px);
}

.preloader .preloader-container {
  width: 80px;
  height: 80px;
}

.preloader .pl-spark-1 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin: 0 auto 18px auto;
  position: relative;
  width: 50px;
  height: 50px;
}

.preloader .pl-spark-1:before, .preloader .pl-spark-1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: var(--renk1);
  display: block;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.preloader .pl-spark-1.pl-spark-2:before {
  -webkit-animation-name: scaleA;
          animation-name: scaleA;
}

.preloader .pl-spark-1.pl-spark-2:after {
  -webkit-animation-name: scaleB;
          animation-name: scaleB;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

@-webkit-keyframes scaleA {
  from, 50%, to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}

@keyframes scaleA {
  from, 50%, to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%, 75% {
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}

@-webkit-keyframes scaleB {
  from, 50%, to {
    -webkit-transform: rotate(90deg) scale(0);
            transform: rotate(90deg) scale(0);
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(90deg) scale(-1);
            transform: rotate(90deg) scale(-1);
  }
}

@keyframes scaleB {
  from, 50%, to {
    -webkit-transform: rotate(90deg) scale(0);
            transform: rotate(90deg) scale(0);
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(90deg) scale(1);
            transform: rotate(90deg) scale(1);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(90deg) scale(-1);
            transform: rotate(90deg) scale(-1);
  }
}

/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  right: 3%;
  top: 87%;
  background-color: var(--renk1);
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  -webkit-transform: scale(0);
          transform: scale(0);
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--renk1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: var(--renk1);
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 84%;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*
Video wave Style*/
.video-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 0;
  color: var(--renk1);
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: rgba(98, 189, 94, 0.8);
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.video-btn i {
  font-size: 42px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
  background-color: rgba(98, 189, 94, 0.8);
}

.video-btn:hover {
  background-color: rgba(27, 27, 27, 0.8);
}

.video-btn:hover::before, .video-btn:hover::after {
  background-color: rgba(27, 27, 27, 0.8);
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*
Nice select Area Style*/
.nice-select .list {
  width: 100%;
  border-radius: 0;
  height: 200px;
  overflow-y: scroll;
}

.nice-select .option:hover {
  background-color: var(--renk1);
  color: #ffffff;
}

.nice-select .option.selected.focus {
  color: var(--renk1);
}

.nice-select .current {
  font-size: 16px;
}

/*
Page-navigation Area Style*/
.pagination-area {
  margin-top: 10px;
}

.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #30296c;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 17px;
  background-color: #f9fbfe;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #ebebeb;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;
  border-color: var(--renk1);
  background-color: var(--renk1);
}

.pagination-area .page-numbers i {
  font-size: 20px;
}

.pagination-area .page-numbers.next {
  top: 3px;
}

.pagination-area .page-numbers.current {
  color: #ffffff;
  border-color: var(--renk1);
  background-color: var(--renk1);
}

/*
Keyframes Area Style
======================================================*/
@-webkit-keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes FocuS {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes FocuS {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}
/*# sourceMappingURL=style.css.map */